@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900);
  @import url(http://fonts.googleapis.com/css?family=Lobster);
  @import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700);
  @import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);
  @import url(http://fonts.googleapis.com/css?family=Titillium+Web:200,300,600,400,700,900);
  @import url(http://fonts.googleapis.com/css?family=Bentham);
  @import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,200,300,600,700,900);
  @import url(http://fonts.googleapis.com/css?family=Quando);


  body {
      font-family: 'Lato', sans-serif !important;
      font-size: 13px;
      color: #59595b;
      background-size: cover !important;
  }

  .serif {
      font-family: 'Roboto Slab', serif;
  }

  #content {}

  /* Animation */
  a, a:hover
  .portfolioFilter a,
  .portfolioFilter a:hover,
  #isHome .portfolioFilter a,
  #isHome .portfolioFilter a:hover,
  #banner .carousel-indicators li,
  #banner .carousel-indicators li:hover,
  .portfolioContainer figure .see-more.more-btn a,
  .portfolioContainer figure .see-more.more-btn a:hover,
  .tabs1 li, .tabs1 li:hover,
  .socialHeader li:hover:nth-child(1),
  .socialHeader li,
  .socialFooter li,
  .socialFooter li:hover,
  .menuFooter li a,
  .menuFooter li a:hover,
  .montePlano .botao,
  .montePlano .botao:hover,
  #web .blogs .b1 .tabs li,
  #web .blogs .b1 .tabs li:hover,
  #web .blogs .b1 .tabs li.active,
  #web .contatenos div,
  #web .contatenos div:hover,
  #marketing .consultoria .cont1 .tabing .tabs li,
  #marketing .consultoria .cont1 .tabing .tabs li:hover,
  #marketing .consultoria .cont1 .tabing .tabs li div,
  #producao .fotografia .cont1 .hover,
  #producao .fotografia .cont1 .caixa:hover .hover, #producao .fotografia .cont1 .caixa .hover,
  #contato .icons li:hover div, #contato .icons li, #contato .icons li:hover,
  #contato .formulario button, #contato .formulario button:hover,
  #web .hospedagem .cont1 .tabsweb li:first-child>div strong,
  #web .hospedagem .cont1 .tabsweb li:first-child:hover>div strong,
  #web .hospedagem .cont1 .tabsweb li:last-child>div strong,
  #web .hospedagem .cont1 .tabsweb li:last-child:hover>div strong,
  .tabs3 li .box, .tabs3 li:hover .box,
  #marketing .consultoria .cont2 .tabs2 li.active div.hover,
  #marketing .consultoria .cont2 .tabs2 li div.hover,
  #marketing .tabsRedes .tabs2 li img, #marketing .tabsRedes .tabs2 li:hover img,
  #marketing .feiras .cont2 .tabsfeira li, #marketing .feiras .cont2 .tabsfeira li:hover,
  #producao .redator .box .botao ,#producao .redator .box .botao:hover, #isHome .portfolioFilter a img, #banner .bg-home, #web .rees .imagem .blackMask, .new-area a .bt,
  .contentsPort .box .sliderloja a span, #producao .banners .cont2 .monitores li a img, #producao .banners .cont2 .monitores li a::after,
  #novo_projeto.orcamento-interno .box .dominio-existente{
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
  }

  #web .loja{
      padding: 0 0 100px 0;
  }

  .loja .new-area a img{
    max-width: 100%;
  }

  .two-box{ height: 970px; }
  .two-box .responsive{ display: none; }

  .new-area .item{ position: relative; overflow: hidden; height: 200px; border: 1px solid #dcdcdc; }
  .new-area .item img{ max-width: 100%; }
  .new-area a{ position: absolute; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .7); top: 0; left: 0; opacity: 0; }
  .new-area a:hover{ opacity: 1; }
  .new-area a .nome{ position: absolute; left: 50%; top: 40%;  -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); text-transform: uppercase; color: #fff; font-size: 18px; text-align: center; width: 100%; }
  .new-area a .bt{ position: absolute; left: 50%; top: 60%;  -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); text-align: center; width: 80%; color: #fff; background-color: #a12129; padding: 10px; text-transform: uppercase; font-size: 14px; }
  .new-area a .bt:hover{ background-color: #333; }

  .two-box{ position: relative; z-index: 1; overflow: hidden; }

  .two-box .compare-label {
    position: absolute;
    left: 24px;
    bottom: 28px;
    z-index: 5;
    background: rgba(0,0,0,.72);
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    letter-spacing: .04em;
    text-transform: uppercase;
    padding: 10px 16px;
  }
  .two-box .box-2 .compare-label { background: rgba(161,33,41,.9); }

  .two-box .box-1{
    z-index: 3;
    position: relative;
    width: 50%;
    background: #111 url(../img/antes.jpg) no-repeat center top / cover;
    height: 970px;
    float: left;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
  }

  .two-box .box-1 .hover{
    background: url(../img/site_antes.jpg) no-repeat center top / cover;
    width: 100%;
    height: 970px;
    display: block;
    opacity: 0;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
  }

  .two-box .box-1:hover .hover{ opacity: 1; }

  .two-box .box-2{
    z-index: 3;
    position: relative;
    width: 50%;
    background: #111 url(../img/depois.jpg) no-repeat center top / cover;
    height: 970px;
    float: right;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
  }

  .two-box .box-2 .hover{
    background: url(../img/site_depois.jpg) no-repeat center top / cover;
    width: 100%;
    height: 970px;
    display: block;
    opacity: 0;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
  }

  .two-box .box-2:hover .hover{ opacity: 1; }

  .width75{ width: 75%!important;
   -webkit-transition: all 0.6s ease 0s;
   -moz-transition: all 0.6s ease 0s;
   -ms-transition: all 0.6s ease 0s;
   -o-transition: all 0.6s ease 0s;
   transition: all 0.6s ease 0s;
   }

  .width25{ width: 25%!important;
   -webkit-transition: all 0.6s ease 0s;
   -moz-transition: all 0.6s ease 0s;
   -ms-transition: all 0.6s ease 0s;
   -o-transition: all 0.6s ease 0s;
   transition: all 0.6s ease 0s;
   }

  .two-box .box-2 a, .two-box .box-1 a{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

  .hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
    -webkit-animation-name: hvr-wobble-vertical;
    animation-name: hvr-wobble-vertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
  }

  .hvr-wobble-vertical {
      display: inline-block;
      vertical-align: middle;
      -webkit-transform: perspective(1px) translateZ(0);
      transform: perspective(1px) translateZ(0);
      box-shadow: 0 0 1px transparent;
  }

  a:hover,
  a:focus {
      text-decoration: none;
      color: inherit;
  }

  a {
      text-decoration: none;
      color: inherit;
  }

  .rel {
      position: relative;
  }

  .clear {
      clear: both;
  }


  .carousel-control.left {
      background-image: none;
      background-image: none;
      background-image: none;
      background-image: none;
      filter: none;
      background-repeat: repeat-x;
  }

  .carousel-control.right {
      right: 0;
      left: auto;
      background-image: none;
      background-image: none;
      background-image: none;
      background-image: none;
      filter: none;
      background-repeat: repeat-x;
  }
  /*=======================================* HEADER *==================================================*/

  .topo {
      height: 125px;
      z-index: 2;
      width: 100%;
      position: absolute;
      width: 100%;
      transition: all 0.4s ease;
      -moz-box-shadow: 0px 4px 5px 0px rgba(50, 50, 50, 0.2);
  }

  .topo-portifolio{
    background-color: #a12129;
    position: relative!important;
  }

  .topo .orcamental {
    background: transparent!important;
    color: #fff!important;
  }

  .topo .orcamental a{
      float: right;
  }
  .topo .orcamental a.tel-1{
    margin-top: -15px;
  }

  .menu-portifolio .megaMenu{
    top: -12px;
  }


  .topo.sticky {
      position: fixed;
  }

  .logoHeader {
      position: absolute;
      top: 25px;
      transition: all 0.4s ease;
      z-index: 999;
  }

  .sticky .logoHeader {
      height: 55px;
      width: 71px;
      top: 6px;
  }

  .logoHeader img {
      height: auto;
  }

  .menuHeader {
      position: absolute;
      top: 70px;
      left: 47%;
      width: 640px;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
  }

  .sticky .menuHeader {
      position: absolute;
      top: 10px;
      width: 670px;
  }

  .sticky .menuHeader .navbar-nav {
      border-bottom: 0px solid #4d4e50;
  }

  .menuHeader li {
      text-transform: uppercase;
      padding: 0px 10px;
  }

  .sticky .menuHeader li:hover {
      /*border-bottom: 1px solid #fff;*/
  }

  .sticky .menuHeader li:first-child {
      padding-left: 15px;
  }

  .sticky .menuHeader li:last-child {
      padding-right: 15px;
  }

  .menuHeader li:first-child {
      padding-left: 0px;
  }

  .menuHeader li:last-child {
      padding-right: 0px;
  }

  .menuHeader .navbar {
      position: relative;
      min-height: 0px;
      margin-bottom: 0px;
      border: 1px solid transparent;
  }

  .menuHeader li a {
      color: #fff;
      padding: 10px 0px;
  }

  .menu2 .menuHeader .navbar-default .navbar-nav>li>a {
      color: #fff;
  }

  .menuHeader .navbar-default .navbar-nav>li>a {
      color: #fff;
  }

  .menu2 .menuHeader .navbar-default .navbar-nav>li>a:hover,
  .navbar-default .navbar-nav>li>a:focus {
      color: #fff;
      background-color: transparent;
  }

  .menuHeader .navbar-default .navbar-nav>li>a:hover,
  .navbar-default .navbar-nav>li>a:focus {
      color: #fff;
      background-color: transparent;
  }

  .menuHeader .navbar-default {
      background-color: transparent;
      border-color: transparent;
  }

  .menuHeader .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }

  .menuHeader .nav>li>a {
      position: relative;
      display: block;
      padding: 10px 0px;
  }

  .menuHeader .navbar-nav {
      float: left;
      margin: 0px -15px;
      border-bottom: 2px solid rgba(255, 255, 255, 0.5);
  }

  .hvr-overline-from-left:before {
      content: "";
      position: absolute;
      z-index: -1;
      left: 0;
      right: 100%;
      top: 0;
      background: #fff;
      height: 2px;
      -webkit-transition-property: right;
      transition-property: right;
      -webkit-transition-duration: 0.3s;
      transition-duration: 0.3s;
      -webkit-transition-timing-function: ease-out;
      transition-timing-function: ease-out;
  }

  .socialHeader {
      position: absolute;
      right: 15px;
      top: 68px;
  }

  .socialHeader ul {
      padding-left: 0px;
      margin-bottom: 0;
      list-style: none;
  }

  .orcamental {
      width: 150px!important;
      background: #A12129!important;
      color: #fff!important;
      text-align: center;
      text-transform: uppercase;
      font-size: 20px !important;
      padding-top: 1px !important;
  }

  .tel-1-footer{
    float: left!important;
  }

/*  .orcamental:hover {
      background: #333!important;
      color: #fff!important;
  }*/

  .tooltip {
      position: relative;
      display: inline-block;
      opacity: 1;
  }

  .tooltip .tooltiptext {
      visibility: hidden;
      width: 120px;
      background-color: #555;
      color: #fff;
      text-align: center;
      border-radius: 6px;
      padding: 5px 0;
      position: absolute;
      z-index: 1;
      bottom: 125%;
      left: 50%;
      margin-left: -60px;
      opacity: 0;
      transition: opacity 1s;
  }

  .tooltip .tooltiptext>a {
      color: #fff;
  }

  .tooltip .tooltiptext::after {
      content: "";
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: #555 transparent transparent transparent;
  }

  .tooltip:hover .tooltiptext {
      visibility: visible;
      opacity: 1;
  }

  .socialHeader li {
      padding: 4px 0px;
      display: inline-block;
      margin-left: 3px;
      background: transparent;
      width: 35.3px;
      height: 32px;
      color: #fff;
      text-align: center;
      font-size: 18px;
      margin-top: 5px
  }

  .socialHeader li.orcamental{
    float: right;
  }

  .portfolioContainer { position: relative; }

  .socialHeader li div {
      height: 32px;
      width: 32px;
      -webkit-transition: all .2s ease-in-out;
      -moz-transition: all .2s ease-in-out;
      -o-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out;
  }

  .socialHeader li:hover:nth-child(1) {
      background: #4d62ab;
      color: #fff;
  }

  .socialHeader li:hover:nth-child(2) {
      background: #322d2f;
      color: #fff;
  }

  .socialHeader li:hover:nth-child(3) {
      background: #ce1700;
      color: #fff;
  }

  .socialHeader li:hover:nth-child(4) {
      background: #3671b2;
      color: #fff;
  }

  .socialHeader li:hover:nth-child(5) {
      color: #fff;
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4d701+0,f10919+42,7e38b4+100 */
      background: #f4d701;
      /* Old browsers */
      background: -moz-linear-gradient(45deg, #f4d701 0%, #f10919 42%, #7e38b4 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(45deg, #f4d701 0%, #f10919 42%, #7e38b4 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(45deg, #f4d701 0%, #f10919 42%, #7e38b4 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4d701', endColorstr='#7e38b4', GradientType=1);
      /* IE6-9 fallback on horizontal gradient */
  }

  .menu2 .socialHeader {
      display: block;
  }

  .socialHeader {
      display: inline-block;
  }

  .sticky .socialHeader {
      display: block;
      position: absolute;
      top: 11px;
  }

  .sticky .socialHeader .society {
      display: none;
  }

  .sticky .socialHeader .orcamental {
      padding: 5px 0;
      display: block;
      background: #fff !important;
      color: #A12129 !important;
      width: 200px !important;
  }

  .socialFooter {
      margin-top: 70px;
  }

  .socialFooter ul {
      padding-left: 0px;
      margin-bottom: 0px;
      list-style: none;
  }

  .socialFooter ul:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
  }

  .socialFooter li {
      padding: 4px 0px;
      display: inline-block;
      margin-right: 15px;
      background: #fff;
      width: 32px;
      height: 32px;
      color: #999;
      text-align: center;
      font-size: 18px;
  }

  .socialFooter li:hover:nth-child(1) {
      background: #4d62ab;
      color: #fff;
  }

  .socialFooter li:hover:nth-child(2) {
      background: #322d2f;
      color: #fff;
  }

  .socialFooter li:hover:nth-child(3) {
      background: #ce1700;
      color: #fff;
  }

  .socialFooter li:hover:nth-child(4) {
      background: #3671b2;
      color: #fff;
  }

  .socialFooter li:hover:nth-child(5) {
      color: #fff;
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4d701+0,f10919+42,7e38b4+100 */
      background: #f4d701;
      /* Old browsers */
      background: -moz-linear-gradient(45deg, #f4d701 0%, #f10919 42%, #7e38b4 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(45deg, #f4d701 0%, #f10919 42%, #7e38b4 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(45deg, #f4d701 0%, #f10919 42%, #7e38b4 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4d701', endColorstr='#7e38b4', GradientType=1);
      /* IE6-9 fallback on horizontal gradient */
  }

  .menu2 .socialFooter {
      display: block;
  }

  .sticky .socialFooter {
      display: block;
      position: absolute;
      top: 16px;
  }

  .sticky .startHeader {
      display: none;
  }

  .startHeader {
      text-transform: uppercase;
      color: #000;
      background-color: #fff;
      position: absolute;
      left: 50%;
      top: 70px;
      margin-left: 429px;
      padding: 8px 17px;
      font-size: 16px;
      font-weight: 600;
      transition: all 0.4s ease;
  }

  .hvr-bounce-to-right:before {
      content: "";
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: #a12129;
      -webkit-transform: scaleX(0);
      transform: scaleX(0);
      -webkit-transform-origin: 0 50%;
      transform-origin: 0 50%;
      -webkit-transition-property: transform;
      transition-property: transform;
      -webkit-transition-duration: 0.5s;
      transition-duration: 0.5s;
      -webkit-transition-timing-function: ease-out;
      transition-timing-function: ease-out;
  }

  .topo.sticky {
      height: 65px;
      background: #A12129;
      z-index: 999;
  }

  .megaMenu {
      position: absolute;
      top: 110px;
      z-index: 9999;
      background-color: #fff;
      width: 1206px;
      padding: 30px;
  }

  .tabs1 ul {
      padding-left: 0px;
      margin-bottom: 0px;
      list-style: none;
  }

  .tabs1 li {
      display: inline-block;
      width: 25%;
      margin-left: -4px;
      text-align: center;
      font-size: 30px;
      font-weight: 300;
      text-transform: uppercase;
      cursor: pointer;
      -webkit-transition: all .2s ease-in-out;
      -moz-transition: all .2s ease-in-out;
      -o-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out;
  }

  .tabs1 li:nth-child(2) {
      width: 50%;
  }

  .tabs1 li:hover {
      font-weight: 400;
      color: #000;
  }

  .contents1 div {
      display: none;
      border-top: 1px solid #ddd;
      margin-top: 30px;
      padding-top: 20px;
      padding-bottom: 50px;
      position: absolute;
      left: -9999px;
  }

  .contents1 div.open {
      display: block;
      position: inherit;
  }

  .contents3 .box {
      display: none;
      border-top: 0px solid #ddd;
      padding-top: 50px;
      padding-bottom: 50px;
      position: absolute;
      left: -9999px;
      background: #f1f1f1;
      margin-top: -4px;
  }

  .contents3 .box.open {
      display: block;
      position: inherit;
  }

  .contentsPort .box {
      visibility: hidden;
      position: absolute;
      left: -9999px;
      top: 0px;
  }

  .contentsPort .box .sliderloja a {
    position: relative;
    display: block;
  }  

  .contentsPort .box .sliderloja a span {
    background-color: #fff;
    color: #333;
    width: 200px;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    padding: 8px 0;
    border-radius: 30px;
    font-size: 20px;
    position: absolute; 
    top: 78%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  } 

  .contentsPort .box .sliderloja a span:hover {
    background-color: rgba(0, 0, 0, .9);
    color: #fff;
  }    

  .contentsPort .box .sliderloja h2 {
      text-align: center;
      text-transform: uppercase;
      font-size: 18px;
      background-color: #333;
      margin: 0;
      padding: 20px 10px;
      color: #fff;
  }

  .contentsPort .box.open {
      visibility: visible;
      position: inherit;
  }

  .contents3 .container div:last-child ul {
      border-right: 0px;
  }

  .contents3 li img {
      height: 20px;
      width: 20px;
      margin-top: -2px;
      margin-right: 5px;
  }

  .contents3 ul {
      padding-left: 0px;
      margin-bottom: 0px;
      list-style: none;
      border-right: 1px solid #dedee0;
  }

  .contents3 li {
      display: block;
      font-size: 17px;
      margin-bottom: 7px;
  }

  .contents4 .box {
      display: none;
      border-top: 0px solid #ddd;
      padding-top: 50px;
      padding-bottom: 50px;
      /*position: absolute;*/
      /*left: -9999px;*/
      /*background: #f1f1f1;*/
      margin-top: -4px;
  }

  .contents4 .box.open {
      display: block;
      position: inherit;
  }

  .contents4 .container div:last-child ul {
      border-right: 0px;
  }

  .tabs1 li.active span {
      color: #000;
      font-weight: 400;
      border-top: 5px solid;
      -webkit-border-image: url('../img/active_adwords.png') 30 30 round;
      -o-border-image: url('../img/active_adwords.png') 30 30 round;
      border-image: url('../img/active_adwords.png') 30 30 round;
      border-bottom: 0;
      border-left: 0;
      border-right: 0;
  }

  .tabs1 li:nth-child(1).active span {
      color: #000;
      font-weight: 400;
      border-top: 5px solid;
      -webkit-border-image: url('../img/active_host.png') 30 30 round;
      -o-border-image: url('../img/active_host.png') 30 30 round;
      border-image: url('../img/active_host.png') 30 30 round;
      border-bottom: 0;
      border-left: 0;
      border-right: 0;
  }

  .tabs1 li:nth-child(2).active span {
      color: #000;
      font-weight: 400;
      border-top: 5px solid;
      -webkit-border-image: url('../img/active_adwords.png') 30 30 round;
      -o-border-image: url('../img/active_adwords.png') 30 30 round;
      border-image: url('../img/active_adwords.png') 30 30 round;
      border-bottom: 0;
      border-left: 0;
      border-right: 0;
  }

  .tabs1 li:nth-child(3).active span {
      color: #000;
      font-weight: 400;
      border-top: 5px solid;
      -webkit-border-image: url('../img/active_fotografia.png') 30 30 round;
      -o-border-image: url('../img/active_fotografia.png') 30 30 round;
      border-image: url('../img/active_fotografia.png') 30 30 round;
      border-bottom: 0;
      border-left: 0;
      border-right: 0;
  }

  .contents1 {}

  .contents1 ul {
      padding-left: 0px;
      margin-bottom: 0px;
      list-style: none;
  }

  .contents1 li {
      width: 220px;
      display: inline-block;
      text-align: center;
      font-size: 14px;
      text-transform: uppercase;
      /*padding: 0px 18px;*/
      opacity: .4;
      cursor: pointer;
      -webkit-transition: all .2s ease-in-out;
      -moz-transition: all .2s ease-in-out;
      -o-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out;
      position: relative;
  }

  .contents1 li:hover, .contents1 li.active{
      opacity: 1;
  }

  .contents1 li:first-child {
      padding-left: 0px;
  }

  .contents1 li:last-child {
      padding-right: 0px;
  }

  .contents1 li img {
      display: block;
      margin: 0 auto;
  }

  .contents1 li:first-child span {
      left: 0;
  }

  .contents1 li:last-child span {
      right: 0;
  }

  .contents1 li span {
      width: 100%;
  }

  .megaMenu {
      display: none;
  }

  .sticky.menuDrop {
      position: fixed;
      z-index: 10;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      top: -45px;
  }

  .sticky .megaMenu {
      -webkit-box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.5);
      box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.5);
  }

  .topo .logo2 {
      display: block;
  }

  .topo .logo1 {
      display: none;
  }

  .topo.menu2 .logo1 {
      display: block;
  }

  .topo.menu2 .logo2 {
      display: none;
  }

  #isHome .topo {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
  }

  #isHome .portfolioFilter li {
      display: block;
      padding: 8% 10px;
  }

  #isHome .portfolioFilter ul {
      padding-left: 0px;
      list-style: none;
      margin-bottom: 0px;
      position: relative;
  }

/*  #isHome .portfolioFilter ul li.confira{
    position: absolute;
    right: 0px;
    top: 0;
    background-color: #4397dd;
    width: 32%;
    height: 145px;
    padding: 35px 20px;
  }
  #isHome .portfolioFilter ul li.confira a{
    color: #fff!important;
    text-align: center;
    font-size: 30px;
  }*/

  #isHome .portfolioFilter img {
      margin-right: 5px;
      display: block;
      margin: 0 auto;
      filter: saturate(0);
      max-width: 100%;
      height: auto;
      padding: 0px 32%;
  }

  #isHome .portfolioFilter a {
      color: #8C8C8C;
      display: block;
      text-decoration: none;
      font-weight: 600;
      letter-spacing: 0;
      font-size: 12px;
      margin: 5px 5px;
  }

#isHome .portfolioFilter a.confira img {
    width: 55%;
    height: auto;
    margin: -15px;
    filter: saturate(1);
    display: block;
    margin: -35px auto -10px;
    padding: 0;
}

  #isHome .portfolioFilter a:hover, #isHome .portfolioFilter a.current {
    color: #A12129;
  }

  #isHome .portfolioFilter a.current img{
    filter: saturate(.6);
  }


  .sticky.topo .logo1 {
      display: block;
  }

  .sticky.topo .logo2 {
      display: none;
  }

  .sticky.topo {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
  }

  .megaMenu {
      -webkit-box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.5);
      box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.5);
  }

  .sticky .menuHeader .navbar-default .navbar-nav>li>a:hover,
  .navbar-default .navbar-nav>li>a:focus {
      color: #fff;
      background-color: transparent;
  }

  .sticky .menuHeader .navbar-default .navbar-nav>li>a {
      color: #fff;
  }

  .tabsPortal {
      margin-top: 30px;
  }
  /*=======================================* FIM HEADER *==============================================*/
  /*=======================================*  HOME *==============================================*/

  .darkBanner {
      background: #000;
      height: 125px;
  }

  #banner .bg-home {
    height: 816px;
  }

  #banner img {
      width: 100%;
  }

  #banner .maskBanner {
      background: url('../img/img_background.png') center center repeat;
      height: 100% !important;
      width: 100%;
      z-index: 1;
      position: absolute;
      opacity: .7;
  }

  #banner .texto {
      z-index: 5;
      color: #fff;
      width: 880px;
      text-align: center;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  }

  #banner .texto .titulo-banner {
      font-family: 'Oswald', serif;
      text-transform: uppercase;
      font-weight: 900;
      font-size: 90px;
      text-align: center;
      padding-bottom: 20px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.4);
      display: inline-block;
      line-height: 105px;
  }

  #banner .texto .titulo-banner.special{
      font-weight: 900; text-align: left;  
      border: 0 none;
      line-height: 55px;
      position: relative;
  }  

  #banner .texto .titulo-banner.special.s1{ left: 115px; }  
  #banner .texto .titulo-banner.special.s2{  }  
  #banner .texto .titulo-banner.special.s3{ left: -195px; }  

  #banner .texto .titulo-banner span { color: #A12129; }

  #banner .texto .titulo-banner span .seta-banner{ width: 35px; margin-right: 10px; margin-top: -20px; margin-left: 3px; }  
  #banner .texto .titulo-banner span .fox-banner{ width: 175px; margin-top: -20px; margin-left: -15px; }  

  #banner .texto .txt-banner {
      font-weight: 300;
      text-transform: uppercase;
      line-height: 40px;
      margin-top: 10px;
  }

  #banner .texto .txt-banner strong {
      font-weight: 400;
  }

  #banner .texto .call-to-action{
    padding: 15px 25px;
    font-size: 22px;
    background-color: #A12129;
    text-transform: uppercase;
    margin: 30px auto 0;
    display: inline-block;
  }

  #banner .texto .call-to-action:hover{
    background-color: #333;
  }

  .bannerFull {
      width: 100%;
      overflow: hidden;
  }

  .bannerHide {
      width: 2000px;
      height: 720px;
      left: 50%;
      position: relative;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
  }

  .bannerFull1 {
      width: 100%;
      overflow: hidden;
  }

  .bannerHide1 {
      width: 2000px;
      height: auto;
      left: 50%;
      position: relative;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
  }

  .bannerFullPage {
      width: 100%;
  }

  body:hover .bannerFullPage {
      -moz-transition: all 35s;
      -webkit-transition: all 35s;
      transition: all 35s;
      -moz-transform: scale(1.5, 1.5);
      -webkit-transform: scale(1.5, 1.5);
      transform: scale(1.5, 1.5);
  }

  #portifolioHome {}

  #portifolioHome .tabs {
      padding: 15px 0 25px;
      background: #f2f2f2;
      padding-top: 65px;
      margin-top: -65px;
  }

  #portifolioHome .contents ul {
      padding-left: 0px;
      margin-bottom: 0px;
      list-style: none;
  }

  #portifolioHome .contents li {
      padding-left: 0px;
      padding-right: 0px;
      /*float: left;*/
      /* width: 20%!important;*/
      /* position: relative;*/
  }

  #portifolioHome .contents .col-md-2-2 {
      /*float: left;*/
      /*  width: 20%;
  padding-left: 0px;
  padding-right: 0px;*/
      /* position: relative;*/
  }

  #portifolioHome .contents li .hover {
      /*padding: 10% 0px 0px;*/
      opacity: 0;
      position: absolute;
      bottom: 0px;
      width: 100%;
      height: 50%;
      text-shadow: -1px 1px 2px rgba(150, 150, 150, 1);
      background: rgba(228, 31, 38, 0.9);
      color: #fff;
      -webkit-transition: all .2s ease-in-out;
      -moz-transition: all .2s ease-in-out;
      -o-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out;
      text-align: center;
      cursor: pointer;
  }

  #portifolioHome .contents li:hover .hover {
      opacity: 1;
  }

  #portifolioHome .contents li .hover .titulo {
      font-weight: 900;
      font-size: 25px;
      text-transform: uppercase;
      width: 100%;
      margin: 0 auto;
      line-height: 29px;
  }

  #portifolioHome .contents li .hover .texto {
      /* font-weight: 900; */
      font-size: 14px;
      font-weight: 300;
      text-transform: uppercase;
      width: 168px;
      margin: 0 auto;
      line-height: 20px;
      margin-top: 12px;
  }

  #portifolioHome .contents li img {
      height: auto;
      width: 100%;
  }

  #portifolioHome .relin {
      position: relative;
      height: 100%;
      width: 100%;
  }

  #portifolioHome .relin .center {
      position: absolute;
      top: 50%;
      width: 100%;
      text-align: center;
  }

  .tabs {
      padding: 15px 0 25px;
      background: #f2f2f2;
      /*padding-top: 65px;*/
      /*margin-top: -65px;*/
  }

  .tabs ul {
      padding-left: 0px;
      list-style: none;
      margin-bottom: 0px;
      text-align: center;
  }

  .tabs li {
      display: inline-block;
      text-transform: uppercase;
      font-weight: 900;
      margin-left: 20px;
      cursor: pointer;
      margin-right: 20px;
  }

  .tabs li:hover {
      color: #a12129;
  }

  .tabs li.active {
      color: #a12129;
  }

  .tabs li:hover span {
      filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
      -webkit-filter: grayscale(0%);
      filter: grayscale(0%);
  }

  .tabs li.active span {
      filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
      -webkit-filter: grayscale(0%);
      filter: grayscale(0%);
  }

  .tabs li span {
      -webkit-transition: all .2s ease-in-out;
      -moz-transition: all .2s ease-in-out;
      -o-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out;
      height: 75px;
      width: 75px;
      margin-right: 5px;
      position: relative;
      top: 3px;
      display: block;
      filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
      /* Firefox 10+, Firefox on Android */
      filter: gray;
      /* IE6-9 */
      -webkit-filter: grayscale(100%);
      /* Chrome 19+, Safari 6+, Safari 6+ iOS */
      filter: grayscale(100%);
  }

  .tabs li .ft1 {
      background: url('../img/icon_01.png') center center no-repeat;
  }

  .tabs li .ft2 {
      background: url('../img/icon_02.png') center center no-repeat;
  }

  .tabs li .ft3 {
      background: url('../img/icon_03.png') center center no-repeat;
  }

  .tabs li .ft4 {
      background: url('../img/icon_04.png') center center no-repeat;
  }

  .tabs li .ft5 {
      background: url('../img/icon_05.png') center center no-repeat;
  }

  .tabs li .ft6 {
      background: url('../img/icon_06.png') center center no-repeat;
  }

  .tabs li .ft7 {
      background: url('../img/icon_07.png') center center no-repeat;
  }

  .tabs li .ft8 {
      /*background: url('http://placehold.it/75x75') center center no-repeat;*/
      background: url('../img/icon_08.png') center center no-repeat;
  }

  .tabs li .ft9 {
      background: url('http://placehold.it/75x75') center center no-repeat;
      /*background: url('../img/icon_08.png') center center no-repeat;*/
  }

  .contents>div {
      display: none;
      position: absolute;
      top: 0px;
      left: -9999px;
  }

  .contents>div.open {
      display: block;
      position: inherit;
      top: 0;
      left: 0;
  }

  .contents img:hover {
      opacity: 1;
  }
  /*=======================================* FIM HOME *==============================================*/
  /*=======================================* FOOTER *==============================================*/

  #rodape {
      padding: 30px 0;
      background: #333;
      position: absolute;
      width: 100%;
      background-size: cover !important;
  }

  #rodape .maskRodape {
      background: #333;
      height: 100%;
      width: 100%;
      z-index: 1;
      position: absolute;
      top: 0px;
      opacity: .9;
  }

  #rodape .conteudo {
      position: relative;
      z-index: 2;
      color: #fff;
  }

  #rodape .telefone{
    padding: 10px 0 0;
    float: right;
    color: white;
    font-size: 14px;
    font-weight: 400;
    margin-top: 20px;
  }

  #rodape .telefone p{
    text-align: right;
    margin: 0;
  }

  #rodape .telefone p span{
    margin-right: 10px;
    color: #A12129;
  }

  .logoFooter {
      margin-bottom: 10px;
  }

  .localFooter {
      letter-spacing: 1.4px;
      float: left;
      text-align: left;
  }

  .menuFooter {}

  .menuFooter ul {
      padding-left: 0px;
      margin-bottom: 0px;
      list-style: none;
  }

  .menuFooter li {
      white-space: nowrap;
      line-height: 22px;
      margin-bottom: 5px;
  }

  .menuFooter li a:hover{
    color: #A12129;
  }

  .menuFooter li:first-child {
      font-size: 18px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.6);
      padding-bottom: 10px;
      margin-bottom: 10px;
      text-transform: uppercase;
  }

  .fox {
      border-top: 1px solid rgba(255, 255, 255, 0.6);
      font-size: 14px;
      padding-top: 10px;
      margin-top: 15px;
      text-align: center;
      letter-spacing: 1.3px;
  }
  /*=======================================* FIM FOOTER *==============================================*/
  /*=======================================* AGENCIA *==============================================*/

  #agencia {
      /*padding-top: 125px;*/
  }

  #agencia .b1 {
      height: 620px;
      background: url('../img/agencia_img_01.jpg') center center no-repeat;
      background-size: cover !important;
  }

  #agencia .b2 {
      height: 450px;
      background-size: cover !important;
      float: left;
      width: 50%;
      padding: 25px 40px;
      position: relative;
      display: block;
  }

  #agencia  .b2 .content {
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     -o-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     width: 90%;
     height: auto;
  }

  #agencia .b3 {
      height: 780px;
      background: url('../img/agencia_img_03.jpg') center center no-repeat;
      background-size: cover !important;
      float: left;
      width: 50%;
      position: relative;
  }

  #agencia .b4 {
      height: 660px;
      background: url('../img/agencia_img_02.jpg') center center no-repeat;
      background-size: cover !important;
      float: left;
      width: 50%;
      position: relative;
      top: -330px;
      margin-bottom: -330px;
  }

  #agencia .b5 {
      /* height: 330px; */
      /*background: url('../img/agencia_img_03.jpg') center center no-repeat;*/
      background-size: cover !important;
      float: left;
      width: 50%;
  }

  #agencia .b1 {
      color: #fff;
  }

  #agencia .b1 .titulo {
      display: inline-block;
      font-size: 110px;
      font-weight: 300;
      text-align: center;
      text-transform: uppercase;
      line-height: 120px;
      top: 250px;
      position: relative;
      text-shadow: -3px 3px 2px rgba(0, 0, 0, 0.5);
  }

  #agencia .b2 .titulo {
      text-align: center;
      text-transform: uppercase;
      color: #000;
      font-size: 50px;
      font-weight: 600;
      margin-bottom: 20px;
  }

  #agencia .b2 .texto {
      font-size: 16px;
      line-height: 28px;
  }

#agencia .b3 .box {
    color: #fff;
    font-size: 59px;
    font-weight: 300;
    line-height: 59px;
    width: 510px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

  #agencia .b3 .box .estilo-1 {
    font-size: 70px;
    text-transform: uppercase;
    font-weight: 900;
  }

  #agencia .b3 .box .estilo-2 {
    font-size: 65px;
    font-weight: 900;
  }

  #agencia .b3 .box .estilo-3 {
    font-size: 100px;
    font-weight: 700;
    line-height: 100px;
  }

  #agencia .b3 .box .estilo-4 {
    font-size: 90px;
  }

  #agencia .b3 .box .estilo-5 {
    font-size: 52px;
    font-weight: 700;
  }


  #agencia .b4 {}

  #agencia .b4 .box {
      background: #fff;
      padding: 40px 49px;
      color: #000;
      text-transform: uppercase;
      position: absolute;
      right: 40px;
      bottom: 0px;
      font-size: 52px;
      text-align: left;
      line-height: 65px;
  }

  #publi .emailmarketing .cont3 .imagem img {
      margin: 0 auto!important;
  }

  #agencia .w300 {
      font-weight: 300;
  }

  #agencia .w400 {
      font-weight: 400;
  }

  #agencia .w500 {
      font-weight: 500;
  }

  #agencia .w600 {
      font-weight: 600;
  }

  #agencia .b5 {
      padding: 25px 120px;
  }

  #agencia .b5 .titulo {
      text-align: center;
      text-transform: uppercase;
      color: #000;
      font-size: 50px;
      font-weight: 600;
      margin-bottom: 20px;
      margin-top: 20px;
  }

  #agencia .b5 .texto {
      font-size: 19px;
      line-height: 26px;
      font-weight: 300;
      text-align: center;
  }

  #agencia .b5 .quem {
      text-transform: uppercase;
      color: #000;
      font-size: 20px;
      margin-top: 20px;
      text-align: center;
      font-weight: bold;
      white-space: nowrap;
  }

  #agencia .arrow1 {
      background: url('../img/arrow_depo_2.png') center center no-repeat;
      width: 49px;
      height: 118px;
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: -135px;
      margin-top: -20px;
  }

  #agencia .arrow2 {
      background: url('../img/arrow_depo_01.png') center center no-repeat;
      width: 49px;
      height: 118px;
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: 85px;
      margin-top: -20px;
  }

  #agencia .carousel-control.left {
      background-image: none;
      background-image: none;
      background-image: none;
      background-image: none;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
      background-repeat: repeat-x;
  }

  #agencia .carousel-control.right {
      background-image: none;
      background-image: none;
      background-image: none;
      background-image: none;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
      background-repeat: repeat-x;
  }
  /*=======================================* FIM AGENCIA *==============================================*/
  /*=======================================* EQUIPE *==============================================*/

  #equipe {
      /*background: url('../img/bg_equipe.jpg') center center no-repeat;*/
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,7db9e8+100 */
      background: #1e5799;
      /* Old browsers */
      background: -moz-linear-gradient(left, #1e5799 0%, #2989d8 50%, #7db9e8 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(left, #1e5799 0%, #2989d8 50%, #7db9e8 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, #1e5799 0%, #2989d8 50%, #7db9e8 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8', GradientType=1);
      /* IE6-9 */
  }

  .tituloex {
      color: #fff;
      margin-bottom: 100px;
      position: relative;
  }

  .tituloex ul.one {
      padding-left: 0px;
      list-style: none;
      margin-bottom: 0px;
  }

  .tituloex .one li {
      font-weight: 900;
      letter-spacing: -12px;
      font-size: 150px;
      display: block;
  }

  .tituloex .one li:nth-child(1) {
      letter-spacing: -1px;
      font-size: 50px;
      line-height: 41px;
      padding-left: 5px;
  }

  .tituloex .one li:nth-child(2) {
      line-height: 120px;
  }

  .tituloex ul.two {
      padding-left: 0px;
      list-style: none;
      margin-bottom: 0px;
      position: absolute;
      top: 40px;
      left: 50%;
      margin-left: 70px;
      font-size: 50px;
      letter-spacing: -2px;
      font-weight: 900;
      width: 480px;
      text-align: right;
      line-height: 46px;
      text-transform: uppercase;
  }

  .tituloex li.two {}

  #equipe .funcionarios .equipe .box .card {
      color: #fff;
      text-align: center;
      font-size: 30px;
      padding: 10px 0px;
      background: rgba(0, 0, 0, 0.6);
      text-transform: uppercase;
  }

  #equipe .funcionarios .equipe .box .card ul {
      padding-left: 0px;
      list-style: none;
      margin-bottom: 0px;
  }

  #equipe .funcionarios .equipe .box .card li {
      display: block;
      line-height: 40px;
  }

  #equipe .funcionarios .equipe .box .card li:nth-child(1) {}

  #equipe .funcionarios .equipe .box .card li:nth-child(2) {
      font-size: 15px;
      color: #ddd;
  }

  #equipe .funcionarios .equipe .box .card li:nth-child(3) {}

  #equipe .lineone {
      width: 1000px;
      height: 228px;
      background: #fff;
      margin: 10px auto;
  }

  #equipe .linetwo {
      width: 1500px;
      height: 228px;
      background: #fff;
      margin: 10px auto;
  }

  #equipe .funcionarios {
      padding: 220px 0px 120px;
  }

  #equipe .funcionarios::after {
      clear: both;
      content: "";
  }

  .funcionarios .box {
      font-family: 'Oswald', serif;
      margin-bottom: 40px;
  }

  .funcionarios .conteudo {
      background: url('../img/element_equipe.png') left center no-repeat #fff;
      height: 228px;
      margin-left: -30px;
      text-align: center;
      padding: 55px 0 55px 80px;
      text-transform: uppercase;
  }

  .funcionarios .conteudo .titulo {
      color: #000;
      font-weight: 500;
      line-height: 31px;
      border-bottom: 1px solid #ddd;
      display: inline-block;
      margin-bottom: 10px;
      padding-bottom: 10px;
  }

  .funcionarios .conteudo .titulo div:first-child {
      font-size: 35px;
  }

  .funcionarios .conteudo .titulo div:last-child {
      font-size: 20px;
  }

  .funcionarios .imagem {
      padding: 0px 60px;
  }
  /*=======================================* FIM EQUIPE *==============================================*/
  /*=======================================* WEB *==============================================*/

  #web .bannerHide img {
      width: 100%;
  }

  .bannerWords {
      position: absolute;
      top: 60%;
      color: #fff;
      width: 100%;
      text-transform: uppercase;
      text-align: center;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
  }

  .bannerWords.orange {
      color: #fe941e;
  }

  .bannerWords.green {
      color: #85d849;
  }

  .bannerWords.blue {
      color: #00dce3;
  }

  .bannerWords .categoria {
      font-size: 42px;
      text-shadow: -1px 2px 2px rgba(0, 0, 0, 0.5);
  }

  .bannerWords.green .categoria {
      font-size: 42px;
      text-shadow: -1px 1px 1px rgba(50, 50, 50, 0.4);
  }

  .bannerWords .bred {
      line-height: 110px;
      background: rgba(211, 36, 58, .9);
      color: #fff;
      font-size: 80px;
      font-weight: 600;
      display: inline-block;
      padding: 0px 20px;
  }

  .bannerWords.orange .bred {
      background: rgba(255, 147, 31, 1);
      background: -moz-linear-gradient(left, rgba(255, 147, 31, .7) 0%, rgba(0, 0, 0, 0.7) 92%, rgba(0, 0, 0, 0.8) 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 147, 31, .7)), color-stop(92%, rgba(0, 0, 0, 0.7)), color-stop(100%, rgba(0, 0, 0, 0.8)));
      background: -webkit-linear-gradient(left, rgba(255, 147, 31, .7) 0%, rgba(0, 0, 0, 0.7) 92%, rgba(0, 0, 0, 0.8) 100%);
      background: -o-linear-gradient(left, rgba(255, 147, 31, .7) 0%, rgba(0, 0, 0, 0.7) 92%, rgba(0, 0, 0, 0.8) 100%);
      background: -ms-linear-gradient(left, rgba(255, 147, 31, .7) 0%, rgba(0, 0, 0, 0.7) 92%, rgba(0, 0, 0, 0.8) 100%);
      background: linear-gradient(to right, rgba(255, 147, 31, .7) 0%, rgba(0, 0, 0, 0.7) 92%, rgba(0, 0, 0, 0.8) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff931f', endColorstr='#000000', GradientType=1);
  }

  .bannerWords.green .bred {
      background: rgba(35, 181, 115, .7);
      background: -moz-linear-gradient(left, rgba(35, 181, 115, .7) 0%, rgba(120, 201, 66, .7) 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, rgba(35, 181, 115, .7)), color-stop(100%, rgba(120, 201, 66, .7)));
      background: -webkit-linear-gradient(left, rgba(35, 181, 115, .7) 0%, rgba(120, 201, 66, .7) 100%);
      background: -o-linear-gradient(left, rgba(35, 181, 115, .7) 0%, rgba(120, 201, 66, .7) 100%);
      background: -ms-linear-gradient(left, rgba(35, 181, 115, .7) 0%, rgba(120, 201, 66, .7) 100%);
      background: linear-gradient(to right, rgba(35, 181, 115, .7) 0%, rgba(120, 201, 66, .7) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23b573', endColorstr='#78c942', GradientType=1);
  }
  /*.bannerWords.green .bred {
    background: rgba(117,137,12,1);
    background: -moz-linear-gradient(left, rgba(117,137,12,.7) 0%, rgba(0,0,0,.7) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(117,137,12,.7)), color-stop(100%, rgba(0,0,0,.7)));
    background: -webkit-linear-gradient(left, rgba(117,137,12,.7) 0%, rgba(0,0,0,.7) 100%);
    background: -o-linear-gradient(left, rgba(117,137,12,.7) 0%, rgba(0,0,0,.7) 100%);
    background: -ms-linear-gradient(left, rgba(117,137,12,.7) 0%, rgba(0,0,0,.7) 100%);
    background: linear-gradient(to right, rgba(117,137,12,.7) 0%, rgba(0,0,0,.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75890c', endColorstr='#000000', GradientType=1 );
    }*/

  .bannerWords.blue .bred {
      background: rgba(0, 219, 227, .7);
      background: -moz-linear-gradient(left, rgba(0, 219, 227, .7) 0%, rgba(0, 0, 0, .7) 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0, 219, 227, .7)), color-stop(100%, rgba(0, 0, 0, .7)));
      background: -webkit-linear-gradient(left, rgba(0, 219, 227, .7) 0%, rgba(0, 0, 0, .7) 100%);
      background: -o-linear-gradient(left, rgba(0, 219, 227, .7) 0%, rgba(0, 0, 0, .7) 100%);
      background: -ms-linear-gradient(left, rgba(0, 219, 227, .7) 0%, rgba(0, 0, 0, .7) 100%);
      background: linear-gradient(to right, rgba(0, 219, 227, .7) 0%, rgba(0, 0, 0, .7) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00dbe3', endColorstr='#000000', GradientType=1);
  }

  .bannerWords.red .bred {
      background: rgba(228, 31, 38, 1);
      background: -moz-linear-gradient(left, rgba(228, 31, 38, 1) 0%, rgba(0, 0, 0, 0.8) 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, rgba(228, 31, 38, 1)), color-stop(100%, rgba(0, 0, 0, 0.8)));
      background: -webkit-linear-gradient(left, rgba(228, 31, 38, 1) 0%, rgba(0, 0, 0, 0.8) 100%);
      background: -o-linear-gradient(left, rgba(228, 31, 38, 1) 0%, rgba(0, 0, 0, 0.8) 100%);
      background: -ms-linear-gradient(left, rgba(228, 31, 38, 1) 0%, rgba(0, 0, 0, 0.8) 100%);
      background: linear-gradient(to right, rgba(228, 31, 38, 1) 0%, rgba(0, 0, 0, 0.8) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A12129', endColorstr='#000000', GradientType=1);
  }

  .bannerWords1.red .bwhite {
      background: rgba(228, 31, 38, 1);
      background: -moz-linear-gradient(left, rgba(228, 31, 38, 1) 0%, rgba(0, 0, 0, 0.8) 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, rgba(228, 31, 38, 1)), color-stop(100%, rgba(0, 0, 0, 0.8)));
      background: -webkit-linear-gradient(left, rgba(228, 31, 38, 1) 0%, rgba(0, 0, 0, 0.8) 100%);
      background: -o-linear-gradient(left, rgba(228, 31, 38, 1) 0%, rgba(0, 0, 0, 0.8) 100%);
      background: -ms-linear-gradient(left, rgba(228, 31, 38, 1) 0%, rgba(0, 0, 0, 0.8) 100%);
      background: linear-gradient(to right, rgba(228, 31, 38, 1) 0%, rgba(0, 0, 0, 0.8) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A12129', endColorstr='#000000', GradientType=1);
  }

  .vejaTambem .conteudo .imagem div {
      position: relative;
  }

  .vejaTambem .conteudo .imagem .dentro {
      position: absolute;
      z-index: 1;
      top: 0px;
      color: #fff;
      text-transform: uppercase;
      font-size: 23px;
      font-weight: bold;
      left: 50%;
      margin-left: -90px;
      top: 50%;
      margin-top: -66px;
      width: 180px;
      /* height: 155px; */
      text-align: center;
  }

  .vejaTambem .conteudo .imagem .dentro img {
      display: block;
      margin: 0 auto;
  }

  .vejaTambem .titulo {
      font-size: 50px;
      font-weight: 100;
      text-align: center;
      text-transform: uppercase;
      margin-bottom: 30px;
  }

  .vejaTambem {
      padding: 50px 0px 90px;
  }

  .darkMask {
      background: rgba(0, 0, 0, 0.8);
      height: 100%;
      width: 100%;
      position: absolute !important;
      top: 0;
  }

  .seo .b1 {
      width: 59%;
      float: left;
      margin-right: 1%;
      height: 375px;
      background: #ddd;
      margin-bottom: 10px;
  }

  .seo .b2 {
      width: 40%;
      float: left;
      height: 375px;
      background: #ddd;
      margin-bottom: 10px;
  }

  .seo .b3 {
      width: 100%;
      float: left;
      height: 375px;
      background: #ddd;
  }

  .seo {
      padding: 30px 0px 0px;
  }

  #web .abs {
      text-align: center;
  }

  #web .videoPainel {}

  #web .videoPainel .video {
      margin-bottom: 20px;
      text-align: center;
  }
  #web .videoPainel .video iframe {
    border: 0;
    width: 100%;
  }

  #web .rees .imagem {
      position: relative;
  }

  #web .rees .imagem .blackMask {
      background: rgba(0, 0, 0, 0.6);
      position: absolute;
      top: 0px;
      width: 100%;
      height: 100%;
      color: #fff;
      font-size: 40px;
      text-transform: uppercase;
      font-weight: 600;
      padding: 85px 90px;
      text-align: center;
      line-height: 40px;
      text-shadow: -1px 1px 1px rgba(150, 150, 150, 1);
  }

  #web .rees .imagem .blackMask:hover{ background: rgba(0, 0, 0, 0.8);  }

  #web .rees .imagem .blackMask a{  position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

  #web .texto {
      font-size: 17px;
      text-align: center;
      font-weight: 300;
  }

  #web .texto strong {
      font-size: 20px;
      text-align: center;
      font-weight: 400;
  }

  #web .adw {
      height: 5px;
      width: 100%;
      margin-bottom: 15px;
      background: url('../img/line1.jpg') center center repeat;
  }

  .tituloPage {
      font-size: 25px;
      font-weight: 600;
      padding-bottom: 10px;
      margin-bottom: 30px;
      border-bottom: 5px solid #a12129;
      display: inline-block;
      text-transform: uppercase;
      color: #000;
      margin-top: 40px;
  }

  .tituloPage_other {
      font-size: 40px;
      font-weight: 700;
      padding-top: 10px;
      margin-bottom: 30px;
      border-top: 5px solid #a12129;
      display: inline-block;
      text-transform: uppercase;
      color: #000;
      margin-top: 40px;
  }

  .modelos {
      margin: 30px 0 30px;
  }

  .opcoesLoja {
      margin: 50px 0px;
  }

  .opcoesLoja img {
      border: 1px solid #fff;
  }

  .opcoesLoja .titulo {
      position: absolute;
      top: 50%;
      margin-top: -25px;
      text-align: center;
      width: 100%;
      font-size: 18px;
      color: #fff;
      font-weight: 600;
      text-transform: uppercase;
      text-shadow: -1px 1px 1px rgba(150, 150, 150, 1);
  }

  .montePlano {
      text-align: center;
      margin-bottom: 60px;
  }

  .montePlano .titulo {
      color: #000;
      font-weight: 300;
      font-size: 40px;
      text-transform: uppercase;
      margin: 30px 0px 0;
  }

  .montePlano .botao {
      background: #a12129;
      display: inline-block;
      color: #fff;
      padding: 14px 60px;
      text-transform: uppercase;
      font-size: 40px;
      font-weight: bold;
      margin: 30px 0 0;
  }

  .montePlano .botao:hover{
    background: #333;
  }

  .montePlano1 {
      text-align: center;
  }

  .montePlano1 .titulo {
      color: #000;
      font-weight: 300;
      font-size: 40px;
      text-transform: uppercase;
      margin: 30px 0px 0;
  }

  .montePlano1 .botao {
      display: inline-block;
      color: #fff;
      text-transform: uppercase;
      font-size: 40px;
      font-weight: bold;
      width: 100%;
  }

  .montePlano1 .botao a:hover{
    background: #BB2E37;
  }  

  .montePlano1 .botao a{ 
    background: #a12129;
    display: block; 
    padding: 50px 30px;
  }

  .painel {
      background: #f1f1f1;
      padding: 50px 0px;
      font-size: 30px;
      color: #000;
      text-transform: uppercase;
      margin-top: 50px;
  }

  .painel .b1 {
      border-left: 5px solid #cbcbcb;
      padding-left: 30px;
      padding: 10px 30px;
      top: 30px;
      position: absolute;
  }

  .painel .b1 div:nth-child(1) {
      font-weight: 300;
  }

  .painel .b1 div:nth-child(2) {
      font-weight: 500;
  }

  .painel .b1 div:nth-child(3) {
      font-weight: 900;
  }

  .painel .b3 {
      position: absolute;
      top: 35px;
  }

  .painel .b3 div:nth-child(1) {
      font-weight: 300;
  }

  .painel .b3 div:nth-child(2) {
      font-weight: 500;
  }

  .painel .b3 div:nth-child(3) {
      font-weight: 900;
  }

  .painel .bx-wrapper {
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      border: 0px;
      background: transparent;
      margin-bottom: 0px;
  }

  .tabelaLoja {
      /*margin-left: 120px;*/
  }

  .tabelaLoja img {
      /*height: 90px;*/
  }

  .tabelaLoja table {
      width: 100%;
  }

  .tabelaLoja tr {}

  .tabelaLoja td {
      padding: 14px 23px;
      border-left: 1px solid #f1f1f1;
      border-bottom: 1px solid #f1f1f1;
  }

  .tabelaLoja tr td:first-child {
      border-left: 0px;
  }

  .tabelaLoja tr:last-child td {
      border-bottom: 0;
  }

  .btnLine {
      width: 100%;
      text-align: right;
      /* border-bottom: 1px solid #000; */
      /* line-height: 0.1em; */
      /* margin: 10px 0 20px; */
      margin-top: 50px;
      background: url('../img/line.jpg') center center no-repeat;
  }

  .btnLine span {
      background: #FFFFFF;
      padding: 14px 60px;
      font-size: 30px;
      color: #F05620;
      text-transform: uppercase;
      border: 1px solid #F05620;
      cursor: pointer;
      -webkit-transition: all .2s ease-in-out;
      -moz-transition: all .2s ease-in-out;
      -o-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out;
  }

  .btnLine span:hover {
      background: #F05620;
      padding: 14px 60px;
      font-size: 30px;
      color: #fff;
      text-transform: uppercase;
      border: 1px solid #F05620;
  }

  .tituloPage2 {
      font-size: 35px;
      font-weight: 300;
      padding-top: 10px;
      /*border-top: 1px solid #ddd;*/
      display: inline-block;
      text-transform: uppercase;
      color: #000;
      margin-top: 60px;
  }

  .tabsPortal {}

  .tabsPortal .contents {
      background: #f1f1f1;
      padding: 50px 0px;
  }

  .tabsPortal .tabs2 {}

  .tabsPortal .tabs2 {
      padding-left: 0px;
      list-style: none;
      margin-bottom: 0px;
  }

  .tabsPortal .tabs2 li {
      display: inline-block;
      margin-left: -4px;
      width: 50%;
      padding: 0 4px;
      position: relative;
      cursor: pointer;
  }

  .boxSeo {
      background: #f7f7f7;
      padding: 30px 0px;
      margin-top: 30px;
  }

  .boxSeo .box {
      padding: 30px 20px 30px;
      font-size: 17px;
      line-height: 25px;
      color: #7b7b7b;
      font-weight: 300;
  }

  .boxSeo .box div:first-child {
      font-size: 16px;
      font-weight: bold;
      margin-bottom: 10px;
      text-transform: uppercase;
  }

  .boxSeo .box .a1 {
      color: #4284f2;
  }

  .boxSeo .box .a2 {
      color: #ea4235;
  }

  .boxSeo .box .a3 {
      color: #ffc404;
  }

  .boxSeo .box .a4 {
      color: #4d8af4;
  }

  .boxSeo .box .a5 {
      color: #34a951;
  }

  .tabs3 {
      padding-left: 0px;
      margin-bottom: 0px;
      list-style: none;
      margin: 80px -5px 48px;
      position: relative;
  }

  .tabs3 .box {
      position: absolute;
      left: 50%;
      margin-left: -42px;
      top: -40px;
  }

  .tabs3 li {
      width: 18%;
      /*cursor: pointer;*/
      background: #999;
      display: inline-block;
      margin: 0px 10px;
      border-radius: 5px;
      padding: 50px 20px 30px;
      text-align: center;
      color: #fff;
      text-transform: uppercase;
      position: relative;
      font-weight: 600;
  }

  .tabs3 li:hover .box{
    transform: scale(1.1) rotate(10deg);
    -ms-transform: scale(1.1) rotate(10deg);
    -webkit-transform: scale(1.1) rotate(10deg);
  }

  .tabs3 li .trace {
      display: none!important;
  }

  .tabs3 li:nth-child(1).active .trace {
      background: #4385f5;
      display: block;
  }

  .tabs3 li:nth-child(2).active .trace {
      background: #ea4235;
      display: block;
  }

  .tabs3 li:nth-child(3).active .trace {
      background: #ffc505;
      display: block;
  }

  .tabs3 li:nth-child(4).active .trace {
      background: #4385f5;
      display: block;
  }

  .tabs3 li:nth-child(5).active .trace {
      background: #34a853;
      display: block;
  }

  .tabs3 li:nth-child(1).active .circle {
      background: #4385f5;
      display: block;
  }

  .tabs3 li:nth-child(2).active .circle {
      background: #ea4235;
      display: block;
  }

  .tabs3 li:nth-child(3).active .circle {
      background: #ffc505;
      display: block;
  }

  .tabs3 li:nth-child(4).active .circle {
      background: #4385f5;
      display: block;
  }

  .tabs3 li:nth-child(5).active .circle {
      background: #34a853;
      display: block;
  }

  .tabs3 li:nth-child(1) {
      background: #4385f5;
  }

  .tabs3 li:nth-child(2) {
      background: #ea4235;
  }

  .tabs3 li:nth-child(3) {
      background: #ffc505;
  }

  .tabs3 li:nth-child(4) {
      background: #4385f5;
  }

  .tabs3 li:nth-child(5) {
      background: #34a853;
  }

  .contents4 .box {
      position: relative;
  }

  .contents4 div:nth-child(1) {
      border-top: 5px solid #4385f5;
  }

  .contents4 div:nth-child(2) {
      border-top: 5px solid #ea4235;
  }

  .contents4 div:nth-child(3) {
      border-top: 5px solid #ffc505;
  }

  .contents4 div:nth-child(4) {
      border-top: 5px solid #4385f5;
  }

  .contents4 div:nth-child(5) {
      border-top: 5px solid #34a853;
  }

  .relOne {
      width: 5px;
      position: relative;
  }

  .relTwo {
      /*width: 5px;*/
      position: relative;
  }

  .circle {
      height: 23px;
      width: 23px;
      background: #999;
      border-radius: 50%;
      left: 50%;
      margin-left: -11px;
      position: absolute;
      bottom: -8px;
  }

  .trace {
      height: 50px;
      position: absolute;
      bottom: 0px;
      width: 4px;
      /*background-color: #999;*/
      top: 116px;
      left: 50%;
      margin-left: -2.5px;
      z-index: 1;
  }

  .contents4 div:nth-child(1) {
      border-top: 5px solid #4385f5;
  }

  .contents4 div:nth-child(2) {
      border-top: 5px solid #ea4235;
  }

  .contents4 div:nth-child(3) {
      border-top: 5px solid #ffc505;
  }

  .contents4 div:nth-child(4) {
      border-top: 5px solid #4385f5;
  }

  .contents4 div:nth-child(5) {
      border-top: 5px solid #34a853;
  }

  .b2 .bx-wrapper .bx-controls-direction a {
      position: absolute;
      top: 50%;
      margin-top: -56px;
      outline: 0;
      width: 49px;
      height: 118px;
      text-indent: -9999px;
      z-index: 9999;
  }

  .b2 .bx-wrapper .bx-next {
      right: 10px;
      background: url('../img/arrow_depo_01.png') center center no-repeat;
  }

  .b2 .bx-wrapper .bx-prev {
      left: 10px;
      background: url('../img/arrow_depo_2.png') center center no-repeat;
  }

  .bBox {
      position: absolute;
      padding: 33px 0px;
      top: 0px;
      width: 99%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.3);
      text-align: center;
      color: #fff;
      font-weight: bold;
      text-transform: uppercase;
      font-size: 25px;
  }

  .active .bBox {
      /*position: absolute;*/
      /*padding: 33px 0px;*/
      /*top: 0px;*/
      /*width: 99%;*/
      /*height: 100%;*/
      background-color: rgba(0, 0, 0, 0.8);
      /*text-align: center;*/
      /*color: #fff;*/
      /*font-weight: bold;*/
      /*text-transform: uppercase;*/
      /*font-size: 25px;*/
  }

  .bBox img {
      display: block;
      margin: 0 auto;
  }

  .lineTop {
      display: none;
  }

  .active .lineTop {
      height: 5px;
      border: 3px solid #a51e2c;
      position: absolute;
      top: -11px;
      width: 99%;
      display: block
  }

  .blabox {
      height: 100%;
      top: 0;
      position: absolute;
      width: 100%;
      background: rgba(0, 0, 0, 0.7);
      color: #fff;
      text-align: center;
  }

  .blabox .titulo {
      font-size: 35px;
      font-weight: bold;
      text-transform: uppercase;
  }

  .blabox .subTitulo {
      font-size: 25px;
      font-weight: 300;
      text-transform: uppercase;
      margin: 20px 0px;
  }

  .blabox {
      height: 100%;
      top: 0;
      position: absolute;
      width: 100%;
      background: rgba(0, 0, 0, 0.7);
      color: #fff;
      text-align: center;
      padding-top: 12%;
      display: block;
      /*opacity: 1;*/
  }

  .blabox:hover {
      background: rgba(0, 0, 0, 0.2);
      /*opacity: 0;*/
      /*display: none;*/
  }

  .classic {
      border-top: 0px !important;
  }

  .classic .k1 {
      border-top: 0px !important;
      width: 20%;
      float: left;
  }

  .classic .k1 ul {
      padding-left: 0px;
      margin-bottom: 0px;
      list-style: none;
  }

  .classic .k1 li {
      padding: 0px 15px;
      text-align: center;
      font-size: 17px;
  }

  .classic .k1 li:first-child {
      font-weight: bold;
      text-transform: uppercase;
      margin-bottom: 10px;
  }

  .classic .k1 li:last-child {
      font-weight: 300;
  }

  #web .textos {
      font-size: 18px;
      font-weight: 300;
      line-height: 29px;
      margin: 50px 0px;
  }

  .text-left {
      text-align: left !important;
  }

  .bannerF {
      width: 100%;
      overflow: hidden;
  }

  .bannerH {
      width: 2000px;
      left: 50%;
      position: relative;
      margin-left: -1000px;
      background: #999;
  }

  .bannerH img {
      width: 100%;
  }

  #web .logoGoogle {
      text-align: center;
      margin-top: 40px;
      margin-bottom: 100px;
  }

  #web .bx-wrapper {
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      border: 0;
      background: #fff;
      margin-bottom: 5px;
  }

  .loja .thumb {
      height: 100px;
      width: 120px;
      margin-left: 2px;
      margin-right: 2px;
  }

  .loja .bx-wrapper img {
      max-width: 100%;
      display: block;
      max-height: 567px;
      cursor: pointer;
  }

  .sliderloja img{ cursor: pointer; }

  .site .bx-wrapper img {
      max-width: 100%;
      display: block;
      max-height: 567px;
      cursor: pointer;
      margin: 0 auto;
  }

  .tabsPort {
      border-bottom: 2px solid #f1f1f1;
      margin-bottom: 30px;
      padding-bottom: 20px;
      text-align: center;
      margin-top: 40px;
  }

  .tabsPort img {
      height: 30px;
      position: relative;
      top: -3px;
      margin-right: 4px;
  }

  .tabsPort ul {
      padding-left: 0px;
      list-style: none;
      margin-bottom: 0px;
  }

  .tabsPort li {
      display: inline-block;
      font-size: 25px;
      text-transform: uppercase;
      margin: 0 20px;
      cursor: pointer;
  }

  .tabsPort li:nth-child(1) {
      color: #dc8b5c;
      opacity: 0.5;
  }

  .tabsPort li:nth-child(2) {
      color: #878787;
      opacity: 0.5;
  }

  .tabsPort li:nth-child(3) {
      color: #ffca00;
      opacity: 0.5;
  }

  .tabsPort li:nth-child(4) {
      color: #085577;
      opacity: 0.5;
  }

  .tabsPort li.active:nth-child(1) {
      color: #dc8b5c;
      opacity: 1;
      border-bottom: 3px solid #dc8b5c;
  }

  .tabsPort li.active:nth-child(2) {
      color: #878787;
      opacity: 1;
      border-bottom: 3px solid #878787;
  }

  .tabsPort li.active:nth-child(3) {
      color: #ffca00;
      opacity: 1;
      border-bottom: 3px solid #ffca00;
  }

  .tabsPort li.active:nth-child(4) {
      color: #085577;
      opacity: 1;
      border-bottom: 3px solid #085577;
  }

  .lojaPortfolio {}

  .lojaPortfolio .lojas {
      margin-bottom: 30px;
  }

  .lojaPortfolio .titulo {
      font-size: 20px;
      text-transform: uppercase;
      margin-top: 5px;
      margin-bottom: 5px;
  }

  .lojaPortfolio .textoPort {
      text-align: left !important;
      font-size: 13px !important;
      font-weight: 400 !important;
      color: #999;
  }

  .lojaPortfolio .lojas:hover .imagem .hover {
      background: rgba(164, 23, 39, 0.8);
      width: 100%;
      height: 100%;
      opacity: 1;
      -webkit-transition: all .2s ease-in-out;
      -moz-transition: all .2s ease-in-out;
      -o-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out;
  }

  .lojaPortfolio .imagem .hover {
      /* display: none; */
      opacity: 0;
      color: #fff;
      text-align: center;
      padding: 230px 10px 0;
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
  }

  .lojaPortfolio .imagem {
      position: relative;
  }

  .lojaPortfolio .imagem img {}

  #web .lojaPortfolio .texto {
      margin-bottom: 30px;
  }

  .bwhite {
      border-right: 1px solid #fff;
  }

  .with-text figure {
      border: 0px;
  }

  .portfolioFilter {
      font-size: 16px;
      text-align: center;
      margin: 0;
      font-family: inherit;
      text-transform: uppercase;
      border-bottom: 0;
      padding-bottom: 10px;
      width: 12%;
      float: left;
  }

  .portofolio-desc {
      padding: 6px 0 15px 0;
      text-align: left;
      background-color: #fff;
      border-style: none;
      border-width: 1px;
      overflow: hidden;
  }

  .portofolio-desc h4 {
      text-transform: uppercase;
      font-size: 16px;
      letter-spacing: inherit;
      font-family: inherit;
      margin-bottom: 0;
      font-weight: 600;
  }

  .portfolioFilter a.current,
  .portfolioFilter a:hover {
      color: #333;
  }

  .portfolioFilter img {
      margin-right: 5px;
  }

  .portfolioFilter a {
      color: #8C8C8C;
      margin-right: 5px;
      margin-left: 5px;
      text-decoration: none;
      font-weight: 600;
      letter-spacing: 0;
  }

  #portfolio .portfolioFilter a {
      color: #8C8C8C;
      margin-right: 5px;
      margin-left: 5px;
      text-decoration: none;
      font-weight: 600;
      letter-spacing: 0;
      font-size: 14px;
      display: block;
      margin: 30px 0;
  }

  #portfolio .portfolioFilter a:hover, #portfolio .portfolioFilter a.current img {
    color: #A12129;
    filter: saturate(1);
  }

  #portfolio .portfolioFilter a.current{ color: #A12129;  }

  #portfolio .portfolioFilter a.current img {
    filter: saturate(.6);
  }

  #portfolio .portfolioFilter {}

  #portfolio .portfolioFilter img {
      margin-right: 5px;
      display: block;
      margin: 0 auto;
      filter: saturate(0);
  }

  #portfolio .portfolioFilter ul {
      padding-left: 0px;
      list-style: none;
      margin-bottom: 0px;
  }

  #portfolio .portfolioFilter li {
      display: inline-block;
      padding: 0px 10px;
  }

  .sliderloja .bx-wrapper .bx-prev {
      left: 10px;
      background: url('../img/seta_esq.png') center center no-repeat;
  }

  .sliderloja .bx-wrapper .bx-next {
      right: 10px;
      background: url('../img/seta_dir.png') center center no-repeat;
  }

  .sliderloja .bx-wrapper .bx-controls-direction a {
      position: absolute;
      top: 50%;
      margin-top: -35px;
      /*margin-left: -9px;*/
      outline: 0;
      width: 18px;
      height: 70px;
      text-indent: -9999px;
      z-index: 1;
  }

  .portfolioFilter a:nth-child(1) {
      color: #ffca00;
  }

  .portfolioFilter a:nth-child(2) {
      color: #878787;
  }

  .portfolioFilter a:nth-child(3) {
      color: #dc8b5c;
  }

  .portfolioFilter a:nth-child(4) {
      color: #999;
  }

  figure.effect-jazz {
      background: #000;
  }

  .portfolioContainer figure .see-more a.btn.button-line img {
      opacity: 1 !important;
  }

  .portofolio-desc a:hover {
      color: #000;
  }

  .portfolioContainer.grid-5 figure {
      /* height: 250px; */
      width: 20%;
      margin: 0;
      overflow: hidden;
  }

  #web .modelos .mod {
      width: 33.3%;
      padding: 30px 0 30px;
      font-size: 25px;
      color: #fff;
      text-align: center;
      background: #000;
      text-transform: uppercase;
      font-weight: 600;
      position: relative;
      float: left;
      z-index: 1;
  }

  #web .modelos .mod.bronze {
      background: #d1a075;
      color: #935137;
  }

  #web .modelos .mod.prata {
      background: #e5e5e5;
      color: #666666;
  }

  #web .modelos .mod.ouro {
      background: #e0b155;
      color: #a06612;
  }

  #web .modelosView img {}

  #web .setaDown {
      height: 45px;
      width: 45px;
      font-size: 15px;
      color: #fff;
      position: absolute;
      left: 50%;
      margin-left: -22.5px;
      top: 70px;
      border-radius: 50%;
      line-height: 50px;
      text-align: center;
  }

  #web .bronze .setaDown {
      background: #935137;
  }

  #web .prata .setaDown {
      background: #666666;
  }

  #web .ouro .setaDown {
      background: #a06612;
  }

  .tituloGold {
      font-size: 25px;
      font-weight: 600;
      padding-bottom: 10px;
      margin-bottom: 30px;
      border-bottom: 0;
      display: inline-block;
      text-transform: uppercase;
      color: #777;
      background: #f1f1f1;
      margin-top: 40px;
      padding: 10px 20px;
  }

  .tituloEx.gold {
      font-size: 25px;
      font-weight: 600;
      padding-bottom: 10px;
      margin-bottom: 30px;
      border-bottom: 0;
      display: inline-block;
      text-transform: uppercase;
      color: #a12129;
      background: #FFFFFF;
      margin-top: 20px;
      padding: 10px 20px;
  }

  .modelosDetal {
      margin-bottom: 20px;
  }

  .modelosTabela {
      /*margin-bottom: 40px;*/
  }

  #clientesHome ul .boxCliente {
      border-right: 1px solid rgba(255, 255, 255, .2);
      border-bottom: 1px solid rgba(255, 255, 255, .2);
      height: auto;
      padding: 20px;
      position: relative;
      text-align: center;
  }

  #clientesHome ul {
      border-left: 1px solid rgba(255, 255, 255, .2);
      border-top: 1px solid rgba(255, 255, 255, .2);
      padding-left: 0px;
      list-style: none;
      margin-bottom: 0px;
      display: block;
      overflow: hidden;
  }

  #clientesHome img {
      margin: 40px auto;
  }

  #clientesHome .titulo {
      color: #FFA519;
      font-weight: 900;
      font-size: 60px;
      width: 530px;
      /*text-shadow: 1px 1px 2px rgb(58, 31, 31);*/
      line-height: 54px;
      text-transform: uppercase;
      margin-bottom: 50px;
  }

  #casesHome {}

  #casesHome .bannerCase {
      background: transparent url("../img/cases/case2.jpg") no-repeat center center / cover!important;
      height: 960px;
  }

   #casesHome .bannerCase img {
       width: 100%;
   }

  #clientesHome li {}

  #clientesHome {
      background: #6b6b6b;
      padding: 90px 0 0;
      position: relative;
      /*height: 500px;*/
  }
  #clientesHome.clientes-interna {
    padding: 0;
  }
  #clientesHome .container-fluid{
    padding-left: 0;
    padding-right: 0;
  }

  #banner .carousel-indicators .active, #banner .carousel-indicators li:hover {
      width: 20px;
      height: 20px;
      margin: 0 5px;
      background-color: #A12129;
  }

  #banner .carousel-indicators li {
      display: inline-block;
      width: 20px;
      height: 20px;
      margin: 0 5px;
      text-indent: -999px;
      cursor: pointer;
      background-color: #fff \9;
      background-color: rgba(255, 255, 255, 1);
      border: 0;
      border-radius: 10px;
  }

  #portfolio .portfolioContainer.grid-5 {
      margin-left: 0%;
  }

  .carousel-indicators {
      z-index: 1;
  }

  .modelosView {
      background: #a12129;
      color: #fff;
      margin: 20px 0px;
      padding: 20px 0 40px;
  }

  .boxPersonalizado {
      background: #095576;
      color: #fff;
      margin-top: -30px;
      text-align: left;
      font-weight: 900;
      text-transform: uppercase;
      padding-top: 20px;
  }

  .boxPersonalizado .titulo {
      padding: 10px 0px 40px 40px;
      font-size: 70px;
      width: 330px;
      text-align: right;
  }

  #web .rees {
      margin-top: 30px;
  }

  .fancybox-skin {
      padding: 0 !important;
  }

  .modal-dialog {
      z-index: 999999;
  }

  #web #modelos .flexslider {
      margin: 0 0 -4px;
  }

  #web #modelos .modal-body {
      position: relative;
      padding: 0;
  }

  #web #modelos .adqr {
      padding: 5px 10px;
      background: #a12129;
      color: #fff;
      font-weight: 600;
      text-transform: uppercase;
      font-size: 28px;
      position: absolute;
      bottom: 108px;
      right: 0px;
  }

  #web #modelos .modal-content {
      border-radius: 0px;
  }

  #web #modelos .modal-header {
      min-height: 16.43px;
      padding: 15px;
      border-bottom: 1px solid #e5e5e5;
      background: #a12129;
  }

  #web #modelos .modal-title {
      margin: 0;
      line-height: 1.42857143;
      font-weight: 600;
      text-transform: uppercase;
      color: #fff;
  }

  #web #modelos .modal {
      display: inherit;
      visibility: hidden;
      z-index: 99999999999;
  }
  #web #modelos .modal .area-retrita{
    padding: 30px;
  }

  #web #modelos .modal .area-retrita label,
  #web #modelos .modal .area-retrita input{
    font-size: 16px;
  }

  #web #modelos .modal .area-retrita button{
    background-color: #a12129;
    color: #fff;
    font-size: 18px;
    margin-bottom: 30px;
  }

  #web #modelos .modal .area-retrita p{
    font-size: 20px;
  }

  #web #modelos .modal.in {
      display: inherit;
      visibility: visible;
  }

  #web #modelos .modal .flex-direction-nav a {
      line-height: 44px;
  }

  #web #modelos .close {
      float: right;
      font-size: 21px;
      font-weight: 700;
      line-height: 1;
      color: #000;
      text-shadow: 0 1px 0 #fff;
      filter: alpha(opacity=90);
      opacity: 0.9;
      color: #fff;
  }

  .boxSeo .imagem {
      width: 310px;
      max-width: 100%;
      background: #fff;
      padding: 27px;
      border-radius: 50%;
      margin: 0 auto;
  }


  #web {}

  #web .hospedagem {}

  #web .hospedagem .cont1 {}

  #web .hospedagem .cont1 .tabsweb {
      padding: 50px 0px;
  }

  #web .hospedagem .cont1 .tabsweb ul {
      padding-left: 0px;
      list-style: none;
      margin-bottom: 0px;
      text-align: center;
  }

  #web .hospedagem .cont1 .tabsweb li {
      cursor: pointer;
      display: inline-block;
      margin: 0 140px;
  }

  #web .hospedagem .cont1 .tabsweb li>div {
      font-weight: 700;
      font-size: 25px;
      color: #b3b3b3;
      float: left;
  }

  #web .hospedagem .cont1 .tabsweb li.active>div {
      color: #000;
  }

  #web .hospedagem .cont1 .tabsweb li>div strong {
      display: block;
      font-size: 85px;
      line-height: 68px;
      font-weight: 900;
  }

  #web .hospedagem .cont1 .tabsweb li:first-child.active>div strong, #web .hospedagem .cont1 .tabsweb li:first-child:hover>div strong {
      color: #db313e;
  }

  #web .hospedagem .cont1 .tabsweb li:last-child.active>div strong, #web .hospedagem .cont1 .tabsweb li:last-child:hover>div strong {
      color: #0071bc;
  }

  #web .hospedagem .cont1 .tabsweb li .siteicon {
      width: 110px;
      height: 110px;
      background: url('../img/icon_site_2.png') center center no-repeat;
      float: left;
      color: #b3b3b3;
  }

  #web .hospedagem .cont1 .tabsweb li.active .siteicon strong {
      color: #db313e;
  }

  #web .hospedagem .cont1 .tabsweb li.active .siteicon {
      background: url('../img/icon_site.png') center center no-repeat;
  }

  #web .hospedagem .cont1 .tabsweb li .lojaicon {
      width: 110px;
      height: 110px;
      background: url('../img/icon_loja_2.png') center center no-repeat;
  }

  #web .hospedagem .cont1 .tabsweb li.active .lojaicon strong {}

  #web .hospedagem .cont1 .tabsweb li.active .lojaicon {
      background: url('../img/icon_loja.png') center center no-repeat;
  }

  #web .hospedagem .cont2 {
      padding-bottom: 50px;
  }

  #web .hospedagem .cont2 .contentsweb {}

  #web .hospedagem .cont2 .contentsweb .box {
      display: none;
      position: absolute;
      left: -9999px;
  }

  #web .hospedagem .cont2 .contentsweb .box.open {
      display: block;
      position: inherit;
      left: 0;
  }

  #web .hospedagem .cont2 .contentsweb .box .conteudo {
      background: url('../img/bg_hospedagem.png') center center no-repeat;
  }

  #web .hospedagem .cont2 .contentsweb .box .conteudo .titulo {
      font-size: 30px;
      color: #000;
      margin-bottom: 10px;
      margin-top: 30px;
  }

  #web .hospedagem .cont2 .contentsweb .box .conteudo .texto {
      text-align: left;
      font-size: 20px;
      font-weight: 400;
      color: #333;
      line-height: 30px;
  }

  #web .hospedagem .cont3 {
      padding-bottom: 60px;
  }

  #web .hospedagem .cont3 .cars {
      text-align: center;
      padding: 0px 50px;
  }

  #web .hospedagem .cont3 .cars .imagem {}

  #web .hospedagem .cont3 .cars .imagem img {
      margin: 0 auto;
  }

  #web .hospedagem .cont3 .cars .titulo {
      text-align: center;
      border-bottom: 5px solid #ddd;
      display: inline-block;
      padding-bottom: 10px;
      margin-bottom: 20px;
      font-size: 25px;
      line-height: 25px;
      margin-top: 15px;
  }

  #web .hospedagem .cont3 .cars .titulo strong {
      display: block;
  }

  #web .hospedagem .cont3 .cars .texto {}

  #web .hospedagem .cont3 .bbr {
      border-right: 1px solid #f2f2f2;
      border-left: 1px solid #f2f2f2;
  }

  #web .blogs {
      padding-bottom: 60px;
  }

  #web .blogs .b1 {
      width: 270px;
      float: left;
  }

  #web .blogs .b1 .tabs {
      padding: 0;
  }

  #web .blogs .b1 .tabs ul {
      padding-left: 0px;
      list-style: none;
      margin-bottom: 0px;
  }

  #web .blogs .b1 .tabs li {
      height: 162px;
      border: 1px solid #ddd;
      width: 100%;
      margin: -1px auto 0;
      font-weight: 500;
      font-size: 18px;
      padding: 10px 40px;
  }

  #web .blogs .b1 .tabs li:hover {
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c1282d+0,e36b6c+100 */
      background: #c1282d;
      /* Old browsers */
      background: -moz-linear-gradient(left, #c1282d 0%, #e36b6c 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(left, #c1282d 0%, #e36b6c 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, #c1282d 0%, #e36b6c 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1282d', endColorstr='#e36b6c', GradientType=1);
      /* IE6-9 */
      color: #fff;
  }

  #web .blogs .b1 .tabs li.active {
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c1282d+0,e36b6c+100 */
      background: #c1282d;
      /* Old browsers */
      background: -moz-linear-gradient(left, #c1282d 0%, #e36b6c 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(left, #c1282d 0%, #e36b6c 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, #c1282d 0%, #e36b6c 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1282d', endColorstr='#e36b6c', GradientType=1);
      /* IE6-9 */
      color: #fff;
  }

  #web .blogs .b1 .tabs li div:first-child {
      height: 80px;
      width: 80px;
      margin: 0 auto 10px;
  }

  #web .blogs .b1 .tabs li .a1 {
      background: url('../img/icon_responsive2.png') center center no-repeat;
  }

  #web .blogs .b1 .tabs li:hover .a1 {
      background: url('../img/icon_responsive1.png') center center no-repeat;
  }

  #web .blogs .b1 .tabs li.active .a1 {
      background: url('../img/icon_responsive1.png') center center no-repeat;
  }

  #web .blogs .b1 .tabs li .a2 {
      background: url('../img/icon_templates2.png') center center no-repeat;
  }

  #web .blogs .b1 .tabs li:hover .a2 {
      background: url('../img/icon_templates1.png') center center no-repeat;
  }

  #web .blogs .b1 .tabs li.active .a2 {
      background: url('../img/icon_templates1.png') center center no-repeat;
  }

  #web .blogs .b1 .tabs li .a3 {
      background: url('../img/icon_plugin2.png') center center no-repeat;
  }

  #web .blogs .b1 .tabs li:hover .a3 {
      background: url('../img/icon_plugin_1.png') center center no-repeat;
  }

  #web .blogs .b1 .tabs li.active .a3 {
      background: url('../img/icon_plugin_1.png') center center no-repeat;
  }

  #web .blogs .b1 .tabs li .a4 {
      background: url('../img/icon_google2.png') center center no-repeat;
  }

  #web .blogs .b1 .tabs li:hover .a4 {
      background: url('../img/icon_google1.png') center center no-repeat;
  }

  #web .blogs .b1 .tabs li.active .a4 {
      background: url('../img/icon_google1.png') center center no-repeat;
  }

  #web .blogs .b2 {
      width: 920px;
      float: left;
  }

  #web .blogs .b2 .contents {
      padding: 0 50px;
  }

  #web .blogs .b2 .contents .box {
      display: none;
  }

  #web .blogs .b2 .contents .box.open {
      display: block;
  }

  #web .blogs .b2 .contents .box .imagem {
      margin-bottom: 10px;
  }

  #web .blogs .b2 .contents .box .titulo {
      font-size: 40px;
      color: #000;
      margin-bottom: 10px;
  }

  #web .blogs .b2 .contents .box .texto {
      text-align: left;
      line-height: 28px;
      margin-bottom: 30px;
  }

  #web .contatenos {
      border-top: 1px solid #c2272d;
  }

  #web .contatenos div {
      float: right;
      padding: 5px 10px;
      border: 1px solid #c2272d;
      color: #c2272d;
      font-weight: 600;
      padding: 10px 20px;
      position: relative;
      top: -36px;
      font-size: 34px;
      background: #fff;
  }

  #web .contatenos div:hover{
    color: #fff;
    background-color: #c2272d;
  }
  /*=======================================* FIM WEB *==============================================*/
  /*=======================================* INICIO PRODUCAO *==============================================*/

  .bx-wrapper {
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      border: 0;
      background: none;
  }

  #producao {}

  #producao .banners {}

  #producao .texto {
      font-size: 17px;
      text-align: center;
      font-weight: 300;
  }

  #producao .banners .abs {
      text-align: center;
  }

  #producao .banners .tituloPage {
      font-size: 25px;
      font-weight: 600;
      padding-top: 10px;
      margin-bottom: 30px;
      border-top: 5px solid #01d0e2;
      border-bottom: 0;
      display: inline-block;
      text-transform: uppercase;
      color: #000;
      margin-top: 40px;
  }

  #producao .banners .cont1 {
      margin-bottom: 70px;
      background: url('../img/bgbanners.jpg') center 130px repeat-x;
      position: relative;
  }

  #producao .banners .cont1 .slider {
      margin: 50px auto 0 !important;
      width: 100%;
      height: 690px;
  }


  #producao .banners .cont1 .monitor {
    background-size: contain !important;
    background: url('../img/page_banners_computer.png') center center no-repeat;
    position: absolute;
    top: 45px;
    left: 15px;
    width: 96%;
    height: 690px;
}  

  #producao .banners .cont1 .slider .bx-wrapper .bx-controls-direction a {
      position: absolute;
      top: 50%;
      margin-top: -59px;
      outline: 0;
      width: 50px;
      height: 118px;
      text-indent: -9999px;
      z-index: 998;
  }

  #producao .banners .cont1 .slider .bx-wrapper .bx-prev {
      left: -80px;
      background: url('../img/arrow_depo_2.png') center center no-repeat;
  }

  #producao .banners .cont1 .slider .bx-wrapper .bx-next {
      right: -80px;
      background: url('../img/arrow_depo_01.png') center center no-repeat;
  }

  #producao .banners .cont1 .slider>div {
      width: 720px;
      position: relative;
      top: 45px;
      margin-left: 34px;
  }

  #producao .banners .cont1 .box {
      position: relative;
      top: 235px;
      padding-left: 100px;
  }

  #producao .banners .cont1 .box .tit1 {
      font-weight: 900;
      font-size: 60px;
      line-height: 45px;
      color: #000;
  }

  #producao .banners .cont1 .box .tit2 {
      color: #fff;
      font-weight: 300;
      font-size: 49px;
      line-height: 44px;
  }

  #producao .banners .cont2 {
      padding-bottom: 60px;
      position: relative;
  }

  #producao .banners .cont2 .box {
    margin-bottom: 50px;
  }

  #producao .banners .cont2 .box .tit1 {
      font-weight: 900;
      font-size: 55px;
      line-height: 65px;
      color: #000;
  }

  #producao .banners .cont2 .box .tit2 {
      color: #29ace4;
      font-size: 45px;
      line-height: 45px;
      font-weight: 300;
  }

  #producao .banners .cont2 .monitores {}

  #producao .banners .cont2 .monitores ul {
      padding-left: 0px;
      list-style: none;
      margin-bottom: 0px;
  }

  #producao .banners .cont2 .monitores li {
      float: left;
      width: 25%;
      position: relative;
  }


  #producao .banners .cont2 .monitores li a{ position: relative; display: block; }
  #producao .banners .cont2 .monitores li a::after{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #000; content: ""; opacity: 0; }
   #producao .banners .cont2 .monitores li:hover a::after{ opacity: .4; }

  #producao .fotografia .cont1 {
      margin-top: 40px;
  }

  #producao .fotografia .cont1 .imagem {
      position: relative;
  }
  #producao .fotografia .cont1 .imagem > img {
    width: 100%;
  }

  #producao .fotografia .cont1 .imagem .barbot {
      width: 100%;
      color: #fff;
      background: rgba(0, 0, 0, .9);
      position: absolute;
      bottom: 0;
      text-align: center;
      font-size: 20px;
  }

  #producao .fotografia .cont1 .caixa.blue .imagem .barbot {
      background: rgba(63, 200, 255, .7);
  }

  #producao .fotografia .cont1 .caixa.yellow .imagem .barbot {
      background: rgba(217, 224, 33, .7);
  }

  #producao .fotografia .cont1 .caixa.green .imagem .barbot {
      background: rgba(7, 168, 80, .7);
  }

  #producao .fotografia .cont1 .caixa.orange .imagem .barbot {
      background: rgba(251, 176, 59, .7);
  }

  #producao .fotografia .cont1 .imagem .barbot img {}

  #producao .fotografia .cont1 .caixa:hover .imagem .barbot {
      display: none;
  }

  #producao .fotografia .cont1 .hover {
      position: absolute;
      top: 0px;
      width: 100%;
      height: 100%;
      background: rgba(6, 6, 6, 0.75);
      opacity: 0;
  }

  #producao .fotografia .cont1 .hover .img {
      text-align: center;
      margin-top: -25px;
  }

  #producao .fotografia .cont1 .hover .titulo {
      font-size: 20px;
      color: #fff;
      text-align: center;
  }

  #producao .fotografia .cont1 .hover .titulo .line {
      height: 4px;
      width: 110px;
      margin: 10px auto;
      background: #fff;
  }

  #producao .fotografia .cont1 .hover .box {
    position: absolute;
    width: 100%;
    height: auto;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  #producao .fotografia .cont1 .hover .img {}

  #producao .fotografia .cont1 .hover .texto {
      font-size: 17px;
      text-align: left;
      font-weight: 400;
      padding: 10px 100px;
      color: #fff;
  }

  #producao .fotografia .cont1 .hover .line {}

  #producao .fotografia .cont1 .hover .contratar {
      text-align: left;
      color: #fff;
      width: 200px;
      margin: 0 auto 0;
      line-height: 40px;
  }

  #producao .fotografia .cont1 .hover .contratar img {
      float: left;
      margin-right: 10px;
  }

  #producao .fotografia .cont1 .caixa:hover .hover {
    opacity: 1;
  }

  #producao .fotografia .cont2 {}

  #producao .fotografia .tituloPage {
      font-size: 25px;
      font-weight: 600;
      padding-top: 10px;
      margin-bottom: 30px;
      border-top: 5px solid #01d0e2;
      border-bottom: 0;
      display: inline-block;
      text-transform: uppercase;
      color: #000;
      margin-top: 40px;
  }

  #producao .fotografia .abs {
      text-align: center;
  }
  /*=======================================* FIM PRODUCAO *==============================================*/
  /*=======================================* INICIO MARKETING *==============================================*/

  #marketing {}

  #marketing .tituloPage {
      font-size: 25px;
      font-weight: 600;
      padding-bottom: 10px;
      margin-bottom: 30px;
      border-top: 5px solid #79c942;
      border-bottom: 0px;
      display: inline-block;
      text-transform: uppercase;
      color: #000;
      margin-top: 40px;
  }

  #marketing .consultoria {}

  #marketing .consultoria .abs {
      text-align: center;
  }

  #marketing .consultoria .cont1 {}

  #marketing .consultoria .cont1 .tabing {
      margin: 40px 0px;
  }

  #marketing .consultoria .cont1 .tabing .tabs {
      padding: 0px;
      background: #f2f2f2;
  }

  #marketing .consultoria .cont1 .tabing .tabs ul {}

  #marketing .consultoria .cont1 .tabing .tabs li {
      display: block;
      text-transform: uppercase;
      position: relative;
      font-weight: 400;
      margin-left: 0;
      cursor: pointer;
      margin-right: 0px;
      height: 100px;
      background: #f8f8f8;
      text-align: left;
      padding: 24px 30px;
      font-size: 21px;
      line-height: 26px;
      margin-bottom: 3px;
  }

  #marketing .consultoria .cont1 .tabing .tabs li div.a1 {
      width: 90px;
      height: 90px;
      background: #ddd;
      background: url('../img/page_consult_mkt_icon_social_cinza.png') center center no-repeat;
      position: absolute;
      right: 5px;
      top: 5px;
      border-left: 1px solid #d4d4d4;
  }

  #marketing .consultoria .cont1 .tabing .tabs li div.a2 {
      width: 90px;
      height: 90px;
      background: #ddd;
      background: url('../img/page_consult_mkt_icon_designl_cinza.png') center center no-repeat;
      position: absolute;
      right: 5px;
      top: 5px;
      border-left: 1px solid #d4d4d4;
  }

  #marketing .consultoria .cont1 .tabing .tabs li div.a3 {
      width: 90px;
      height: 90px;
      background: #ddd;
      background: url('../img/page_consult_mkt_icon_consult_cinza.png') center center no-repeat;
      position: absolute;
      right: 5px;
      top: 5px;
      border-left: 1px solid #d4d4d4;
  }

  #marketing .consultoria .cont1 .tabing .tabs li.active div.a1 {
      width: 90px;
      height: 90px;
      background: #ddd;
      background: url('../img/page_consult_mkt_icon_social_active.png') center center no-repeat;
      position: absolute;
      right: 5px;
      top: 5px;
      border-left: 1px solid #84d579;
  }

  #marketing .consultoria .cont1 .tabing .tabs li.active div.a2 {
      width: 90px;
      height: 90px;
      background: url('../img/page_consult_mkt_icon_design_active.png') center center no-repeat;
      position: absolute;
      right: 5px;
      top: 5px;
      border-left: 1px solid #84d579;
  }

  #marketing .consultoria .cont1 .tabing .tabs li.active div.a3 {
      width: 90px;
      height: 90px;
      background: url('../img/page_consult_mkt_icon_consult_active.png') center center no-repeat;
      position: absolute;
      right: 5px;
      top: 5px;
      border-left: 1px solid #84d579;
  }

  #marketing .consultoria .cont1 .tabing .tabs li:hover div.a1 {
      background: url('../img/page_consult_mkt_icon_social_hover.png') center center no-repeat;
  }

  #marketing .consultoria .cont1 .tabing .tabs li:hover div.a2 {
      background: url('../img/page_consult_mkt_icon_design_hover.png') center center no-repeat;
  }

  #marketing .consultoria .cont1 .tabing .tabs li:hover div.a3 {
      background: url('../img/page_consult_mkt_icon_consult_hover.png') center center no-repeat;
  }

  #marketing .consultoria .cont1 .tabing .tabs li.active:hover div.a1 {
      background: url('../img/page_consult_mkt_icon_social_active.png') center center no-repeat;
  }

  #marketing .consultoria .cont1 .tabing .tabs li.active:hover div.a2 {
      background: url('../img/page_consult_mkt_icon_design_active.png') center center no-repeat;
  }

  #marketing .consultoria .cont1 .tabing .tabs li.active:hover div.a3 {
      background: url('../img/page_consult_mkt_icon_consult_active.png') center center no-repeat;
  }

  #marketing .consultoria .cont1 .tabing .tabs li.active {
      color: #fff;
  }

  #marketing .consultoria .cont1 .tabing .tabs li.active:hover {
      color: #fff;
  }

  #marketing .consultoria .cont1 .tabing .tabs li:hover {
      color: #31b86b;
  }

  #marketing .consultoria .cont1 .tabing .tabs li strong {
      display: block;
  }

  #marketing .consultoria .cont1 .tabing .tabs li.active {
      background: rgba(35, 181, 115, 1);
      background: -moz-linear-gradient(left, rgba(35, 181, 115, 1) 0%, rgba(120, 201, 66, 1) 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, rgba(35, 181, 115, 1)), color-stop(100%, rgba(120, 201, 66, 1)));
      background: -webkit-linear-gradient(left, rgba(35, 181, 115, 1) 0%, rgba(120, 201, 66, 1) 100%);
      background: -o-linear-gradient(left, rgba(35, 181, 115, 1) 0%, rgba(120, 201, 66, 1) 100%);
      background: -ms-linear-gradient(left, rgba(35, 181, 115, 1) 0%, rgba(120, 201, 66, 1) 100%);
      background: linear-gradient(to right, rgba(35, 181, 115, 1) 0%, rgba(120, 201, 66, 1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23b573', endColorstr='#78c942', GradientType=1);
  }

  #marketing .consultoria .cont1 .contents {}

  #marketing .consultoria .cont1 .contents .box {
      font-size: 17px;
      font-weight: 300;
      position: absolute;
      left: -9999px;
  }

  #marketing .consultoria .cont1 .contents .box img{ width: 100%; }

  #marketing .consultoria .cont1 .contents .box.open {
      left: 0;
      position: inherit;
  }

  #marketing .consultoria .cont2 {}

  #marketing .cont1 {
      padding: 30px 0px;
  }

  #marketing .cont2 {
      padding: 30px 0px;
      background: #f9fff3;
  }

  #marketing .cont2 .lista {
      margin-top: 90px;
      color: #4c9017;
  }

  #marketing .cont2 .lista ul {
      padding-left: 0px;
      list-style: none;
      margin-bottom: 0px;
  }

  #marketing .cont2 .lista li {
      font-size: 28px;
  }

  #marketing .cont3 .lista {
      margin-top: 90px;
      color: #f66508;
  }

  #marketing .cont3 .lista ul {
      padding-left: 0px;
      list-style: none;
      margin-bottom: 0px;
  }

  #marketing .cont3 .lista li {
      font-size: 28px;
  }

  #marketing .lista li:nth-child(1) {
      font-weight: 300;
  }

  #marketing .lista li:nth-child(2) {
      font-weight: 400;
  }

  #marketing .lista li:nth-child(3) {
      font-weight: 600;
  }

  #marketing .cont3 {
      padding: 10px 0px;
      background: #f8f8f8;
  }

  #marketing .cont4 {
      padding: 20px 0px 60px;
  }

  #marketing .brindes .tituloDif {
      font-size: 85px;
      font-weight: 300;
      text-align: center;
  }

  #marketing .brindes .tituloDif span {
      font-weight: 600;
      color: #79c942;
  }

  #marketing .brindes .tituloDif strong {
      color: #000;
      font-weight: 600;
  }

  #marketing .feiras .tituloDif {
      font-size: 80px;
      font-weight: 300;
      text-align: center;
  }

  #marketing .feiras .tituloDif span {
      font-weight: 600;
      color: #79c942;
      /*font-family: 'Tangerine', cursive;*/
  }

  #marketing .feiras .tituloDif strong {
      color: #000;
      font-weight: 600;
  }

  #marketing .feiras .cont2 {
      background: #fff;
      padding: 30px 0 0;
  }

  #marketing .feiras .cont2 .tabsfeira {}

  #marketing .feiras .cont2 .tabsfeira ul {
      padding-left: 0px;
      list-style: none;
      margin-bottom: 0px;
  }

  #marketing .feiras .cont2 .tabsfeira li {
      display: inline-block;
      width: 25%;
      margin-left: -4px;
      text-align: center;
      padding-bottom: 45px;
      cursor: pointer;
      opacity: 0.5;
      filter: alpha(opacity=50);
      border: 1px solid transparent;
      border-bottom: 0px !important;
  }

  #marketing .feiras .cont2 .tabsfeira li.active {
      opacity: 1;
      filter: alpha(opacity=100);
  }

  #marketing .feiras .cont2 .tabsfeira li:nth-child(1).active, #marketing .feiras .cont2 .tabsfeira li:nth-child(1):hover {
      border: 1px solid #8cc63f;
  }

  #marketing .feiras .cont2 .tabsfeira li:nth-child(2).active, #marketing .feiras .cont2 .tabsfeira li:nth-child(2):hover {
      border: 1px solid #d90551;
  }

  #marketing .feiras .cont2 .tabsfeira li:nth-child(3).active, #marketing .feiras .cont2 .tabsfeira li:nth-child(3):hover {
      border: 1px solid #00a99d;
  }

  #marketing .feiras .cont2 .tabsfeira li:nth-child(4).active, #marketing .feiras .cont2 .tabsfeira li:nth-child(4):hover {
      border: 1px solid #0071bc;
  }

  #marketing .feiras .cont2 .tabsfeira li .item {
      font-weight: 600;
  }

  #marketing .feiras .cont2 .tabsfeira li .item .line {
      width: 100px;
      height: 4px;
      background: #000;
      margin: 0 auto;
  }

  #marketing .feiras .cont2 .tabsfeira li .item .imagem {
      padding-top: 45px;
  }

  #marketing .feiras .cont2 .tabsfeira li .item .titulo {
      padding: 20px 0px;
      font-size: 17px;
      font-weight: 300;
  }

  #marketing .feiras .cont2 .tabsfeira li:nth-child(1) .item .line {
      background: #8cc63f;
  }

  #marketing .feiras .cont2 .tabsfeira li:nth-child(2) .item .line {
      background: #d90551;
  }

  #marketing .feiras .cont2 .tabsfeira li:nth-child(3) .item .line {
      background: #00a99d;
  }

  #marketing .feiras .cont2 .tabsfeira li:nth-child(4) .item .line {
      background: #0071bc;
  }

  #marketing .feiras .cont2 .contentsfeira {}

  #marketing .feiras .cont2 .contentsfeira .box {
      position: absolute;
      left: -9999px;
      display: none;
  }

  #marketing .feiras .cont2 .contentsfeira .box.open {
      position: inherit;
      left: 0;
      display: block;
  }

  #marketing .feiras .cont2 .contentsfeira .caixa {
      background: url('../img/bg_fe_modelos.jpg') center center no-repeat;
      background-size: cover !important
  }

  #marketing .feiras .cont2 .contentsfeira .mask {
      position: relative;
  }

  #marketing .feiras .cont2 .contentsfeira .mask.green {
      background: rgba(140, 198, 63, .8);
  }

  #marketing .feiras .cont2 .contentsfeira .mask.pink {
      background: rgba(216, 6, 81, .8);
  }

  #marketing .feiras .cont2 .contentsfeira .mask.ocean {
      background: rgba(0, 169, 157, .8);
  }

  #marketing .feiras .cont2 .contentsfeira .mask.blue {
      background: rgba(0, 113, 188, .8);
  }

  #marketing .feiras .cont2 .contentsfeira .bord {
      width: 562px;
      border: 25px solid #fff;
      padding: 35px 20px 35px 80px;
      height: 400px;
      float: right;
      border-right: 0px;
      position: absolute;
      top: 50%;
      margin-top: -200px;
      right: 0;
  }

  #marketing .feiras .cont2 .contentsfeira .caixa .titulo {
      color: #fff;
      font-size: 22px;
      text-transform: uppercase;
      margin-bottom: 20px;
  }

  #marketing .feiras .cont2 .contentsfeira .caixa .texto {
      font-size: 17px;
      color: #fff;
      text-align: left;
      margin-bottom: 30px;
      line-height: 30px;
  }

  #marketing .feiras .cont2 .contentsfeira .caixa .contratar {
      color: #fff;
      line-height: 14px;
  }

  #marketing .feiras .cont2 .contentsfeira .caixa .contratar strong {
      display: block;
  }

  #marketing .feiras .cont2 .contentsfeira .caixa .contratar img {
      float: left;
      margin-right: 7px;
      margin-top: -7px;
  }

  #marketing .feiras .cont2 .contentsfeira .slideShowfeira {}

  #marketing .feiras .cont2 .contentsfeira .slideShowfeira .imagem {
      position: relative;
      opacity: 0.5;
      filter: alpha(opacity=50);
  }

  #marketing .feiras .cont2 .contentsfeira .slideShowfeira .imagem:hover {
      position: relative;
      opacity: 1;
      filter: alpha(opacity=100);
  }

  #marketing .feiras .cont2 .contentsfeira .slideShowfeira .imagem .hover {
      opacity: 0;
      filter: alpha(opacity=0);
      -webkit-transition: all .2s ease-in-out;
      -moz-transition: all .2s ease-in-out;
      -o-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out;
  }

  #marketing .feiras .cont2 .contentsfeira .slideShowfeira .imagem:hover .hover {
      opacity: 1;
      filter: alpha(opacity=100);
      width: 100%;
      height: 100%;
  }

  #marketing .feiras .cont2 .contentsfeira .slideShowfeira .imagem .hover span {
      font-size: 40px;
      position: absolute;
      top: 50%;
      margin-top: -20px;
      left: 50%;
      margin-left: -20px;
      color: #fff;
      /*display: block;*/
  }

  #marketing .feiras .cont2 .contentsfeira .slideShowfeira ul:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
  }

  #marketing .feiras .cont2 .contentsfeira .slideShowfeira ul {
      padding-left: 0px;
      list-style: none;
      margin-bottom: 0px;
  }

  #marketing .feiras .cont2 .contentsfeira .slideShowfeira li {
      float: left;
      width: 25%;
  }

  #marketing .feiras .cont2 .contentsfeira .slideShowfeira li img {
      width: 100%;
  }
  /*=======================================* FIM MARKETING *==============================================*/

  #portfolio .see-more-inner {
      display: table-cell;
      vertical-align: middle;
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 32% 0;
  }
  /*=======================================*  CONTATO *==============================================*/

  #contato {
      background: url('../img/img_contato.jpg') center center no-repeat;
      background-size: cover;
  }

  .alerta {
      background-color: #30aa35;
      padding: 30px;
      position: fixed;
      bottom: 0;
      z-index: 9999999999999999999;
      width: 100%;
  }
  
 .alerta p{ margin: 0; color: #fff; text-align: center; font-size: 20px; }

  #contato .titulo {
      color: #fff;
      text-align: center;
  }

  #contato .titulo h1 {
      font-size: 80px;
      font-weight: 600;
      margin-top: 180px;
      margin-bottom: 110px;
  }

  #contato .icons {
      height: 68px;
  }

  #contato .icons ul {
      padding-left: 0px;
      list-style: none;
      margin-bottom: 0px;
  }

  #contato .icons li {
      cursor: pointer;
      display: inline-block;
      padding: 10px;
      background: rgba(255, 255, 255, 0.9);
      filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
      /* Firefox 10+, Firefox on Android */
      filter: gray;
      /* IE6-9 */
      -webkit-filter: grayscale(100%);
      /* Chrome 19+, Safari 6+, Safari 6+ iOS */
  }

  #contato .icons li.active, #contato .icons li:hover {
      display: inline-block;
      padding: 10px;
      background: #a12129;
      filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
      -webkit-filter: grayscale(0%);
  }

  #contato .box1 {}

  #contato .box1 > div {
      background: #a12129;
      display: none;
      position: absolute;
      left: -9999px;
      padding: 20px 40px;
  }

  #contato .box1 div.open {
      display: block;
      position: inherit;
      overflow: hidden;
  }
  #contato .box1 div.open .telefone-box {
    display: block!important;
    float: left;
  }

  #contato .box1 div.open .email-box  {
    display: block!important;
    float: right;
  }

  #contato .box1 ul {
      padding-left: 0px;
      list-style: none;
      margin-bottom: 0px;
  }

  #contato .box1 li {
      color: #fff;
      font-size: 17px;
      text-transform: uppercase;
      font-weight: 300;
      line-height: 50px;
  }

  #contato .box1 span {
      color: #fff;
      font-size: 18px;
      text-transform: uppercase;
      font-weight: 600;
      line-height: 70px;
  }

  #contato .icons div {
      height: 48px;
      width: 48px;
  }

  #contato .icons li div.tbl1 {
      background: url('../img/icon_contato_01.png');
  }

  #contato .icons li div.tbl2 {
      background: url('../img/icon_contato_02.png');
  }

  #contato .icons li div.tbl3 {
      background: url('../img/icon_contato_03.png');
  }

  #contato .icons li.active div.tbl1, #contato .icons li:hover div.tbl1 {
      background: url('../img/icon_contato_01_h.png');
  }

  #contato .icons li.active div.tbl2, #contato .icons li:hover div.tbl2 {
      background: url('../img/icon_contato_02_h.png');
  }

  #contato .icons li.active div.tbl3, #contato .icons li:hover div.tbl3 {
      background: url('../img/icon_contato_03_h.png');
  }

  #contato .formulario {
      padding: 0 0 120px;
  }

  #contato .formulario input {
      width: 100%;
      height: 45px;
      background: rgba(255, 255, 255, 0.9);
      text-transform: uppercase;
      color: #000;
      padding-left: 10px;
      border: 0px;
      outline: none;
      margin-bottom: 10px;
  }

  #contato .formulario textarea {
      width: 100%;
      height: 108px;
      background: rgba(255, 255, 255, 0.9);
      text-transform: uppercase;
      color: #000;
      padding-left: 10px;
      border: 0px;
      outline: none;
      margin-bottom: 10px;
      padding-top: 10px;
  }

  #contato .formulario button {
      color: #fff;
      background: #000;
      text-transform: uppercase;
      border: 0px;
      outline: none;
      margin-bottom: 10px;
      padding: 10px 49px;
      float: right;
  }

  #contato .formulario button:hover{
    background: rgba(228, 31, 38, 0.9);
  }

  #contato .formulario input::-webkit-input-placeholder {
      color: #000;
  }

  #contato .formulario input:-moz-placeholder {
      /* Firefox 18- */
      color: #000;
  }

  #contato .formulario input::-moz-placeholder {
      /* Firefox 19+ */
      color: #000;
  }

  #contato .formulario input:-ms-input-placeholder {
      color: #000;
  }

  #contato .formulario textarea::-webkit-input-placeholder {
      color: #000;
  }

  #contato .formulario textarea:-moz-placeholder {
      /* Firefox 18- */
      color: #000;
  }

  #contato .formulario textarea::-moz-placeholder {
      /* Firefox 19+ */
      color: #000;
  }

  #contato .formulario textarea:-ms-input-placeholder {
      color: #000;
  }
  /*=======================================* FIM CONTATO *==============================================*/
  /*=======================================* PORTFOLIO *==============================================*/

/*  #portfolio {
      padding-bottom: 60px;
  }*/

  #portfolio .projetos {}

  #portfolio .projetos .titulo {
      text-align: center;
      font-size: 36px;
      text-transform: uppercase;
      color: #000;
      padding: 30px 0px;
      font-weight: bold;
  }

  #portfolio .projetos .sub {
      margin-bottom: 30px;
      font-size: 16px;
      text-align: center;
  }

  #portfolio .cabecalho {
      padding: 10px 0px 20px;
  }

  #portfolio .cabecalho .txt1 {
      font-size: 22px;
      text-transform: uppercase;
      font-weight: 300;
  }

  #portfolio .cabecalho .cliente {
      font-size: 95px;
      font-weight: 600;
      line-height: 80px;
      margin-bottom: 20px;
      color: #5d5d5d;
  }

  #portfolio .projetos .voltar img {
      position: relative;
      margin-right: 10px;
      top: -11px;
  }

  #portfolio .projetos .voltar {
      text-align: right;
      margin-right: 50px;
  }

  #portfolio .projetos .voltar i {
      margin-right: 10px;
      font-size: 30px;
      color: #a51e2c;
      position: relative;
      top: -3px;
  }

  #portfolio .projetos .voltar span {
      font-size: 35px;
      border-top: 3px solid #a51e2c;
      padding-top: 4px;
      font-weight: 300;
      color: #a51e2c;
      text-transform: uppercase;
  }

  #portfolio .cabecalho .cliente span.red {
      color: #a51e2c;
  }

  #portfolio .cabecalho .cliente span.dark {
      color: #1a1a1a;
  }

  #portfolio .cabecalho .texto {
      height: 100px;
      overflow-y: auto;
      margin-top: 20px;
      font-size: 15px;
      font-weight: 300;
  }

  #portfolio .cabecalho .contem {
      /*padding-left: 50px;*/
  }

  #portfolio .cabecalho .contem .titulo {
      font-size: 30px;
      text-align: left;
      font-weight: 300;
      padding: 0px;
      margin-bottom: 10px;
  }

  #portfolio .cabecalho .contem .tags {}

  #portfolio .cabecalho .contem .tags ul {
      padding-left: 0px;
      list-style: none;
      margin-bottom: 0px;
  }

  #portfolio .cabecalho .contem .tags li {
      display: inline-block;
      color: #fff;
      background: #a51e2c;
      padding: 5px 15px;
      border-radius: 5px;
      font-size: 17px;
      font-weight: 300;
      margin-right: 10px;
      margin-bottom: 10px;
  }

    #portfolio .cabecalho .contem .tags li i{
      margin-right: 5px;
    }

  #portfolio .cabecalho .contem .tags li img {
      margin-right: 5px;
  }

  #portfolio .bannerPort {
      margin-bottom: 30px;
  }

  #portfolio .cont3 {}

  #portfolio .cont3 .texto {
      text-align: center;
      padding: 30px 0px 40px;
      font-size: 21px;
      text-transform: uppercase;
      color: #000;
      font-weight: 300;
  }

  #portfolio .cont3 .layout {}

  #portfolio .cont3 .navs {
      text-align: center;
  }

  #portfolio .cont3 .prev {
      display: inline-block;
      color: #fff;
      background: #a51e2c;
      padding: 5px 15px;
      border-radius: 5px;
      font-size: 20px;
      font-weight: 300;
      margin-right: 10px;
      margin-top: 50px;
  }

  #portfolio .cont3 .next {
      color: #000;
      font-size: 28px;
      padding-top: 4px;
      border-top: 4px solid #000;
      text-transform: uppercase;
      font-weight: 600;
      display: inline-block;
      position: relative;
      margin-top: 75px;
  }

  #portfolio .cont3 .logocliente {
      text-align: center;
  }

  #portfolio .cont3 .logocliente img {
      margin: 0 auto;
  }
  /*------------------------------------------------------*/

  .port .categorias {}

  .port .categorias ul {
      padding-left: 0px;
      margin-bottom: 0px;
      list-style: none;
      margin-left: -.5%;
      /*margin-right: %;*/
  }

  .port .categorias li {
      display: inline-block;
      width: 23.8%;
      position: relative;
      margin-left: 0.53%;
      margin-right: .53%;
      margin-bottom: 1%;
  }

  .port .categorias li .dentro {
      position: absolute;
      top: 0px;
      color: #fff;
      text-transform: uppercase;
      text-align: center;
      font-size: 15px;
      font-weight: 300;
      left: 50%;
      margin-left: -62px;
      top: 50%;
      margin-top: -72px;
  }

  .categorias li {}

  .categorias li.active {}

  .produtos div {
      display: none;
      position: absolute;
      left: -9999px;
  }

  .produtos div.open {
      position: inherit;
      display: block;
  }
  /*=======================================* FIM PORTFOLIO *==============================================*/
  /*=======================================* CASES *==============================================*/

  #cases {
      /*background: #ff3232;
   background: -moz-linear-gradient(left,  #ff3232 0%, #e0642a 50%, #ffab4c 100%);
   background: -webkit-linear-gradient(left,  #ff3232 0%,#e0642a 50%,#ffab4c 100%);
   background: linear-gradient(to right,  #ff3232 0%,#e0642a 50%,#ffab4c 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3232', endColorstr='#ffab4c',GradientType=1 );*/
  }

  #cases .cases .equipe .box .card {
      color: #fff;
      text-align: center;
      font-size: 30px;
      padding: 10px 0px;
      background: rgba(0, 0, 0, 0.6);
      text-transform: uppercase;
  }

  #cases .cases .equipe .box .card ul {
      padding-left: 0px;
      list-style: none;
      margin-bottom: 0px;
  }

  #cases .cases .equipe .box .card li {
      display: block;
      line-height: 40px;
  }

  #cases .cases .equipe .box .card li:nth-child(1) {}

  #cases .cases .equipe .box .card li:nth-child(2) {
      font-size: 15px;
      color: #ddd;
  }

  #cases .cases .equipe .box .card li:nth-child(3) {}

  #cases .lineone {
      width: 1000px;
      height: 228px;
      background: #fff;
      margin: 10px auto;
  }

  #cases .linetwo {
      width: 1500px;
      height: 228px;
      background: #fff;
      margin: 10px auto;
  }

  #cases .cases {
      padding: 220px 0px 0px;
  }

  #cases .cases::after {
      clear: both;
      content: "";
  }
  /*=======================================* FIM CASES *==============================================*/
  /*=======================================* STEPS *==============================================*/

  .steps {
      margin-top: 30px;
  }

  .steps .row {
      margin-left: -5px;
      margin-right: -5px;
  }

  .steps .col-xs-4 {
      padding: 5px;
  }

  .steps .col-xs-8 {
      padding: 5px;
  }

  .steps .etapa {
      position: relative;
  }

  .etapa .blackBox {
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.8);
      position: absolute;
      top: 0px;
      left: 0px;
  }

  .etapa .blackBox .number {
      font-family: 'Bentham', serif;
      /* font-family: 'Quando', serif; */
      color: #fff;
      font-size: 160px;
      text-align: center;
  }

  .etapa .blackBox .texto {
      color: #fff;
      font-size: 20px;
      text-transform: uppercase;
      text-align: center;
      font-weight: bold;
  }

  .etapa .blackBox .centertext {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-left: -40px;
      margin-top: -190px;
  }
  /*=======================================* FIM STEPS *==============================================*/
  /*=======================================* NOVO PROJETO *==============================================*/

  #novo_projeto {}

  #novo_projeto .box {
      background: #ececec;
      padding: 10px 20px;
      min-height: 380px;
      margin-top: 30px;
  }

  #novo_projeto .box.one .titulo {
      color: #fcb6b8;
  }

  #novo_projeto .box.two .titulo {
      color: #fbdab7;
  }

  #novo_projeto .box.three .titulo {
      color: #d1eac2;
  }

  #novo_projeto .box.four .titulo {
      color: #c1dff7;
  }

  #novo_projeto .box .titulo {
      font-size: 20px;
      text-align: left;
      border-bottom: 1px solid #c7c7c7;
      padding-bottom: 10px;
      margin-bottom: 20px;
      font-weight: 900;
      text-transform: uppercase;
  }

  #novo_projeto .box .lista {}

  #novo_projeto .box .lista ul {
      padding-left: 0px;
      list-style: none;
      margin-bottom: 0px;
  }

  #novo_projeto .box .lista li {
      display: block;
      cursor: pointer;
      margin-bottom: 10px;
  }

  #novo_projeto .box .lista li div {
      display: inline-block;
  }

  #novo_projeto .box .lista li div.check {
      border: 2px solid #999999;
      width: 20px;
      height: 20px;
      margin-right: 5px;
      font-size: 27px;
      position: relative;
  }

  #novo_projeto .box .lista li div.check span {
      position: absolute;
      top: -9px;
      color: #a31f2c;
      left: 50%;
      margin-left: -12px;
      opacity: 0;
  }

  #novo_projeto .box .lista li.active div.check span {
      opacity: 1;
  }

  #novo_projeto .box .lista li div.nameCheck {
      position: relative;
      top: -3px;
      margin-left: 5px;
      font-size: 17px;
      color: #6e6e6e;
  }

  #novo_projeto .box .lista li.active div.nameCheck {
      color: #ae343f;
      font-weight: 600;
  }

  #novo_projeto .tituloBlack {
      font-size: 28px;
      font-weight: 900;
      color: #000;
      text-transform: uppercase;
      margin-top: 60px;
      margin-bottom: 15px;
  }

  #novo_projeto .descricao {}

  #novo_projeto .descricao textarea {
      width: 100%;
      height: 185px;
      border: 2px solid;
      -webkit-border-image: url('../img/bgtextarea.png') 2 10 round;
      -o-border-image: url('../img/bgtextarea.png') 2 10 round;
      border-image: url('../img/bgtextarea.png') 2 10 round;
      outline: none;
      padding: 10px;
      /*border-bottom:0;*/
      /*border-left:0;*/
      /*border-right:0;*/
  }

  #novo_projeto .formulario label {
    font-size: 17px;
    text-transform: uppercase;
    }

  #novo_projeto .formulario input, #novo_projeto .formulario textarea {
      width: 100%;      
      border: 1px solid;
      -webkit-border-image: url('../img/bgtextarea.png') 2 10 round;
      -o-border-image: url('../img/bgtextarea.png') 2 10 round;
      border-image: url('../img/bgtextarea.png') 2 10 round;
      outline: none;
      padding: 10px;
      font-size: 17px;
      padding-left: 15px;
      resize: vertical;
  }

  #novo_projeto .formulario .tituloBlack {
      font-size: 28px;
      font-weight: 900;
      color: #000;
      text-transform: uppercase;
      margin-top: 40px;
      margin-bottom: 15px;
  }

/*  #novo_projeto .formulario button {
      width: 360px;
      height: 60px;
      border: 0px;
      background: url('../img/diag01.jpg') center center repeat;
      outline: none;
      margin-top: 30px;
      margin-bottom: 30px;
      color: #fff;
      font-weight: 600;
      font-size: 22px;
      text-transform: uppercase;
      margin: 30px auto 30px;
  }*/

  #novo_projeto #amount {
      border: 0;
      color: #f6931f;
      font-weight: bold;
      font-size: 20px;
      margin-bottom: 10px;
      color: #333;
  }

  #novo_projeto .ui-state-default,
  .ui-widget-content .ui-state-default,
  .ui-widget-header .ui-state-default {
      border: 10px solid #000;
      background: #f6f6f6;
      font-weight: normal;
      color: #454545;
  }

  #novo_projeto .ui-slider .ui-slider-handle {
      position: absolute;
      top: -14px;
      z-index: 2;
      width: 30px;
      height: 30px;
      cursor: pointer;
      -ms-touch-action: none;
      border-radius: 50%;
      touch-action: none;
      outline: none;
  }

  #novo_projeto .ui-widget-header {
      border: 0px solid #dddddd;
      background: url('../img/bgtextarea.png') center center no-repeat;
      color: #333333;
      font-weight: bold;
  }

  #novo_projeto .ui-widget-content {
      border: 1px solid transparent;
      background: url('../img/bgtextarea.png') center center no-repeat;
      color: #333333;
  }

  #novo_projeto .planeja {
      /*padding-top: 60px;*/
      padding-bottom: 60px;
  }

  #novo_projeto .ui-slider-horizontal {
      height: 5px;
  }

  .flt ul:after {
      content: '';
      display: block;
      clear: both;
  }
  /*=======================================* FIM NOVO PROJETO *==============================================*/
  /*=======================================* MARKETING *==============================================*/

  #marketing {}

  #marketing .redes {
      margin-bottom: 40px;
      padding-top: 60px;
  }

  #marketing .texto {
      font-size: 18px;
      text-align: center;
      font-weight: 300;
  }

  #marketing .tabsRedes {
      margin-top: 50px;
  }

  #marketing .tabsRedes .tabs2 {
      padding-left: 0px;
      list-style: none;
      margin-bottom: 0px;
      margin: 0 -.5%;
      position: relative;
      z-index: 2;
  }

  #marketing .cont2 .tabs2 li>div .title {
      display: block;
      text-align: center;
      width: 100%;
      position: absolute;
      top: 50%;
      margin-top: -45px;
      color: #fff;
  }

  #marketing .cont2 .tabs2 li.active>div .title {
      display: none;
  }

  #marketing .cont2 .tabs2 li>div .title>div {
      padding: 5px 15px;
      /*background: #000;*/
      font-size: 45px;
      font-weight: 600;
      display: inline-block;
      background: rgba(35, 181, 115, 1);
      background: -moz-linear-gradient(left, rgba(35, 181, 115, 1) 0%, rgba(120, 201, 66, 1) 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, rgba(35, 181, 115, 1)), color-stop(100%, rgba(120, 201, 66, 1)));
      background: -webkit-linear-gradient(left, rgba(35, 181, 115, 1) 0%, rgba(120, 201, 66, 1) 100%);
      background: -o-linear-gradient(left, rgba(35, 181, 115, 1) 0%, rgba(120, 201, 66, 1) 100%);
      background: -ms-linear-gradient(left, rgba(35, 181, 115, 1) 0%, rgba(120, 201, 66, 1) 100%);
      background: linear-gradient(to right, rgba(35, 181, 115, 1) 0%, rgba(120, 201, 66, 1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23b573', endColorstr='#78c942', GradientType=1);
  }

  #marketing .tabsRedes .tabs2:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
  }

  #marketing .tabsRedes .tabs2 li {
      width: 49%;
      height: 133px;
      float: left;
      margin: 0 .5%;
      cursor: pointer;
      padding: 66px 30px 0px;

  }

  #marketing .tabsRedes .tabs2 li img{
    display: block;
    margin: 0 auto;
  }

  #marketing .tabsRedes .tabs2 li:hover img{
    transform: scale(1.1) rotate(-5deg);
    -ms-transform: scale(1.1) rotate(-5deg);
    -webkit-transform: scale(1.1) rotate(-5deg);
  }

  #marketing .tabsRedes .tabs2 li:nth-child(1) {
      background: #507cbd;
  }

  #marketing .tabsRedes .tabs2 li:nth-child(2) {
      background: url('../img/bg-insta.png') left top no-repeat;
      background-size: 100% 100%;
  }

  #marketing .tabsRedes .tabs2 li:nth-child(3) {
      background: #64cbee;
  }

  #marketing .tabsRedes .tabs2 li:nth-child(4) {
      background: #ed6b53;
  }

  #marketing .tabsRedes .tabs2 li:nth-child(5) {
      background: #1186c9;
  }



  #marketing .tabsRedes .contents3 {
      margin-top: -70px;
  }

  #marketing .tabsRedes .contents3 .texto {
      font-size: 17px;
      font-weight: 300;
      margin-bottom: 50px;
  }

  #marketing .tabsRedes .contents3 .titulo {
      font-size: 40px;
      font-weight: 900;
      color: #000;
      text-transform: uppercase;
      margin-bottom: 30px;
  }

  #marketing .tabsRedes .contents3 .imagem {}

  #marketing .tabsRedes .contents3 .botao {
      text-align: center;
      position: absolute;
      bottom: 19px;
      width: 420px;
      left: 50%;
      margin-left: -210px;
  }

  #marketing .tabsRedes .contents3 .botao span {
      border-top: 8px solid #000;
      padding-top: 8px;
      display: inline-block;
  }

  #marketing .tabsRedes .contents3 .botao span div {
      background: #000;
      display: inline-block;
      color: #fff;
      font-size: 35px;
      font-weight: 600;
      text-transform: uppercase;
      padding: 6px 33px;
  }

  #marketing .tabsRedes .contents3 .box {
      display: none;
      border-top: 0px solid #ddd;
      padding-top: 160px;
      text-align: center;
      padding-bottom: 100px;
      position: absolute;
      left: -9999px;
      background: #f1f1f1;
      z-index: 1;
      margin-bottom: 80px;
      /*margin-top: -4px;*/
  }

  #marketing .tabsRedes .contents3 .box.open {
      display: block;
      position: inherit;
  }

  #marketing .contents3 .imagem {}

  #marketing .contents3 .imagem .img {}

  #marketing .contents3 .imagem .img img {
      padding-right: 30px;
      border-right: 1px solid #ddd;
      /*margin-right: 15px; */
  }

  #marketing .contents3 .imagem .img.brn img {
      border-right: 0px;
  }

  #marketing .consultoria .cont2 {
      padding-bottom: 60px;
  }

  #marketing .consultoria .cont2 .tabs2 {
      padding: 0px;
      margin-bottom: 30px;
      background: #fff;
  }

  #marketing .consultoria .cont2 .tabs2 ul {
      padding-left: 0px;
      list-style: none;
      margin-bottom: 0px;
      margin: 0 -1%;
  }

  #marketing .consultoria .cont2 .tabs2 ul:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
  }

  #marketing .consultoria .cont2 .tabs2 li {
      margin: 0 10px 0;
      width: 48%;
      position: relative;
      float: left;
      cursor: pointer;
  }

  #marketing .consultoria .cont2 .tabs2 li>div {}

  #marketing .consultoria .cont2 .tabs2 li div.hover {
      position: absolute;
      top: 0;
      padding: 30px;
      width: 100%;
      height: 100%;
      text-align: center;
      color: #fff;
      opacity: 0;
      font-size: 50px;
      background: -moz-linear-gradient(left, rgba(35, 181, 115, .7) 0%, rgba(120, 201, 66, .7) 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, rgba(35, 181, 115, .7)), color-stop(100%, rgba(120, 201, 66, .7)));
      background: -webkit-linear-gradient(left, rgba(35, 181, 115, .7) 0%, rgba(120, 201, 66, .7) 100%);
      background: -o-linear-gradient(left, rgba(35, 181, 115, .7) 0%, rgba(120, 201, 66, .7) 100%);
      background: -ms-linear-gradient(left, rgba(35, 181, 115, .7) 0%, rgba(120, 201, 66, .7) 100%);
      background: linear-gradient(to right, rgba(35, 181, 115, .7) 0%, rgba(120, 201, 66, .7) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23b573', endColorstr='#78c942', GradientType=1);
  }

  #marketing .consultoria .cont2 .tabs2 li.active div.hover {
      opacity: 1;
  }

  #marketing .consultoria .cont2 .tabs2 li div.hover>div {
      width: 100%;
      height: 100%;
      border: 1px solid #fff;
      padding: 56px 0px;
  }

  #marketing .consultoria .cont2 .tabs2 li div.hover>div {
      width: 100%;
      height: 100%;
      border: 1px solid #fff;
      padding: 102px 0px;
  }

  #marketing .consultoria .cont2 .tabs2 li div.hover>div img {
      margin-right: 30px;
  }

  #marketing .consultoria .cont2 .contents2 {
      font-size: 18px;
      text-align: center;
      font-weight: 300;
  }

  #marketing .consultoria .cont2 .contents2 .box {
      display: none;
      position: absolute;
      left: -9999px;
  }

  #marketing .consultoria .cont2 .contents2 .box.open {
      display: block;
      position: inherit;
      left: 0;
  }

  #publi .emailmarketing {}

  #publi .emailmarketing .abs {
      text-align: center;
  }

  #publi .emailmarketing .tituloPage {
      border-bottom: 0px;
      padding-bottom: 0px;
      padding-top: 5px;
      border-top: 5px solid #fe941e;
  }

  #publi .emailmarketing .texto {
      font-size: 20px;
      font-weight: 300;
      text-align: center;
      line-height: 30px;
  }

  #publi .emailmarketing .cont1 {
      padding: 29px 0px;
      color: #fff;
      height: 425px;
      background: #fcbd32;
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
      background: -moz-linear-gradient(45deg, #fcbd32 0%, #f8931f 100%);
      background: -webkit-linear-gradient(45deg, #fcbd32 0%, #f8931f 100%);
      background: linear-gradient(45deg, #fcbd32 0%, #f8931f 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcbd32', endColorstr='#f8931f', GradientType=1);
      margin: 130px 0px 0;
  }

  #publi .emailmarketing .cont1 .imagem {
      position: relative;
  }

  #publi .emailmarketing .cont1 .imagem img {
      position: absolute;
      top: -172px;
      left: 0%;
  }

  #publi .emailmarketing .cont1 .titulo {
      font-size: 25px;
  }

  #publi .emailmarketing .cont1 .titulo strong {
      font-weight: 600;
  }

  #publi .emailmarketing .cont1 .texto {
      font-size: 18px;
      line-height: inherit;
      text-align: left;
  }

  #publi .emailmarketing .cont2 {
      background: #f7f6f2;
      height: 520px;
      padding: 90px 0 0;
  }

  #publi .emailmarketing .cont2 .titulo {
      font-size: 25px;
      color: #ff931e;
  }

  #publi .emailmarketing .cont2 .titulo strong {
      font-weight: 600;
  }

  #publi .emailmarketing .cont2 .imagem {
      position: relative;
  }

  #publi .emailmarketing .cont2 .imagem img {
      position: absolute;
      top: -210px;
  }

  #publi .emailmarketing .cont2 .texto {
      font-size: 18px;
      line-height: inherit;
      text-align: left;
      width: 440px;
  }

  #publi .emailmarketing .cont3 {
      padding-bottom: 90px;
      padding-top: 60px;
  }

  #publi .emailmarketing .cont3 .lines {
      width: 845px;
      height: 120px;
      background: url(../img/element_emkt.png) center center no-repeat;
      margin: 40px auto 50px;
      background-size: contain !important;
  }

  #publi .emailmarketing .cont3 .titulo {
      font-size: 120px;
      text-transform: uppercase;
      font-weight: 300;
      text-align: center;
  }

  #publi .emailmarketing .cont3 .titulo strong {
      font-weight: 900;
  }

  #publi .emailmarketing .cont3 .item {
      text-align: center;
  }

  #publi .emailmarketing .cont3 .item .imagem {
      margin-bottom: 30px;
  }

  #publi .emailmarketing .cont3 .item .tit {
      font-size: 20px;
      font-weight: 900;
  }

  #publi .emailmarketing .cont3 .item .tit div:nth-child(1) {}

  #publi .emailmarketing .cont3 .item .tit div:nth-child(2) {
      color: #f9af18;
      font-weight: 400;
  }

  #publi .emailmarketing .cont3 strong {
      color: #ff931e;
  }
  /*=======================================* FIM MARKETING *==============================================*/
  /*=======================================* PRODUÇÃO *==============================================*/

  #producao {}

  #producao .marca {
      margin-bottom: 40px;
      padding-top: 60px;
      padding-bottom: 60px;
  }

  #producao .frase {
      color: #000;
      font-size: 25px;
      text-align: center;
      padding: 30px 0px;
  }

  #producao .frase .line1 {
      font-weight: 300;
  }

  #producao .frase .line2 {}

  #producao .frase .autor {
      color: #d1d1d1;
      font-size: 28px;
      font-style: italic;
  }

  #producao .marca .block1 {
      margin-bottom: 20px;
  }

  #producao .marca .block2 {
      margin-bottom: 20px;
  }

  #producao .marca .block3 {
      margin-bottom: 60px;
  }

  #producao .marca .rees {
      margin-bottom: 20px;
      font-size: 60px;
      text-align: center;
      color: #000;
  }

  #producao .marca .rees .pn {
      margin-top: 140px;
  }

  #producao .redator {}

  #producao .redator .abs {
      text-align: center;
  }

  #producao .redator .abs .tituloPage {
      font-size: 25px;
      font-weight: 600;
      padding-top: 10px;
      margin-bottom: 30px;
      border-top: 5px solid #3fc8ff;
      border-bottom: 0px;
      display: inline-block;
      text-transform: uppercase;
      color: #000;
      margin-top: 40px;
  }

  #producao .redator .box {
      height: 415px;
      color: #fff;
      text-align: center;
      width: 100%;
      padding: 0px 120px;
      /* font-size: 30px; */
  }

  #producao .redator .cont1 .box {
      background: rgba(68, 160, 225, 1);
      background: -moz-linear-gradient(left, rgba(68, 160, 225, 1) 0%, rgba(0, 0, 0, 0.7) 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, rgba(68, 160, 225, 1)), color-stop(100%, rgba(0, 0, 0, 0.7)));
      background: -webkit-linear-gradient(left, rgba(68, 160, 225, 1) 0%, rgba(0, 0, 0, 0.7) 100%);
      background: -o-linear-gradient(left, rgba(68, 160, 225, 1) 0%, rgba(0, 0, 0, 0.7) 100%);
      background: -ms-linear-gradient(left, rgba(68, 160, 225, 1) 0%, rgba(0, 0, 0, 0.7) 100%);
      background: linear-gradient(to right, rgba(68, 160, 225, 1) 0%, rgba(0, 0, 0, 0.7) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44a0e1', endColorstr='#000000', GradientType=1);
  }

  #producao .redator .cont2 .box {
      background: rgba(133, 133, 133, 1);
      background: -moz-linear-gradient(left, rgba(133, 133, 133, 1) 0%, rgba(181, 181, 181, 0.7) 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, rgba(133, 133, 133, 1)), color-stop(100%, rgba(181, 181, 181, 0.7)));
      background: -webkit-linear-gradient(left, rgba(133, 133, 133, 1) 0%, rgba(181, 181, 181, 0.7) 100%);
      background: -o-linear-gradient(left, rgba(133, 133, 133, 1) 0%, rgba(181, 181, 181, 0.7) 100%);
      background: -ms-linear-gradient(left, rgba(133, 133, 133, 1) 0%, rgba(181, 181, 181, 0.7) 100%);
      background: linear-gradient(to right, rgba(133, 133, 133, 1) 0%, rgba(181, 181, 181, 0.7) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#858585', endColorstr='#b5b5b5', GradientType=1);
  }

  #producao .redator .cont1 {
      background: url('../img/img_redacao.png') center center no-repeat;
      height: 415px;
      margin-top: 40px;
  }

  #producao .redator .box {}

  #producao .redator .box .titulo {
      font-weight: 600;
      font-size: 35px;
      margin-bottom: 30px;
      padding-top: 30px;
  }

  #producao .redator .box .texto {
      font-size: 20px;
      margin-bottom: 40px;
  }

  #producao .redator .cont1 .box .botao {
      display: inline-block;
      border-radius: 30px;
      border: 1px solid #00ffff;
      color: #04f6f8;
      padding: 10px 15px;
      font-size: 18px;
      cursor: pointer;
  }

  #producao .redator .cont1 .box .botao:hover {
      background: #00ffff;
      color: #2e55ad;
  }

  #producao .redator .cont2 .box .botao {
      display: inline-block;
      border-radius: 30px;
      border: 1px solid #fec93f;
      color: #fec93f;
      padding: 10px 15px;
      font-size: 18px;
      cursor: pointer;
  }

  #producao .redator .cont2 .box .botao:hover {
      background: #fec93f;
      color: #fff;
  }

  #producao .redator .cont1 .arrow {
      position: absolute;
      top: 170px;
      right: -40px;
      z-index: 2;
  }

  #producao .redator .cont2 {
      background: url('../img/img_traducao.png') center center no-repeat;
      height: 415px;
  }

  #producao .redator .cont2 .arrow {
      position: absolute;
      top: 170px;
      left: -40px;
      z-index: 2;
  }

  #producao .feiras .tituloDif {
      font-size: 80px;
      font-weight: 300;
      text-align: center;
      white-space: nowrap;
  }

  #producao .feiras .tituloDif span {
      font-weight: 600;
      color: #79c942;
      /*font-family: 'Tangerine', cursive;*/
  }

  #producao .feiras .tituloDif strong {
      color: #000;
      font-weight: 600;
  }

  #producao .feiras {
      padding: 30px 0 0 0;
  }

  #producao .feiras .cont2 {
      background: #fff;
      padding: 30px 0 0;
  }

  #producao .feiras .cont2 .tabsfeira {
      text-align: center;
      display: none;
  }

  #producao .feiras .cont2 .tabsfeira ul {
      padding-left: 0px;
      list-style: none;
      margin-bottom: 0px;
      display: inline-block;
  }

  #producao .feiras .cont2 .tabsfeira ul:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
  }

  #producao .feiras .cont2 .tabsfeira li {
      float: left;
      margin-left: 0;
      text-align: center;
      padding: 10px 20px;
      margin: 0px 10px 20px;
      font-size: 18px;
      cursor: pointer;
      font-weight: 600;
      border: 1px solid #215a9c;
      color: #235c9d;
  }

  #producao .feiras .cont2 .tabsfeira li.active {
      opacity: 1;
      color: #fff;
      filter: alpha(opacity=100);
      background: #1e5799;
      /* Old browsers */
      background: -moz-linear-gradient(left, #1e5799 0%, #7db9e8 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(left, #1e5799 0%, #7db9e8 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, #1e5799 0%, #7db9e8 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8', GradientType=1);
      /* IE6-9 */
  }

  #producao .feiras .cont2 .tabsfeira li .item {
      font-weight: 600;
  }

  #producao .feiras .cont2 .tabsfeira li .item .line {
      width: 100px;
      height: 4px;
      background: #000;
      margin: 0 auto;
  }

  #producao .feiras .cont2 .tabsfeira li .item .imagem {
      padding-top: 45px;
  }

  #producao .feiras .cont2 .tabsfeira li .item .titulo {
      padding: 20px 0px;
      font-size: 17px;
      font-weight: 300;
  }

  #producao .feiras .cont2 .tabsfeira li:nth-child(1) .item .line {
      background: #8cc63f;
  }

  #producao .feiras .cont2 .tabsfeira li:nth-child(2) .item .line {
      background: #d90551;
  }

  #producao .feiras .cont2 .tabsfeira li:nth-child(3) .item .line {
      background: #00a99d;
  }

  #producao .feiras .cont2 .tabsfeira li:nth-child(4) .item .line {
      background: #0071bc;
  }

  #producao .feiras .cont2 .contentsfeira {}

  #producao .feiras .cont2 .contentsfeira .box {
      position: absolute;
      left: -9999px;
  }

  #producao .feiras .cont2 .contentsfeira .box.open {
      position: inherit;
      left: 0;
  }

  #producao .feiras .cont2 .contentsfeira .caixa {
      background: url('../img/bg_fe_modelos.jpg') center center no-repeat;
      background-size: cover !important
  }

  #producao .feiras .cont2 .contentsfeira .mask {
      position: relative;
  }

  #producao .feiras .cont2 .contentsfeira .mask.green {
      background: rgba(140, 198, 63, .8);
  }

  #producao .feiras .cont2 .contentsfeira .mask.pink {
      background: rgba(216, 6, 81, .8);
  }

  #producao .feiras .cont2 .contentsfeira .mask.ocean {
      background: rgba(0, 169, 157, .8);
  }

  #producao .feiras .cont2 .contentsfeira .mask.blue {
      background: rgba(0, 113, 188, .8);
  }

  #producao .feiras .cont2 .contentsfeira .bord {
      width: 562px;
      border: 25px solid #fff;
      padding: 35px 20px 35px 80px;
      height: 400px;
      float: right;
      border-right: 0px;
      position: absolute;
      top: 50%;
      margin-top: -200px;
      right: 0;
  }

  #producao .feiras .cont2 .contentsfeira .caixa .titulo {
      color: #fff;
      font-size: 22px;
      text-transform: uppercase;
      margin-bottom: 20px;
  }

  #producao .feiras .cont2 .contentsfeira .caixa .texto {
      font-size: 15px;
      color: #fff;
      text-align: left;
      margin-bottom: 20px;
      line-height: 30px;
  }

  #producao .feiras .cont2 .contentsfeira .caixa .contratar {
      color: #fff;
      line-height: 14px;
  }

  #producao .feiras .cont2 .contentsfeira .caixa .contratar strong {
      display: block;
  }

  #producao .feiras .cont2 .contentsfeira .caixa .contratar img {
      float: left;
      margin-right: 7px;
      margin-top: -7px;
  }

  #producao .feiras .cont2 .contentsfeira .slideShowfeira {}

  #producao .feiras .cont2 .contentsfeira .slideShowfeira .imagem {
      position: relative;
  }

  #producao .feiras .cont2 .contentsfeira .slideShowfeira .imagem img {
      opacity: 1;
      filter: alpha(opacity=100);
  }

  #producao .feiras .cont2 .contentsfeira .slideShowfeira .imagem .carac {
      color: #000;
      position: absolute;
      font-size: 22px;
      font-weight: 300;
      bottom: 15px;
      text-shadow: 1px 0px 0px rgba(0, 0, 0, 0.6);
      left: 15px;
      background: rgba(255, 255, 255, .5);
      padding: 0px 5px;
  }

  #producao .feiras .cont2 .contentsfeira .slideShowfeira .imagem .carac strong {
      font-weight: 900;
  }

  #producao .feiras .cont2 .contentsfeira .slideShowfeira .imagem:hover {
      position: relative;
      opacity: 1;
      filter: alpha(opacity=100);
  }

  #producao .feiras .cont2 .contentsfeira .slideShowfeira .imagem .hover {
      opacity: 0;
      filter: alpha(opacity=0);
      -webkit-transition: all .2s ease-in-out;
      -moz-transition: all .2s ease-in-out;
      -o-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0px;
      background: rgba(0, 0, 0, .4);
  }

  #producao .feiras .cont2 .contentsfeira .slideShowfeira .imagem:hover .hover {
      opacity: 1;
      filter: alpha(opacity=100);
      width: 100%;
      height: 100%;
  }

  #producao .feiras .cont2 .contentsfeira .slideShowfeira .imagem .hover span.numero-modelo {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 30%;
    margin-left: 0px;
    font-size: 20px;
    text-transform: uppercase;

  }
  #producao .feiras .cont2 .contentsfeira .slideShowfeira .imagem .hover span {
      font-size: 40px;
      position: absolute;
      top: 50%;
      margin-top: -20px;
      left: 50%;
      margin-left: -20px;
      color: #fff;
      /*display: block;*/
  }

  #producao .feiras .cont2 .contentsfeira .slideShowfeira ul:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
  }

  #producao .feiras .cont2 .contentsfeira .slideShowfeira ul {
      padding-left: 0px;
      list-style: none;
      margin-bottom: 0px;
  }

  #producao .feiras .cont2 .contentsfeira .slideShowfeira li {
      float: left;
      width: 20%;
  }

  #producao .feiras .cont2 .contentsfeira .slideShowfeira li img {
      width: 100%;
  }
  /*=======================================* FIM PRODUÇÃO *==============================================*/

  @media (min-width: 1250px) {
      .container {
          width: 1225px;
      }
  }

  @media(min-width: 1200px) and (max-width: 1600px) {

      #producao .redator .box {
          padding: 0 68px!important;
      }
  }

  @media (min-width: 1200px) and (max-width: 1249px) {
      .container {
          width: 1200px;
      }
      .megaMenu {
          width: 1183px;
      }
  }

  @media (min-width: 1300px) and (max-width: 1550px) {
      #equipe .funcionarios {
          padding: 220px 0px 120px;
          zoom: 0.8;
      }

      #producao .redator .box {
          padding: 0 90px!important;
      }
  }

  @media (min-width: 992px) and (max-width: 1199px) {
      #banner .bg-home {
          height: 780px;
      }
      #banner .texto{
        width: 660px;
      }

      .socialHeader { top: 15px; }



      #novo_projeto .box .lista li div.nameCheck {
          position: relative;
          top: -3px;
          margin-left: 5px;
          font-size: 13px;
          color: #6e6e6e;
      }
      .menuHeader {
        width: 578px;
      }
      .socialHeader1 {
          position: absolute;
          left: 50%;
          top: 17px;
          margin-left: 319px;
      }
      .megaMenu {
          position: absolute;
          top: 125px;
          z-index: 5;
          background-color: #fff;
          width: 960px;
          padding: 30px 40px;
      }
      .menuHeader {

      }
      .menuHeader li {
          text-transform: uppercase;
          padding: 0px 8px;
      }
      .container {
          width: 980px;
      }
      .gu {
          height: 395px!important;
      }
      .tabs3 li {
          width: 18%!important;
          margin: 0px 8px;
          padding: 50px 10px 30px;
      }
      #publi .emailmarketing .cont1 .imagem img {
          top: -5px!important;
      }
      #publi .emailmarketing .cont2 .imagem img {
          top: -50px!important;
      }
      #publi .emailmarketing .cont3 .lines {
          width: 681px!important;
      }
      #marketing .consultoria .cont2 .tabs2 li {
          width: 47%!important;
      }
      #marketing .consultoria .cont2 .tabs2 li div.hover>div {
          padding: 61px 0!important;
      }
      #marketing .tabsRedes .tabs2 li {
          padding: 14px 38px 0px!important;
          ;
      }
      #marketing .feiras .tituloDif {
          font-size: 59px;
      }
      #producao .banners .cont1 .slider {
          background: none!important;
      }
      #producao .banners .cont1 .slider .bx-wrapper .bx-next {
          right: -9px!important;
      }
      #producao .banners .cont1 .slider .bx-wrapper .bx-prev {
          left: -9px!important;
      }

      #producao .banners .cont1 .box {
          padding-left: 0;
      }
      #producao .banners .cont1 .slider {
          height: 530px!important
      }

      #producao .redator .box {
          padding: 0 30px!important;
      }
      #producao .redator .cont1 .arrow,
      #producao .redator .cont2 .arrow {
          visibility: hidden!important;
      }
      .startHeader {
          text-transform: uppercase;
          color: #000;
          background-color: #fff;
          position: absolute;
          left: 50%;
          top: 70px;
          margin-left: 319px;
          padding: 8px 17px;
          font-size: 16px;
          font-weight: 600;
          transition: all 0.4s ease;
      }
      .tabs li {
          display: inline-block;
          text-transform: uppercase;
          font-weight: 900;
          margin-left: 10px;
          cursor: pointer;
          margin-right: 10px;
      }
      .socialHeader {

      }
      #agencia .b5 .quem {
          white-space: normal!important;
      }
      #agencia .b5 .texto {
          font-size: 17px!important;
          line-height: 17px!important;
      }
      #agencia .b5 .titulo {
          font-size: 38px;
      }
      .tituloex ul.two {
          left: 39%!important;
      }
      #portifolioHome .contents li .hover {
          /* padding: 10% 0px 0px; */
          opacity: 0;
          position: absolute;
          bottom: 0px;
          width: 100%;
          height: 100%;
          text-shadow: -1px 1px 2px rgba(150, 150, 150, 1);
          background: rgba(228, 31, 38, 0.9);
          color: #fff;
          -webkit-transition: all .2s ease-in-out;
          -moz-transition: all .2s ease-in-out;
          -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
          text-align: center;
          cursor: pointer;
      }
  }

  @media (min-width: 992px) and (max-width: 1400px) {
      #marketing .feiras .cont2 .contentsfeira .bord {
          width: 480px;
          border: 25px solid #fff;
          padding: 30px 20px 30px 50px;
          height: 330px;
          float: right;
          border-right: 0px;
          position: absolute;
          top: 50%;
          margin-top: -165px;
          right: 0;
      }
      #producao .fotografia .cont1 .hover .texto {
          font-size: 17px;
          text-align: left;
          font-weight: 400;
          padding: 10px 30px;
          height: 97px;
      }
  }

  @media (min-width: 768px) and (max-width: 991px) {
      #web #modelos .adqr {
          padding: 5px 10px;
          background: #a12129;
          color: #fff;
          font-weight: 600;
          text-transform: uppercase;
          font-size: 28px;
          position: absolute;
          bottom: 109px;
          right: 0;
      }
      .btnLine {
          width: 100%;
          text-align: center;
          margin-top: 50px;
          background: url('../img/line.jpg') center center no-repeat;
      }
      .startHeader {
          text-transform: uppercase;
          color: #000;
          background-color: #fff;
          position: absolute;
          left: 50%;
          top: 30px;
          margin-left: 179px;
          padding: 8px 17px;
          font-size: 16px;
          font-weight: 600;
          transition: all 0.4s ease;
      }
      .sticky .socialHeader {
          display: none;
      }
      .sticky .menuHeader {
          top: 21px;
      }
      .contents1 li {
          padding: 0px;
      }
      .menuHeader {
        width: auto!important;
        position: absolute;
        top: 60px;
        right: -215px;
        left: auto;
      }
      #banner .texto {
          position: absolute;
          z-index: 5;
          color: #fff;
          height: 330px;
          top: 50%;
          left: 50%;
          text-align: center;
      }
      .menuHeader ul {
          padding-left: 0px;
          list-style: none;
          margin-bottom: 0px;
      }
      .menuHeader li {
          text-transform: uppercase;
          padding: 0px 10px;
          display: inline-block;
      }
      #portifolioHome .contents li .hover {
          /* padding: 10% 0px 0px; */
          opacity: 0;
          position: absolute;
          bottom: 0px;
          width: 100%;
          height: 100%;
          text-shadow: -1px 1px 2px rgba(150, 150, 150, 1);
          background: rgba(228, 31, 38, 0.9);
          color: #fff;
          -webkit-transition: all .2s ease-in-out;
          -moz-transition: all .2s ease-in-out;
          -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
          text-align: center;
          cursor: pointer;
      }
      #banner .texto h1 {
          font-family: 'Oswald', serif;
          text-transform: uppercase;
          font-weight: 300;
          font-size: 75px;
          text-align: center;
          padding-bottom: 20px;
          border-bottom: 1px solid rgba(255, 255, 255, 0.4);
          display: inline-block;
      }
      #banner .texto h2 {
          font-weight: 300;
          text-transform: uppercase;
          font-size: 21px;
      }
      .menuFooter ul {
          padding-left: 0px;
          margin-bottom: 35px;
          list-style: none;
      }
      .megaMenu {
          position: absolute;
          top: 125px;
          z-index: 1;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          -o-transform: translateX(-50%);
          transform: translateX(-50%);
          background-color: #fff;
          padding: 30px 10px;
          width: 100%!important;
      }
      .tabs1 li {
          font-size: 20px;
      }
      #agencia .b5 {
          padding: 25px 30px;
      }
      #agencia .b5 .titulo {
          text-align: center;
          text-transform: uppercase;
          color: #000;
          font-size: 35px;
          font-weight: 600;
          margin-bottom: 5px;
          margin-top: 20px;
      }
      #agencia .carousel-control.left {
          display: none;
      }
      #agencia .carousel-control.right {
          display: none;
      }
      #agencia .arrow1 {
          display: none;
      }
      #agencia .arrow2 {
          display: none;
      }
      #agencia .b2 {
          height: 450px;
          background-size: cover !important;
          float: left;
          width: 50%;
          padding: 15px 40px;
          text-align: center;
      }
      #agencia .b2 .titulo {
          text-align: center;
          text-transform: uppercase;
          color: #000;
          font-size: 35px;
          font-weight: 600;
          margin-bottom: 10px;
          margin-top: 20px;
          text-align: center;
      }

      .socialHeader1 {
          position: absolute;
          left: 50%;
          top: 33px;
          margin-left: -11px;
      }
      #marketing .consultoria .cont2 .tabs2 li {
          width: 47%!important;
      }
      #marketing .consultoria .cont2 .tabs2 li div.hover>div {
          padding: 58px 0 !important;
      }
      /* .ed {
          height: 150px!important;
      } */
      #agencia .b5 .quem {
          font-size: 16px!important;
      }
      .tituloex ul.two {
          left: 40%!important;
      }
      .tabs3 li {
          width: 18.7%!important;
      }
      #publi .emailmarketing .cont1 .imagem img {
          top: 0px!important;
      }
      #publi .emailmarketing .cont2 .imagem img {
          top: -40px!important;
      }
      #publi .emailmarketing .cont3 .lines {
          width: 662px!important;
          height: 84px!important;
          margin: 10px auto 17px!important;
      }
      #marketing .feiras .tituloDif {
          font-size: 55px!important;
      }
      #marketing .feiras .cont2 .contentsfeira .bord {
          width: 371px;
          border: 20px solid #fff;
          padding: 20px 20px 35px 20px;
          height: 235px;
          top: 81%;
      }
      #producao .banners .cont1 .slider {
          background: none;
      }
      #producao .banners .cont1 .slider .bx-wrapper .bx-prev {
          left: 0!important;
      }
      #producao .banners .cont1 .slider .bx-wrapper .bx-next {
          right: 0!important;
      }
      #producao .banners .cont1 .slider>div {
          margin-left: -10px;
      }
      #producao .banners .cont1 .box {
          top: 115px;
          padding-left: 44px;
      }
      #producao .banners .cont1 .slider {
          height: 470px;
      }
      #producao .banners .cont2 .monitores li:nth-child(4) {

      }
      #producao .banners .cont2 .monitores li {
          margin-right: 0!important;
      }
      #producao .redator .box .texto {
          font-size: 18px;
      }
      #producao .redator .box {
          padding: 0 50px;
      }

  }

  @media (min-width:0) and (max-width: 767px) {

      .sticky .menuHeader {
          width: auto;
      }

      .menuHeader li:last-child {
          padding-right: 15px;
      }

      .menuHeader .navbar-nav {
          border-bottom: 0;
      }
      .navbar-header{
        margin-bottom: 40px;
      }
      .socialHeader.midias-sociais{
        margin: 0;
        position: absolute;
        right: 0;
        top: 0;
      }
      .socialHeader li div {
          height: 30px;
          width: 30px;
          -webkit-transition: all .2s ease-in-out;
          -moz-transition: all .2s ease-in-out;
          -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
      }
      #portifolioHome .contents li .hover {
          padding: 18% 0px;
          opacity: 0;
          position: absolute;
          top: 0px;
          width: 100%;
          height: 100%;
          text-shadow: -1px 1px 2px rgba(150, 150, 150, 1);
          background: rgba(228, 31, 38, 0.9);
          color: #fff;
          -webkit-transition: all .2s ease-in-out;
          -moz-transition: all .2s ease-in-out;
          -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
          text-align: center;
          cursor: pointer;
      }
      .funcionarios .conteudo {
          background: url('../img/element_equipe.png') -60px center no-repeat #fff;
          height: 50%;
          width: 170px;
          margin-left: -46px;
          text-align: center;
          padding: 55px 0 55px 0px;
          text-transform: uppercase;
          /*margin-bottom: 40px;*/
      }
      #equipe .linetwo {
          width: 100%;
          height: 228px;
          background: #fff;
          margin: 10px auto;
      }
      #agencia .b5 .titulo {
          text-align: center;
          text-transform: uppercase;
          color: #000;
          font-size: 25px;
          font-weight: 600;
          margin-bottom: 20px;
          margin-top: 20px;
      }
      #agencia .b5 {
          padding: 25px 60px;
      }
      #clientesHome .titulo {
          color: #FFA519;
          font-weight: 900;
          font-size: 60px;
          width: 100%;
          /* text-shadow: 1px 1px 2px rgb(58, 31, 31); */
          line-height: 54px;
          text-transform: uppercase;
          margin-bottom: 50px;
      }

      .logoHeader img {
          margin: 0 auto;
      }
      .menuHeader {
          position: inherit;
          top: 0;
          left: 0;
          margin-left: 0;
          margin: 10px 0;
      }
      .topo.menu2 {
          background: #a12129;
      }
      .topo {
          height: auto;
          width: 100%;
          position: inherit;
          width: 100%;
      }
      .menuHeader {
          position: inherit;
          top: 20px;
          left: 0;
          width: 100%;
          margin-left: 0;
          -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
          -ms-transform: translateX(0);
          -o-transform: translateX(0);
          transform: translateX(0);
      }

      .socialHeader {
        position: relative;
        margin: 125px 0 0;
        right: auto;
        top: auto;
      }

      .socialHeader li.orcamental{
        float: none;
      }

      .hpages {
          height: 0;
      }
      .socialHeader1 {
          position: inherit;
          left: 0;
          top: 0;
          margin-left: 0;
          text-align: center;
          float: left;
          width: 50%;
          /*background: #fff;*/
          padding: 6px 0px 2px;
      }
      .startHeader {
          text-transform: uppercase;
          color: #000;
          background-color: #fff;
          border: 1px solid #000;
          position: inherit;
          left: 0;
          top: 0px;
          margin-left: 0;
          padding: 5px 0px;
          font-size: 16px;
          font-weight: 600;
          transition: all 0.4s ease;
          float: left;
          width: 47%;
          margin-left: 3%;
      }
      .topo .navbar-default .navbar-toggle {
          border-color: #fff;
      }
      .topo .navbar-default .navbar-toggle .icon-bar {
          background-color: #fff;
      }
      .topo .navbar-default .navbar-brand {
          color: #fff;
      }
      #footer {
          position: relative;
          left: 0;
          bottom: 0;
          height: auto;
          width: 100%;
      }
      #rodape {
          padding: 20px 0px 20px;
          background: url('../img/bg_footer.jpg') center center no-repeat;
          background-size: cover !important;
      }
      #rodape .maskRodape {
          background: url('../img/img_background.png') center center repeat;
          height: 100%;
          width: 100%;
          z-index: 1;
          position: absolute;
          background-size: cover !Important;
          top: 0px;
          opacity: .9;
      }
      #rodape .conteudo {
          position: relative;
          z-index: 2;
          color: #fff;
          text-align: center;
      }
      .menuFooter li:first-child {
          font-size: 18px;
          border-top: 1px solid rgba(255, 255, 255, 0.6);
          border-bottom: 0px solid rgba(255, 255, 255, 0.6);
          padding-bottom: 10px;
          margin-bottom: 10px;
          text-transform: uppercase;
          padding-bottom: 0;
          padding-top: 10px;
      }
      .menuFooter ul {
          padding-left: 0px;
          list-style: none;
          margin-bottom: 10px;
          margin-top: 10px;
      }
      body {
          margin: 0;
          color: #777;
      }
      .tabs li {
          display: inline-block;
          text-transform: uppercase;
          font-weight: 600;
          margin-left: 5px;
          cursor: pointer;
          margin-right: 5px;
      }
      .tabs {
          padding: 10px 0;
          background: #f2f2f2;
      }
      .topo.menu2 {
          background: #a12129;
          text-align: center;
      }
      .topo.sticky {
          height: auto;
          padding-left: 0px;
          z-index: 10;
          position: inherit;
      }
      .sticky .menuHeader {
          position: inherit;
          top: 0;
          left: 0;
          margin-left: 0;
      }
      .sticky .logoHeader {
          display: none;
      }
      .sticky .socialHeader {
          display: none;
      }
      .topo.sticky {
          padding: 0px;
      }
      .menuHeader .nav>li>a {
          position: relative;
          display: block;
          padding: 5px 0px;
          text-align: center;
      }
      .menuHeader .navbar-nav {
          float: inherit;
      }
      .navbar-default .navbar-toggle:hover,
      .navbar-default .navbar-toggle:focus {
          background-color: transparent;
      }
      .sticky .menuHeader li:hover {
          border-bottom: 0px;
      }
      #portifolioHome .contents li {
          display: inline-block;
          width: 50%;
          margin-left: -2px;
      }
      .navbar-default .navbar-collapse,
      .navbar-default .navbar-form {
          border-color: rgba(255, 255, 255, 0);
      }
      .navbar-brand .miniLogo img {
          width: 45px;
          position: relative;
          top: -6px;
      }
      .navbar-brand .miniLogo {
          display: none;
      }
      .topo.sticky .letterMenu {
          display: none;
      }
      .topo.sticky .miniLogo {
          display: block;
      }
      .socialHeader li:nth-child(1) div {
          border: 1px solid #fff;
          background: url('../img/social_01_h.png') center center no-repeat;
      }
      .socialHeader li:nth-child(2) div {
          border: 1px solid #fff;
          background: url('../img/social_02_h.png') center center no-repeat;
      }
      .socialHeader li:nth-child(3) div {
          border: 1px solid #fff;
          background: url('../img/social_03_h.png') center center no-repeat;
      }
      .socialHeader li:nth-child(4) div {
          border: 1px solid #fff;
          background: url('../img/social_04_h.png') center center no-repeat;
      }
      .socialHeader li:nth-child(5) div {
          border: 1px solid #fff;
          background: url('../img/social_05_h.png') center center no-repeat;
      }
      #banner .texto h1 {
          font-family: 'Source Sans Pro', sans-serif;
          text-transform: uppercase;
          font-weight: 300;
          font-size: 38px;
          text-align: center;
          padding-bottom: 20px;
          border-bottom: 1px solid rgba(255, 255, 255, 0.4);
          display: inline-block;
      }
      .bannerHide {
          width: 100%;
          height: auto;
          left: 0;
          position: relative;
          margin-left: 0;
      }
      #banner .texto {
          position: absolute;
          z-index: 5;
          color: #fff;
          width: 100%;
          height: auto;
          top: 0;
          margin-top: 0;
          left: 0;
          margin-left: 0;
          text-align: center;
      }
      #banner .texto h2 {
          font-weight: 300;
          text-transform: uppercase;
          line-height: 25px;
          margin-top: 10px;
          font-size: 17px;
      }
      #banner .texto {
          position: absolute;
          z-index: 5;
          color: #fff;
          width: 100%;
          height: auto;
          top: 0;
          margin-top: 0;
          left: 0;
          margin-left: 0;
          text-align: center;
          padding: 125px 0px;
      }
      #agencia .b2 {
          height: auto;
          background-size: cover !important;
          float: inherit;
          width: 100%;
          padding: 25px 40px;
          text-align: center;
      }
      #agencia .b3 {
          background: url('../img/agencia_img_03.jpg') center center no-repeat;
          background-size: cover !important;
          float: inherit;
          width: 100%;
      }
      #agencia .b3 .box {
          color: #fff;
          font-weight: 300;
          padding: 50px 40px;
          line-height: 35px;
          text-align: center;
      }
      #agencia .b4 .box {
          background: #fff;
          padding: 40px 49px;
          color: #000;
          text-transform: uppercase;
          position: inherit;
          right: 0;
          bottom: 0px;
          font-size: 52px;
          text-align: center;
          line-height: 65px;
          width: 100%;
      }
      #agencia .b4 {
          height: auto;
          background: url('../img/agencia_img_02.jpg') center center no-repeat;
          background-size: cover !important;
          float: inherit;
          width: 100%;
          position: relative;
          top: 0;
          margin-bottom: 0;
      }
      #agencia .b5 {
          height: auto;
          /* background: url('../img/agencia_img_03.jpg') center center no-repeat; */
          background-size: cover !important;
          float: left;
          width: 100%;
      }
      #agencia .arrow2 {
          background: url('../img/arrow_depo_01.png') center center no-repeat;
          width: 49px;
          height: 118px;
          position: absolute;
          top: 50%;
          left: 50%;
          margin-left: 25px;
          margin-top: -20px;
      }
      #agencia .b5 {
          height: auto;
          /* background: url('../img/agencia_img_03.jpg') center center no-repeat; */
          background-size: cover !important;
          float: left;
          width: 100%;
          background: #f1f1f1;
      }
      #agencia .arrow1 {
          background: url('../img/arrow_depo_2.png') center center no-repeat;
          width: 49px;
          height: 118px;
          position: absolute;
          top: 50%;
          left: 50%;
          margin-left: -75px;
          margin-top: -20px;
      }
      #agencia .b5 {
          display: none;
      }
      #agencia .b5 .quem {
          white-space: inherit;
      }
      .topo {
          background: #a12129;
          text-align: center;
      }
      #agencia .b1 .titulo {
          display: inline-block;
          font-size: 50px;
          font-weight: 300;
          text-align: center;
          text-transform: uppercase;
          line-height: 58px;
          top: 70px;
          position: relative;
          text-shadow: -3px 3px 2px rgba(0, 0, 0, 0.5);
          width: 100%;
      }
      /*EQUIPE*/
      #equipe .funcionarios {
          padding: 40px 0px;
      }
      #equipe .lineone {
          width: 100%;
          height: auto;
          background: #fff;
          margin: 10px auto;
      }
      .tabsPort {
          border-bottom: 2px solid #f1f1f1;
          margin-bottom: 30px;
          padding-bottom: 20px;
          text-align: center;
          margin-top: 0;
      }
      .btnLine {
          text-align: center;
      }
      .btnLine span {
          background: #FFFFFF;
          padding: 10px 15px;
          font-size: 30px;
          width: 100%;
          color: #F05620;
          text-transform: uppercase;
          border: 1px solid #F05620;
          cursor: pointer;
          -webkit-transition: all .2s ease-in-out;
          -moz-transition: all .2s ease-in-out;
          -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
      }
      .btnLine span:hover {
          background: #F05620;
          padding: 10px 15px;
          font-size: 30px;
          color: #fff;
          text-transform: uppercase;
          border: 1px solid #F05620;
      }
      .classic .k1 {
          border-top: 0px !important;
          width: 100%;
          float: left;
          margin-bottom: 30px;
      }
      .tabs3 li {
          width: 46%;
          cursor: pointer;
          background: #999;
          display: inline-block;
          margin: 0px 5px 40px;
          border-radius: 5px;
          padding: 50px 30px 30px;
          text-align: center;
          color: #fff;
          text-transform: uppercase;
          position: relative;
          font-weight: 600;
      }
      .tabs3 {
          text-align: center;
      }
      .tabs3 li .trace {
          display: none;
      }
      .trace {
          display: none !important;
      }
      .contents4 div {
          border-top: 0px !important;
      }
      .contents4 .box {
          display: none;
          border-top: 0px solid #ddd;
          padding-top: 0px;
          padding-bottom: 50px;
          margin-top: -4px;
      }
      .bannerWords .bred {
          line-height: 60px;
          background: rgba(211, 36, 58, .9);
          color: #fff;
          font-size: 30px;
          font-weight: 600;
          display: inline-block;
          padding: 0px 20px;
      }
      .bannerWords .categoria {
          font-size: 25px;
          text-shadow: -1px 2px 2px rgba(0, 0, 0, 0.5);
      }
      .opcoesLoja .titulo {
          font-size: 13px;
      }
      .tabelaLoja td {
          padding: 0;
          border-left: 1px solid #f1f1f1;
          border-bottom: 1px solid #f1f1f1;
      }
      #contato .titulo h1 {
          font-size: 45px;
      }
      #contato .box1 div {
          padding: 20px;
      }
      #contato .box1 li {
          color: #fff;
          font-size: 18px;
          text-transform: uppercase;
          font-weight: 300;
          line-height: 50px;
      }
      .menuHeader .midias-sociais li {
        border: 1px solid #fff;
        width: 40px;
        height: 35px;
      }
      .menuHeader li {
        text-transform: uppercase;
        padding: 5px 6px!important;

        border-radius: 2px;
      }
      .menuHeader li:first-child {
          padding-left: 15px;
      }
      .menuHeader li.divider{
        display: none;
      }
      .menuHeader .navbar-default .navbar-nav .open .dropdown-menu>li>a {
          color: #fff;
      }
      .menuHeader .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
      .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
          color: #fff;
          background-color: transparent;
      }
      .menuHeader .navbar-default .navbar-nav>.open>a,
      .navbar-default .navbar-nav>.open>a:focus,
      .navbar-default .navbar-nav>.open>a:hover {
          color: #fff;
          background-color: #D21111;
      }
      .menuHeader .navbar-collapse {
          padding-left: 15px;
      }
      .menuHeader .navbar-nav .open .dropdown-menu>li>a {
          line-height: 13px;
          padding: 10px;
          text-align: center;
      }
      .menuHeader .dropdown-menu .divider {
          height: 1px;
          margin: 0px 0 5px;
          overflow: hidden;
          background-color: #FF4155;
      }
      .bannerWords1 .bwhite {
          line-height: 80px;
          /* background: rgba(165,30,44,0.7); */
          background: rgba(211, 36, 58, 0.9);
          color: #fff;
          font-size: 45px;
          font-weight: 600;
          display: inline-block;
          padding: 0px 20px;
          border: 0px;
      }
      .bannerWords1 {
          position: absolute;
          top: 150px;
          /* left: 50%; */
          /* z-index: 1; */
          color: #fff;
          width: 100%;
          text-transform: uppercase;
          text-align: center;
      }
      .menuHeader .navbar-toggle {
          display: block;
          margin-right: 10px;
      }
      #novo_projeto .formulario .tituloBlack {
          font-size: 28px;
          font-weight: 900;
          color: #000;
          text-transform: uppercase;
          margin-top: 10px;
          margin-bottom: 15px;
      }
      #novo_projeto .box {
          background: #f8f8f8;
          padding: 10px 20px;
          min-height: 0;
          margin-top: 30px;
      }
      #marketing .tabsRedes .tabs2 {
          text-align: center;
      }
      #marketing .tabsRedes .tabs2 li {
          width: 44%;
          height: 150px;
          float: inherit;
          margin: 0 2.5% 4.5%;
          cursor: pointer;
          padding: 25px 0px;
          text-align: center;
          display: inline-block;
      }
      #marketing .tabsRedes .contents3 .box {
          display: none;
          border-top: 0px solid #ddd;
          padding-top: 50px;
          text-align: center;
          padding-bottom: 50px;
          position: absolute;
          left: -9999px;
          background: #f1f1f1;
          z-index: 1;
          margin-bottom: 66px;
          /* margin-top: -4px; */
      }
      #marketing .tabsRedes .contents3 {
          margin-top: 0px;
      }
      #marketing .tabsRedes .contents3 .botao span div {
          background: #000;
          display: inline-block;
          color: #fff;
          font-size: 25px;
          font-weight: 600;
          text-transform: uppercase;
          padding: 6px 10px;
      }
      #marketing .contents3 .imagem .img img {
          padding-right: 0;
          border-right: 0;
          /* margin-right: 15px; */
          margin: 0 auto 30px;
      }
      #producao .marca .rees {
          margin-bottom: 20px;
          font-size: 30px;
          text-align: center;
          color: #000;
      }
      #producao .marca .rees .pn {
          margin-bottom: 15px;
      }
      .dropdown-menu li.titleMenu {
          background: #B10E0E;
      }
      #casesHome {
          max-height: 320px!important;
          /*  width: 100%;
  height:auto;*/
      }
      #casesHome .bannerCase {
          /* max-height:410px;*/
          /*  width: 100%
  height:auto;*/
          /*background-size: none !important;*/
          /*  background-size: 115%   !important;*/
      }
  }

  @media (max-width: 449px) {
      .socialHeader li div {
          height: 30px;
          width: 30px;
          -webkit-transition: all .2s ease-in-out;
          -moz-transition: all .2s ease-in-out;
          -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
      }
      #portifolioHome .contents li .hover {
          padding: 18% 0px;
          opacity: 0;
          position: absolute;
          top: 0px;
          width: 100%;
          height: 100%;
          text-shadow: -1px 1px 2px rgba(150, 150, 150, 1);
          background: rgba(228, 31, 38, 0.9);
          color: #fff;
          -webkit-transition: all .2s ease-in-out;
          -moz-transition: all .2s ease-in-out;
          -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
          text-align: center;
          cursor: pointer;
      }
      #portfolio .cabecalho .cliente {
          text-align: center;
          font-size: 49px;
      }
      .bannerHide1 {
          width: 100%;
          height: auto;
          left: 0;
          position: relative;
          margin-left: 0;
      }

      #portfolio .projetos .voltar span {
          font-size: 25px;
      }
      .funcionarios .conteudo {
          background: url('../img/element_equipe.png') -60px center no-repeat #fff;
          height: 50%;
          width: 170px;
          margin-left: -46px;
          text-align: center;
          padding: 55px 0 55px 0px;
          text-transform: uppercase;
          /*margin-bottom: 40px;*/
      }
      #equipe .linetwo {
          width: 100%;
          height: 228px;
          background: #fff;
          margin: 10px auto;
      }
      #agencia .b5 .titulo {
          text-align: center;
          text-transform: uppercase;
          color: #000;
          font-size: 25px;
          font-weight: 600;
          margin-bottom: 20px;
          margin-top: 20px;
      }
      #agencia .b5 {
          padding: 25px 60px 60px;
      }
      #clientesHome .titulo {
          color: #FFA519;
          font-weight: 900;
          font-size: 40px;
          width: 100%;
          /* text-shadow: 1px 1px 2px rgb(58, 31, 31); */
          line-height: 54px;
          text-transform: uppercase;
          margin-bottom: 50px;
          text-align: center;
      }
      .topo.menu2 {
          background: #a12129;
      }
      .topo {
          height: auto;
          width: 100%;
          position: inherit;
          width: 100%;
      }

      .hpages {
          height: 0;
      }
      .socialHeader1 {
          position: inherit;
          left: 0;
          top: 0;
          margin-left: 0;
          text-align: center;
          float: left;
          width: 50%;
          /*background: #fff;*/
          padding: 6px 0px 2px;
      }
      .startHeader {
          text-transform: uppercase;
          color: #000;
          background-color: #fff;
          border: 1px solid #000;
          position: inherit;
          left: 0;
          top: 0px;
          margin-left: 0;
          padding: 5px 0px;
          font-size: 16px;
          font-weight: 600;
          transition: all 0.4s ease;
          float: left;
          width: 47%;
          margin-left: 3%;
      }
      .topo .navbar-default .navbar-toggle {
          border-color: #fff;
      }
      .topo .navbar-default .navbar-toggle .icon-bar {
          background-color: #fff;
      }
      .topo .navbar-default .navbar-brand {
          color: #fff;
      }
      #footer {
          position: relative;
          left: 0;
          bottom: 0;
          height: auto;
          width: 100%;
      }
      #rodape {
          padding: 20px 0px 20px;
          background: url('../img/bg_footer.jpg') center center no-repeat;
          background-size: cover !important;
      }
      #rodape .maskRodape {
          background: url('../img/img_background.png') center center repeat;
          height: 100%;
          width: 100%;
          z-index: 1;
          position: absolute;
          background-size: cover !Important;
          top: 0px;
          opacity: .9;
      }
      #rodape .conteudo {
          position: relative;
          z-index: 2;
          color: #fff;
          text-align: center;
      }
      .menuFooter li:first-child {
          font-size: 18px;
          border-top: 1px solid rgba(255, 255, 255, 0.6);
          border-bottom: 0px solid rgba(255, 255, 255, 0.6);
          padding-bottom: 10px;
          margin-bottom: 10px;
          text-transform: uppercase;
          padding-bottom: 0;
          padding-top: 10px;
      }
      .menuFooter ul {
          padding-left: 0px;
          list-style: none;
          margin-bottom: 10px;
          margin-top: 10px;
      }
      body {
          margin: 0;
          color: #777;
      }

      .tabs li {
          display: inline-block;
          text-transform: uppercase;
          font-weight: 600;
          margin-left: 5px;
          cursor: pointer;
          margin-right: 5px;
      }
      .tabs {
          padding: 10px 0;
          background: #f2f2f2;
      }
      .topo.menu2 {
          background: #a12129;
          text-align: center;
      }
      .topo.sticky {
          height: auto;
          padding-left: 0px;
          z-index: 10;
          position: inherit;
      }
      .sticky .menuHeader {
          position: inherit;
          top: 0;
          left: 0;
          margin-left: 0;
      }
      .sticky .logoHeader {
          display: none;
      }
      .sticky .socialHeader {
          display: none;
      }
      .topo.sticky {
          padding: 0px;
      }
      .menuHeader .nav>li>a {
          position: relative;
          display: block;
          padding: 5px 0px;
          text-align: center;
      }
      .menuHeader .navbar-nav {
          float: inherit;
      }
      .navbar-default .navbar-toggle:hover,
      .navbar-default .navbar-toggle:focus {
          background-color: transparent;
      }
      .sticky .menuHeader li:hover {
          border-bottom: 0px;
      }
      #portifolioHome .contents li {
          display: inline-block;
          width: 50%;
          margin-left: 0px;
      }
      .navbar-default .navbar-collapse,
      .navbar-default .navbar-form {
          border-color: rgba(255, 255, 255, 0);
      }
      .navbar-brand .miniLogo img {
          width: 45px;
          position: relative;
          top: -6px;
      }
      .navbar-brand .miniLogo {
          display: none;
      }
      .topo.sticky .letterMenu {
          display: none;
      }
      .topo.sticky .miniLogo {
          display: block;
      }
      .socialHeader li:nth-child(1) div {
          border: 1px solid #fff;
          background: url('../img/social_01_h.png') center center no-repeat;
      }
      .socialHeader li:nth-child(2) div {
          border: 1px solid #fff;
          background: url('../img/social_02_h.png') center center no-repeat;
      }
      .socialHeader li:nth-child(3) div {
          border: 1px solid #fff;
          background: url('../img/social_03_h.png') center center no-repeat;
      }
      .socialHeader li:nth-child(4) div {
          border: 1px solid #fff;
          background: url('../img/social_04_h.png') center center no-repeat;
      }
      .socialHeader li:nth-child(5) div {
          border: 1px solid #fff;
          background: url('../img/social_05_h.png') center center no-repeat;
      }
      #banner .texto h1 {
          font-family: 'Source Sans Pro', sans-serif;
          text-transform: uppercase;
          font-weight: 300;
          font-size: 38px;
          text-align: center;
          padding-bottom: 20px;
          border-bottom: 1px solid rgba(255, 255, 255, 0.4);
          display: inline-block;
      }
      .bannerHide {
          width: 100%;
          height: auto;
          left: 0;
          position: relative;
          margin-left: 0;
      }
      #banner .texto {
          position: absolute;
          z-index: 5;
          color: #fff;
          width: 100%;
          height: auto;
          top: 0;
          margin-top: 0;
          left: 0;
          margin-left: 0;
          text-align: center;
      }
      #banner .texto h2 {
          font-weight: 300;
          text-transform: uppercase;
          line-height: 25px;
          margin-top: 10px;
          font-size: 17px;
      }
      #banner .texto {
          position: absolute;
          z-index: 5;
          color: #fff;
          width: 100%;
          height: auto;
          top: 0;
          margin-top: 0;
          left: 0;
          margin-left: 0;
          text-align: center;
          padding: 125px 0px;
      }
      #agencia .b2 {
          height: auto;
          background-size: cover !important;
          float: inherit;
          width: 100%;
          padding: 25px 20px;
          text-align: center;
      }
      #agencia .b3 {
          background: url('../img/agencia_img_03.jpg') center center no-repeat;
          background-size: cover !important;
          float: inherit;
          width: 100%;
      }

      #agencia .b4 .box {
          background: #fff;
          padding: 40px 49px;
          color: #000;
          text-transform: uppercase;
          position: inherit;
          right: 0;
          bottom: 0px;
          font-size: 45px;
          text-align: center;
          line-height: 65px;
          width: 100%;
      }
      #agencia .b4 {
          height: auto;
          background: url('../img/agencia_img_02.jpg') center center no-repeat;
          background-size: cover !important;
          float: inherit;
          width: 100%;
          position: relative;
          top: 0;
          margin-bottom: 0;
      }
      #agencia .b5 {
          height: auto;
          /* background: url('../img/agencia_img_03.jpg') center center no-repeat; */
          background-size: cover !important;
          float: left;
          width: 100%;
      }
      #agencia .arrow2 {
          background: url('../img/arrow_depo_01.png') center center no-repeat;
          width: 49px;
          height: 118px;
          position: absolute;
          top: 50%;
          left: 50%;
          margin-left: 25px;
          margin-top: -20px;
      }
      #agencia .b5 {
          height: auto;
          /* background: url('../img/agencia_img_03.jpg') center center no-repeat; */
          background-size: cover !important;
          float: left;
          width: 100%;
          background: #f1f1f1;
      }
      #agencia .arrow1 {
          background: url('../img/arrow_depo_2.png') center center no-repeat;
          width: 49px;
          height: 118px;
          position: absolute;
          top: 50%;
          left: 50%;
          margin-left: -75px;
          margin-top: -20px;
      }
      #agencia .b5 {
          white-space: inherit;
      }
      #agencia .b5 .quem {
          white-space: inherit;
      }
      .topo {
          background: #a12129;
          text-align: center;
      }

      #agencia .b1 {
          height: auto;
      }
      /*EQUIPE*/
      #equipe .funcionarios {
          padding: 40px 0px;
      }
      #equipe .lineone {
          width: 100%;
          height: auto;
          background: #fff;
          margin: 10px auto;
      }
      .tabsPort {
          border-bottom: 2px solid #f1f1f1;
          margin-bottom: 30px;
          padding-bottom: 20px;
          text-align: center;
          margin-top: 0;
      }
      .btnLine {
          text-align: center;
      }
      .btnLine span {
          background: #FFFFFF;
          padding: 10px 15px;
          font-size: 21px;
          width: 100%;
          color: #F05620;
          text-transform: uppercase;
          border: 1px solid #F05620;
          cursor: pointer;
          -webkit-transition: all .2s ease-in-out;
          -moz-transition: all .2s ease-in-out;
          -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
      }
      .btnLine span:hover {
          background: #F05620;
          padding: 10px 15px;
          font-size: 23px;
          color: #fff;
          text-transform: uppercase;
          border: 1px solid #F05620;
      }
      .classic .k1 {
          border-top: 0px !important;
          width: 100%;
          float: left;
          margin-bottom: 30px;
      }
      .tabs3 li {
          width: 46%;
          cursor: pointer;
          background: #999;
          display: inline-block;
          margin: 0px 5px 40px;
          border-radius: 5px;
          padding: 50px 30px 30px;
          text-align: center;
          color: #fff;
          text-transform: uppercase;
          position: relative;
          font-weight: 600;
      }
      .tabs3 {
          text-align: center;
      }
      .tabs3 li .trace {
          display: none;
      }
      .trace {
          display: none !important;
      }
      .contents4 div {
          border-top: 0px !important;
      }
      .contents4 .box {
          display: none;
          border-top: 0px solid #ddd;
          padding-top: 0px;
          padding-bottom: 10px;
      }
      .bannerWords .bred {
          line-height: 60px;
          background: rgba(211, 36, 58, .9);
          color: #fff;
          font-size: 40px;
          font-weight: 600;
          display: inline-block;
          padding: 0px 20px;
      }
      .bannerWords .categoria {
          text-shadow: -1px 2px 2px rgba(0, 0, 0, 0.5);
      }
      .opcoesLoja .titulo {
          font-size: 13px;
      }
      .tabelaLoja td {
          padding: 0;
          border-left: 1px solid #f1f1f1;
          border-bottom: 1px solid #f1f1f1;
      }
      #contato .titulo h1 {
          font-size: 45px;
      }
      #contato .box1 div {
          padding: 20px;
      }
      #contato .box1 li {
          color: #fff;
          font-size: 18px;
          text-transform: uppercase;
          font-weight: 300;
          line-height: 50px;
      }
      .menuHeader .navbar-default .navbar-nav .open .dropdown-menu>li>a {
          color: #fff;
      }
      .menuHeader .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
      .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
          color: #fff;
          background-color: transparent;
      }
      .menuHeader .navbar-default .navbar-nav>.open>a,
      .navbar-default .navbar-nav>.open>a:focus,
      .navbar-default .navbar-nav>.open>a:hover {
          color: #fff;
          background-color: #D21111;
      }
      .menuHeader .navbar-collapse {
          padding-left: 15px;
      }
      .menuHeader .navbar-nav .open .dropdown-menu>li>a {
          line-height: 13px;
          padding: 10px;
          text-align: center;
      }
      .menuHeader .dropdown-menu .divider {
          height: 1px;
          margin: 0px 0 5px;
          overflow: hidden;
          background-color: #FF4155;
      }
      .bannerWords1 .bwhite {
          line-height: 80px;
          /* background: rgba(165,30,44,0.7); */
          background: rgba(211, 36, 58, 0.9);
          color: #fff;
          font-size: 45px;
          font-weight: 600;
          display: inline-block;
          padding: 0px 20px;
          border: 0px;
      }
      .bannerWords1 {
          position: absolute;
          top: 150px;
          /* left: 50%; */
          /* z-index: 1; */
          color: #fff;
          width: 100%;
          text-transform: uppercase;
          text-align: center;
      }
      .menuHeader .navbar-toggle {
          display: block;
          margin-right: 10px;
      }
      #novo_projeto .formulario .tituloBlack {
          font-size: 28px;
          font-weight: 900;
          color: #000;
          text-transform: uppercase;
          margin-top: 10px;
          margin-bottom: 15px;
      }
      #novo_projeto .box {
          background: #f8f8f8;
          padding: 10px 20px;
          min-height: 0;
          margin-top: 30px;
      }
      #marketing .tabsRedes .tabs2 {
          text-align: center;
      }
      #marketing .tabsRedes .tabs2 li {
          width: 100%;
          height: 150px;
          float: inherit;
          margin: 0 0 4.5%;
          cursor: pointer;
          padding: 25px 0px;
          text-align: center;
          display: inline-block;
      }
      #marketing .tabsRedes .contents3 .box {
          display: none;
          border-top: 0px solid #ddd;
          padding-top: 50px;
          text-align: center;
          padding-bottom: 50px;
          position: absolute;
          left: -9999px;
          background: #f1f1f1;
          z-index: 1;
          margin-bottom: 66px;
          /* margin-top: -4px; */
      }
      #marketing .tabsRedes .contents3 {
          margin-top: 0px;
      }
      #marketing .tabsRedes .contents3 .botao span div {
          background: #000;
          display: inline-block;
          color: #fff;
          font-size: 25px;
          font-weight: 600;
          text-transform: uppercase;
          padding: 6px 10px;
      }
      #marketing .contents3 .imagem .img img {
          padding-right: 0;
          border-right: 0;
          /* margin-right: 15px; */
          margin: 0 auto 30px;
      }
      #producao .marca .rees {
          margin-bottom: 20px;
          font-size: 30px;
          text-align: center;
          color: #000;
      }
      #producao .marca .rees .pn {
          margin-bottom: 15px;
      }
      .dropdown-menu li.titleMenu {
          background: #B10E0E;
      }
      #casesHome {
          max-height: 320px!important;
          /*  width: 100%;
          height:auto;*/
      }
      #casesHome .bannerCase {
          /* max-height:410px;*/
          /*  width: 100%
          height:auto;*/
          /*background-size: none !important;*/
          /*  background-size: 115%   !important;*/
      }
      .fox {
          text-align: center;
      }
      .lovato {
          width: 100%!important;
      }
      .monteiro {
          width: 50%!important;
      }
      .tituloex ul.two {
          visibility: hidden!important;
          width: 0!important;
          margin-left: -200px;
      }
      #cases .tituloex li:nth-child(2) {
          line-height: 75px!important;
      }
      #cases .tituloex li {
          font-size: 105px!important;
      }
      #cases .tituloex li:nth-child(1) {
          font-size: 40px!important;
      }
      .tabsPort li {
          display: block!important;
      }
      #web .blogs .b1 {
          width: 100%!important;
      }
      #web .blogs .b2 .contents {
          padding: 0!important;
      }
      #web .blogs .b2 {
          width: 100%!important;
      }
      #web .blogs .b2 .contents .box .titulo {
          font-size: 32px;
      }
      #web .hospedagem .cont1 .tabsweb li {
          margin: 0!important;          
      }
      #web .hospedagem .cont2 .contentsweb .box .conteudo {
          background-image: none!important;
          background-color: #f7f7f7;
      }

      #publi .emailmarketing .cont3 .titulo {
          font-size: 35px;
      }
      #publi .emailmarketing .cont3 .lines {
          width: 100%!important;
          height: 0!important;
          visibility: hidden!important;
          margin: 0!important;
      }
      #publi .emailmarketing .cont3 .imagem img {
          margin: 0 auto!important;
      }
      #publi .emailmarketing .cont2 .imagem img {
          top: 0!important;
      }
      #publi .emailmarketing .cont1 .imagem img {
          position: relative!important;
          top: 0!important;
          left: 0!important;
          margin-left: 0!important;
      }
      #marketing .consultoria .cont2 .tabs2 li div.hover>div {
          padding: 0.9em 0px !important
      }
      #marketing .consultoria .cont2 .tabs2 li.active div.hover {
          height: 100%!important;
      }
      #marketing .consultoria .cont2 .tabs2 li div.hover>div img {
          visibility: hidden;
          height: 0!important;
          width: 0!important;
          margin-left: -26px;
      }
      #marketing .tabsRedes .contents3 .botao {
          width: 100%!Important;
          position: relative!Important;
          left: 0!Important;
          margin-left: 0!Important;
      }
      #web .rees .imagem .blackMask {
          padding: 62px 52px;
      }
      .contentsPort .box {
          /* left:auto!important;*/
      }

      #producao .redator .cont1 .arrow {
          visibility: hidden!important;
      }

      #producao .redator .cont1 {
          height: 590px;
          background-position: center bottom!important;
      }
      #producao .redator .box {
          height: 590px;
      }
      #producao .redator .cont2 {
          height: 631px;
          background-position: center bottom!important;
      }
      #producao .fotografia .cont1 {
          margin-bottom: 40px;
      }
      #producao .feiras .cont2 .contentsfeira .slideShowfeira li {
          width: 50%!important;
      }
      #producao .feiras .cont2 .tabsfeira li {
          margin: 0 0 5px!important;
          width: 100%!important;
      }
      #producao .feiras {
          margin-bottom: 39px!important;
      }
      #producao .banners .cont1 .slider>div {
          margin-left: 0!important;
          width: 100%!important;
      }
      #producao .banners .cont1 .slider {
          background: none!important;
          height: 250px !important;
      }
      #producao .banners .cont1 {}
      #producao .banners .cont1 .box {
          padding: 0 0 20px 0!important;
          top: 0!important;
      }
      #producao .banners .cont2 .box .tit2 {
          font-size: 30px!important;
      }
      #producao .banners .cont2 .box .tit1 {
          font-size: 47px!important;
          line-height: 33px!important;
      }
      #producao .banners .cont2 .monitores li {
          height: auto!important;
      }
      #producao .banners .cont2 .monitores li:nth-child(1) img {
          margin-top: 85px!important;
      }
      #producao .banners .cont2 .monitores li:nth-child(2) img {
          margin-top: 0px!important;
      }
      #producao .banners .cont2 .monitores li:nth-child(3) img {
          margin-top: 0!important;
      }
      #producao .banners .cont1 .slider .bx-wrapper .bx-prev {
          left: -15px!important;
      }
      #producao .banners .cont1 .slider .bx-wrapper .bx-next {
          right: -15px!important;
      }
      #marketing .consultoria .cont2 .tabs2 li {
          padding: 0!important;
      }

      .edson {
          visibility: hidden;
      }
      #publi .emailmarketing .cont2 .texto {
          width: 100%!important;
      }
      #marketing .feiras .cont2 {
          margin-bottom: 10px!important;
      }
  }


  #cases .cases {
      padding: 160px 0px 0px;
  }
  #cases .tituloex {
    color: #fff;
    margin-bottom: 60px;
}
  #cases .tituloex ul{
    padding-left: 0px;
    list-style: none;
    margin-bottom: 0px;
  }
  #cases .tituloex li {
    font-weight: 900;
    letter-spacing: -12px;
    font-size: 150px;
    display: block;
  }
  #cases .tituloex li:nth-child(1) {
    letter-spacing: -1px;
    font-size: 50px;
    line-height: 41px;
    padding-left: 5px;
    color: #00e592;
  }
  #cases .tituloex li:nth-child(2){
    line-height: 120px;
    color: #01302a;
  }
  #cases .box.blue{
  	margin-bottom: 30px;
  }
  #cases .box.blue .bx1{
  	height: auto;
  	background: #000;
  	border: 1px solid #fff;
  }
  #cases .box.blue .bx2{
  	height: auto;
  	background: #29aae3;
  	border: 1px solid #fff;
  }

  #cases .box.blue .bx1 img, #cases .box.blue .bx2 img{ max-width: 100%; width: 100%; }


  @media screen and (max-width: 1500px){
    #banner .texto{
      width: 900px;
    }
    #banner .texto .titulo-banner{
      font-size: 70px;
      margin-bottom: 0;
      padding-bottom: 10px;
      line-height: 80px;
    }
    #banner .texto .txt-banner{
      font-size: 18px;
      padding-bottom: 0;
    }
    #banner .texto .call-to-action{
      margin-top: 0;
    }
    #banner .texto .titulo-banner.special{
      padding: 0 60px;
    }
    #banner .texto .titulo-banner.special.s1 {
        left: 85px;
    }    
  #banner .texto .titulo-banner.special.s3 {
      left: -155px;
  }    
  }

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

    .tel-1-footer { float: none!important; margin-bottom: -25px; }
    .portfolioContainer.grid-5 figure{ width: 25%; }
    #casesHome .bannerCase { height: 700px; }
    #agencia .b3 .box { padding: 70px 25px; width: 100%; text-align: center; }
    .contents1 li { width: 170px; }
    .contents1 li span { padding: 0 5px; }
   /* .section-portfolio { max-height: 988px; }*/

    #agencia .b3 .box { font-size: 45px; width: 430px; line-height: 60px; }
    #agencia .b3 .box .estilo-1 { font-size: 50px; }
    #agencia .b3 .box .estilo-2 { font-size: 45px; }
    #agencia .b3 .box .estilo-3 { font-size: 69px; }
    #agencia .b3 .box .estilo-4 { font-size: 70px; }
    #agencia .b3 .box .estilo-5 { font-size: 45px; }
    #contato .box1 > div{ padding: 20px 20px;  }
    #contato .box1 li{  font-size: 15px; }
    #marketing .cont2 .lista { margin-top: 50px; }
    #marketing .cont3 .lista { margin-top: 45px; }
    #producao .banners .cont1 { margin-bottom: 125px; }
    #producao .banners .cont1 .slider>div { width: 645px; position: relative; top: 72px; margin-left: 31px; }  
    #producao .banners .cont1 .box .tit1{ font-size: 45px; }  
    #producao .banners .cont1 .box .tit2{ font-size: 40px; }  
    .new-area .item{ height: 165px; }
    #web .rees .imagem .blackMask{ padding: 55px 25px; }
    .bannerHide1{ width: auto;  }
    .bannerHide1 img{ height: 300px; }
  }

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

    #banner .texto{ width: 75%; height: auto; }
    #banner .texto .titulo-banner{ font-size: 55px; }
    #banner .texto .txt-banner{ font-size: 17px; line-height: 30px; }
    #banner .bg-home { height: 600px; }
    #banner .texto .call-to-action{ padding: 10px 20px; font-size: 18px; margin-top: 20px; }
    #clientesHome ul .boxCliente{ padding: 0; }
    #clientesHome .titulo{ font-size: 45px; width: 100%; text-align: center; padding: 0 20px; }
    .logoFooter, .socialFooter, .localFooter, .menuFooter ul{ text-align: center; }
    .localFooter{ margin-bottom: 40px; }
    #rodape .telefone{ float: none; text-align: center; display: block; margin: 0 auto; }
    .fox{ text-align: center; }
    #cases .tituloex { color: #fff; margin-bottom: 30px; }
    #cases .tituloex li{ line-height: 30px; }
    #cases .tituloex li:nth-child(1){ font-size: 40px; }
    #cases .tituloex li:nth-child(2){ font-size: 100px; }

    .new-area .item { height: 125px; }

    .contents1 li{ width: 140px; }
    .sticky .megaMenu{ width: 740px!important; }
    .socialFooter { margin: 20px 0 50px; }
    #rodape .telefone p { text-align: center; }
    .localFooter{ float: none; margin-bottom: 10px;  }
    #producao .feiras .cont2 .contentsfeira .slideShowfeira li { width: 25%; }

    .tabs3{ display: none;  }
    .classic .k1 { width: 100%; margin-bottom: 55px; }
    #web .logoGoogle { margin-top: 30px; margin-bottom: 40px; }
    .tituloPage2{ margin-top: 0; }
    #publi .emailmarketing .cont2 .texto{ width: 100%; }
    #producao .redator .cont1 .arrow{ display: none;  }

    #marketing .cont2 .lista { margin-top: 0; text-align: center; }
    #marketing .cont3 .lista{ margin-top: 20px; text-align: center; }
    .bannerWords .bred{ font-size: 60px; }

    #producao .redator .box { padding: 50px 50px 60px; height: auto; }
    #producao .redator .box .titulo{ padding-top: 0; }
    #producao .redator .cont1, #producao .redator .cont2{ height: auto; }

        #producao .fotografia .cont1 .hover{ position: inherit; opacity: 1; padding: 50px 0; }
    #producao .fotografia .cont1 .hover .box{  position: relative; left: auto; top: auto; -webkit-transform: translate(0, 0);-ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
    #producao .fotografia .cont1 .hover .texto{ padding: 10px 30px;  }
    #producao .fotografia .cont1 .imagem .barbot{ display: none; }

    #marketing .feiras .cont2 .contentsfeira .caixa, #marketing .feiras .cont2 .contentsfeira .mask, #marketing .feiras .cont2 .contentsfeira{ height: auto!important; }
    #marketing .feiras .cont2 .contentsfeira .bord{ height: auto!important; float: none!important; top: auto!important; margin: 0!important; position: relative!important; width: 100%; }

    #novo_projeto .box .lista li div.nameCheck { top: -20px; width: 70%; }    
    #producao .banners .cont1 .slider>div{ width: 100%; margin-left: 0; }
    #producao .banners .cont1 .monitor{ display: none; }

    #banner .texto .titulo-banner.special{ line-height: 35px; }
    #banner .texto .titulo-banner.special.s1 { left: 70px; }
    #banner .texto .titulo-banner.special.s3 { left: -120px;; }


  }

  @media screen and (max-width: 768px){
    .two-box{ height: 100%!important; }
    .two-box .box-1{ width: 100%; height: 100%!important; }
    .two-box .box-2{ width: 100%; height: 100%!important; }
    .two-box .box-1 .hover, .two-box .box-2 .hover{ display: none;  }
    .two-box .box-1 img, .two-box .box-2 img{ width: 100%; }
    .two-box .responsive{ display: block; }
    .two-box .responsive h2{ letter-spacing: -1px; font-size: 38px; line-height: 60px; padding-left: 10px; color: #333; font-weight: 900; text-transform: uppercase; margin-bottom: 50px; text-align: center; }   
    .two-box .responsive h2 span{ font-size: 80px; display: block; color: #E28005; }   
    .two-box .responsive img{ margin-bottom: 60px; }  
    #producao .banners .cont1{ display: none; }
    #producao .banners .cont2{ margin-top: 50px; }
    #producao .banners .cont2 .monitores li{ width: 50%; }
    #web .rees .imagem .blackMask { padding: 35px 10px; }    
    .new-area div.item { height: auto; }
    .bannerHide1 img{ height: 200px; }
    .logoHeader { left:50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
    .navbar-toggle{ float: left!important;  }
    .navbar-header p{ color: #fff; font-size: 16px; text-align: left; margin-top: 14px; }
    .orcamental { width: 215px!important; font-size: 30px !important; }
    .navbar-collapse, .navbar-collapse.in{  top: -25px; position: relative; }
  }

  @media screen and (max-width: 767px){
      .socialHeader li{ height: 55px; }
      .topo .orcamental a.tel-1 { margin-top: -8px; }
      #producao .redator .cont2 .arrow{ display: none; }
      #banner .bg-home{ background: transparent; }
      #banner{ display: none; }
      .portfolioContainer.grid-5 figure{ width: 50%; }
      #isHome .portfolioFilter a{ margin: 8px; }
      .bt-ver{ opacity: 0!important; width: 100%; height: 100%; margin: 0!important; padding: 0!important; }
      .bt-ver:hover{ opacity: 0; }
      .bt-orcar{ display: none; }
      #clientesHome img { padding: 15px; margin: 0 auto; }
      #clientesHome { padding: 50px 0 50px; }
      #clientesHome .titulo { font-size: 38px; }
      #agencia .b2 .content{ position: relative; left: 0; top: 0; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
      #agencia .b1 { height: 300px; }
      #agencia .b2 .content{ width: 100%; }
      .section-portfolio { max-height: 100%; }
      #producao .feiras .cont2 .contentsfeira .slideShowfeira li { width: 50%; }
      figure.effect-jazz:hover img{opacity:1;}
      .portfolioContainer figure h2, .portfolioContainer figure p{ display: none; }
      #agencia .b3 .box { width: auto; }
      #agencia .b3 .box { font-size: 40px; }
      #agencia .b3 { height: 600px; }
      #agencia .b3 .box .estilo-4 { font-size: 50px; }
      #agencia .b3 .box .estilo-3 { line-height: 65px; }
      .montePlano .botao{ font-size: 16px; }
      #publi .emailmarketing .cont1{ height: auto; padding: 40px 0 60px; margin: 50px 0px 0; }
      #publi .emailmarketing .cont3 .titulo { font-size: 50px; }
      #publi .emailmarketing .cont2 { height: auto; padding: 40px 0 60px; }
      #publi .emailmarketing .cont2 .texto{ width: 100%; }
      #publi .emailmarketing .cont3 .lines{ display: none; }
      #publi .emailmarketing .cont3 .item { margin-top: 50px; }
      #marketing .consultoria .cont2 .tabs2 li, #marketing .consultoria .cont2 .tabs2 li > div > img{ width: 100%; max-width: 100%; }
      #marketing .consultoria .cont2 .tabs2 li div.hover{ height: 100%; }

      #marketing .brindes .tituloDif { font-size: 55px; line-height: 65px; margin: 35px 0; }
      #marketing .cont1{ padding-bottom: 0;  }
      #marketing .cont2{ padding-top: 0;  }

      .bannerWords{  top: 50%;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%);   }
      .bannerWords .bred{ font-size: 25px; }
      .bannerH img { width: 70%; }

      div.modal .modal-dialog{ max-width: 500px; padding: 0 5px; width: 100%; margin: 0; }
      #web #modelos .modal .area-retrita { padding: 10px; }

      #marketing .feiras .tituloDif { white-space: normal!important; font-size: 45px!important; }

      #marketing .feiras .cont2 .contentsfeira .caixa .contratar { display: inline-block; margin: 0 auto; width: 140px; }

      #marketing .feiras .cont2 .tabsfeira li{ width: 100%; margin-left: 0; }

      #marketing .feiras .cont2 .tabsfeira li.active {
          border-bottom: 1px!important;
          color: #fff!important;
      }
      #marketing .feiras .cont2 .tabsfeira li .item .imagem {
          visibility: hidden!important;
          height: 0!important;
          padding: 0!important;
      }
      #marketing .feiras .cont2 .tabsfeira li .item .titulo{
        color: #fff;
      }
      #marketing .feiras .cont2 .tabsfeira li .item .line {
          background: #fff!important;
      }
      #marketing .feiras .cont2 .tabsfeira li:nth-child(1) {
          background: #8cc63f!important;
      }
      #marketing .feiras .cont2 .tabsfeira li:nth-child(2) {
          background: #d90551!important;
      }
      #marketing .feiras .cont2 .tabsfeira li:nth-child(3) {
          background: #00a99d!important;
      }
      #marketing .feiras .cont2 .tabsfeira li:nth-child(4) {
          background: #0071bc;
      }
      #marketing .feiras .cont2 .tabsfeira li {
          height: 90px;
      }
      #marketing .feiras .cont2 .contentsfeira .bord { margin-top: 0!important; width: 100%!important; border: none; padding: 0px 20px 29px 20px; text-align: center; float: right; border-right: 0px; position: absolute; top: 8%; right: 0; }

      #marketing .brindes .tituloDif { font-size: 40px!important; }
      #marketing .cont2 .lista li,
      #marketing .cont3 .lista li { font-size: 19px!important; text-align: center; }
      #marketing .cont2 .lista { margin-top: 0!important; }    
      #marketing .feiras .cont2 .contentsfeira .caixa .titulo{ padding-top: 30px; } 
      .portfolioContainer.web-loja-portifolio figure.effect-jazz{ background-color: #fff;  }
      .portfolioContainer.web-loja-portifolio .effect-jazz{ margin-bottom: 50px!important;  }
      .portfolioContainer.web-loja-portifolio figure .see-more.more-btn a{ color: #fff; opacity: 1; font-size: 18px; top: 5px; left: 15px; background-color: #5883de; }
      .portfolioContainer.web-loja-portifolio figure figcaption{ position: relative; float: right; width: 50%; }
      .portofolio-desc{ text-align: left; padding-bottom: 0; float: left; width: 50%; }
      .portfolioContainer.web-loja-portifolio figure .see-more a.btn.button-line{ border-color: transparent;  }
      .portfolioContainer.web-loja-portifolio figure .see-more a.btn.btn-ver{ display: none; }
      .portfolioContainer.web-loja-portifolio.with-text figure.effect-jazz .see-more{ background-color: #fff;  }
      .portfolioContainer.web-loja-portifolio figure .see-more a.btn.button-line img { display: none; }
      .portfolioContainer.web-loja-portifolio figure .see-more.more-btn{ width: auto; float: right;  }
      .portfolioContainer.web-loja-portifolio figure.effect-jazz:hover img{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
      .portfolioContainer.web-loja-portifolio figure.effect-jazz:hover figcaption::after{opacity:1;-webkit-transform:rotate3d(0,0,0,0deg) scale3d(1,1,1);transform:rotate3d(0,0,1,0deg) scale3d(1,1,1)}
      .portfolioContainer.web-loja-portifolio figure.effect-jazz:hover .see-more a{opacity:1;-webkit-transform:scale3d(.8,.8,.8);transform:scale3d(.8,.8,.8)}

      .darkBanner{ display: none; }

      .montePlano1 .botao{ font-size: 24px; } 
      .new-area .item{ height: 300px; margin-bottom: 30px; }

      #novo_projeto.orcamento-interno { margin-bottom: 10px!important; }
      #novo_projeto.orcamento-interno .formulario .voltar,
      #novo_projeto.orcamento-interno .formulario .avancar{ width: 140px; height: 50px; font-size: 15px;  }

      #novo_projeto .tituloBlack{ font-size: 20px;  }
      #novo_projeto .formulario input, #novo_projeto .formulario textarea{ margin-bottom: 20px; }
      
      #novo_projeto .tituloBlack{ margin-top: 30px; }
      #novo_projeto .box{ margin-top: 10px; }
      .box div.step{ margin-bottom: 20px; }    
      .box div.step::before{ display: none; } 

      #novo_projeto.orcamento-interno .box div.lista li { width: 50%; }    
      #novo_projeto.orcamento-interno .box div.lista { display: block; overflow: hidden; padding-top: 30px; margin-top: 20px; }  

    }


  @media screen and (max-width: 560px){
    #portfolio .portfolioFilter a{ margin: 10px 0; }
    #novo_projeto .box .lista li div.nameCheck { top: -30px; }
  }

  @media screen and (max-width: 530px){
    #contato .box1 div.open .email-box{ float: none; padding: 0; }
    #contato .box1 div.open .telefone-box{  float: none; padding: 0; }
    #contato .icons {  margin-top: 50px; }
    #contato .titulo h1 { margin-top: 70px; margin-bottom: 50px; }
    #marketing .consultoria .cont2 .tabs2 li div.hover>div{ padding: 60px 0px; }
    .bannerH img { width: 65%; }

  }

  @media screen and (max-width: 480px){
    #rodape .telefone { width: 100%; margin-top: 30px; }
    #rodape .telefone.tel-1-footer { margin: 10px 0 -30px; }
    #agencia .b3 .box { font-size: 30px; width: auto; line-height: 40px; }
    #agencia .b3 .box .estilo-1 { font-size: 35px; }
    #agencia .b3 .box .estilo-2 { font-size: 30px; }
    #agencia .b3 .box .estilo-3 { font-size: 55px; }
    #agencia .b3 .box .estilo-4 { font-size: 40px; }
    #agencia .b3 .box .estilo-5 { font-size: 35px; }
    .boxSeo .box { padding: 20px; }
    .orcamento-loja .box .step p{ font-size: 12px;  }
    .orcamento-loja .box .step p span { padding: 5px 10px; }
    .box div.step::before{ height: 3px; top: 12px;  }
  }


  @media screen and (max-width: 450px){
    #producao .banners .cont2 .monitores li{ width: 100%; }
    #producao .banners .cont2 .box { margin-bottom: -50px; }
  }

  .modal .modal-dialog {
    position: absolute;
    width: 100%;
    max-width: 620px;
    min-width: 320px;
    margin: 10px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%)!important;
    -ms-transform: translate(-50%, -50%)!important;
    -o-transform: translate(-50%, -50%)!important;
    transform: translate(-50%, -50%)!important;
  }

#web .modal .modal-dialog {
    position: absolute;
    width: 98%;
    height: 98%;
    max-width: 98%;
    min-width: auto;
    margin: 0;
    top: 50%;
    z-index: 999999;
}

#web .modal .modal-dialog iframe{
  position: relative;
  z-index: 999;

}

#web .modal .close {
    margin-top: 0;
    margin-right: 10px;  
    color: #a12129;
    opacity: 1;
    font-size: 45px;
    padding: 0;
    -webkit-appearance: unset;
    -moz-appearance: unset;
    appearance: unset;
}

#web .modal-header {
    min-height: auto;
    padding: 0;
    display: block;
    overflow: hidden;
}

#web .modal-footer {
  padding-top: 0;
}

#web .modal-footer a{
  display: table;
  margin: 0 auto;
}

#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}

#novo_projeto.orcamento-interno { margin-bottom: 120px; }

#novo_projeto.orcamento-interno .box { padding: 0!important; min-height: inherit!important; background-color: transparent!important; }

#novo_projeto.orcamento-interno .formulario p, #novo_projeto.orcamento-interno .formulario button { width: 360px; height: 60px; border: 0px; background: url(../img/diag01.jpg) center center repeat; outline: none; margin-top: 50px; margin-bottom: 30px; color: #fff; font-weight: 600; font-size: 22px; text-transform: uppercase; margin: 30px auto 30px; padding: 15px; text-align: center; cursor: pointer; }

#novo_projeto.orcamento-interno .formulario .voltar{ float: left; }
#novo_projeto.orcamento-interno .formulario .avancar{ float: right; }

#novo_projeto.orcamento-interno .formulario input[type='radio'] { position: absolute; opacity: 0; cursor: pointer; }

#novo_projeto.orcamento-interno .formulario .label { display: block; position: relative; padding-left: 0; margin-bottom: 12px; cursor: pointer; font-size: 17px; -webkit-user-select: none; -moz-user-select: one; -ms-user-select: none; user-select: none; color: #333; }

#novo_projeto.orcamento-interno .formulario .label input[type='radio'] { position: absolute; opacity: 0; cursor: pointer; }

#novo_projeto.orcamento-interno .formulario .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #b5b5b5; border-radius: 50%; }

#novo_projeto.orcamento-interno .formulario .label:hover input[type='radio'] ~ .checkmark { background-color: #ccc; }

#novo_projeto.orcamento-interno .formulario .label input[type='radio']:checked ~ .checkmark { background-color: #A12129; }

#novo_projeto.orcamento-interno .formulario .checkmark:after { content: ""; position: absolute; display: none; }

#novo_projeto.orcamento-interno .formulario .label input[type='radio']:checked ~ .checkmark:after { display: block; }

#novo_projeto.orcamento-interno .formulario .label .checkmark:after { top: 9px; left: 9px; width: 8px; height: 8px; border-radius: 50%; background: white; }

#novo_projeto.orcamento-interno .box{ display: none; }
#novo_projeto.orcamento-interno .box.box1{ display: block; }
#novo_projeto.orcamento-interno .box .dominio-existente{ opacity: 0; }
#novo_projeto.orcamento-interno .box .dominio-existente.visivel{ opacity: 1!important; }

#novo_projeto.orcamento-interno .formulario textarea{ min-height: 200px; }

#novo_projeto.orcamento-interno .formulario .pick-a-color{ border: 1px solid #ccc; }

#novo_projeto.orcamento-interno .box .lista li{ float: left; width: 33.333%; }

#novo_projeto.orcamento-interno .box .lista li div.check{ top: -45px; }

.box .formulario input::-webkit-input-placeholder { color: red; }
.box .formulario input::-moz-placeholder { color: red; }
.box .formulario input:-ms-input-placeholder { color: red; }
.box .formulario input:-moz-placeholder { color: red; }

.box .formulario textarea::-webkit-input-placeholder { color: red; }
.box .formulario textarea::-moz-placeholder { color: red; }
.box .formulario textarea:-ms-input-placeholder { color: red; }
.box .formulario textarea:-moz-placeholder { color: red; }

.box .step{ display: block; overflow: hidden; margin-bottom: 50px; position: relative; }
.box .step p{ width: 14.285%; float: left; position: relative; z-index: 2; }
.orcamento-loja .box .step p{ width: 12.5%; float: left; position: relative; z-index: 2; }
.box .step::before{ content:""; height: 5px; width: 100%; position: absolute; top: 15px; left: 0; background-color: #C8C7C7; z-index: 1; }
.box .step p span{ background-color: #C8C7C7; color: #fff; padding: 10px 15px; margin: 0 auto; border-radius: 100%; display: table; text-align: center;  }
.box .step p.active span{ background-color: #A12129; }
.box .step p.green span{ background-color: #41A729; }
.huebee{ z-index: 999999; }


#slider > div > div.portfolioContainer.grid-5.with-text > figure:nth-child(11),
#slider > div > div.portfolioContainer.grid-5.with-text > figure:nth-child(12),
#slider > div > div.portfolioContainer.grid-5.with-text > figure:nth-child(35),
#slider > div > div.portfolioContainer.grid-5.with-text > figure:nth-child(36),
#slider > div > div.portfolioContainer.grid-5.with-text > figure:nth-child(48),
#slider > div > div.portfolioContainer.grid-5.with-text > figure:nth-child(47),
#slider > div > div.portfolioContainer.grid-5.with-text > figure:nth-child(24),
#slider > div > div.portfolioContainer.grid-5.with-text > figure:nth-child(23){
  display: none!important;
}

@media screen and (max-width: 1199px){
  #slider > div > div.portfolioContainer.grid-5.with-text > figure:nth-child(11),
  #slider > div > div.portfolioContainer.grid-5.with-text > figure:nth-child(12),
  #slider > div > div.portfolioContainer.grid-5.with-text > figure:nth-child(35),
  #slider > div > div.portfolioContainer.grid-5.with-text > figure:nth-child(36),
  #slider > div > div.portfolioContainer.grid-5.with-text > figure:nth-child(48),
  #slider > div > div.portfolioContainer.grid-5.with-text > figure:nth-child(47),
  #slider > div > div.portfolioContainer.grid-5.with-text > figure:nth-child(24),
  #slider > div > div.portfolioContainer.grid-5.with-text > figure:nth-child(23){
    display: block!important;
  }
  .portfolioFilter{
    width: 19%;
  }  
  .portfolioContainer{
    width: 81%;
  }
	.menu-servicos li {
	    width: 20%!important;
	}

}

@media screen and (max-width:992px){
	.menu-servicos li {
	    width: 22%!important;
	}
}

@media screen and (max-width:768px){
  .section-portfolio {
      display: none;
  }
	.menu-servicos li {
	    width: 48%!important;
	}  
}

.portifolio-box {
    position: relative;
}

.portfolioFilter{
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.menu-servicos{
    font-size: 16px;
    text-align: center;
    margin: 0;
    font-family: inherit;
    text-transform: uppercase;
    border-bottom: 0;
    padding-bottom: 10px;  
}

.menu-servicos ul {
    padding-left: 0px;
    list-style: none;
    margin-bottom: 0px;
}

.menu-servicos li {
    display: inline-block;
    width: 12%;
}

.menu-servicos li:first-child {
    padding-left: 0;
}

.menu-servicos li:last-child {
    padding-right: 0;
}

.menu-servicos li a {
    color: #8C8C8C;
    margin-right: 5px;
    margin-left: 5px;
    text-decoration: none;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 12px;
    display: block;
    margin: 15px 0 30px;
}

.menu-servicos li a:hover{
    color: #A12129;  
}

.menu-servicos img {
    margin-right: 5px;
    display: block;
    margin: 0 auto;
    filter: saturate(0);
}

.areacliente{
	float: right;
    background: #000000;
    padding: 10px;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    border-radius: 0px 0px 10px 10px;

}

body.page-agencia #header .topo .areacliente {
  position: absolute;
  right: 15px;
  top: 0;
  float: none;
  z-index: 1001;
}
body.page-agencia #header .topo .areacliente a {
  color: #5acee1;
  text-decoration: none;
}