@charset "UTF-8";
/*
Theme Name: Click Audioworks
Theme URI: clickaudioworks-toss
Author: TOSS Interativa
Description: Tema criado pela TOSS, com base no Material Design Google.
Version: 1.0
*/

@import url("css/materialize.css");

  html { color: #202528; font-size: 16px; line-height: 24px; font-weight: 400; }

  body { background: #f5f5f5; }

  h1, h2, h3, h4, h5, h6, nav ul a, p.lista, a.carregar, a.mixonline, a.acessar, .lista-termos { font-family: "Montserrat", sans-serif; }

  h1 { font-size: 70px; line-height: 80px; color: #202528; font-weight: 700; }
  h2 { font-size: 40px; line-height: 50px; color: #202528; font-weight: 700; }
  h3 { font-size: 32px; line-height: 40px; color: #202528; font-weight: 700; }
  h4 { font-size: 28px; line-height: 36px; color: #202528; font-weight: 700; }
  h5 { font-size: 24px; line-height: 32px; font-weight: 500; }

  a { color: #cc0000; transition: .3s; }
  a:hover { color: #330000; transition: .3s; }

  a.acessar       { background: #cc0000; color: #fff!important; text-transform: uppercase; font-size: 15px; font-weight: 500; padding: 15px 25px; border-radius: 50px; }
  a:hover.acessar { background: #ffc000; color: #000!important; transition: .3s ease; cursor: pointer; }

  .divider { display: inline-block; width: 100%; height: 1px; overflow: hidden;  margin: 50px 0; background-color: #dddddd;  }

  img { max-width: 100%; height: auto; }

  .material-icons { vertical-align: middle; }

  .clear {  clear: both; }

  .icon-block { padding: 0 20px; margin-bottom: 50px; }

  ul li { margin-left: 35px;  padding-left: 5px; list-style: circle!important; }


/* HEADER / MENU */
  .tarja { position: relative; z-index: 3; display: block; text-align: center; }
  .tarja a { display: block; background: #9929d9; color: #fff; padding: 20px; font-family: "Montserrat", sans-serif; font-size: 0.9rem; font-weight: 500; line-height: 1.5rem; letter-spacing: normal; }
  .tarja a:hover { display: block; background: #60198c; color: #fff; }
  .tarja a span { background: #fff; color: #9929d9; border-radius: 50px; padding: 3px 9px; }


  nav { position: fixed; height: 140px!important; line-height: 140px!important; background-color: transparent!important; padding: 0; z-index: 9999; }
  nav .nav-wrapper {
    z-index: 1;
    text-transform: uppercase;
    padding: 0 35px;
    background-color: transparent!important;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+10,000000+95&0.9+10,0+95 */
    background: -moz-linear-gradient(top, rgba(0,0,0,0.9) 10%, rgba(0,0,0,0) 95%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.9) 10%,rgba(0,0,0,0) 95%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0.9) 10%,rgba(0,0,0,0) 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
  }

  nav .brand-logo { position: relative; float: left; font-size: 0; padding-top: 25px; margin-right: 25px; padding-right: 30px; }
  nav .brand-logo img { width: 138px; height: auto; }
  a#logo-container {height: 140px; }

  nav ul li { margin-left: 0!important; list-style: none!important; }
  nav ul a { font-size: 14px; font-weight: 500!important; text-transform: inherit; letter-spacing: 0.1rem; transition: .5s; padding: 0 20px; }
  nav ul a:hover { color: #cc0000; }

  nav .sub-menu { position: absolute; min-width: 150px; display: none; transition: all .3s; margin-top: -40px; background-color: #000; z-index: 1; border-left: 4px solid #cc0000; opacity: 0.8; }
  nav .sub-menu li { white-space: nowrap; float: none; line-height: 40px; border-bottom: 1px solid #333; }
  li.menu-item-has-children:hover > .sub-menu {  display: block; }

  nav ul.nav-social { float: right; margin: 0; padding: 0; }
  nav ul.nav-social li a { text-align: center; padding: 0 8px; }
  nav ul.nav-social li a i { font-size: 1.8rem!important; width: 35px!important; height: 35px!important; margin: 0!important; padding: 0!important; background: transparent; }
  nav ul.nav-social li a i.fa.fa-whatsapp { color: #4df2a9; }
  nav ul.nav-social li.nav-divider { padding-right: 20px; margin-left: 20px!important; color: #555; }

  .dropdown-button .material-icons { height: 145px; line-height: 145px; font-size: 45px; margin-right: 20px; }
  .dropdown-button .material-icons:hover { color: #cc0000; }
  #dropdown1 { top: 55px!important; }
  .dropdown-content li > a { background-color: #000; color: #fff; z-index: 1; border-left: 4px solid #cc0000; }
  .dropdown-content li  { white-space: nowrap; line-height: 40px; border-bottom: 1px solid #333; }

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

  .padd50 { padding: 50px 0; }

  .titulo-paginas {
    position: relative;
    width: 100%;
    overflow: hidden;
    background-color: #000;
    padding: 200px 0 50px;
    margin-top: 0;
  }

  .titulo-paginas::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.45),
      rgba(0, 0, 0, 0.75)
    );
    z-index: 1;
    pointer-events: none;
  }

  .titulo-paginas .container,
  .titulo-paginas .row,
  .titulo-paginas h1,
  .titulo-paginas .linha,
  .titulo-paginas .titulo-descricao,
  .titulo-paginas a.subtitulo {
    position: relative;
    z-index: 2;
  }

  .titulo-paginas h1,
  .titulo-paginas h1.titulo-blog {
    color: #fff;
    text-align: center;
    font-weight: 700;
  }

  .titulo-paginas a.subtitulo {
    font-family: Montserrat, sans-serif;
    background: #cc0000;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    margin: 0 auto;
    padding: 10px 20px;
    display: inline-block;
    line-height: inherit;
  }

  .titulo-paginas a {
    text-transform: uppercase;
    line-height: 50px;
  }

  .titulo-descricao {
    color: #fff;
  }

  .titulo-paginas .linha {
    width: 100%;
  }

  .titulo-paginas .linha div {
    margin: 0 auto;
    width: 20%;
    background: #cc0000;
    height: 8px;
  }


  .video-bg-internas     { position: fixed; left: 0; top: 0; min-width: 1600px!important; height: auto!important; z-index: -1000; background: #000; opacity: 0.6; }

  .wp_pagination  { float: left; width: 100%; margin-top: 75px!important; margin-bottom: 75px; text-align: center; }
  .wp_pagination .page-numbers { padding: 5px 10px; text-transform: uppercase; border: 1px solid #cc0000; border-radius: 0; }
  .wp_pagination .page-numbers.current { border: 1px solid #cc0000; background: #cc0000; color: #fff; }

  .player-single { border-top: 1px dotted #fff; border-bottom: 1px dotted #fff; padding: 10px 15px; margin-bottom: 50px; }
  .player-single .mejs-controls .mejs-time-rail .mejs-time-current { background: #cc0000!important; color: #ffcc00; }
  .player-single .mejs-container, .mejs-embed, .mejs-embed body, .mejs-container .mejs-controls { background: transparent!important; }

/* HOME */

    video.home-slider { float: left; margin-top: -165px!important; }
    video.responsive-video { width: 100%; }

  .home-slide-imagem { display: none; }

  .slider.slider-estudios .slides { background: #000!important; }
  .slider.slider-estudios .slides li img { opacity: 0.7!important; }

  .servicos { float: left; width: 100%; padding: 75px 0; background: #f5f5f5; }
  .servicos h2 { margin: 0; font-weight: 500; color: #202528; text-align: center; }
  .servicos h3 { margin: 10px 0; font-weight: 500; }
  .servicos a       { color: #202528; }
  .servicos a:hover { color: #cc0000; }
  .servicos .material-icons { font-size: 5rem; margin-bottom: 5px; }

  .depoimentos-home { float: left; width: 100%; padding: 75px 0; background: #eaeaea!important; text-align: center; }
  .depoimentos-home h2 { width: 100%; background: url("image/retranca-branco.png") bottom center no-repeat; padding-bottom: 50px; text-transform: uppercase; }
  .depoimentos-home .slider { height: 420px!important; }
  .depoimentos-home .slider ul li { margin-left: 0; padding-left: 0; }
  .depoimentos-home .slider .slides { background: transparent; }
  .depoimentos-home ul.indicators .indicator-item.active { background-color: #fff; }
  .depoimentos-home ul.indicators .indicator-item { margin: 0 3px; width: 10px; height: 10px; background: transparent; border: 2px solid #fff; border-radius: 50% 50%; }


  .oquetemosfeito { float: left; width: 100%; padding: 75px 0; background: #eaeaea!important; text-align: center; }
  .oquetemosfeito h2 { width: 100%; background: url("image/retranca-branco.png") bottom center no-repeat; padding-bottom: 50px; text-transform: uppercase; }
  .oquetemosfeito .box {
    margin-bottom: 30px;
  }

  .oquetemosfeito .posts.blog {
    width: 100%;
  }

  .oquetemosfeito .posts.blog a {
    display: block;
    text-decoration: none;
  }

  .oquetemosfeito .thumb-post {
    width: 100%;
    aspect-ratio: 4 / 3;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 0;
    margin-bottom: 15px;
  }

  .oquetemosfeito .thumb-post.sem-imagem {
    background: #e0e0e0;
  }

  .oquetemosfeito h3 {
    margin: 0;
  }

/* PORTFOLIO / TRABALHOS */
  .home-trabalhos { float: left; width: 100%; padding: 75px 0 0; background: #000; }
  .home-trabalhos .row { margin-bottom: 0; }
  .home-trabalhos .row h2 { width: 100%; color: #fff; text-align: center; background: url("image/retranca-preto.png") bottom center no-repeat; padding-bottom: 50px; text-transform: uppercase; }
  .home-trabalhos .row p { width: 100%; text-align: center; margin-bottom: 50px; }
  .home-trabalhos .row p a:hover { color: #fff; }

    /* Thumbnail Overlay Hover */
    .home-trabalhos .trabalhos-secao .secao { padding: 0; position: relative; }
    .home-trabalhos .trabalhos-secao .secao .image { display: block; width: 100%; height: auto; }
    .home-trabalhos .trabalhos-secao .secao .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; background-color: #000; }
    .home-trabalhos .trabalhos-secao .secao:hover .overlay { opacity: 0.9; }
    .home-trabalhos .trabalhos-secao .secao .text { color: white; font-size: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; }
    .home-trabalhos .trabalhos-secao .secao .text span.mais { float: left; width: 100%; height: 100px;  background: url("image/icon-mais.png") top center no-repeat; }
    /* Thumbnail Overlay Hover */


  .posts { background: #fff; padding-bottom: 25px; margin-bottom: 25px; }
  .posts a h3 { font-size: 24px; line-height: 32px; color: #202020; width: 88%; margin: 20px 6% 20px 6%; }
  .posts a:hover h3 { color: #fff; }
  .posts .infos { padding: 0 20px; text-transform: uppercase; }


  /* PAGINA - ESTUDIOS */
  .titulo-paginas.estudios { width: 100%; margin-bottom: 0; background: transparent; position: absolute; }
  .titulo-paginas.estudios .estudio-logo { margin-bottom: 25px; width: 400px; }

  .estudios-main { margin-top: 0; margin-bottom: 50px; }
  .estudios-main a:hover { opacity: 0.6; }
  .estudios-main .imagem { margin-bottom: 25px; line-height: 0; }
  .estudios-main .imagem img { margin: 0; }
  .estudios-main p {  color: #fff!important; }

  .estudios-main a { text-align: center; }
  .estudios-main a .estudio-imagem { float: left; width: 100%; height: 200px; margin-bottom: 25px;  }
  .estudios-main a h3 { color: #fff!important; font-size: 1.4rem!important; margin-bottom: 15px; }

    .estudio-tecnica { padding: 75px 0; background: #000 url("image/shadow-preto.png") bottom center no-repeat; min-height: 650px; }

    .estudio-tecnica h2 { width: 100%; color: #fff; background: url("image/retranca-preto.png") bottom center no-repeat; padding-bottom: 50px; text-transform: uppercase; }
    .estudio-tecnica h3 { color: #fff; }
    .estudio-tecnica .mic h4, .estudio-tecnica .ins h4, .estudio-tecnica .equ h4, .estudio-tecnica .tec h4 {
      color: #cc0000; font-size: 15px; text-transform: uppercase; letter-spacing: 0.5em;
    }
    .estudio-tecnica .mic h5, .estudio-tecnica .ins h5, .estudio-tecnica .equ h5, .estudio-tecnica .tec h5 {
      color: #fff; font-size: 30px; text-transform: uppercase;
    }

    .estudio-tecnica .mic { background: #000 center center no-repeat; background-size: cover; padding: 130px 20px; }
    .estudio-tecnica .mic .mic-header { background: #000 url("image/estudio-box-mic.jpg") center center no-repeat; background-size: cover; padding: 50px 0; }
    .estudio-tecnica .ins { background: #000 center center no-repeat; background-size: cover; padding: 130px 20px; }
    .estudio-tecnica .ins .mic-header { background: #000 url("image/estudio-box-ins.jpg") center center no-repeat; background-size: cover; padding: 50px 0; }
    .estudio-tecnica .equ { background: #000 center center no-repeat; background-size: cover; padding: 130px 20px; }
    .estudio-tecnica .equ .mic-header { background: #000 url("image/estudio-box-equ.jpg") center center no-repeat; background-size: cover; padding: 50px 0; }
    .estudio-tecnica .tec { background: #000 center center no-repeat; background-size: cover; padding: 130px 20px; }
    .estudio-tecnica .tec .mic-header { background: #000 url("image/estudio-box-tec.jpg") center center no-repeat; background-size: cover; padding: 50px 0; }

    .estudio-tecnica .material-icons { height: 30px; line-height: 30px; font-size: 30px; margin: 0 5px; color: #fff; }
    .estudio-tecnica .material-icons:hover { color: #cc0000; transition: .5s ease; }

    .estudio-tecnica .row a.carregar       { background: #cc0000; color: #fff; text-transform: uppercase; font-size: 16px; font-weight: 500; border-bottom: 3px solid #990000; padding: 10px 20px; }
    .estudio-tecnica .row a:hover.carregar { background: #fff; color: #000; border-bottom: 4px solid #ccc; transition: .3s ease; cursor: pointer; }

    .estudio-tecnica .lista ul li { text-align: left; font-size: 18px; border-bottom: 1px solid #dddddd; text-align: left; padding: 5px 25px; margin-bottom:  5px; list-style: none!important;  }


  .estudio-galeria { padding: 75px 0; background: #eaeaea!important; }
  .estudio-galeria h2 { width: 100%; background: url("image/retranca-branco.png") bottom center no-repeat; padding-bottom: 50px; text-transform: uppercase; }

  .estudio-engenheiros { padding: 75px 0; }
  .estudio-engenheiros h2 { width: 100%; background: url("image/retranca-branco.png") bottom center no-repeat; padding-bottom: 50px; text-transform: uppercase; }

  .estudio-videos { padding: 75px 0; }
  .estudio-videos h2 { width: 100%; background: url("image/retranca-branco.png") bottom center no-repeat; padding-bottom: 50px; text-transform: uppercase; }

  .estudio-trabalhos { background: #990000; }
  .estudio-trabalhos h2 { width: 100%; color: #fff; text-transform: uppercase; }
  .estudio-trabalhos p { color: #cf5a5a; margin: 0; margin-bottom: 50px; }



  /* PAGINA - SERVIÇOS */
  .servicos-interna .icon-block       { border: 2px solid #fff; border-radius: 15px; padding: 50px 25px 25px; margin-bottom: 44px; margin-left: 10px; margin-right: 10px; transition: 0.3s; }
  .servicos-interna .icon-block:hover { border: 2px solid #cc0000; background: #cc0000; transition: 0.3s; }
  .servicos-interna .material-icons { font-size: 80px; margin-bottom: 15px; color: #fff; }
  .servicos-interna h3 { color: #fff; font-size: 17px; height: 50px; }

      .section.servicos-main { padding-top: 0!important; }
      .servicos-main .descricao { padding: 50px 50px 0 0; }
      .servicos-main .vamos-conversar { background: #cc0000; height: auto; text-align: center; padding: 50px 20px; }
      .servicos-main .vamos-conversar h4 { color: #fff; text-transform: uppercase; }
      .servicos-main .material-icons { color: #fff; display: block; font-size: 60px; margin: 25px 0; }
      .servicos-main .material-icons:hover { opacity: 0.5; transition: .5s ease; }

       .row.apple .desktop { display: block; padding: 50px 0; }
       .row.apple .mobile { display: none; padding: 50px 0; }

     .section.servicos-playlists { padding: 75px 0; background: #050505; }
     .section.servicos-playlists h2 { width: 100%; color: #fff; font-weight: 700; text-align: center; background: url("image/retranca-preto.png") bottom center no-repeat; padding-bottom: 50px; text-transform: uppercase;  }
     .section.servicos-playlists .right  { padding: 0 30px; }
     .section.servicos-playlists .left { padding: 0 30px; text-align: center; color: #fff; }
     .section.servicos-playlists .left h3 { color: #fff; font-weight: 700; margin-bottom: 10px; }
     .section.servicos-playlists .left h4 { color: #fff; font-weight: 500; margin: 5px 0; }
     .section.servicos-playlists .left p { color: #888; font-weight: 400; margin: 5px 0 25px; }
     .section.servicos-playlists .left ul { margin: 0; padding: 0; }
     .section.servicos-playlists .left ul li { display: inline-block; margin: 0; padding: 0; list-style: none!important; }
     .section.servicos-playlists .left ul li a i { font-size: 50px; color: #fff; margin: 0 15px; transition: 0.3s; }
     .section.servicos-playlists .left ul li a i:hover { color: #cc0000;  }



      .section.servicos-galeria { padding: 75px 0!important; background: #e8e8e8; }
      .section.servicos-galeria h2 { width: 100%; background: url("image/retranca-branco.png") bottom center no-repeat; padding-bottom: 50px; text-transform: uppercase; }

    .servonline-descricao { padding: 50px 0; }

    .servonline-tabelas .col.equi1 { background: #000 url("image/servicos-online-emt-reverb.jpg") center center no-repeat; background-size: cover; padding: 100px 20px; }
    .servonline-tabelas .col.equi2 { background: #000 url("image/servicos-online-studer.jpg") center center no-repeat; background-size: cover; padding: 100px 20px; }
    .servonline-tabelas .col.equi3 { background: #000 url("image/servicos-online-never.jpg") center center no-repeat; background-size: cover; padding: 100px 20px; }

    .servonline-tabelas .col.turbo { margin-bottom: 15px; text-align: center; }
    .servonline-tabelas .col.turbo h3 { color: #fff; font-size: 12px; font-weight: 500; margin: 0; margin-top: 5px; }
    .servonline-tabelas .col.turbo h4 { color: #ffc000; font-size: 12px; font-weight: 500; height: 30px; margin: 0; }

    .modal { background-color: #fff!important;  }

    .servonline-tabelas { padding: 50px 0 75px; background: #990000; min-height: 200px; }
    .servonline-tabelas h2 { width: 100%; color: #fff; background: url("image/retranca-vermelho.png") bottom center no-repeat; padding-bottom: 50px; text-transform: uppercase; text-align: center; }
    .servonline-tabelas h3 { width: 100%; color: #fff; }

    .servonline-tabelas .col { margin-bottom: 0; text-align: center; }
    .servonline-tabelas .col h3 { color: #fff; font-size: 12px; font-weight: 500; margin-top: 0; }
    .servonline-tabelas .col .material-icons { display: block; font-size: 30px; color: #fff; }
    .servonline-tabelas .col .material-icons:hover { color: #cc0000; transition: .3s ease;  }

    .servonline-tabelas .modal-content { text-align: left; }
    .servonline-tabelas .modal-content img { width: 100%; height: auto; }
    .servonline-tabelas .divider { margin: 25px 0; }
    .servonline-tabelas .modal-content h4 { font-size: 30px; font-weight: 700; }

    .imageequipo { text-align: center; }
    .imageequipo img { width: 70%!important; height: auto; }

    .servonline-playlist { background:#101010; padding: 60px 0 50px; }
    .servonline-playlist h3 { color: #fff; text-align: center; }
    .servonline-playlist .col h4 { font-size: 30px; margin: 0; padding: 15px; color: #ffcc00; background: url("../../uploads/2017/06/topo-mix.jpg") center center; background-size: cover; border-radius: 6px 6px 0 0;}
      /* PLAYLISTS */
      .wp-playlist { border: 0!important; border-radius: 0 0 6px 6px; margin-top: 0!important; }
      .wp-playlist-light { background: #101010!important; color: #fff!important; }
      .wp-playlist-current-item { display: none; }
      .wp-playlist-light .wp-playlist-caption { color: #fff!important; padding: 8px; }
      .wp-playlist-item-length { padding: 8px; }
      .wp-playlist-light .wp-playlist-playing { background: #303030!important; color: #fff!important; font-weight: 400!important; }
      .mejs-controls .mejs-time-rail .mejs-time-current { background: #ffcc00!important; color: #ffcc00; }
      .wp-playlist-item { border-bottom: 1px solid #303030!important; }


    /* TABELA DE PREÇO MIX ONLINE */
    ul.mixtabela { text-align: center; margin-bottom: 50px; }
    ul.mixtabela li { width: 17%; background: #fff; display: inline-block; margin: 0 1%; padding: 25px 0 20px; text-align: center; border-radius: 6px; }
    ul.mixtabela li h4, ul.mixtabela li h5 { margin: 0; padding: 0; }
    ul.mixtabela li h4 { font-size: 15px; color: #909090; }
    ul.mixtabela li h5 { font-size: 30px; color: #101010; font-weight: 700; width: 90%; margin: 10px auto 0; padding-top: 10px; border-top: 1px solid #eaeaea; }

    .preco-master { text-align: center; background: #fff; padding: 20px 25px; font-family: "Montserrat", sans-serif; font-weight: bold; font-size: 30px; margin: 0 auto; color: #000; border-radius: 6px; }

    .clickturborow { margin-bottom: 75px; }

    .section.prazo { background: #202020; text-align: center; color: #ffc000; padding: 25px 20px; border-top: 5px solid #000; }
    .section.prazo h3 { color: #ffc000; margin: 0;  }


    a.mixonline       { position: fixed; bottom: 0; left: 0; width: 100%; background: #ffc000; color: #000; text-transform: uppercase; font-size: 25px; font-weight: 700; padding: 15px 35px; border-radius: 0; }
    a:hover.mixonline { background: #fff; color: #000; transition: .3s ease; cursor: pointer; }


  /* PAGINA - EQUIPE */

  .equipe { padding: 75px 0; text-align: center; }
  .equipe .equipe-main h3 { color: #cc0000; font-size: 18px; font-weight: 500; margin: 0; margin-top: 10px; }
  .equipe .equipe-main h5 { color: #999; margin: 0; font-size: 13px; }

    .titulo-paginas.equipe-topo { padding: 300px 0 100px; margin-top: -150px; margin-bottom: 50px; }
    .titulo-paginas.equipe-topo .titulo-descricao { color: #999!important; }
    .titulo-paginas.equipe-topo-mobile { display: none; }
    .equipe-main { margin-bottom: 50px; }
    .topo-main img { margin-bottom: 25px; line-height: 0; max-width: 260px; border-radius: 260px; border: 6px solid #fff; }
    .equipe-release { font-size: 18px; padding-bottom: 50px; }


  /* PAGINA - PORTFOLIO / TRABALHOS */
  .trabalhos { float: left; width: 100%; padding: 0; background: #000; }
  .trabalhos .row { margin: 0; }

    /* Thumbnail Overlay Hover */
    .trabalhos .trabalhos-secao .secao { padding: 0; position: relative; }
    .trabalhos .trabalhos-secao .secao .image { display: block; width: 100%; height: auto; }
    .trabalhos .trabalhos-secao .secao .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; background-color: #000; }
    .trabalhos .trabalhos-secao .secao:hover .overlay { opacity: 0.9; }
    .trabalhos .trabalhos-secao .secao .text { color: white; font-size: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; }
    .trabalhos .trabalhos-secao .secao .text span.mais { float: left; width: 100%; height: 100px;  background: url("image/icon-mais.png") top center no-repeat; }
    /* Thumbnail Overlay Hover */

    .portfolio-single { padding: 75px 0; }
    .portfolio-single .cover { line-height: 0; margin-bottom: 25px; }

    .portfolio-filtros { width: 100%; padding: 25px 0; text-align: center; }
    .portfolio-filtros ul { margin: 0; padding: 0; }
    .portfolio-filtros ul li { display: inline-block; list-style: none!important; margin: 0!important; padding: 0; height: 36px; line-height: 36px; }
    .portfolio-filtros ul li a { background: #151515; font-size: 12px; color: #fff; padding: 10px 14px; border-bottom: 1px solid #000;opacity: 0.9; }
    .portfolio-filtros ul li a:hover { background: #cc0000; color: #fff; }


  /* PAGINA - DEPOIMENTOS */
  .depoimentos { text-align: center; padding: 75px 200px; font-size: 18px; }
  .depoimentos img { line-height: 0; max-width: 200px; max-height: 200px; border-radius: 50% 50%; }
  .depoimentos h3 { font-weight: 500; margin: 0; margin-bottom: 10px; }


  /* PAGINA - BLOG */
  .blog-single { padding: 50px 0; }
  .blog-single .blog:hover { background: #cc0000; transition: .5s ease;  }
  .blog-single .blog a:hover h2 { color: #fff!important; transition: .5s ease; }
  .blog-single img { width: 100%; height: auto; }



    #sidenav-overlay { display: none!important; }

    ul#sidebar { margin: 0; padding-top: 0; }
    ul#sidebar li { list-style: none!important;}
    ul#sidebar h2 { font-size: 20px; font-weight: 500; margin: 0; margin-bottom: 25px; color: #cc0000; }
    ul#sidebar ul { margin-bottom: 75px; list-style: none!important; margin-left: 0; padding-left: 0; }
    ul#sidebar ul li { border-bottom: 1px solid #f1f1f1; line-height: 20px; padding-bottom: 10px; margin-bottom: 10px; padding-left: 0; border-bottom: 1px solid #dddddd; list-style: none!important;  }
    ul#sidebar ul li a { color: #333; }


  /* PAGINA - CONTATO */
  .section.mapa { padding-bottom: 0!important; }


  /* PAGINA - TERMOS DE USO */
  ul.lista-termos  { width: 100%; margin: 0; padding: 0; text-align: center; }
  ul.lista-termos li { width: 23%; margin: 0.5%; padding: 3% 2%; border: 2px solid #dadada; border-radius: 15px; list-style: none!important; font-weight: 700; text-transform: uppercase; display: inline-block; line-height: 17px!important; }


/* PAGINAÇÃO */
  .paginacao .wp_pagination  { float: left; width: 100%; margin-top: 50px!important; margin-bottom: 75px; text-align: center; }
  .paginacao .wp_pagination .page-numbers { padding: 9px 15px 11px; margin: 0; background: #202020; border: 2px solid #202020; color: #999; font-weight: 700; }
  .paginacao .wp_pagination .page-numbers.current { border: 2px solid #cc0000; background: #cc0000; color: #fff; }

  #gallery-1 img { border: 0!important; }
  #gallery-1 a:hover {opacity: 0.5; transition: .5s ease; }


/* FOOTER */

  footer.page-footer { background-color: transparent!important; padding: 0 0 75px; margin-top: 0; }
  footer.page-footer .footer-newsletter { float: left; width: 100%; padding: 75px 0; background: #cc0000 url("image/home-newsletter-back.jpg") center center no-repeat; background-size: cover;}
  footer.page-footer .footer-newsletter h3 { color: #fff; text-align: center; }

    footer.page-footer .footer-newsletter .mailchimpform { text-align: center; }
    footer.page-footer .footer-newsletter .mailchimpform input[type=email] { background: transparent; font-size: 1.5rem; padding: 0 20px; color: #fff; border-top-left-radius: 25px; border-bottom-left-radius: 25px; width: 300px!important; }
    footer.page-footer .footer-newsletter .mailchimpform input[type=submit] { background: #fff; font-size: 1.5rem; padding: 0; line-height:49px; border: 0; border-top-right-radius: 25px; border-bottom-right-radius: 25px; width: 80px!important; }

    /* Newsletter / Menu */
    footer.page-footer .footer-newsletter ul    { text-align: center; }
    footer.page-footer .footer-newsletter ul li { display: inline; margin: 0; padding: 0 10px!important; }
    footer.page-footer .footer-newsletter ul li a { color: #ff9999; }
    footer.page-footer .footer-newsletter ul li a:hover { color: #fff; }
    /* Newsletter / Menu */

  footer.page-footer .footer-copyright { float: left; width: 100%; padding: 75px 0 100px; font-size: 13px; color: #8a8a8c; height: 100%; line-height: normal; background-color: #f5f5f5; }
  footer.page-footer .footer-copyright a { color: #cc0000!important; }

  footer.page-footer .esq1 ul li {margin: 0; padding: 0; }
  footer.page-footer .esq2 { padding-top: 3px; text-align: center; }
  footer.page-footer .dir1 { padding-top: 12px; text-align: right; }
  footer.page-footer .dir2 { padding-top: 0; text-align: right; line-height: 50px; }

  ul.socialicons { margin: 0; height: 35px; }
  ul.socialicons li { width: 35px; height: 35px; display: inline-block; }
  ul.socialicons li a.facebook   { display: block; width: 35px; height: 35px; background: url("image/footer-social.png") no-repeat; }
  ul.socialicons li a.youtube    { display: block; width: 35px; height: 35px; background: url("image/footer-social.png") no-repeat -40px 0; }
  ul.socialicons li a.soundcloud { display: block; width: 35px; height: 35px; background: url("image/footer-social.png") no-repeat -80px 0; }
  ul.socialicons li a.spotify    { display: block; width: 35px; height: 35px; background: url("image/footer-social.png") no-repeat -120px 0; }
  ul.socialicons li a.instagram  { display: block; width: 35px; height: 35px; background: url("image/footer-social.png") no-repeat -160px 0; }
  ul.socialicons li a:hover {opacity: 0.5; transition: .5s ease; }


/* DIVERSOS */

  .z-depth-1, nav, .card-panel, .card, .toast, .btn, .btn-large, .btn-floating, .dropdown-content, .collapsible, .side-nav { box-shadow: none; }

  input:not([type]), input[type=text], input[type=password],
  input[type=email], input[type=url], input[type=time],
  input[type=date], input[type=datetime], input[type=datetime-local],
  input[type=tel], input[type=number], input[type=search], textarea {
    background-color: #eaeaea;
    border: none;
    border: 2px solid #ffffff;
    border-right: 0;
    border-radius: 0;
    padding: 0.5% 3%;
    width: 94%!important;
    outline: none;
    font-size: 1rem;
    box-shadow: none;
    box-sizing: content-box;
    transition: all 0.3s;
    font-family: Montserrat;
  }
  textarea {
    padding: 1% 3%;
    width: 94%!important;
    height: 100px!important;
  }

	.wpcf7-form h4 { margin: 0; }
	.wpcf7-submit { float: right; }

  .btn, .btn-large, .wpcf7-submit { background: #cc0000; color: #fff; text-transform: uppercase; font-size: 16px; font-weight: 500; border: 0; border-bottom: 3px solid #990000; padding: 10px 20px; }
  .btn:hover, .btn-large:hover, .wpcf7-submit:hover { background: #1d293b; border-bottom: 3px solid #000; transition: 0.3s; }


/* Responsivo */
@media only screen and (max-width: 1280px) {

  nav ul a { font-size: 0.9em; font-weight: 400!important; letter-spacing: 0; transition: .5s; padding: 0 15px; }

  nav ul.nav-social li a { text-align: center; padding: 0 5px; }
  nav ul.nav-social li a i { font-size: 1.5rem!important; width: 30px!important; height: 30px!important; margin: 0!important; padding: 0!important; background: transparent; }
  nav ul.nav-social li.nav-divider { padding-right: 15px; margin-left: 15px!important; color: #555; }

  .servicos-interna .icon-block       { border: 2px solid #fff; border-radius: 15px; padding: 30px 15px; margin-bottom: 25px; margin-left: 5px; margin-right: 5px; }
  .servicos-interna .material-icons { font-size: 60px; margin-bottom: 10px;}

  .estudios-main a .estudio-imagem { float: left; width: 100%; height: 150px; margin-bottom: 25px;  }
  .estudios-main .col { margin-bottom: 50px; }

  .container { width: 80%!important;  }

}

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

  .depoimentos { text-align: center; padding: 75px 100px; font-size: 18px; }

}


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

  nav .brand-logo { left: 85px; padding-top: 25px; margin-right: 25px; padding-right: 25px; z-index: 1; }
  nav .button-collapse { margin: 0; margin-right: 10px; float: right; }
  nav i, nav [class^="mdi-"], nav [class*="mdi-"], nav i.material-icons { font-size: 38px;  }
  nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i { height: 145px; line-height: 145px; }
  nav .nav-wrapper { padding: 0 25px; }

  nav ul a { padding: 0 10px; }


  /* SIDE MOBILE MENU */
  .side-nav { width: 300px; background: #050505; padding-top: 100px; z-index: 0; }
  .side-nav a { background: #050505; color: #fff; font-weight: 600; font-size: 15px; margin: 1px 0; height: 40px; line-height: 40px; border-bottom: 1px solid #151515; padding: 0 20px; }
  .side-nav a:hover { color: #fff; background: #bc171d; border-radius: 0; }
  .side-nav ul li { line-height: 26px; }
  .side-nav ul li ul.sub-menu { position: relative; display: inline-table; margin: 0!important; margin-bottom: 10px; }
  .side-nav ul li ul.sub-menu li { padding-left: 10px;  }

  #menu-menu-mobile { margin: 0; }


  nav ul.nav-social li a { text-align: center; padding: 0 5px; }
  nav ul.nav-social li a i { font-size: 1.7rem!important; width: 30px!important; height: 30px!important; margin: 0!important; padding: 0!important; background: transparent; }
  nav ul.nav-social li.nav-divider { padding-right: 10px; margin-left: 10px!important; color: #555; }

  .container { width: 85%!important;  }

  ul.mixtabela li { width: 17%; background: #fff; display: inline-block; margin: 0 1%; padding: 20px 0 15px; text-align: center; }
  ul.mixtabela li h4 { font-size: 12px; }
  ul.mixtabela li h5 { font-size: 22px; width: 95%; }

  ul.lista-termos li { width: 47%; }

  .depoimentos { text-align: center; padding: 50px 25px;  font-size: 12px; }

  .estudios-main a .estudio-imagem { float: left; width: 100%; height: 300px;  }

  .section.servicos-playlists { padding: 50px 0; }
  .section.servicos-playlists h2 { width: 100%; color: #fff; font-weight: 700; text-align: center; background: url("image/retranca-preto.png") bottom center no-repeat; padding-bottom: 50px; text-transform: uppercase;  }
  .section.servicos-playlists .right  { padding: 0 20px; }
  .section.servicos-playlists .left { padding: 0 20px; text-align: center; color: #fff; }
  .section.servicos-playlists .left h3 { color: #fff; font-weight: 700; margin-bottom: 10px; }
  .section.servicos-playlists .left h4 { color: #fff; font-weight: 500; margin: 5px 0; }
  .section.servicos-playlists .left p { color: #888; font-weight: 400; margin: 5px 0 25px; }
  .section.servicos-playlists .left ul { margin: 0 0 50px; padding: 0; }
  .section.servicos-playlists .left ul li { display: inline-block; margin: 0; padding: 0; list-style: none!important; }
  .section.servicos-playlists .left ul li a i { font-size: 40px; color: #fff; margin: 0 15px; transition: 0.3s; }
  .section.servicos-playlists .left ul li a i:hover { color: #cc0000;  }



  ul#sidebar { margin: 0; padding-top: 50px; }
  ul#sidebar h2 { font-size: 20px; font-weight: 500; margin: 0; margin-bottom: 25px; color: #cc0000; }
  ul#sidebar ul { margin-bottom: 50px; list-style: none!important; margin-left: 0; padding-left: 0; }
  ul#sidebar li { margin-left: 0!important; }
  ul#sidebar ul li { border-bottom: 1px solid #f1f1f1; line-height: 20px; padding-bottom: 10px; margin-left: 0!important; margin-bottom: 10px; padding-left: 0; border-bottom: 1px solid #dddddd; list-style: none!important;  }
  ul#sidebar ul li a { color: #333; }


  footer.page-footer .footer-copyright { padding: 50px 0 0; }

  footer.page-footer { font-size: 15px; line-height: 18px!important; padding: 0;}
  footer.page-footer .esq1 ul { margin: 0 auto; text-align: center; margin-bottom: 15px; }
  footer.page-footer .esq2 { text-align: center; margin-bottom: 15px; }
  footer.page-footer .dir1 { text-align: center; margin-bottom: 15px; }
  footer.page-footer .dir2 { text-align: center; margin-bottom: 15px; }

}

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

  body { font-size: 1rem; }

  /* HEADER / MENU */
    .tarja a { display: block; background: #9929d9; color: #fff; padding: 12px 20px; font-family: "Montserrat", sans-serif; font-size: 0.85rem; font-weight: 500; line-height: 1.2rem; letter-spacing: normal; }
    .tarja a:hover { display: block; background: #60198c; color: #fff; }
    .tarja a span { background: transparent; color: #fff; border-radius: 0; padding: 0; }

  nav { height: 80px!important; line-height: 80px!important; position: relative; }
  nav .nav-wrapper { padding: 0 20px; z-index: 3!important; }

  nav .brand-logo { left: 50px; padding-top: 15px; margin-right: 15px; padding-right: 15px; }
  nav .brand-logo img { max-width: 80px; margin-top: 0; }
  a#logo-container { height: 80px; }

  nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i { height: 85px; line-height: 85px; }
  nav .nav-wrapper { padding: 0 15px; }

  nav i, nav [class^="mdi-"], nav [class*="mdi-"], nav i.material-icons { font-size: 40px;  }

  nav ul.nav-social { display: none; }


  .divider { margin: 25px 0;}

  video.home-slider { display: none!important; }


  .home-slide-imagem { display: block; margin: 0; margin-top: -120px; padding: 0; background: #050505; z-index: -1; }
  .home-slide-imagem .slider { height: 550px!important; background: #050505; }
  .home-slide-imagem .slider ul.slides { height: 550px!important; background: #050505; }
  .home-slide-imagem .slider .slides li { margin: 0; padding: 0; }
  .home-slide-imagem .slider .slides li img { opacity: 0.6; }
  .home-slide-imagem .slider .slides li .caption { top: 52%; left: 10%; width: 80%; text-align: center; }
  .home-slide-imagem .slider .slides li .caption h1 { font-size: 2.4rem; line-height: 2.8rem; color: #fff; margin: 0; margin-bottom: 1px; }
  .home-slide-imagem .slider .slides li .caption h2 { font-size: 1.3rem; line-height: 1.8rem; letter-spacing: 0; color: #fff; font-weight: 300;margin: 0; margin-bottom: 10px; }
  .home-slide-imagem .slider .slides li .caption .btn { text-align: center; padding: 0 15px; font-family: "Montserrat", sans-serif; font-size: 0.8rem; }
  .home-slide-imagem .slider .indicators { z-index: 2; bottom: 40px; left: 0; text-align: center; }
  .home-slide-imagem .slider .indicators .indicator-item { margin: 0 3px; width: 10px; height: 10px; background: transparent; border: 2px solid #fff; border-radius: 50% 50%; }
  .home-slide-imagem .slider .indicators .indicator-item.active { background-color: #fff; }


  .slider.slider-estudios { height: 600px!important; }

  .padd50 { padding: 25px 0; }

  .equipe-main { margin-top: -70px; margin-bottom: 25px; }
  .equipe-main img { margin-bottom: 10px; max-width: 200px; border-radius: 200px; border: 4px solid #fff; }
  .equipe-release { font-size: 14px; padding-bottom: 25px; }

  .estudios-main a .estudio-imagem { float: left; width: 100%; height: 125px; margin-bottom: 15px;  }
  .estudios-main h3 { margin-bottom: 15px ;}

  .blog-single { padding: 25px 0; }
  .trabalhos { padding: 25px 0 0; }

    .portfolio-filtros { width: 100%; margin: 0!important; padding: 10px 0; text-align: center; }
    .portfolio-filtros ul li { display: inline-block; list-style: none!important; margin: 0!important; padding: 0; height: 33px; line-height: 33px; }
    .portfolio-filtros ul li a { background: #151515; font-size: 10px; color: #fff; padding: 8px 9px; border-bottom: 1px solid #000;opacity: 0.9; }


  a.carregar  { font-size: 12px!important; display: block; }
  a.preco-master  { font-size: 18px!important; display: block; }

  ul.mixtabela li { width: 98%; background: #fff; display: inline-block; margin: 0 1% 1%; padding: 20px 0 15px; text-align: center; }
  ul.mixtabela li h4 { font-size: 16px; }
  ul.mixtabela li h5 { font-size: 32px; width: 90%; }

  .servicos-interna h3 { color: #fff; font-size: 15px; height: 18px; }

  .servonline-descricao { padding: 15px 0 25px; }

  .servonline-tabelas { padding: 25px 0 25px; }
  .servonline-playlist .col h4 { font-size: 20px; margin: 0; padding: 10px; text-align: center!important;}



  /* TABELA DE PREÇO MIX ONLINE */
  ul.mixtabela { text-align: center; margin-bottom: 25px; }
  ul.mixtabela li { width: 98%; background: #fff; display: inline-block; margin: 0 1% 3%; padding: 20px 0 15px; text-align: center; }
  ul.mixtabela li h4 { font-size: 14px; letter-spacing: normal; }
  ul.mixtabela li h5 { font-size: 28px; width: 90%; letter-spacing: -0.05rem; }

  a.mixonline       { font-size: 15px; padding: 15px 20px; border-radius: 0; }
  a:hover.mixonline { background: #fff; color: #000; transition: .3s ease; cursor: pointer; }


  .servicos-main .descricao { padding: 25px 0; }

  .row.apple .desktop { display: none!important; }
  .row.apple .mobile { display: block; padding: 25px 0; }

  footer.page-footer .footer-copyright { font-size: 10px; }

  .section.servicos-galeria { padding: 25px 0!important; }

  footer.page-footer .footer-newsletter { float: left; width: 100%; padding: 25px 0; }
  footer.page-footer .footer-newsletter .mailchimpform input[type=email] { background: transparent; font-size: 12px; padding: 0 10px; color: #fff; border-top-left-radius: 25px; border-bottom-left-radius: 25px; width: 75%!important; }
  footer.page-footer .footer-newsletter .mailchimpform input[type=submit] { background: #fff; font-size: 12px; padding: 0; line-height: 49px; border: 0; border-top-right-radius: 25px; border-bottom-right-radius: 25px; width: 15%!important; }
  footer.page-footer .footer-newsletter ul    { display: none; }



}