/* ==========================================================================
    Resets
    ========================================================================== */
/**
 * Author: Alairton Dendena
 * Eric Meyer's Reset CSS v2.0 (http: //meyerweb.com/eric/tools/css/reset/)
 * http: //cssreset.com
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

html {
  *overflow-x: hidden; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

a {
  color: #444444; }

a,
button,
.transition {
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

*:focus,
*:hover,
*:active,
.btn:focus,
.btn:hover,
.btn:active,
a:focus,
a:hover,
a:active {
  outline: none; }

ul {
  list-style: none;
  margin: 0;
  padding: 0; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  line-height: 135%; }

button {
  border: 0; }

p {
  line-height: 150%; }

.close {
  opacity: 1; }

section {
  float: left;
  width: 100%; }

.table-responsive {
  border: none; }

/* ==========================================================================
    Fonts
    ========================================================================== */
@font-face {
  font-family: 'Mosk600';
  src: url("../fonts/MoskSemiBold600.eot");
  src: url("../fonts/MoskSemiBold600.eot") format("embedded-opentype"), url("../fonts/MoskSemiBold600.woff2") format("woff2"), url("../fonts/MoskSemiBold600.woff") format("woff"), url("../fonts/MoskSemiBold600.ttf") format("truetype"), url("../fonts/MoskSemiBold600.svg#MoskSemiBold600") format("svg"); }

@font-face {
  font-family: 'Mosk700';
  src: url("../fonts/MoskBold700.eot");
  src: url("../fonts/MoskBold700.eot") format("embedded-opentype"), url("../fonts/MoskBold700.woff2") format("woff2"), url("../fonts/MoskBold700.woff") format("woff"), url("../fonts/MoskBold700.ttf") format("truetype"), url("../fonts/MoskBold700.svg#MoskBold700") format("svg"); }

@font-face {
  font-family: 'Mosk300';
  src: url("../fonts/MoskLight300.eot");
  src: url("../fonts/MoskLight300.eot") format("embedded-opentype"), url("../fonts/MoskLight300.woff2") format("woff2"), url("../fonts/MoskLight300.woff") format("woff"), url("../fonts/MoskLight300.ttf") format("truetype"), url("../fonts/MoskLight300.svg#MoskLight300") format("svg"); }

/* ==========================================================================
    Utils
    ========================================================================== */
.in-block {
  display: inline-block; }

.d-block {
  display: block; }

.relative {
  position: relative; }

.absolute {
  position: absolute; }

.upper {
  text-transform: uppercase; }

.center {
  text-align: center; }

.nopadding {
  padding-left: 0;
  padding-right: 0; }

.fleft {
  float: left; }

.fright {
  float: right; }

.corner-all {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.m-light {
  font-weight: 700; }

.m-reg {
  font-family: 400; }

.icon {
  display: inline-block;
  vertical-align: middle; }

.icon-m {
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px; }

.input:focus {
  box-shadow: 0px 0px 7px 0px #0033A0; }

.input {
  width: 100%; }

.input.form-error {
  border: 1px solid #dc0033; }

.input-box.no-padding {
  padding: 0; }

div.form-error {
  background-color: #c51818;
  color: white;
  padding: 3px 6px;
  position: absolute;
  right: 15px;
  opacity: 0.9;
  top: 25px;
  display: block;
  font-size: 12px; }
  div.form-error:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    /*border-left: 5px solid transparent;*/
    /*border-right: 5px solid transparent;*/
    /*border-top: 5px solid #c51818;*/
    bottom: -5px;
    left: 50%;
    margin-left: -2.5px; }

.input-box {
  padding: 5px 0;
  position: relative; }
  .input-box .row {
    margin-left: -5px;
    margin-right: -5px; }
    .input-box .row > div {
      padding-left: 5px;
      padding-right: 5px; }

.textarea {
  height: 120px;
  padding: 10px;
  line-height: 18px; }

.row.no-gutters {
  margin-right: 0;
  margin-left: 0; }

.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0; }

/* ==========================================================================
    Mensagens
    ========================================================================== */
.alert {
  color: #fff;
  min-height: 44px;
  height: auto;
  border-radius: 0;
  font: 700 15px Arial,sans-serif;
  padding: 12px 12px 12px 60px;
  position: relative; }
  .alert.alert-success {
    background-color: #66B002;
    padding: 12px 44px 12px 30px; }
    .alert.alert-success:before {
      content: '';
      background: url(../img/alert-success.png) no-repeat;
      height: 22px;
      width: 26px;
      position: absolute;
      left: 16px;
      top: 10px; }
  .alert.alert-danger {
    background-color: #F05921; }
    .alert.alert-danger:before {
      content: '';
      background: url(../img/alert-danger.png) no-repeat;
      height: 22px;
      width: 26px;
      position: absolute;
      left: 16px;
      top: 10px; }

/* ==========================================================================
    Geral
    ========================================================================== */
body {
  background-color: #FFFFFF;
  background: url(../img/linhas.png) repeat;
  color: #34373E;
  font-family: 'Mosk300', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #888888;
  overflow-x: hidden !important; }

.section {
  max-width: 1920px;
  margin: 0 auto;
  position: relative;
  overflow-x: hidden; }

.title-section {
  font-size: 45px;
  text-transform: uppercase;
  color: #868686;
  font-family: 'Mosk300';
  letter-spacing: 4px; }

.subtitle-section {
  font-size: 20px;
  color: #868686;
  font-family: 'Mosk300';
  margin-bottom: 100px; }

.title-sm {
  font-size: 25px;
  font-family: 'Mosk300';
  text-transform: uppercase;
  margin-bottom: 40px;
  color: #868686; }

.btn-default {
  font-size: 17px;
  text-transform: uppercase;
  color: #878787;
  padding: 16px 100px;
  letter-spacing: 2px;
  text-decoration: none;
  border: solid 1px #878787;
  font-family: 'Mosk600'; }
  .btn-default:hover {
    border-color: #000000;
    background: #000000;
    color: #FFF;
    text-decoration: none; }

p {
  line-height: 25px; }

/* ==========================================================================
    Header
    ========================================================================== */
#header {
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100px;
  border-color: transparent;
  z-index: 9;
  margin-top: 35px;
  position: absolute;
  top: 0; }

#header .logo {
  float: left;
  margin: 15px 0; }

#page-home, #page-empresa {
  position: relative; }
  #page-home:before, #page-empresa:before {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 300px;
    background: rgba(0, 0, 0, 0.8);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.8)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
    z-index: 1; }

#header nav ul.nav-main > li {
  margin-left: -4px;
  padding: 35px 20px 39px; }

#header nav ul.nav-main li a {
  font-size: 15px;
  text-transform: uppercase;
  color: #FFF;
  border-radius: 0;
  font-family: 'Mosk600';
  letter-spacing: 2px;
  border-bottom: solid 1px transparent;
  padding-left: 0;
  padding-right: 0; }

#header nav ul.nav-main li.active a,
#header nav ul.nav-main li a:hover,
#header nav ul.nav-main li a:focus {
  background-color: transparent !important;
  border-bottom: solid 1px #FFF; }

#header nav ul.nav-main li ul a {
  text-transform: none;
  font-weight: normal;
  font-size: 0.9em; }

#header nav ul.nav-main li.dropdown:hover > ul {
  display: block; }

#header nav ul.nav-main li a.dropdown-toggle.extra {
  display: none; }

#header nav ul.nav-main ul.dropdown-menu {
  background-color: #121212;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  top: auto;
  margin: 0;
  min-width: auto; }

#header nav ul.nav-main ul.dropdown-menu li:hover > a {
  filter: none;
  background: #999;
  color: #fff; }

#header nav ul.nav-main ul.dropdown-menu li:last-child > a {
  /*border-bottom: 0;*/ }

#header nav ul.nav-main ul.dropdown-menu > li > a {
  color: #FFF;
  font-weight: 400;
  padding-bottom: 4px;
  padding-top: 4px;
  text-transform: none;
  position: relative;
  padding: 10px 18px;
  font-size: 0.9em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2); }

#header nav ul.nav-main ul.dropdown-menu > li > a {
  /*color: #33373E;*/
  font-size: 14px;
  text-transform: uppercase;
  border-bottom: 1px solid #33373E; }

#header nav ul.nav-main ul.dropdown-menu > li > a:hover {
  border-color: #fff;
  font-weight: bold; }

#header nav ul.nav-main ul.dropdown-menu ul.dropdown-menu {
  border-radius: 0;
  background-color: #E5E5E5; }

#header nav ul.nav-main ul.dropdown-menu ul.dropdown-menu li {
  border-top: 1px solid #D6D6D6; }

#header nav ul.nav-main .dropdown-submenu {
  position: relative; }

#header nav ul.nav-main .dropdown-submenu > .dropdown-menu {
  top: 0px;
  left: 100%; }

/*#header nav ul.nav-main .dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #cccccc;
    margin-top: 5px;
    margin-right: -10px;
}*/
#header nav ul.nav-main .dropdown-submenu.pull-left {
  float: none; }

#header nav ul.nav-main .dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  border-radius: 6px 0 6px 6px; }

#header nav ul.nav-main .dropdown-submenu:hover > .dropdown-menu {
  display: block; }

#header nav ul.nav-main .dropdown-submenu:hover > a:after {
  border-left-color: #FFF; }

#header > .navbar-collapse > .container {
  position: relative; }

#header .header-top {
  min-height: 50px; }

#header .header-top form {
  margin: 0; }

#header .header-top p {
  float: left;
  font-size: 0.9em;
  line-height: 50px;
  margin: 0; }

#header .header-top i {
  margin-right: 6px;
  margin-left: 6px;
  position: relative;
  top: 1px; }

#header .header-top nav {
  float: left;
  width: auto; }

#header .header-top ul.nav-top {
  margin: 7px 0 0 -15px;
  min-height: 5px; }

#header .header-top ul.nav-top li.phone {
  margin-right: 10px; }

#header .header-top ul.nav-top li a {
  padding-left: 4px; }

.navbar-default {
  background-color: transparent;
  border-color: transparent; }
  .navbar-default .navbar-collapse {
    float: right;
    padding: 0;
    border: 0; }
  .navbar-default .navbar-brand {
    height: auto;
    padding: 15px 0; }

.nav-main .fa-angle-right {
  font-size: 20px;
  text-align: right;
  position: absolute;
  right: 22px;
  top: 19px; }

/* ==========================================================================
    Footer
   ========================================================================== */
.section-instagram {
  background: url(../img/bg-insta.jpg) center center;
  -webkit-background-size: cover;
  background-size: cover;
  /*margin-top: 90px;*/
  padding-top: 100px;
  padding-bottom: 150px;
  overflow-x: hidden; }
  .section-instagram .title-section, .section-instagram .subtitle-section {
    color: #FFF; }
    .section-instagram .title-section a, .section-instagram .subtitle-section a {
      color: #FFF; }
  .section-instagram .logo-footer {
    margin-top: 100px; }

.icons-redes {
  margin-bottom: 85px; }
  .icons-redes a {
    display: inline-block;
    margin: 5px; }

footer {
  float: left;
  width: 100%;
  background: #000;
  padding-bottom: 20px; }
  footer .logo-news {
    /*margin-left: 115px;*/
    padding-bottom: 50px;
    float: left; }
    footer .logo-news .icon-news {
      width: 80px;
      height: 52px;
      background: url(../img/icon-news.png);
      float: left;
      margin-right: 16px;
      margin-top: 40px; }
    footer .logo-news p {
      font-size: 16px;
      font-family: 'Mosk300';
      color: #FFF;
      margin-top: 38px;
      float: left; }
      footer .logo-news p strong {
        font-size: 40px; }
    footer .logo-news .separador {
      height: 50px;
      border-right: solid 1px #6F6F6F;
      float: left;
      margin-top: 42px;
      margin-left: 36px;
      margin-right: 26px; }
  footer .form-news {
    float: left;
    /*margin-left: 55px;*/
    display: block;
    margin-top: 40px; }
    footer .form-news input {
      height: 45px;
      background: transparent;
      border: solid 1px #fff;
      float: left;
      padding-left: 14px;
      /*margin-right: 10px;*/
      /*width: 350px;*/
      color: #FFF; }
    footer .form-news .button {
      float: left;
      height: 45px;
      padding: 8px 0;
      color: #fff;
      background: #000;
      border: solid 1px #fff;
      font-size: 15px;
      letter-spacing: 2px; }
      footer .form-news .button:hover {
        background: #FFF;
        color: #000; }
    footer .form-news .form-group {
      float: left;
      position: relative; }
    footer .form-news div.form-error {
      right: 0;
      top: 0; }

.alert-dismissable .close, .alert-dismissible .close {
  right: initial;
  top: initial;
  border: none; }

/* ==========================================================================
    Paginador
   ========================================================================== */
.paginador .pages {
  margin-bottom: 60px;
  text-transform: uppercase;
  letter-spacing: 2px; }
  .paginador .pages .disabled, .paginador .pages .next, .paginador .pages .prev {
    font-size: 14px;
    margin-left: 12px;
    margin-right: 12px; }
    .paginador .pages .disabled:hover, .paginador .pages .next:hover, .paginador .pages .prev:hover {
      background: transparent !important;
      text-decoration: underline;
      color: #000; }
  .paginador .pages span {
    font-size: 16px;
    margin-left: 5px;
    margin-right: 5px;
    display: inline-block; }
    .paginador .pages span a {
      padding: 10px 15px;
      text-decoration: none;
      color: #999999; }
      .paginador .pages span a:hover {
        background: #BBBBBB;
        color: #FFF; }
  .paginador .pages .current {
    background: #000;
    color: #FFF;
    padding: 10px 15px; }
  .paginador .pages .disabled {
    display: none; }

/* ==========================================================================
    Slider
   ========================================================================== */
.slick-prev, .slick-next {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 70px;
  margin-top: -25px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
  z-index: 1; }

.slick-next {
  display: block;
  right: 50%;
  margin-right: -560px; }
  .slick-next:before {
    content: "\f105";
    color: #34373E;
    font-size: 70px; }

.slick-prev {
  display: block;
  left: 50%;
  margin-left: -560px; }
  .slick-prev:before {
    content: "\f104";
    color: #34373E;
    font-size: 70px; }

/* Dots */
.slick-slider {
  margin-bottom: 34px; }

.slick-dots {
  position: absolute;
  bottom: -34px;
  display: block;
  width: 100%;
  padding: 0;
  list-style: none;
  text-align: center; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 0;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      font-size: 0;
      line-height: 0;
      display: block;
      width: 18px;
      height: 18px;
      padding: 5px;
      cursor: pointer;
      color: transparent;
      border: 0;
      outline: none;
      background: transparent; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
      .slick-dots li button:before {
        font-family: 'FontAwesome';
        font-size: 8px;
        line-height: 20px;
        position: absolute;
        top: 0;
        left: 0;
        width: 18px;
        height: 18px;
        content: '\f10c';
        text-align: center;
        color: black;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      content: '\f111'; }
    .slick-dots li:hover:before, .slick-dots li:focus:before {
      opacity: 1; }

/* ==========================================================================
    404
   ========================================================================== */
#page-cakeerror #header {
  background: #000; }

.page404 {
  padding-top: 180px; }
  .page404 .title-section.title-top {
    margin-bottom: 140px; }
  .page404 .subtitle-section {
    margin-bottom: 20px;
    font-size: 25px; }
  .page404 .text {
    font-size: 17px; }
  .page404 .info {
    padding-left: 160px;
    background: url(../img/icon404.png) left center no-repeat;
    margin-bottom: 140px; }

.slick-no-slide .slick-track {
  width: 100% !important;
  text-align: center !important;
  transform: inherit !important; }

.slick-no-slide .slick-slide {
  float: none !important;
  display: inline-block !important; }

.barra-perguntas {
  height: 100px;
  background-color: #000; }

.banner-perguntas {
  background: url(../img/banner_perguntas.png);
  height: 320px;
  position: relative; }
  .banner-perguntas .title-section {
    color: #fff;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

#perguntas .info {
  margin: 40px 0; }
  #perguntas .info li {
    border: 2px solid #e6e6e6;
    padding: 20px;
    margin-top: 20px; }
    #perguntas .info li .lista-pergunta {
      font-size: 16px;
      font-family: 'Mosk300';
      margin-bottom: 10px;
      font-weight: bold;
      color: #000;
      position: relative; }
      #perguntas .info li .lista-pergunta .mostrar {
        background: url(../img/arrow-down.png) no-repeat;
        position: absolute;
        right: 0;
        height: 15px;
        width: 28px; }
    #perguntas .info li .lista-resposta {
      font-size: 16px;
      font-family: 'Mosk300';
      margin-bottom: 10px; }

#header.perguntas-frequentes, #header.downloads, #header.categorias {
  margin-top: 0;
  padding: 0; }

#downloads .info {
  margin-bottom: 50px; }
  #downloads .info .line {
    height: 3px;
    background-color: #e6e6e6; }
  #downloads .info h2 {
    font-size: 24px;
    font-family: 'Mosk300';
    margin-bottom: 10px;
    font-weight: bold;
    color: #000;
    margin-top: 40px; }
  #downloads .info .div-download {
    position: relative;
    border: 2px solid #e6e6e6;
    padding: 10px 20px;
    margin-top: 20px;
    font-size: 16px;
    font-family: 'Mosk300';
    font-weight: bold;
    color: #000;
    text-transform: uppercase; }
    #downloads .info .div-download .btn-download {
      background: url(../img/btn-download.png) no-repeat;
      position: absolute;
      right: 25px;
      height: 20px;
      width: 15px;
      top: calc(50% - 10px); }
    #downloads .info .div-download span {
      margin-left: 10px; }

.bloco-downloads {
  background: url(../img/banner_downloads.png);
  height: 180px;
  position: relative; }
  .bloco-downloads h3 {
    color: #fff;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 28px;
    text-transform: uppercase; }
    .bloco-downloads h3 a {
      background-color: #fff;
      font-size: 22px;
      text-decoration: none;
      color: #000;
      padding: 15px 25px;
      font-weight: bold;
      margin-left: 20px; }
      .bloco-downloads h3 a .fa-file {
        margin-right: 10px; }

.bloco-contato {
  background: url(../img/banner_downloads.png);
  height: 180px;
  position: relative; }
  .bloco-contato .info-contato {
    color: #fff;
    margin: 0;
    font-size: 28px;
    text-transform: uppercase;
    margin-top: 70px;
    text-align: right; }
  .bloco-contato .link-contato {
    margin-top: 70px; }
    .bloco-contato .link-contato a {
      background-color: #fff;
      font-size: 22px;
      text-decoration: none;
      color: #000;
      padding: 15px 25px;
      font-weight: bold;
      position: relative;
      margin: 0;
      text-transform: uppercase;
      font-weight: bold; }
      .bloco-contato .link-contato a .fa-angle-right {
        font-size: 24px;
        padding-right: 20px; }

#slide-produto-categoria {
  position: relative; }
  #slide-produto-categoria h1 {
    position: absolute;
    top: 45%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 30px;
    color: #fff;
    font-size: 45px;
    text-transform: uppercase;
    font-family: 'Mosk300';
    letter-spacing: 4px;
    text-align: center; }

#categoria-produto {
  margin-bottom: 50px; }
  #categoria-produto .dados-categoria .padding-right {
    padding-right: 0; }
  #categoria-produto .dados-categoria .padding-left {
    padding-left: 0; }
  #categoria-produto .dados-categoria .descricao-categoria {
    border: 2px solid #e6e6e6;
    padding: 20px 40px;
    margin-top: 20px;
    font-size: 16px;
    font-family: 'Mosk300';
    color: #000; }
    #categoria-produto .dados-categoria .descricao-categoria h2 {
      font-size: 36px;
      font-weight: bold;
      text-transform: uppercase; }
    #categoria-produto .dados-categoria .descricao-categoria .line-categoria {
      width: 50px;
      height: 3px;
      background-color: #000;
      border-radius: 12px;
      border: 1px solid;
      margin: 20px 0; }
  #categoria-produto .bloco-linhas {
    margin-top: 40px; }
    #categoria-produto .bloco-linhas .dots {
      background: url(../img/dots.png) no-repeat;
      height: 10px;
      width: 40px;
      margin: 0 auto; }
    #categoria-produto .bloco-linhas h3 {
      font-size: 26px;
      font-family: 'Mosk300';
      text-transform: uppercase;
      margin-top: 20px;
      color: #000; }
    #categoria-produto .bloco-linhas .produto-linha {
      margin-top: 20px; }
      #categoria-produto .bloco-linhas .produto-linha h4 {
        font-size: 22px;
        font-family: 'Mosk300';
        margin-top: 10px;
        color: #000; }
      #categoria-produto .bloco-linhas .produto-linha .image-produto {
        position: relative; }
      #categoria-produto .bloco-linhas .produto-linha .image-produto:after {
        content: '\A';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.6);
        opacity: 0;
        transition: all 0.5s;
        -webkit-transition: all 0.5s; }
      #categoria-produto .bloco-linhas .produto-linha .image-produto:hover:after {
        opacity: 1; }
      #categoria-produto .bloco-linhas .produto-linha .detalhes-produto {
        text-decoration: none;
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        border: 2px solid #fff;
        padding: 10px 20px;
        color: #fff;
        text-transform: uppercase;
        font-size: 18px;
        width: 200px;
        text-align: center;
        font-weight: bold;
        display: none;
        z-index: 9; }

#slider {
  height: 965px;
  display: block; }
  #slider .text {
    position: relative;
    top: 40%; }
  #slider .btn-scroll {
    position: relative;
    top: 70%; }
    #slider .btn-scroll .icon-scroll {
      width: 60px;
      display: inline-block;
      height: 60px;
      background: rgba(0, 0, 0, 0.1) url(../img/btn-scroll.png) center center;
      border: solid 1px #fff;
      border-radius: 50px; }

.ios #slider .text {
  margin-top: 150px;
  top: 0; }

.section-linhas {
  padding-top: 120px;
  padding-bottom: 60px; }
  .section-linhas .linhas .slick-next {
    background: url(../img/arrow-slider-prod.png) right no-repeat;
    width: 65px;
    height: 140px;
    right: 0;
    margin-right: 0; }
  .section-linhas .linhas .slick-prev {
    background: url(../img/arrow-slider-prod.png) left no-repeat;
    width: 65px;
    height: 140px;
    left: 0;
    margin-left: 0; }
  .section-linhas .linhas .paralelo {
    /*border: solid 5px;*/
    height: 695px;
    margin-left: 0px;
    position: relative;
    -webkit-transform: skew(-10deg);
    -moz-transform: skew(-10deg);
    -ms-transform: skew(-10deg);
    -o-transform: skew(-10deg);
    transform: skew(-10deg);
    overflow: hidden;
    opacity: 0.5;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out; }
    .section-linhas .linhas .paralelo:after {
      content: '';
      position: absolute;
      width: 200%;
      height: 100%;
      -webkit-background-size: cover !important;
      background-size: cover !important;
      top: 0;
      background-position: center center;
      left: -50%;
      -webkit-transform: skew(10deg);
      -moz-transform: skew(10deg);
      -ms-transform: skew(10deg);
      -o-transform: skew(10deg);
      transform: skew(10deg); }
    .section-linhas .linhas .paralelo:before {
      content: '';
      position: absolute;
      left: 20px;
      top: 20px;
      right: 20px;
      bottom: 20px;
      border: solid 1px #fff;
      z-index: 999; }
    .section-linhas .linhas .paralelo .nome {
      position: absolute;
      bottom: 30px;
      right: 30px;
      z-index: 999;
      color: #FFF;
      -webkit-transform: skew(10deg);
      -moz-transform: skew(10deg);
      -ms-transform: skew(10deg);
      -o-transform: skew(10deg);
      transform: skew(10deg);
      opacity: 0;
      font-size: 18px;
      text-transform: uppercase;
      letter-spacing: 2px; }
    .section-linhas .linhas .paralelo .mask {
      height: 222px;
      width: 100%;
      left: 0;
      bottom: 0;
      position: absolute;
      z-index: 99;
      background: rgba(255, 255, 255, 0);
      background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.71) 100%);
      background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.71)));
      background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.71) 100%);
      background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.71) 100%);
      background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.71) 100%);
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.71) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0 ); }
  .section-linhas .linhas .slick-center .paralelo {
    transform: scale(1.08) skew(-10deg);
    opacity: 1;
    z-index: 9;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.5);
    position: relative;
    z-index: 9; }
    .section-linhas .linhas .slick-center .paralelo:after {
      -webkit-transform: skew(10deg);
      -moz-transform: skew(10deg);
      -ms-transform: skew(10deg);
      -o-transform: skew(10deg);
      transform: skew(10deg); }
    .section-linhas .linhas .slick-center .paralelo .nome {
      opacity: 1; }
  .section-linhas .linhas .slick-track {
    padding-top: 50px;
    padding-bottom: 50px; }

.section-blog {
  padding-bottom: 60px; }
  .section-blog .item {
    margin-bottom: 80px;
    display: block; }
    .section-blog .item .link {
      color: #888888; }
      .section-blog .item .link:hover {
        color: #000000; }
        .section-blog .item .link:hover figure .hvr-img {
          background: rgba(0, 0, 0, 0.5); }
        .section-blog .item .link:hover .read-more {
          text-decoration: underline; }
      .section-blog .item .link figure {
        position: relative; }
        .section-blog .item .link figure .hvr-img {
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0; }
      .section-blog .item .link .title {
        font-family: 'Mosk600';
        font-size: 17px;
        text-transform: uppercase;
        margin-top: 30px;
        margin-bottom: 60px;
        letter-spacing: 2px; }
      .section-blog .item .link .read-more {
        font-size: 14px;
        text-transform: uppercase;
        display: block;
        text-align: right; }

/* Empresa */
#company {
  background: url(../img/bg-company.jpg) center no-repeat;
  height: 1280px;
  background-size: auto 100%; }
  #company .info {
    display: inline-block;
    background: #FFF;
    margin-top: 310px;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 60px;
    padding-bottom: 60px; }
    #company .info .subtitle-section {
      margin-bottom: 60px; }
    #company .info .text {
      font-size: 16px;
      font-family: 'Mosk300';
      margin-bottom: 30px; }

/* Empresa */
#page-infos-tecnicas {
  padding-top: 185px; }
  #page-infos-tecnicas #header {
    background: #000; }
  #page-infos-tecnicas .info {
    display: inline-block;
    background: #FFF;
    margin-top: 310px;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 60px;
    padding-bottom: 60px; }
    #page-infos-tecnicas .info .subtitle-section {
      margin-bottom: 60px; }
    #page-infos-tecnicas .info .text {
      font-size: 16px;
      font-family: 'Mosk300';
      margin-bottom: 30px; }
  #page-infos-tecnicas .armazenamento {
    padding-top: 85px;
    padding-bottom: 120px;
    background: url(../img/bg-armazenamento.jpg) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover; }
    #page-infos-tecnicas .armazenamento .title-sm {
      color: #FFF; }
    #page-infos-tecnicas .armazenamento .text {
      color: #FFF;
      font-size: 16px; }
  #page-infos-tecnicas .assentamento {
    padding-top: 85px;
    padding-bottom: 90px; }
    #page-infos-tecnicas .assentamento .text {
      font-size: 16px;
      font-family: 'Mosk300';
      margin-bottom: 30px; }
  #page-infos-tecnicas .rejuntamento {
    padding-top: 75px;
    padding-bottom: 90px;
    background: url(../img/bg-rejuntamento.jpg) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover; }
    #page-infos-tecnicas .rejuntamento .title-sm {
      color: #FFF; }
    #page-infos-tecnicas .rejuntamento .text {
      color: #FFF;
      font-size: 16px;
      padding-right: 20px; }

.downloads {
  padding-top: 100px;
  padding-bottom: 80px; }
  .downloads .item {
    opacity: 0.8;
    float: none;
    display: inline-block; }
    .downloads .item:hover {
      opacity: 1; }
    .downloads .item .link {
      color: #000;
      display: block; }
      .downloads .item .link:hover .title {
        color: #000; }
    .downloads .item .icon-download {
      width: 58px;
      height: 76px;
      background: url(../img/icon-download.png);
      margin-bottom: 22px; }
    .downloads .item .title {
      font-family: 'Mosk600';
      font-size: 17px; }
    .downloads .item .ano {
      font-size: 16px;
      margin-bottom: 40px; }

#page-noticias, #page-novidades {
  padding-top: 185px; }
  #page-noticias .subtitle-section, #page-novidades .subtitle-section {
    margin-bottom: 65px; }
  #page-noticias #header, #page-novidades #header {
    background: #000; }

.slider-destaque .item-destaque {
  height: 500px;
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
  margin-bottom: 30px; }
  .slider-destaque .item-destaque .title {
    background: #fff;
    padding-left: 90px;
    padding-right: 90px;
    padding-top: 40px;
    padding-bottom: 40px;
    max-width: 770px;
    margin-top: 140px;
    display: inline-block;
    font-size: 25px;
    text-transform: uppercase;
    letter-spacing: 2px; }
  .slider-destaque .item-destaque .read-more {
    display: inline-block;
    margin-top: 65px;
    background: rgba(0, 0, 0, 0.2);
    color: #FFF;
    border-color: #FFF; }
    .slider-destaque .item-destaque .read-more:hover {
      background: #000;
      border-color: #000; }

.list-noticia .item-noticia {
  margin-bottom: 100px;
  border-bottom: solid 1px #DDDDDD;
  padding-bottom: 10px; }
  .list-noticia .item-noticia .link {
    text-decoration: none; }
  .list-noticia .item-noticia .title {
    font-size: 25px;
    text-transform: uppercase;
    font-family: 'Mosk300';
    color: #999999;
    letter-spacing: 2px;
    margin-top: 60px;
    margin-bottom: 65px; }
  .list-noticia .item-noticia .descricao {
    position: relative; }
    .list-noticia .item-noticia .descricao p {
      font-size: 16px !important;
      color: #858585; }
    .list-noticia .item-noticia .descricao .mask {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      background: rgba(255, 255, 255, 0);
      background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.13) 12%, white 92%, white 100%);
      background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(12%, rgba(255, 255, 255, 0.13)), color-stop(92%, white), color-stop(100%, white));
      background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.13) 12%, white 92%, white 100%);
      background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.13) 12%, white 92%, white 100%);
      background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.13) 12%, white 92%, white 100%);
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.13) 12%, white 92%, white 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 ); }
    .list-noticia .item-noticia .descricao strong {
      font-family: 'Mosk700'; }
  .list-noticia .item-noticia .read-more {
    margin-bottom: 60px;
    padding: 10px 50px; }
  .list-noticia .item-noticia .txt-share {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #999999;
    margin-top: 6px; }
  .list-noticia .item-noticia .btn-tag {
    font-family: 'Mosk300';
    font-size: 14px;
    padding: 8px 20px;
    margin-bottom: 4px; }

.txt-share {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #999999;
  margin-top: 6px; }

.btn-tag {
  font-family: 'Mosk300';
  font-size: 14px;
  padding: 8px 20px;
  margin-bottom: 4px; }

.wrap-categorias {
  background: url(../img/bg-categorias.jpg) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 45px;
  padding-bottom: 70px; }
  .wrap-categorias .title {
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 35px;
    color: #E0E0E0; }
  .wrap-categorias .lista-categoria .link {
    color: #BBBBBB;
    font-family: 'Mosk600';
    font-size: 17px;
    margin-top: 10px;
    margin-bottom: 10px;
    display: inline-block;
    margin-left: 15px; }
    .wrap-categorias .lista-categoria .link:hover {
      color: #fff; }

.wrap-ultimas {
  background: #EEEEEE;
  margin-top: 45px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 42px; }
  .wrap-ultimas .title {
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #888888;
    margin-bottom: 44px; }
  .wrap-ultimas .item {
    margin-bottom: 55px;
    display: inline-block; }
    .wrap-ultimas .item .name {
      font-family: 'Mosk600';
      color: #888888;
      text-transform: uppercase;
      letter-spacing: 2px;
      font-size: 15px;
      margin-top: 20px; }

.interna-blog .title {
  margin-top: 60px;
  margin-bottom: 70px;
  font-size: 25px;
  text-transform: uppercase;
  letter-spacing: 2px; }

.interna-blog .conteudo {
  font-size: 16px !important;
  margin-bottom: 50px; }
  .interna-blog .conteudo strong {
    font-family: 'Mosk700'; }

.interna-blog .share {
  /*margin-top: 40px;*/
  border-bottom: solid 1px #DDDDDD; }

.interna-blog .comentarios {
  margin-top: 100px;
  margin-bottom: 120px; }

#slide-produto {
  position: relative; }
  #slide-produto .slick-initialized .slick-slide {
    transition-duration: 1500ms !important; }
  #slide-produto h1 {
    position: absolute;
    top: 45%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 30px;
    color: #fff;
    font-size: 45px;
    text-transform: uppercase;
    font-family: 'Mosk300';
    letter-spacing: 4px;
    text-align: center; }

#page-produto-view .wrap-slider-produto {
  /*.slick-slider .slick-track, .slick-slider .slick-list {
            -webkit-transform: translate3d(0, 0, 0)!important;
            -moz-transform: translate3d(0, 0, 0)!important;
            -ms-transform: translate3d(0, 0, 0)!important;
            -o-transform: translate3d(0, 0, 0)!important;
            transform: translate3d(0, 0, 0)!important;
            margin: 0 auto;
        }*/ }
  #page-produto-view .wrap-slider-produto .slider-produto {
    background: #eeeeee;
    background: -moz-linear-gradient(top, #eeeeee 0%, #eeeeee 95%, #e5e5e5 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #eeeeee), color-stop(95%, #eeeeee), color-stop(100%, #e5e5e5));
    background: -webkit-linear-gradient(top, #eeeeee 0%, #eeeeee 95%, #e5e5e5 100%);
    background: -o-linear-gradient(top, #eeeeee 0%, #eeeeee 95%, #e5e5e5 100%);
    background: -ms-linear-gradient(top, #eeeeee 0%, #eeeeee 95%, #e5e5e5 100%);
    background: linear-gradient(to bottom, #eeeeee 0%, #eeeeee 95%, #e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#e5e5e5', GradientType=0 ); }
    #page-produto-view .wrap-slider-produto .slider-produto .slick-next {
      background: url(../img/arrow-slider-prod.png) right no-repeat;
      width: 65px;
      height: 140px;
      right: 0;
      margin-right: 0; }
    #page-produto-view .wrap-slider-produto .slider-produto .slick-prev {
      background: url(../img/arrow-slider-prod.png) left no-repeat;
      width: 65px;
      height: 140px;
      left: 0;
      margin-left: 0; }
    #page-produto-view .wrap-slider-produto .slider-produto .slick-dots {
      bottom: 20px; }
    #page-produto-view .wrap-slider-produto .slider-produto .slick-dots li button:before {
      color: #FFF;
      font-size: 12px;
      opacity: 1; }
  #page-produto-view .wrap-slider-produto .nav-slider-produto {
    margin-bottom: 160px; }
    #page-produto-view .wrap-slider-produto .nav-slider-produto .item-nav {
      position: relative;
      margin: 0 8px; }
      #page-produto-view .wrap-slider-produto .nav-slider-produto .item-nav .hvr {
        background: #000;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        opacity: 0; }
      #page-produto-view .wrap-slider-produto .nav-slider-produto .item-nav:hover .hvr {
        opacity: 0.5; }
    #page-produto-view .wrap-slider-produto .nav-slider-produto .slick-next {
      background: url(../img/arrow-slider-nav.png) right no-repeat;
      width: 19px;
      height: 40px;
      right: 0;
      margin-right: -20px;
      top: 65%;
      margin-top: -20px; }
    #page-produto-view .wrap-slider-produto .nav-slider-produto .slick-prev {
      background: url(../img/arrow-slider-nav.png) left no-repeat;
      width: 19px;
      height: 40px;
      left: 0;
      margin-left: -20px;
      top: 65%;
      margin-top: -20px; }
    #page-produto-view .wrap-slider-produto .nav-slider-produto .slick-dots {
      bottom: 20px; }
    #page-produto-view .wrap-slider-produto .nav-slider-produto .slick-dots li button:before {
      color: #FFF;
      font-size: 12px;
      opacity: 1; }
  #page-produto-view .wrap-slider-produto .title-galeria {
    font-size: 25px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-top: 45px;
    margin-bottom: 40px; }

#page-produto-view .descricao .title-section {
  font-size: 40px;
  color: #000;
  font-weight: bold; }

#page-produto-view .descricao {
  margin-bottom: 60px;
  font-size: 16px; }
  #page-produto-view .descricao .subtitle-section {
    margin-bottom: 55px; }

#page-produto-view .especificacoes {
  /*background: url(../img/bg-especificacoes.jpg);
        -webkit-background-size: cover;
        background-size: cover;*/
  margin-top: 120px;
  padding-top: 120px;
  padding-bottom: 120px;
  background-color: #303030; }
  #page-produto-view .especificacoes .title-section {
    font-size: 40px;
    color: #FFFFFF;
    letter-spacing: 0;
    font-weight: bold;
    margin-bottom: 40px; }
  #page-produto-view .especificacoes .subtitle-section {
    color: #FFFFFF;
    margin-bottom: 50px; }
  #page-produto-view .especificacoes .item-especificacao {
    margin-bottom: 40px; }
    #page-produto-view .especificacoes .item-especificacao table {
      color: #BBBBBB;
      font-size: 16px;
      text-align: center; }
      #page-produto-view .especificacoes .item-especificacao table thead {
        color: #FFFFFF;
        font-size: 17px;
        font-family: 'Mosk600'; }
        #page-produto-view .especificacoes .item-especificacao table thead small {
          font-size: 14px; }
        #page-produto-view .especificacoes .item-especificacao table thead tr {
          background-color: #666666;
          text-transform: uppercase; }
          #page-produto-view .especificacoes .item-especificacao table thead tr td {
            border: 1px solid #5c5c5c; }
    #page-produto-view .especificacoes .item-especificacao table > tbody > tr > td {
      border: 1px solid #5c5c5c;
      color: #fff;
      font-weight: bold; }
    #page-produto-view .especificacoes .item-especificacao .obs {
      font-family: 'Mosk600';
      font-size: 16px;
      color: #B9B9B9;
      padding-left: 8px; }
  #page-produto-view .especificacoes .btn-default {
    background: transparent;
    margin-bottom: 15px;
    color: #fff;
    border-color: #fff; }
    #page-produto-view .especificacoes .btn-default:hover {
      background: #FFF;
      border-color: #000;
      color: #000; }

.block-produto {
  margin-bottom: 50px; }
  .block-produto .dados-produto .padding-right {
    padding-right: 0; }
  .block-produto .dados-produto .padding-left {
    padding-left: 0; }
  .block-produto .dados-produto .descricao-produto {
    border: 2px solid #e6e6e6;
    padding: 20px 40px;
    margin-top: 20px;
    font-size: 16px;
    font-family: 'Mosk300';
    color: #000; }
    .block-produto .dados-produto .descricao-produto h2 {
      font-size: 36px;
      font-weight: bold;
      text-transform: uppercase; }
    .block-produto .dados-produto .descricao-produto .line-produto {
      width: 50px;
      height: 3px;
      background-color: #000;
      border-radius: 12px;
      border: 1px solid;
      margin: 20px 0; }

.block-cores {
  margin-top: 40px; }
  .block-cores .cores {
    border: 2px solid #e6e6e6;
    padding-top: 40px; }
  .block-cores .title-section {
    width: 200px;
    position: absolute;
    top: 0;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 32px;
    color: #000;
    letter-spacing: 0;
    font-weight: bold; }

#aplicacoes {
  margin-top: 40px; }
  #aplicacoes .block-aplicacoes {
    border: 2px solid #e6e6e6;
    padding-top: 60px; }
    #aplicacoes .block-aplicacoes .title-section {
      width: 200px;
      position: absolute;
      top: 0;
      left: 50%;
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      background-color: #fff;
      border-radius: 32px;
      color: #000;
      letter-spacing: 0;
      font-weight: bold; }
    #aplicacoes .block-aplicacoes .aplicacoes .subtitle-section {
      margin-bottom: 40px; }
    #aplicacoes .block-aplicacoes .aplicacoes .nome {
      min-height: 60px;
      color: #000;
      font-size: 16px;
      font-weight: bold; }

.block-diferenciais {
  background-color: #fafafa;
  margin-top: 40px; }
  .block-diferenciais .title-section {
    color: #000;
    letter-spacing: 0;
    padding: 40px 0;
    font-weight: bold; }
  .block-diferenciais .diferenciais .subtitle-section {
    margin-bottom: 40px; }
  .block-diferenciais .diferenciais img {
    max-width: 60px; }
  .block-diferenciais .diferenciais .nome {
    min-height: 60px;
    color: #000;
    font-size: 16px;
    font-weight: bold; }
  .block-diferenciais .diferenciais .line-diferencial {
    background-color: #e2e2e2;
    height: 2px;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 40px; }

#fotos {
  margin-top: 40px; }
  #fotos h2 {
    color: #000;
    letter-spacing: 0;
    font-weight: bold;
    padding-bottom: 40px; }
  #fotos .foto-produto {
    margin-top: 20px; }

.block-cores .subtitle-section {
  margin-bottom: 40px; }

.block-cores .nome {
  min-height: 60px;
  color: #000;
  font-size: 16px;
  font-weight: bold; }

#page-produtos {
  padding-top: 180px; }

.produtos-interna {
  margin-bottom: 50px; }
  .produtos-interna .nome {
    font-family: 'Mosk300';
    font-size: 28px;
    font-weight: 400;
    text-transform: uppercase;
    margin: 6px 0 0;
    color: #868686; }
  .produtos-interna .item {
    margin-bottom: 40px; }
  .produtos-interna .link-produto {
    display: block; }
    .produtos-interna .link-produto:hover {
      text-decoration: none; }
      .produtos-interna .link-produto:hover img {
        -ms-transform: scale(1.2, 1.2);
        /* IE 9 */
        -webkit-transform: scale(1.2, 1.2);
        /* IE 9 */
        transform: scale(1.2, 1.2);
        /* IE 9 */ }
  .produtos-interna figure {
    display: inline-block;
    overflow: hidden; }
    .produtos-interna figure img {
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      -ms-transform: scale(1, 1);
      /* IE 9 */
      -webkit-transform: scale(1, 1);
      /* Safari */
      transform: scale(1, 1); }

#page-contatos, #modalLojista {
  padding-top: 185px; }
  #page-contatos #header, #modalLojista #header {
    background: #000; }
  #page-contatos .subtitle-section, #modalLojista .subtitle-section {
    margin-bottom: 70px; }
  #page-contatos input, #page-contatos select, #modalLojista input, #modalLojista select {
    height: 45px;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 20px; }
  #page-contatos textarea, #modalLojista textarea {
    border-radius: 0;
    box-shadow: none; }
  #page-contatos label, #modalLojista label {
    font-family: 'Mosk600';
    font-size: 15px;
    text-transform: uppercase;
    color: #888;
    letter-spacing: 2px;
    margin-bottom: 20px; }
  #page-contatos .contato-form .btn-default, #modalLojista .contato-form .btn-default {
    background: #888888;
    font-family: 'Mosk600';
    font-size: 15px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #FFF;
    height: 54px;
    margin-top: 15px;
    margin-bottom: 80px;
    width: 170px;
    padding: 16px 50px; }
    #page-contatos .contato-form .btn-default:hover, #modalLojista .contato-form .btn-default:hover {
      background: #000000;
      color: #FFFFFF; }
  #page-contatos .info, #modalLojista .info {
    background: url(../img/bg-info-contato.jpg);
    -webkit-background-size: cover;
    background-size: cover;
    color: #FFF;
    padding-top: 60px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 36px; }
    #page-contatos .info .text, #modalLojista .info .text {
      font-size: 16px;
      margin-bottom: 62px; }
      #page-contatos .info .text strong, #modalLojista .info .text strong {
        font-family: 'Mosk600';
        font-size: 17px;
        text-transform: uppercase;
        letter-spacing: 2px; }

#modalLojista {
  padding-top: 0; }
  #modalLojista .modal-header {
    border: none; }
  #modalLojista .modal-body {
    padding-left: 50px;
    padding-right: 50px; }
  #modalLojista .title-section {
    font-size: 25px; }
  #modalLojista input, #modalLojista select {
    margin-bottom: 5px; }
  #modalLojista .btn-default {
    margin-bottom: 40px; }
  #modalLojista .close {
    width: 36px;
    height: 36px;
    background: #000;
    color: #FFF;
    border-radius: 50px;
    position: relative;
    z-index: 9;
    margin-top: -32px;
    margin-right: -32px; }
    #modalLojista .close:hover {
      opacity: 1;
      background: #555555; }
    #modalLojista .close span {
      margin-top: -3px;
      display: block; }
  #modalLojista .btn-default {
    background: #888888;
    font-family: 'Mosk600';
    font-size: 15px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #FFF;
    height: 54px;
    margin-top: 15px;
    margin-bottom: 80px;
    width: 170px;
    padding: 16px 50px; }
    #modalLojista .btn-default:hover {
      background: #000000;
      color: #FFFFFF; }

/* Default custom select styles */
div.cs-select {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  text-align: left;
  background: #fff;
  z-index: 100;
  width: 100%;
  max-width: 500px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

div.cs-select:focus {
  outline: none;
  /* For better accessibility add a style for this in your skin */ }

.cs-select select {
  display: none; }

.cs-select span {
  display: block;
  position: relative;
  cursor: pointer;
  padding: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

/* Placeholder and selected option */
.cs-select > span {
  padding-right: 3em; }

.cs-select > span::after,
.cs-select .cs-selected span::after {
  speak: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.cs-select > span::after {
  content: '\25BE';
  right: 1em; }

.cs-select .cs-selected span::after {
  content: '\2713';
  margin-left: 1em; }

.cs-select.cs-active > span::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg); }

div.cs-active {
  z-index: 200; }

/* Options */
.cs-select .cs-options {
  position: absolute;
  overflow: hidden;
  width: 100%;
  background: #fff;
  visibility: hidden; }

.cs-select.cs-active .cs-options {
  visibility: visible; }

.cs-select ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%; }

.cs-select ul span {
  padding: 1em; }

.cs-select ul li.cs-focus span {
  background-color: #ddd; }

/* Optgroup and optgroup label */
.cs-select li.cs-optgroup ul {
  padding-left: 1em; }

.cs-select li.cs-optgroup > span {
  cursor: default; }

div.cs-skin-border {
  background: transparent;
  font-size: 16px;
  font-weight: 700;
  max-width: 90px; }

@media screen and (max-width: 30em) {
  div.cs-skin-border {
    font-size: 1em; } }

.cs-skin-border > span {
  border: 1px solid #FFF;
  background: rgba(255, 255, 255, 0.2);
  /*border-color: inherit;*/
  -webkit-transition: background 0.2s, border-color 0.2s;
  transition: background 0.2s, border-color 0.2s;
  color: #FFF; }

.cs-skin-border > span::after,
.cs-skin-border .cs-selected span::after {
  font-family: 'icomoon';
  content: '\e000'; }

.cs-skin-border ul span::after {
  content: '';
  opacity: 0; }

.cs-skin-border .cs-selected span::after {
  content: '\e00e';
  color: #ddd9c9;
  font-size: 1.5em;
  opacity: 1;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s; }

.cs-skin-border.cs-active > span {
  background: #fff;
  border-color: #fff;
  color: #000; }

.cs-skin-border .cs-options {
  color: #000;
  font-size: 0.75em;
  opacity: 0;
  -webkit-transition: opacity 0.2s, visibility 0s 0.2s;
  transition: opacity 0.2s, visibility 0s 0.2s; }

.cs-skin-border.cs-active .cs-options {
  opacity: 1;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s; }

.cs-skin-border ul span {
  padding: 1em 2em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.cs-skin-border .cs-options li span:hover,
.cs-skin-border li.cs-focus span {
  background: #f5f3ec; }

@media (max-width: 991px) {
  .block-produto .dados-produto .padding-left {
    padding-left: 15px !important; }
  .block-produto .dados-produto .padding-right {
    padding-right: 15px !important; }
  .dados-categoria .padding-left {
    padding-left: 15px !important; }
  .dados-categoria .padding-right {
    padding-right: 15px !important; }
  .bloco-contato .link-contato {
    text-align: center;
    margin-top: 40px; }
  .bloco-contato .info-contato {
    text-align: center;
    margin-top: 40px; }
  #categoria-produto .bloco-linhas .produto-linha h4 {
    text-align: center; }
  #slide-produto-categoria h1, #slide-produto h1 {
    font-size: 30px; } }

/* Sombras */
@media (max-width: 767px) {
  #page-home:before, #page-empresa:before {
    content: none; }
  #company .info {
    margin-top: 150px;
    padding-left: 15px;
    padding-right: 15px; }
  #slider {
    height: 384px; }
  .section-linhas .linhas .paralelo {
    height: 275px; }
  .subtitle-section {
    margin-bottom: 50px; }
  .title-section {
    font-size: 30px; }
  .dropdown-menu > li > a {
    white-space: initial; }
    .vegas-slide-inner{
      animation-duration: unset!important;
    }
    .vegas-slide {
      transition: none!important;
      animation-duration: unset!important;
      transform: none!important;
      will-change: unset!important;}

       }

/* Header */
/*@media (min-width: 768px) and (max-width: 991px) {
    #header nav ul.nav-main li a {
        padding: 35px 25px 39px;
    }
}*/
@media (max-width: 1500px) {
  #header nav ul.nav-main li {
    /*padding: 35px 10px 39px;*/ }
    #header nav ul.nav-main li a {
      font-size: 14px; } }

@media (max-width: 767px) {
  .home-title {
    font-size: 22px;
    margin-bottom: 30px; }
  #page-produto-view .cores .nome {
    text-align: center; }
  #modalLojista .modal-body {
    padding-left: 15px;
    padding-right: 15px; }
  #header {
    height: 62px;
    margin-top: 0;
    background: #000; }
  .navbar-toggle {
    float: left; }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff; }
  .navbar-default .navbar-brand {
    float: right;
    padding: 13px 21px; }
    .navbar-default .navbar-brand img {
      width: 140px; }
  .navbar-default .navbar-toggle {
    border-color: transparent;
    margin-top: 14px;
    left: 255px; }
    .navbar-default .navbar-toggle:hover {
      background: transparent; }
    .navbar-default .navbar-toggle:focus {
      background: transparent; }
    .navbar-default .navbar-toggle .icon-bar {
      /*background-color :#34373E;*/
      width: 30px;
      height: 4px; }
  .navbar-default .navbar-toggle.collapsed {
    left: 0; }
  .navbar-default .navbar-collapse {
    background: #000;
    left: 0;
    top: 0;
    position: absolute;
    width: 0;
    z-index: 9;
    height: auto !important; }
    .navbar-default .navbar-collapse .navbar-brand {
      display: block !important;
      float: left;
      padding: 14px 34px;
      width: 100%; }
  .navbar-collapse.in {
    width: 259px; }
  #header nav ul.nav-main li a,
  #Body-home header nav ul.nav-main li a {
    color: #FFFFFF;
    padding: 20px 13px;
    border-bottom: none; }
  #header nav ul.nav-main > li {
    padding: 0; }
  #header nav ul.nav-main ul.dropdown-menu {
    display: none !important; }
  #header nav ul.nav-main li.open > ul {
    display: block !important;
    width: 100%; }
  #header nav ul.nav-main li a i {
    display: block !important; }
  .nav-pills > li {
    width: 100%;
    border-top: 1px solid #DDDDDD; }
  ul.produtos {
    display: none; }
  .dropdown-menu {
    position: relative;
    display: none; }
  .dropdown.open .dropdown-toggle i.fa.fa-angle-right,
  .dropdown-menu .dropdown-submenu.open i.fa.fa-angle-right {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }
  #header nav ul.nav-main li.active a, #header nav ul.nav-main li a:hover {
    border: 0;
    background-color: #A4A4A4; }
  #header nav ul.nav-main ul.dropdown-menu li:hover > a {
    font-weight: bold;
    color: #2c2d32; }
  #header nav ul.nav-main .dropdown-submenu > .dropdown-menu {
    left: 0; }
  .has-hover-image {
    height: 71px; }
  .hover-product-mobile {
    display: block !important;
    width: 69px;
    height: 69px;
    float: left; }
    .hover-product-mobile img {
      width: 100%;
      height: auto; }
  #header nav ul.nav-main ul.dropdown-menu > li > a.mobile {
    padding: 0 7px; }
  #header nav ul.nav-main ul.dropdown-menu > li > a.mobile span {
    line-height: 63px;
    padding-left: 20px;
    font-size: 16px;
    color: #2C2D32;
    font-weight: bold; }
  .list-news .item .info {
    z-index: 0; }
  .transition {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
  .share {
    background: #EEEEEE;
    padding-top: 12px;
    padding-bottom: 6px; }
  .list-noticia .item-noticia {
    border: none; }
  #page-noticias, #page-novidades {
    padding-top: 115px; }
  .slider-destaque .item-destaque .title {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px;
    margin-top: 100px;
    margin-left: 15px;
    margin-right: 15px; }
  .slider-destaque .item-destaque {
    height: 460px; }
  #page-contatos .info {
    margin-left: -15px;
    margin-right: -15px; }
  #page-produto-view .especificacoes .title-section {
    font-size: 28px; }
  #page-produto-view {
    padding-top: 62px; }
  footer .logo-news {
    /*margin-left: 15px;*/
    padding-bottom: 0; }
  footer .form-news {
    /*margin-left: 15px;*/
    margin-top: 15px; }
  footer .form-news input {
    /*width: 280px;*/ }
  footer .form-news .btn-default {
    /*width: 280px;*/
    margin-left: 0; }
  footer .logo-news .separador {
    /*display: none;*/ } }

@media (min-width: 768px) and (max-width: 1310px) {
  #header nav ul.nav-main > li {
    padding-left: 9px;
    padding-right: 9px; }
  #header nav ul.nav-main li a {
    font-size: 10px; }
  .navbar-default .navbar-brand {
    padding: 26px 0;
    max-width: 190px; } }

@media (min-width: 768px) and (max-width: 1000px) {
  .navbar-default .navbar-brand {
    max-width: 120px;
    margin-top: 10px; } }

@media (min-width: 768px) and (max-width: 991px) {
  .navbar-default .navbar-brand {
    padding: 5px 0; }
  #header nav ul.nav-main > li {
    padding: 0 5px; }
  /*#header nav ul.nav-main li a {
        font-size: 12px;
    }*/
  #categoria-produto .bloco-linhas .produto-linha {
    text-align: center; }
  .navbar-default .navbar-collapse {
    float: left; }
  .navbar-header {
    float: none; } }

@media (min-width: 992px) and (max-width: 1199px) {
  footer .logo-news .separador {
    margin-left: 10px;
    margin-right: 10px; } }

@media (min-width: 557px) {
  footer .logo-news p.p-mobile {
    display: none; } }

@media (max-width: 556px) {
  footer .logo-news p.p-desktop {
    display: none; }
  footer .logo-news .separador {
    display: none; } }
