@font-face {
    font-family:'Helvetica_Regular';
    src: url(../lib/fonts/Helvetica_Regular.otf);
}
@font-face {
    font-family:'Opensans_Regular';
    src: url(../lib/fonts/Opensans_Regular.ttf);
}
@font-face {
    font-family:'Opensans_Bold';
    src: url(../lib/fonts/Opensans_Bold.ttf);
}

html {
  position: relative;
  width: 100% !important;
  min-height: 100%!important;
  padding: 0px !important;
}

body {
  margin-top: 60px;
  margin-bottom: 35px;
  line-height: 1.6em !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0px !important;
  background-color: #fff !important;
  font-family: 'Arial' !important;
}

input{
 border-radius: 0px !important
}

.btn-green {
    background-color: #ffffff;
    border-color: #53633b;
    color: #53633b;
    font-family: 'Opensans_Bold';
}
.btn-o {
    background: none !important;
}

.noPadding{
  padding: 0px !important;
}

.noMargin{
  margin: 0px !important;
}
.content{
  min-height:100%;
  position:relative;
  overflow: hidden;
}
/*  Navbar  */
.navbar {
  font-family: 'Helvetica_Regular';  
} 

.navbar *{
  -webkit-transition: all .7s ease-out; /* Safari and Chrome */
  -moz-transition: all .7s ease-out; /* Firefox */
  -ms-transition: all .7s ease-out; /* IE 9 */
  -o-transition: all .7s ease-out; /* Opera */
  transition: all .7s ease-out; 
}

.navbar-G{
  height: 70px;  
  -webkit-transition: all .7s ease-out; /* Safari and Chrome */
  -moz-transition: all .7s ease-out; /* Firefox */
  -ms-transition: all .7s ease-out; /* IE 9 */
  -o-transition: all .7s ease-out; /* Opera */
  transition: all .7s ease-out; 
}

.navbar-S{
  height: 53px;   
  -webkit-transition: all .7s ease-out; /* Safari and Chrome */
  -moz-transition: all .7s ease-out; /* Firefox */ 
  -ms-transition: all .7s ease-out; /* IE 9 */
  -o-transition: all .7s ease-out; /* Opera */
  transition: all .7s ease-out; 
}

.logo-G{
  height: 61px;
}

.logo-S{
  height: 43px;
}

.nav>li>a {
    color:#f66000!important;
    font-size: 1.2em;
}

.nav>li>a>span:hover, .nav>li>a.active>span {
    padding: 1%;
    color:#53633b!important;
    font-size: 1.2em;
    border-top: 4px solid #53633b;
    border-bottom: 4px solid #53633b;   
    -webkit-transition: all .5s ease-out; /* Safari and Chrome */
    -moz-transition: all .5s ease-out; /* Firefox */ 
    -ms-transition: all .5s ease-out; /* IE 9 */
    -o-transition: all .5s ease-out; /* Opera */
    transition: all .5s ease-out; 
}

.navbar-G .navbar-nav>li>a {
  padding-top: 26px;
  padding-bottom: 26px;
}

.navbar-S .navbar-nav>li>a {
  padding-top: 16px;
  padding-bottom: 16px;
}

.navbar-toggle {
  padding: 0px;
  border:none;
}
.navbar-toggle:focus, .navbar-toggle:hover, .navbar-toggle:visited {
  background:none !important;
}

.navbar-G .navbar-toggle {
  margin-right:4px;
  margin-top: 13px;
}

.navbar-S .navbar-toggle {
  margin-right:4px;
  margin-top: 3px;
}

/* Home */
#banner{
  font-family:Helvetica !important;  
}
/*#banner{
  font-family:'Helvetica_Regular';  
}*/
#banner img{
  width: 100%;
  opacity: 0.6;
}
#banner h1{
  color:#53633b;
  font-weight: bold;
  /* font-family:'Helvetica_Regular' !important;   */
}
#banner h3{
  color:#464646;
}

#banner h2{
  color:#464646;
  margin-top: 10%;
}

.carousel-caption {
  padding-bottom: 160px!important;
  text-shadow: none; 
}

.carousel-control{
  padding-top: 20%; 
  padding-bottom: 20%; 
  width:30%
}

.carousel-control.left, .carousel-control.right {
    background: none;
}

.thumb-icone{
  max-width:90px; 
  z-index:1; 
  position: absolute; 
  left:38%;
}
.thumb-icone-desc{
  max-width:90px; 
  z-index:1; 
  position: absolute; 
  left:47%;
}
.thumbnail{
  color:initial;
  margin-top: 50px;
  border-radius: 10px
}

a.thumbnail:hover,a.thumbnail:focus{
  border-color: #F66100 !important;
  text-decoration: none !important;
}

.thumbnail img{
  width: 100%;
  border-radius: 10px 10px 0 0;
}
#home .descricao{
  font-size: larger;
}
/* Orçamento */

#orcamento  .produtos input{
  max-width: 43px;
  height: 19px
}

#orcamento  .produtos tr td{
  vertical-align: middle;
}


#orcamento  .produtos tr td:first-child{
  text-align: left;
}
#orcamento  .produtos tr td:last-child, #orcamento  .produtos tr th:last-child{
  width:10%;
}

/*  Footer  */
.footer{
  background-color: #384427;
  color:white;
  position:absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
}

@media screen and (max-width: 1030px) {
  .carousel-caption {
    padding-bottom: 20px!important;
  }
}

@media screen and (min-width: 768px) {
  .navbar >.container{
    padding-left: 5px!important;
    padding-right: 5px!important;
  }
}

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

  .carousel-caption {
    padding-bottom: 40px!important;
  }
  #banner h1{
    font-size: 1.6em;    
  }
  #banner h3{
    font-size: 1.2em;
  }

  #banner h2{
    font-size: 1.4em;      
  }
  .thumb-icone{
    width:80px; 
    z-index:1; 
    position: absolute; 
    left:33%;
  }
  #home .descricao{
    font-size: small;
  }
  .footer h5{
    text-align: center !important;    
  }
}

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

  .carousel-control{
    padding-top: 18%; 
    padding-bottom: 18%; 
    width:10%;
    font-size: 0.7em
  }
  .thumb-icone{
    width:90px; 
    z-index:1; 
    position: absolute; 
    left:38%;
  }
  .thumb-icone-desc{
    width:90px; 
    z-index:1; 
    position: absolute; 
    left:38%;
  }
  #home .titulo{
    text-align: center !important;
  }

  #home .descricao{
    font-size: medium;
  }
  .footer{
    height: 35px;
  }
  #formContato{
    text-align: center !important;
  } 
  
}
@media screen and (max-width: 376px) {

  .carousel-caption {
    padding-bottom: 10px!important;
  }

  .thumb-icone{
    z-index:1; 
    position: absolute; 
    left:36%;
  }
  .thumb-icone-desc{
    z-index:1; 
    position: absolute; 
    left:36%;
  }
  .footer h5{
    font-size: 0.8em !important;
    margin: 2%;
  }

}

/**************** style Modal Lateral ****************/

.modal-aside {
  overflow: hidden;
  transition: none;
  -webkit-transition: none;
  transform: none;
  -webkit-transform: none;
  height: 100%;
}

.modal-aside .modal-dialog {
  min-height: 100% !important;
  height: auto !important;
  bottom: 0;
  position: absolute;
  top: 0;
  height: 100%;
  margin: 0;
  padding: 0;
  transition: none;
  -webkit-transition: none;
  transform: none;
  -webkit-transform: none;
}

.modal-aside .modal-dialog .modal-content {
  min-height: 100% !important;
  height: 100%;
  border: none;
  border-radius: 0;
}

.modal.left.fade .modal-dialog{
  left: -320px;
  -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
     -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
       -o-transition: opacity 0.3s linear, left 0.3s ease-out;
          transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.in .modal-dialog{
  left: 0;
}
    
.modal.right.fade .modal-dialog {
  right: -320px;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
     -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
       -o-transition: opacity 0.3s linear, right 0.3s ease-out;
          transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in .modal-dialog {
  right: 0;
}


.carousel-fade .carousel-inner .item {
  -webkit-animation: scaleUpFrom 1s ease both;
  -moz-animation: scaleUpFrom 1s ease both;
  animation: scaleUpFrom 1s ease both;
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 1; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 1; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 1; transform: scale(1.5); }
}