/*!
 * Start Bootstrap - Creative v3.3.7+1 (http://startbootstrap.com/template-overviews/creative)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

 @font-face {
    font-family: 'robotoblack';
    src: url('../fonts/roboto-black-webfont.woff2') format('woff2'),
         url('../fonts/roboto-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotoblack_italic';
    src: url('../fonts/roboto-blackitalic-webfont.woff2') format('woff2'),
         url('../fonts/roboto-blackitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotobold';
    src: url('../fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('../fonts/roboto-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotobold_italic';
    src: url('../fonts/roboto-bolditalic-webfont.woff2') format('woff2'),
         url('../fonts/roboto-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotoitalic';
    src: url('../fonts/roboto-italic-webfont.woff2') format('woff2'),
         url('../fonts/roboto-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotolight';
    src: url('../fonts/roboto-light-webfont.woff2') format('woff2'),
         url('../fonts/roboto-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotolight_italic';
    src: url('../fonts/roboto-lightitalic-webfont.woff2') format('woff2'),
         url('../fonts/roboto-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotomedium';
    src: url('../fonts/roboto-medium-webfont.woff2') format('woff2'),
         url('../fonts/roboto-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotomedium_italic';
    src: url('../fonts/roboto-mediumitalic-webfont.woff2') format('woff2'),
         url('../fonts/roboto-mediumitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotothin';
    src: url('../fonts/roboto-thin-webfont.woff2') format('woff2'),
         url('../fonts/roboto-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotothin_italic';
    src: url('../fonts/roboto-thinitalic-webfont.woff2') format('woff2'),
         url('../fonts/roboto-thinitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'Avenir Black';
    src: url('../fonts/avenir/AvenirLTStd-Black.woff') format('woff'),         
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir Roman';
    src: url('../fonts/avenir/AvenirLTStd-Roman.woff') format('woff'),         
    font-weight: normal;
    font-style: normal;
}

    

html,
body {
  height: 100%;
  width: 100%;
}
body {
  font-family: 'robotoregular' Arial, sans-serif;
}
hr {
  border-color: #1d9a99;
  border-width: 3px;
  max-width: 50px;
}
hr.light {
  border-color: white;
}
a {
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
  color: #1d9a99;
}
a:hover,
a:focus {
  color: #eb3812;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
}
p {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 20px;
}
.bg-primary {
  background-color: #fff;
}
.bg-dark {
  background-color: #222222;
  color: white;
}
.text-faded {
  color: #727175;
  font-size: 14px;
}
section {
  padding: 100px 0;
}
aside {
  padding: 50px 0;
}
.no-padding {
  padding: 0;
}
.navbar-default {
  background-color: white;
  border-color: rgba(34, 34, 34, 0.05);
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
/*.navbar-default .navbar-header .navbar-brand {
  color: #F05F40;
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}*/

.navbar-default .navbar-header .navbar-brand{font-size: 0;
    background: url(../img/logo-topo.png) no-repeat;
    background-size: 100%;
    width: 150px;
    height: 183px;
    position: fixed;
    top: 0; left: 17%;}


.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus {
  color: #eb3812;
}
.navbar-default .navbar-header .navbar-toggle {
  font-weight: 700;
  font-size: 12px;
  color: #222222;
  text-transform: uppercase;
}
.navbar-default .nav > li > a,
.navbar-default .nav > li > a:focus {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
  color: #222222;
}
.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus:hover {
  color: #1af1ec;
}
.navbar-default .nav > li.active > a,
.navbar-default .nav > li.active > a:focus {
  color: #1af1ec !important;
  background-color: transparent;
}
.navbar-default .nav > li.active > a:hover,
.navbar-default .nav > li.active > a:focus:hover {
  background-color: transparent;
}
@media (min-width: 768px) {
  .navbar-default {
    background-color: transparent;
    border-color: transparent;
  }
  .navbar-default .navbar-header .navbar-brand {
    color: rgba(255, 255, 255, 0.7);
  }
  .navbar-default .navbar-header .navbar-brand:hover,
  .navbar-default .navbar-header .navbar-brand:focus {
    color: white;
  }
  .navbar-default .nav > li > a,
  .navbar-default .nav > li > a:focus {
   color: #386552;
  }
  .navbar-default .nav > li > a:hover,
  .navbar-default .nav > li > a:focus:hover {
    color: #1af1ec;
  }
  .navbar-default.affix {
    background-color: white;
    border-color: rgba(34, 34, 34, 0.05);

  }
  .navbar-default.affix .navbar-header .navbar-brand {
    color: #1d9a99;
    font-size: 0;
    width: 80px;

  }
  .navbar-default.affix .navbar-header .navbar-brand:hover,
  .navbar-default.affix .navbar-header .navbar-brand:focus {
    color: #1af1ec;

  }
  .navbar-default.affix .nav > li > a{color: #1d9a99}
  .navbar-default.affix .nav > li > a:focus {
    color: #1af1ec;
  }
  .navbar-default.affix .nav > li > a:hover,
  .navbar-default.affix .nav > li > a:focus:hover {
    color: #1af1ec;
  }
}

/* Home Page Carousel */


header.carousel {
    height: 70%;
    position: relative;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
.barraVerde{ background-color: #1d9a99;
    width: 100%;
    z-index: 999;
    /*background-image: linear-gradient( to right, #1d9a99 90%,#00644f 10%); */    
    overflow: hidden;}


@media (min-width: 2000px) {
  .barraVerde{background-image: linear-gradient( to right, #1d9a99 80%,#00644f 20%);}
}



.barraVerde img{right: 8%;
    position: relative;
    float: right; width: 7%;}
.navbar-default{position: relative; bottom: 0; background: #fff; border-radius: 0; margin-bottom: 0; z-index: 999;border: 0;}

 .navbar-default.affix {
    background-color: white;
    border-color: rgba(34, 34, 34, 0.05);
    top: 0;
    position: fixed;
    width: 100%;
    height: 50px;
    border-radius: 0; z-index: 999; }


@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}


.section-heading {
  margin-top: 0;
  color:#386552;
  
  margin-bottom: 50px;
}
.service-box {
  max-width: 400px;
  margin: 50px auto 0;
}
@media (min-width: 992px) {
  .service-box {
    margin: 20px auto 0;
  }
}
.service-box p {
  margin-bottom: 0;
}
.portfolio-box {
  position: relative;
  display: block;
  max-width: 650px;
  margin: 0 auto;
}
.portfolio-box .portfolio-box-caption {
  color: white;
  opacity: 0;
  display: block;
  background: rgba(240, 95, 64, 0.9);
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  padding: 0 15px;
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
  font-size: 18px;
}
.portfolio-box:hover .portfolio-box-caption {
  opacity: 1;
}
.portfolio-box:focus {
  outline: none;
}
@media (min-width: 768px) {
  .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
    font-size: 16px;
  }
  .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    font-size: 22px;
  }
}
.call-to-action h2 {
  margin: 0 auto 20px;
}
.text-primary {
  color: #1d9a99;
}
.no-gutter > [class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}
.btn-default {
  color: #222222;
  background-color: white;
  border-color: white;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #222222;
  background-color: #f2f2f2;
  border-color: #ededed;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: white;
  border-color: white;
}
.btn-default .badge {
  color: white;
  background-color: #222222;
}
.btn-primary {
  color: white;
  background-color: #1d9a99;
  border-color: #1d9a99;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: white;
  background-color: #ee4b28;
  border-color: #ed431f;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #1d9a99;
  border-color: #1d9a99;
}
.btn-primary .badge {
  color: #1d9a99;
  background-color: white;
}
.btn {
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  border: none;
  border-radius: 300px;
  font-weight: 700;
  text-transform: uppercase;
}
.btn-xl {
  padding: 15px 30px;
}
::-moz-selection {
  color: white;
  text-shadow: none;
  background: #222222;
}
::selection {
  color: white;
  text-shadow: none;
  background: #222222;
}
img::selection {
  color: white;
  background: transparent;
}
img::-moz-selection {
  color: white;
  background: transparent;
}
body {
  webkit-tap-highlight-color: #222222;
}

#sobre{padding-top: 150px;}
#sobre .titulos{font-family: 'robotomedium'; color: #386552; font-size: 18px; text-transform: uppercase; margin-top: 30px;}

#produtos{padding-top: 0;}
#produtos .section-heading{font-family: 'robotobold'; font-size: 40px; background: #fff; display: inline; padding: 0 30px; position: relative; z-index: 6;}
#produtos .tituloProdutos{}
#produtos .sepProdutos{background: #1d9a99; max-width: 80%; height: 2px; display: inline-block; width: 100%; position: absolute; left: 11%; top: 24px; z-index: 5;}

#produtos .btn-especificacoes{font-size: 14px; background: transparent; color: #727175; text-transform: none; font-weight: 100;  padding: 10px 0;}
#produtos .btn-especificacoes:hover{color:#386552;}
#produtos .glyphicon.glyphicon-save{color: #6092bb; margin-right: 10px;}
#produtos h2{color: #386552; font-size: 25px; font-family: 'robotobold'; margin-bottom: 10px; margin-top: 0;}
#produtos h3{color: #386552; font-size: 15px; font-family: 'robotomedium'; margin-bottom: 30px; margin-top: 0;}
#produtos p{color: #727175; font-size: 14px;}
#produtos .img-responsive{float: right;}
#produtos .row{margin-bottom:0;}
#produtos .row.pro{padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #ccc;}

@media (max-width: 700px) {
     #produtos .col-md-5{width: 100%; clear: both; float: none; overflow: hidden;}
     #produtos .col-md-5 img{float: none; margin: 10px auto;}
}



#representantes{background-color: #a3cbcb; padding-top: 0; padding-bottom: 0;}
#representantes .section-heading{font-family: 'robotobold'; font-size: 40px; background: #a3cbcb; display: inline-block; padding: 0 30px; position: relative; z-index: 6; color:#fff;}
#representantes .tituloProdutos{}
#representantes .sepProdutos{background: #fff; max-width: 80%; height: 2px; display: inline-block; width: 100%; position: absolute; left: 11%; top: 24px; z-index: 5;}
#representantes .barraVerde.a{margin-bottom: 80px;}
#representantes .barraVerde.b{margin-top: 80px;}

.voltarTopo{}
.voltarTopo img{display: inline-block; width: 7%;}
.voltarTopo span{display: block; display: block; color: #386552; font-size: 18px; font-family: 'robotobold'; margin-bottom: 30px; margin-top: 0;}
.voltarTopo span:hover{text-decoration: none; border-bottom: 0;}
.voltarTopo:hover{opacity: 0.8;}
.imgFooter{display: inline-block; margin-top: 80px;}

footer{border-top: 1px solid #ccc; padding-top: 50px;}

#contato i{float: none;
    margin-right: 20px;
    margin-bottom: 20px;
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;}
#contato p, #contato p a{font-size: 30px; color: #87868a; line-height: 50px; font-family: 'robotolight'; display: inline-block;}
#contato p a.end{text-align: left; font-size: 25px; line-height: 25px;}
#contato .section-heading{color: #a3cbcb; font-family: 'robotobold'; font-size: 40px;}
#contato .img-responsive{display: inline-block;}


.navbar-collapse.collapse.in{background-color: #fff; border-bottom: 2px solid #ccc;}
.navbar-collapse.collapse.in .navbar-nav > li{float: none; display: block; text-align: right;}

@media(max-width: 1300px) {
   .tabelaResponse{width: auto; position: relative; overflow-x: scroll; -webkit-overflow-scrolling: touch; white-space: nowrap;}
}

@media(max-width: 800px) {
  #contato p, #contato p a{font-size: 20px; text-align: center; display: block;}
  .text-left{text-align: left;}
  #contato i{margin-bottom: 0;}
  #contato .img-responsive {display: block;}
  #contato .text-left{text-align: center;}
  #representantes .section-heading{font-size: 28px;}
  #representantes .sepProdutos{display: none;}
  
}

@media(max-width: 700px) {
    .represent{width: auto;
    position: relative;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;}
  }


.iconIdioma{color: #58585a;
    border: 2px solid #58585a;
    border-radius: 100%;
    padding: 5px 7px;
    font-weight: bold;
    position: fixed;
    top: 6px;
    background: url(../img/trans.png) repeat; }

.iconIdioma:hover{color: #fff;  background: url(../img/trans-cinza.png) repeat; border-color: #fff; text-decoration: none;}
.iconIdioma.pt{right: 23%;}
.iconIdioma.en{right: 20%;}

@media(max-width: 1300px){
  .iconIdioma{}
  .iconIdioma.pt {
    right: inherit;
    left: 10px;}

  .iconIdioma.en {
    right: inherit;
    left: 10px;
    top: 44px;}

  .navbar-default.affix .navbar-header .navbar-brand{width: 72px;}
}


.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 0;
    border-radius: none;
    font-family: 'robotomedium';
    color: #386552;
    opacity: 0.5; padding:0; background-color:transparent; padding-top: 3px;
}


.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover, .nav-tabs > li.active:hover,
.nav-tabs > li.active > a:focus, .nav-tabs > li.active:focus{
    cursor: default;
    background-color: transparent;
    border: 0;
    border-bottom-color: transparent;
    font-family: 'robotomedium';
    color: #386552;
    text-transform: uppercase;
    opacity: 1;
}


.nav-tabs > li.active > a:after, .nav-tabs > li > a:hover:after{content:url("../img/point.png"); display: block; background-color:transparent; border:0;}
.nav-tabs > li > a:after{content:url("../img/point2.png"); display: block; border:0;}


.nav-tabs > li {
    float: none;
    margin-bottom: -1px;
    display: inline-block; border: 0;
}

.nav-tabs > li:hover, .nav-tabs > li:hover a, .nav-tabs > li a:hover{border: 0; background:transparent;}

.nav-tabs {
    border-bottom: 0;
    text-align: center;
    margin-bottom: 50px;
}

.tab-content > .active:hover{}



.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    font-size: 11px;}






