:root{
  --green-dark:#2e573d;
  --green-menu:#253526;
  --lime:#7da605;
  --lime-light:#aed62e;
  --text:#444;
}
html{scroll-behavior:smooth}
body{margin:0;color:var(--text);font-family:Arial,Helvetica,sans-serif;background:#fff}
a{text-decoration:none!important}
img{max-width:100%;height:auto}
.container{max-width:1043px}
.section-anchor{scroll-margin-top:58px}

/* MENU - baseado no CSS original */
.od-menu{
  position:fixed;
  top:43px;left:0;right:0;
  z-index:1000;
  min-height:55px;
  margin:0;
  border:0;
  border-radius:0;
  border-bottom:5px solid var(--lime);
  background:rgba(37,53,38,.88);
}
.od-menu .container{position:relative}
.od-logo{
  position:absolute;
  top:-43px;
  left:15px;
  width:250px;
  height:220px;
  background:url("../images/logo-odessa.png") center/contain no-repeat;
  transition:.35s ease;
  z-index:10;
}
.od-menu.compact{top:0}
.od-menu.compact .od-logo{
  top:4px;
  width:63px;height:48px;
  background-image:url("../images/logo-odessa.png");
}
.od-menu .navbar-nav{margin-left:270px}
.od-menu .navbar-nav>li>a{
  color:#fff;
  padding:16px 13px;
  font-size:14px;
}
.od-menu .navbar-nav>li>a:hover,
.od-menu .navbar-nav>li.active>a,
.od-menu .navbar-nav>li.active>a:hover,
.od-menu .navbar-nav>li.active>a:focus{
  background:var(--lime);
  color:#fff;
}

.od-menu .navbar-toggle{border-color:#8aad20}
.od-menu .navbar-toggle .icon-bar{background:#fff}
.navbar-default .navbar-nav>li>a {
    color: #fff !important;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
	color:#FFF;
	background-color: #7DA605;
}
.d-flex{
	display: flex;
}

/* HERO */
.hero{
  height:833px;
  max-height:100vh;
  min-height:620px;
  position:relative;
  background:url("../images/banner.jpg") center center/cover no-repeat;
}
.hero-scroll{
  position:absolute;
  bottom:32px;
  left:50%;
  transform:translateX(-50%);
  width:29px;height:50px;
  background:url("../images/icon-scroll.png") center/contain no-repeat;
  animation:bounce 1s infinite alternate;
}
@keyframes bounce{from{transform:translate(-50%,-7px)}to{transform:translate(-50%,0)}}

/* QUEM SOMOS */
.texture{background:url("../images/bg-textura.jpg") center top/cover repeat-y}
.about{padding:80px 0 75px}
.about-logo{display:block;margin:0 auto;max-width:376px}
.about h2{
  color:#134124;
  font-size:35px;
  font-weight:700;
  letter-spacing:-1.5px;
  margin:8px 0 20px;
}
.about p{font-size:15px;line-height:1.45;text-align:justify}
.btn-consulte{
  display:inline-block;
  margin-top:18px;
  padding:11px 18px;
  border-radius:4px;
  background:var(--lime);
  color:#fff;
  text-transform:uppercase;
  font-weight:700;
  font-size:22px;
}
.btn-consulte:hover{background:#124023;color:#fff}

/* COMPENSAÇÃO */
.comp{
  padding:35px 0 40px;
  min-height:390px;
  background:url("../images/bg-com.jpg") center center/cover no-repeat;
  background-attachment:fixed;
}
.comp-box{
  max-width:484px;
  padding:30px 20px;
  background:rgba(242,242,242,.88);
}
.comp-box h2{
  color:#2d573d;
  font-size:26px;
  margin:5px 0 20px;
  font-weight:700;
}
.comp-box p{font-size:15px;line-height:1.4;text-align:justify;margin:0}

/* SOLUÇÃO */
.solution{background:#2e573d;color:#fff;padding:20px 0 0}
.solution h2{
  margin:0 0 0;
  color:#fff;
  font-size:35px;
  font-weight:700;
  line-height:1.05;
  text-transform:uppercase;
}
.solution h3{
  margin:3px 0 28px;
  color:#aed62e;
  font-size:30px;
  font-weight:700;
  line-height:1.05;
  text-transform:uppercase;
}
.solution p{font-size:13px;line-height:1.45;text-align:justify}
.textodiv {padding: 20px !important;}
.mosaic{margin-top: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;}
.mosaic [class*="col-"]{padding:0}
.mosaic img{display:block;width:100%;height:260px;object-fit:cover}
.green-message{
  height:260px;
  background:#7da605;
  padding:36px 20px 20px;
  text-align:right;
}
.green-message h4{
  margin:0 0 20px;
  color:#fff;
  font-size:27px;
  line-height:1.05;
  font-style:italic;
  font-weight:700;
  text-transform:uppercase;
}
.green-message p{
  color:#c9e476;
  text-align:right;
  font-size:20px;
  line-height:1.2;
  font-style:italic;
  font-weight:700;
}
.adv-title{
  height:260px;
  display:flex;
  align-items:center;
  padding:20px!important;
}
.adv-title h4{
  margin:0;
  color:#fff;
  font-size:27px;
  font-weight:700;
  text-transform:uppercase;
  line-height:1.05;
}
.adv-title strong{color:#add62d}
.benefits{padding:25px 0 42px}
.benefits ul{list-style:none;padding:0;margin:0}
.benefits li{
  position:relative;
  padding-left:28px;
  margin-bottom:14px;
  font-size:13px;
}
.benefits li:before{
  content:"";
  position:absolute;left:0;top:0;
  width:25px;height:20px;
  background:url("../images/icon-vantagens.png") center/contain no-repeat;
}

/* DOCUMENTAÇÃO */
.documentation{background:url("../images/bg-textura.jpg") center top/cover repeat-y}
.doc-title{
  background:#7da605;
  padding:50px 25px 70px;
}
.doc-title h2{
  margin:0;
  color:#fff;
  text-align:right;
  font-size:31px;
  line-height:1.05;
  text-transform:uppercase;
  font-weight:700;
}
.doc-title h2 span{display:block;color:#2d573d;margin-top:8px}
.doc-list{padding:31px 18px 20px}
.doc-row{display:flex;align-items:flex-start;margin-bottom:20px;font-size:13px}
.doc-row img{width:55px;object-fit:contain;margin-right:14px}

/* CONTATO */
.contact{
  background:url("../images/bg-rodape.jpg") center top/cover no-repeat;
  color:#fff;
  border-top: 5px solid var(--lime);
}
.contact-wrap{padding:28px 0 0}
.contact h2{font-size:32px;font-weight:700;margin:0 0 8px}
.contact .intro{font-size:13px}
.contact label{font-weight:400;font-size:12px;margin-bottom:2px}
.contact .form-control{
  border-radius:0;
  border:0;
  min-height:31px;
  padding:5px 8px;
  margin-bottom:5px;
}
.contact textarea.form-control{height:160px}
.btn-send{
  border:0;border-radius:6px;
  background:#7da605 url("../images/icon-aviao.png") right center no-repeat;
  color:#fff;
  padding:7px 42px 7px 14px;
  float:right;margin-top:16px;
  text-transform:uppercase;
}
.btn-send:hover{background-color:#124023}
.where{
  background:url("../images/bg-textura.jpg") center top/cover repeat-y;
  color:#444;
  padding:20px 35px 35px;
  min-height:355px;
}
.where .footer-logo{display:block;margin:0 auto 15px;max-width:198px}
.where h4{
  color:#7da505;
  font-size:18px;
  margin:12px 0 2px;
  font-weight:700;
}
.where p{margin:0;font-size:13px;line-height:1.4}
.where .icon{width:17px;margin-right:7px;vertical-align:middle}
.where .mail-icon{width:20px}
.where a{color:#444}
.footerbar{
  background:rgba(50,68,51,.9);
  color:#ddd;
  font-size:11px;
  padding:10px 0;
}

/* VOLTAR AO TOPO */
#back-top{
  display:none;
  position:fixed;
  right:18px;bottom:22px;
  z-index:999;
}
#back-top a{
  display:flex;
  width:44px;height:44px;
  align-items:center;justify-content:center;
  border-radius:50%;
  background:rgba(240,240,240,.7);
  color:#2e573d;
  font-size:22px;
}

@media(max-width:767px){
  .od-menu{top:0}
  .od-menu .od-logo{
    position:relative;
    display:block;
    top:2px;left:15px;
    width:78px;height:60px;
  }
  .od-menu .navbar-nav{margin:7.5px -15px}
  .hero{height:520px;min-height:520px;background-position:center center}
  .about{padding:45px 0}
  .about-logo{max-width:270px;margin-bottom:28px}
  .about h2{font-size:30px}
  .comp{background-attachment:scroll;padding:30px 0}
  .solution h2{font-size:27px}
  .solution h3{font-size:23px}
  .mosaic img,.green-message,.adv-title{height:220px}
  .green-message h4{font-size:22px}
  .green-message p{font-size:16px}
  .adv-title h4{font-size:22px}
  .doc-title{padding:35px 25px}
  .doc-title h2{text-align:left;font-size:27px}
  .where{min-height:0}
}