@font-face {
  font-family: 'rimouski_lightregular';
  src: url("../fonts/rimouski-light-webfont.woff2") format("woff2"), url("../fonts/rimouski-light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
.no-js #loader {
  display: none; }

.js #loader {
  display: block;
  position: absolute;
  left: 100px;
  top: 0; }

.se-pre-con {
  position: fixed;
  overflow: hidden;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(../img/Preloader_1.gif) center no-repeat #000; }

* {
  margin: 0px;
  padding: 0px;
  position: relative; }

.cls {
  clear: both; }

h1, h2 {
  color: #A3D900;
  margin-bottom: 0px;
  font-family: rimouski_lightregular; }

.border-green {
  border: 3px #A3D900 solid; }

body {
  border-top: 5px #A3D900 solid;
  background: #000;
  color: #FFF; }

/*
#loading{
    position: fixed;
    background: rgba(0,0,0,.9);
    width: 100%;
    height: 100%;
    z-index: 10000;
    img{
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -72px;
        margin-top: -21px;
    }
}*/
header {
  z-index: 1000;
  border-bottom: 1px #A3D900 solid; }
  header .info {
    float: right;
    padding-right: 15px;
    color: #A3D900; }
    header .info a {
      color: #A3D900;
      display: inline-block;
      z-index: 10; }
      header .info a i {
        font-size: 15px; }
  header nav {
    background: #000;
    margin-top: 10px;
    margin-bottom: 10px !important; }
    header nav .logo {
      margin-top: -100px;
      opacity: 0;
      width: 0%; }
    header nav ul li.active {
      background: #A3D900; }
      header nav ul li.active a {
        color: #000; }
    header nav ul li a {
      color: #FFF;
      transition-duration: 1s; }
      header nav ul li a:hover {
        background: #A3D900 !important;
        color: #000; }

#banner .item {
  background-position: center !important;
}
#banner {
  background: #555;
  height: 563px;
  max-height: 560px !important;
  border-bottom: 5px #A3D900 solid;
  overflow: hidden !important; }
  #banner .item {
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: center !important;
    height: 558px;
    padding-top: 18%; }
    #banner .item .texto_1 {
      background: #A3D900;
      color: #000;
      width: 45%;
      font-size: 30px;
      text-align: right;
      padding: 10px 30px 10px 0px; }
    #banner .item .texto_2 {
      background: rgba(255, 255, 255, 0.8);
      color: #666;
      width: 40%;
      font-size: 30px;
      text-align: right;
      padding: 10px 10px 10px 0px;
      margin-top: -10px; }
  #banner .owl-controls {
    position: absolute;
    bottom: 0px; }
    #banner .owl-controls .owl-nav {
      padding-left: 30px; }
      #banner .owl-controls .owl-nav div {
        float: left;
        width: 50px;
        color: #000;
        background: #A3D900;
        text-align: center;
        padding: 5px 10px; }
        #banner .owl-controls .owl-nav div i {
          font-size: 20px; }
        #banner .owl-controls .owl-nav div:hover {
          opacity: 0.8; }
      #banner .owl-controls .owl-nav .owl-prev {
        border-right: 1px #FFF solid; }
      #banner .owl-controls .owl-nav .owl-next {
        border-left: 1px #89B504 solid; }

.fibra-polipropileno {
  margin-top: 20px;
  color: #A3D900;
  background: url("../img/lajes-com-fibra-de-polipropileno.png") no-repeat left top;
  border-bottom: 1px #444 solid;
  padding-bottom: 25px; }
  .fibra-polipropileno .border-green {
    margin-right: 10px; }
  .fibra-polipropileno ul li {
    list-style: none;
    color: #FFF; }
    .fibra-polipropileno ul li i {
      color: #A3D900; }
  .fibra-polipropileno .bt-orcamento {
    background: url("../img/back_green.png");
    display: inline-block;
    text-align: center;
    color: #000;
    padding: 10px 50px;
    font-size: 20px;
    margin: 40px 25px; }
    .fibra-polipropileno .bt-orcamento:hover {
      text-decoration: none;
      opacity: 0.8; }

.contrulajes h3 {
  color: #A3D900;
  font-size: 20px;
  margin-bottom: 25px; }
  .contrulajes h3 span {
    background: #A3D900;
    padding: 5px 10px; }
  .contrulajes h3.produto span {
    color: #000; }
  .contrulajes h3.trabalho span {
    background: #666;
    color: #FFF; }
.contrulajes img {
  border: 3px #A3D900 solid;
  width: 100%;
  margin-bottom: 15px; }
.contrulajes a {
  padding: 5px 15px;
  float: right; }
  .contrulajes a.produto {
    background: #A3D900;
    color: #000; }
  .contrulajes a.trabalho {
    background: #666;
    color: #FFF; }

.obras {
  color: #A3D900; }
  .obras a {
    color: #A3D900;
    text-decoration: none; }
  .obras .owl-controls {
    position: absolute;
    width: 100% !important;
    background: #555;
    top: 0px; }
    .obras .owl-controls .owl-nav div {
      width: 40px;
      color: #A3D900;
      text-align: center;
      padding: 5px 10px;
      position: absolute;
      top: -40px; }
      .obras .owl-controls .owl-nav div i {
        font-size: 20px; }
      .obras .owl-controls .owl-nav div:hover {
        opacity: 0.8; }
    .obras .owl-controls .owl-nav .owl-prev {
      right: 40px; }
    .obras .owl-controls .owl-nav .owl-next {
      right: 0px; }

.social {
  color: #000;
  margin: 2px 0; }
  .social h3 {
    font-size: 25px;
    color: #016C9A; }
  .social .list {
    background: #A3D900;
    padding: 10px 0px; }
    .social .list .rede-compartilhe {
      text-align: right; }
    .social .list label {
      font-size: 30px;
      padding: 5px 0;
      font-size: 12px;
      display: inline-block;
      line-height: 18px;
      margin: 0px;
      margin-top: 2px;
      padding: 0px 20px; }
    .social .list .ball-white {
      background: #000;
      color: #A3D900;
      display: inline-block;
      width: 25px;
      height: 25px;
      line-height: 25px;
      text-align: center;
      margin: 2px 2px;
      border-radius: 100%; }

#obras .photoGrid .item {
  float: left;
  margin: 2px;
  /* Spacing between images */ }
  #obras .photoGrid .item img {
    width: 100%;
    max-width: 100%;
    max-height: 100%; }
#obras .photoGrid a {
  text-decoration: none; }
#obras .photoGrid h2 {
  font-size: 16px;
  position: absolute;
  bottom: 13px;
  background: #A3D900;
  padding: 5px 10px;
  color: #000; }
#obras .photoGrid img {
  image-rendering: auto;
  border: 2px #A3D900 solid; }
  #obras .photoGrid img:hover {
    opacity: 0.8;
    image-rendering: auto; }

#produtos img {
  border: 3px #A3D900 solid;
  margin-bottom: 20px; }

#qualidade img {
  width: 100%;
  border: 1px #CCC solid;
  padding: 2px; }
#qualidade ul {
  margin-left: 30px; }
  #qualidade ul li {
    margin-bottom: 20px; }
#qualidade .list li {
  margin: 0px; }

#lancamento {
  margin-top: 20px;
  color: #A3D900;
  background: url("../img/lajes-com-fibra-de-polipropileno.png") no-repeat left top;
  border-bottom: 1px #444 solid;
  padding-bottom: 25px; }
  #lancamento .border-green {
    margin-right: 10px;
    float: left; }
  #lancamento .texto {
    display: inline-block;
    float: left;
    width: 40%; }
  #lancamento ul li {
    list-style: none;
    color: #FFF; }
    #lancamento ul li i {
      color: #A3D900; }

#contato {
  color: #A3D900; }
  #contato .form-control {
    background: #000;
    border: 1px #CCC solid;
    color: #A3D900;
    border-radius: 0px; }
  #contato .btn {
    padding: 7px 35px; }
  #contato .dados {
    font-size: 12px;
    color: #FFF; }
  #contato .dados_endereco {
    color: #FFF;
    font-size: 10px; }
    #contato .dados_endereco .telefone {
      font-size: 20px; }
    #contato .dados_endereco i {
      float: left;
      font-size: 35px;
      margin-right: 10px;
      color: #A3D900; }
  #contato .mapas {
    border: 1px #CCC solid;
    margin-top: 10px; }

.mapa {
  width: 100%;
  height: 300px; }

.endereco {
  background: #A3D900;
  color: #000;
  padding: 20px 0; }
  .endereco i {
    font-size: 30px;
    float: left;
    margin-right: 10px;
    margin-top: 5px; }
  .endereco .btOrcamento {
    border: 1px #000 solid;
    padding: 10px 25px;
    color: #000;
    float: right;
    margin-top: 5px; }
    .endereco .btOrcamento:hover {
      text-decoration: none;
      background: #000;
      color: #A3D900; }

footer {
  padding: 20px 0px 0px 0px;
  color: #A3D900; }
  footer ul li {
    list-style: none; }
    footer ul li a {
      color: #A3D900; }
      footer ul li a:hover {
        text-decoration: none;
        color: #CCC; }
  footer h2 {
    margin: 0px; }
  footer .inNews {
    border: 1px #A3D900 solid;
    background: #000;
    padding: 1px 10px; }
  footer .btNews {
    background: #A3D900;
    border: 1px #000 solid;
    color: #000;
    padding: 2px 10px; }
    footer .btNews:hover {
      background: #000;
      color: #A3D900;
      border: 1px #A3D900 solid; }
  footer .line {
    border-right: 1px #A3D900 solid;
    position: absolute;
    left: 0px;
    height: 100px; }
  footer .copyright {
    border-top: 1px #CCC solid;
    background: #EAEAEA;
    color: #777777;
    text-align: center;
    font-size: 12px;
    line-height: 25px;
    margin-top: 30px; }
  footer .digitalone {
    position: absolute;
    right: 10px;
    font-size: 9px; }
    footer .digitalone a {
      font-size: 12px; }
      footer .digitalone a span {
        color: #69008C; }

@media (min-width: 768px) and (max-width: 991px) {
  nav a {
    padding: 5px !important; }

  .fibra-polipropileno .mais_resistencia {
    margin: 0px !important;
    padding-top: 250px; }
  .fibra-polipropileno .bt-orcamento {
    width: 100%;
    margin: 0px; }

  #lancamento .mais_resistencia {
    padding-top: 250px !important; } }
@media (max-width: 767px) {
  .aCopy {
    display: none; }

  .info {
    margin-top: 10px !important;
    padding: 0px !important; }

  h2 {
    font-size: 18px !important; }

  #banner .texto_1 {
    width: 90% !important; }
  #banner .texto_2 {
    width: 80% !important; }

  .fibra-polipropileno .mais_resistencia {
    margin: 0px !important;
    padding-top: 250px; }
  .fibra-polipropileno .bt-orcamento {
    width: 100%;
    margin: 0px; }

  .navbar-toggle {
    background: #A3D900 !important; }
    .navbar-toggle .icon-bar {
      background: #000 !important; }

  .navbar-collapse {
    margin-top: 60px; }

  .social .compartilhar {
    display: none; }

  .endereco .btOrcamento {
    width: 100%;
    text-align: center; }

  .logo_rodape {
    margin: 20px 0 !important;
    display: block; }

  .line {
    display: none; }

  .text2 {
    text-align: right; }

  #lancamento {
    background: none !important; }
    #lancamento .bloco2, #lancamento .texto {
      margin-top: 20px !important; } }
@media (max-width: 451px) {
  .navbar-brand {
    padding: 13px 0px !important; }

  .info {
    display: none; }

  .logo {
    position: absolute;
    width: 250px !important;
    margin-top: -12px; }

  #banner .item {
    padding-top: 38% !important; }
    #banner .item .texto_1 {
      font-size: 22px !important; }
    #banner .item .texto_2 {
      font-size: 22px !important; } }
@media (max-width: 394px) {
  .fibra-polipropileno .border-green {
    width: 45%; } }

/*# sourceMappingURL=style.css.map */