/*===============================================
  Imports
================================================= */
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');
@import url('https://fonts.googleapis.com/css?family=Arimo:400,400i,700,700i');
@import url('/skins/frontend/default/fonts/Montserrat%20Light/stylesheet.css');

/*===============================================
  GERAL
================================================= */
html, body{ font-family: 'Montserrat', arial, sans-serif !important;height: 100%; -ms-overflow-style: scrollbar;  -webkit-font-smoothing: antialiased; background-color: #e4e4e4;}
body{ overflow-x:hidden;}
.ease-in-out-300{ -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
.display-table{ display: table; width: 100%; height: 100%; min-height: 100%; }
.table-cell{ display: table-cell; height: 100%; vertical-align: middle; }
.reset-ul{ display: block; list-style-type: none; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 0px; padding-left: 0px; }
.arimo{font-family: 'Arimo' !important;}

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

.col-sm-show{display: none;}


h1{font-size: 32px !important;}
h2{font-size: 26px !important;}
h3{font-size: 20px !important;}
h4{font-size: 14pX !important;}
h5{font-size: 10px !important;}
h6{font-size: 8px !important;}
p{font-size: 12px !important;}

/*===============================================
  A. MENU
================================================= */
.el-menu{width: 100%;z-index: 10;position: fixed;padding-top: 10px;}
.el-menu.down{background-color: white;padding-top: 0;}
.logo-container{padding-left: 0;z-index: 1;}
.menu-container{padding-right: 0;z-index: 1;}
.logo{width: 100%;max-width: 150px;background-color: white;padding: 7px;}

.el-menu.down .logo{max-width: 120px;}

.menu-btn{ background: black;  float: right;
    height: 60px;
    width: 60px;
    display: block;
    padding: 15px 10px;}
.menu-btn span{ display: inline-block;float: right; width: 100%; margin-bottom: 10px; height: 3px;  background-color: white;
  -webkit-transition: all 100ms linear; -moz-transition: all 100ms linear; -o-transition: all 100ms linear; transition: all 100ms linear;
}
.menu-btn span:last-child{width: 75%;}

.menu-btn.active span:first-child{margin-bottom: 0;transform: rotate(-45deg);margin-top: 10px;}
.menu-btn.active span:nth-child(2){margin-bottom: 0;transform: rotate(45deg);    margin-top: -2px;}
.menu-btn.active span:last-child{display: none;}

.menu{position: fixed;  width: 100%;  top: 0;  height: 100%;  background: rgba(0,0,0,0.7);display: none;}
.menu-inner{width: 100%;  height:100%;padding-top: 15%;  background-color: black;  padding-bottom: 15px; color: white;}
.menu-inner ul{text-align: center;font-weight: bold;font-size: 22px;text-transform: uppercase;margin-bottom: 35px;}
.menu-inner ul > li{display: inline-block;margin-right: 35px;}
.menu-inner ul > li:last-child{display: inline-block;margin-right: 0;}

.languages{position: fixed;right: 0;top: 75px;background-color: white;padding: 10px;text-align: center;z-index: 11;}
.languages a{color: #595959;font-size: 10px;font-weight: 300;}
.languages .active a{font-weight: 600;}

.frame-t{position: fixed;z-index: 2;top:0;left: 0;width: 100%;height: 10px;background-color: white;}
.frame-r{position: fixed;z-index: 2;top:0;right: 0;width: 10px;height: 100%;background-color: white;}
.frame-l{position: fixed;z-index: 2;top:0;left: 0;width: 10px;height: 100%;background-color: white;}
.frame-b{position: fixed;z-index: 2;bottom:0;left: 0;width: 100%;height: 10px;background-color: white;}

/*===============================================
  B. BANNERS & INDEX
================================================= */
.banners{/*height: 620px;*/height: 550px;}
.banners.page-banner{height: 300px;}
.owl-carousel .owl-stage-outer, .owl-carousel .owl-stage, .owl-carousel  .owl-item{height: 100%;}
.banners.owl-carousel .owl-stage-outer{margin-left: -19.25%;}
.banner-item{height: 100%;width: 100%;background-size: cover !important;background-position: center center !important;background-repeat: no-repeat !important;}
.banner-item-message{padding: 15px 30px;background-color: white;text-align: right;text-transform: uppercase;font-weight: 700;font-size: 26px;line-height: 26px;color:#000;}

.prods-index{background-color: #f9f9f9;height: 500px;}
.prods-index h1{color: black;  text-transform: uppercase;  font-weight: bold;  letter-spacing: 2px; margin-top: 25px;}
.prods-index-desc{/*font-size: 16px;*/olor: #595959;margin-top: 15px; font-weight: 300;line-height: 22px;}
.prods-index-300{height: 250px;background-color: white;overflow: hidden;}
.prods-index-300 h3{color: black;  text-transform: uppercase;  font-weight: bold;  letter-spacing: 2px;margin-top: 25px;}
.prods-index-300-desc{color: #595959;margin-top: 15px; font-weight: 300;}
.prod-overlay{background-color: rgba(0,0,0,0);position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;}
.active-overlay:hover .prod-overlay{background-color: rgba(0,0,0,0.3);}
.prod-image{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-size: cover !important;background-position: center center !important; background-repeat: no-repeat !important;}
/* ARROWS */
.arrow-up {
  z-index: 2;  position: absolute;  left: 45%;  bottom: 0;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid white;
}
.arrow-down {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid white;
}
.arrow-right {
  z-index: 2;  position: absolute;  top: 45%;  left: 0;
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid white;
}
.arrow-left {
  z-index: 2;  position: absolute;  top: 45%;  right: 0;
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-right:20px solid white;
}

.catalog-download{background-color: #faa146;color:white;height: 250px;overflow: hidden;color: white;text-transform: uppercase;z-index: 1}
.catalog-download:hover, .catalog-download:focus, .catalog-download:active{color: white;text-decoration: none;}
.catalog-download h1{letter-spacing: 2px;margin-top: 35px;font-weight: bold; margin-bottom: 0px;}
.catalog-row{display: block;color: white; height: 3px; width: 100%; max-width: 80px; background: white;margin-bottom: 35px;}
.catalog-download h4{letter-spacing: 2px;font-weight: bold;}
.catalog-download .fa{position: absolute;bottom: -50px;  left: -80px;  font-size: 350px;  opacity: 0.3;}
.catalog-pic{position: absolute;width: 100%;height: 250px;z-index: 0;background-size: cover !important;background-position: left center !important; background-repeat: no-repeat !important;}

.index-company{background-color: white;padding-bottom: 15px;}
.index-news{background-color: #dddcdc;padding-bottom: 15px;}
.big-title{letter-spacing: 2px;font-weight: bold;text-transform: uppercase;margin: 25px 0 15px;}
.common-text{font-weight: 300;font-size: 16px;color: #595959;line-height: 24px;}
.index-new h3{margin-bottom: 5px;    margin-top: 20px;}
.go-to-new{font-size: 16px; text-transform: uppercase;letter-spacing: 2px;font-weight: bold;float: right;}

.vid-overlay{background-color: rgba(0,0,0,0.3);position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.vid-image{position:absolute;width:100%;height:100%;left:0;top:0;background-size: cover !important;background-position: center center !important; background-repeat: no-repeat !important;}
.popup-youtube{    color: white;
    font-size: 68px;
    position: relative;
    top: 32%;
    width: 100%;
    text-align: center;
    margin-left: 10px;}

.h215{height: 215px;}
.bg-white{background-color: white;}
.newsletter{background: #000000;}
.newsletter h2{color: white;font-weight: bold;letter-spacing: 2px;text-transform: uppercase;margin-bottom: 0;}
.newsletter .catalog-row{margin-bottom: 50px;}
#Newsletter-form .form-control{border-radius: 0;}
#Newsletter-form .btn{background: #000000;color: white;letter-spacing: 2px;font-weight: bold;text-transform: uppercase;padding-right: 0;font-size: 16px;}

/*===============================================
  C. Breadcrumbs
================================================= */
.blackie{position: absolute;left: 0;width: 35%;z-index: 0;background-color: #000000;}
.breadcrumbs{background-color: black;color: white;}
.breadcrumbs .big-title{margin: 10px 0;}
.bread-links{color: #7e7e7e;font-size: 10px;letter-spacing:1px;text-transform: uppercase;margin-bottom: 10px;}
.bread-links span{color:white;}

/*===============================================
  D. Empresa
================================================= */
.company-vid{height: 250px;}
.company-text{background-color: white;padding: 30px 15px;}
.company-pics{background-color: #f9f9f9;padding: 0;}
.company-vid.company-vid-hidden{display: none;}

/*===============================================
  E. Serviços
================================================= */
.col2{-webkit-column-count: 2;  -moz-column-count: 2;  column-count: 2;  -webkit-column-gap: 80px;  -moz-column-gap: 80px;  column-gap: 80px;  padding-bottom: 1px;}

/*===============================================
  F. Noticias
================================================= */
.news-resume{height: 155px;  overflow: hidden;  padding-top: 0px;  padding-bottom: 20px;font-weight: 300;    font-size: 14px;}
.news h3{text-transform: none;}
.news-title{color:black;margin-bottom: 20px;}

/*===============================================
  G. Produtos
================================================= */
.affix{ top: 60px; max-width: 292px;  width: 100%;  }
.product-catalog{background-color: #f9f9f9;}

#product-slider .owl-nav{    position: absolute;  bottom: 0;  right: 0;}
#product-slider .owl-prev{    padding: 20px 25px;;  background: white; color: black;  display: inline-block;  font-size: 22px;}
#product-slider .owl-next{    padding: 20px 25px;;  background: black; color: white; display: inline-block;  font-size: 22px;}
.product-options{padding-top: 25px;background-color: #f9f9f9;}
.product-opt{padding-top: 20px;padding-bottom: 20px;text-transform: uppercase;font-weight: 600;color: #000000;font-size: 16px;overflow: hidden;position: relative;}
.product-opt .fa{color: #f1f1f1;position: absolute;right: -5px;  font-size: 80px;  top: -15px;}

/*===============================================
  G. Contactos
================================================= */
.map{width:100%;height:400px;}
.map iframe{width: 100%;height: 100%;}
.contact-box{background-color: white;padding-top: 15px;padding-bottom: 15px;  }

#contactForm .form-control{border-radius: 0;}
#contactForm textarea{resize: none;}
.sub-btn{   background-color: black;  color: white;  font-size: 12px;  padding: 7px 20px; margin-right: 10px;}
.res-btn{background-color: #cccccc;  color: white;  font-size: 12px;  padding: 7px 20px;}

/*===============================================
  Z. FOOTER
================================================= */
.footer-row{padding-top: 25px;padding-bottom: 25px;}
.footer-qren{padding-left: 0;}
.footer-sign{padding-right: 0;text-align: right;font-weight: 300;font-size: 12px;}


/*===============================================
  MEDIA QUERIES
================================================= */
@media all and (max-width: 1440px){
  .banners.owl-carousel .owl-stage-outer{margin-left: -9.35%;}
}

@media all and (max-width: 1366px){
  .banners.owl-carousel .owl-stage-outer{margin-left: -6.65%;}
  .banners{height: 400px;}
}

@media all and (max-width: 1024px){
  .banners.owl-carousel .owl-stage-outer{margin-left: 0;}
}

@media all and (max-width: 992px){
  .col-sm-hide{display: none;}
  .col-sm-show{display: block;}
  .el-menu{    background-color: white;  padding-top: 0;}
  .menu-inner{height: 100%;    padding-top: 100px;}
  .menu-opts > li{display: block !important;  margin: 0 auto;  width: 100%;  max-width: 450px;  margin: 0 auto !important;  margin-bottom: 5% !important;  padding-bottom: 2%;  border-bottom: 1px solid #4d4d4d;}
  .banner-item .table-cell{vertical-align: bottom;padding-bottom: 35px;}
  .languages{position: absolute;top:125px;z-index: 2;}
  .prods-index{height: auto;text-align: center;}
  .prods-index-desc{    padding-bottom: 25px;  padding-top: 25px;  margin-top: 0;}
  .equal-height{height: auto !important;}
  .index-company,.index-news{text-align: center;}
  .newsletter h2{margin-top: 0;  padding-top: 25px; text-align: center;}
  .newsletter .catalog-row{background-color: transparent;}

  .companyH, .serviceH, .newsH, .productsH, .categoryH{height: auto !important;}
  .col2{-webkit-column-count: initial;  -moz-column-count: initial;  column-count: initial;}

  .news-title{text-align: center;}
  .news-text{text-align: justify;}
  .noticias-pics{padding: 0 15px;}
  .cpic{padding: 0;}

  .affix{position: relative !important;max-width: 100%;top: 0;text-align: center;}
  .affix .catalog-download{height: 245px;}
  .affix .catalog-download h1{margin-top: 55px;}
  .affix .catalog-row{background-color: transparent;}

  .prod-cat{height: auto !important;text-align: center;padding-bottom: 15px;}
  .prod-cat .news-resume{height: auto;}
  .productsH .arrow-left, .productsH .arrow-right{display: none;}
  .categoryH .arrow-left, .categoryH .arrow-right, .categoryH .arrow-up{display: none;}
  .invert a .prods-index-300:first-child{float: right;}
  .invert a .prods-index-300:last-child{float: left;}

  .product-options{padding-bottom: 25px;    display: inline-block;  width: 100%;}
  .product-opt{width: 50%;display: inline-block;float: left;text-align: center;}
  .product-opt a{position: relative;z-index: 1;}
  .product-opt .fa{right: 41%;}

  .map{height: 350px;}
  .contact-box{text-align: center;}
  #contactForm{text-align: left;}

  .footer-qren{text-align: center; padding-bottom: 15px;padding-left: 15px;}
  .footer-qren img{margin: 0 auto;}
  .footer-sign{text-align: center;    padding-right: 15px;}
}

@media all and (max-width: 768px){

    h1{font-size: 28px !important;}
    h2{font-size: 24px !important;}
    h3{font-size: 16px !important;}
    h4{font-size: 12pX !important;}

    .breadcrumbs{
        height: auto !important;
        text-align: center;
    }
    .bread-links{display: none;}

  .catalog-pic{display: none;}

  .frame-t, .frame-b{height: 5px;}
  .frame-r, .frame-l{width: 5px;}
  .logo-container{text-align: center;padding-left: 15px;}
  .banner-item-message{font-size: 36px;  line-height: 36px;}
  .catalog-download h1{font-size: 28px;}

  .productsH .prods-index-300{height: 200px;}

  .page-banner{height: 350px;}

  .common-text{font-size: 14px;}

    .affix .catalog-download{height: 150px;}

  .footer-sign{font-size: 12px;}
  .footer-qren img{max-width: 80%;}
  .catalog-download{height: 150px;}
  .catalog-download .fa{bottom: -45px;  left: -20px;  font-size: 250px;}
  /*.company-vid{display: none;}
  .company-vid.company-vid-hidden{display: block;    height: 200px;}*/
  /*.product-opt{width: 100%;text-align: center;}*/
}

@media all and (max-width: 620px){
  .menu-opts > li{    margin-bottom: 6% !important;padding-bottom: 6%;}

  .banners{height: 450px;}
  .banner-item-message{font-size: 18px;line-height: 18px;}

  .prods-index-300 h3{margin-top: 15px;font-size: 16px;}
  .prods-index-300-desc{margin-top: 0;  font-size: 12px;}

  .catalog-download h1{font-size: 18px;}
  .catalog-download h4{font-size: 14px;}

  /*.product-opt .fa{display: none;}*/
  .product-opt{width: 100%;text-align: center;}
  .product-opt .fa{right: 38%;}


}