/** Screen */
/** Caminhos */
/** Colors */
/** Nav */
/** Buttons */
/** CTAs */
/** Fonts */
/** Others */
/*FUNCTION*/
.o-nav-burger {
  display: none;
  top: 25px !important;
  right: 7% !important;
  width: 40px;
  height: 40px;
  cursor: pointer;
  z-index: 7777;
  background-color: #7ca42e;
}
.o-nav-burger.is-active {
  right: 0%!important;
}
.o-nav-burger span {
  background: #FFF;
  position: absolute;
  display: block;
  right: 8px;
  left: 8px;
  height: 2px;
  border-radius: 1px;
}
.o-nav-burger.is-hidden span:nth-of-type(1) {
  top: 25%;
}
.o-nav-burger.is-hidden span:nth-of-type(2) {
  top: 50%;
  margin-top: -1px;
}
.o-nav-burger.is-hidden span:nth-of-type(3) {
  top: 75%;
  margin-top: -1px;
}
.o-nav-burger.is-active span {
  top: 50%;
  margin: 0;
}
.o-nav-burger.is-active span:nth-of-type(1),
.o-nav-burger.is-active span:nth-of-type(3) {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.o-nav-burger.is-active span:nth-of-type(2) {
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#o-nav-mobile {
  background: #7ca42e;
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  width: 20%!important;
  text-align: left;
  overflow-y: auto;
  z-index: 7776;
}
#o-nav-mobile-group #o-nav-mobile {
  display: block;
}
#o-nav-mobile.is-active {
  right: 67%;
  box-shadow: -10px 0 30px rgba(0, 0, 0, 0.9);
}
#o-nav-mobile.is-hidden {
  left: 100%;
  right: -90%;
}
#o-nav-mobile > ul > li > a {
  padding-right: 50px;
}
#o-nav-mobile li {
  display: block;
}
#o-nav-mobile li:after {
  position: relative;
  margin-left: 9%;
  content: "";
  position: absolute;
  display: block;
  left: 0 !important;
  width: 0;
  height: 1px;
  background: rgba(255, 255, 255, 0.2);
  -webkit-transition: width 2s;
}
#o-nav-mobile li:hover:after {
  width: 80%!important;
  right: 0!important;
  -webkit-transition: right 2s;
}
#o-nav-mobile a {
  padding: 2% 6%;
  display: block;
}
#o-nav-mobile span {
  padding: 0;
}
.o-mobile-off {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 7775;
}
.o-mobile-off.is-active {
  right: 90%;
  left: 0;
}
.o-mobile-off.is-hidden {
  right: 100%;
  left: 0;
}
.o-nav-burger {
  position: fixed;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  cursor: pointer;
  z-index: 7777;
}
.o-nav-burger span {
  background: #FFF;
  position: absolute;
  display: block;
  right: 8px;
  left: 8px;
  height: 2px;
  border-radius: 1px;
}
.o-nav-burger.is-hidden span:nth-of-type(1) {
  top: 25%;
}
.o-nav-burger.is-hidden span:nth-of-type(2) {
  top: 50%;
  margin-top: -1px;
}
.o-nav-burger.is-hidden span:nth-of-type(3) {
  top: 75%;
  margin-top: -1px;
}
.o-nav-burger.is-active span {
  top: 50%;
  margin: 0;
}
.o-nav-burger.is-active span:nth-of-type(1),
.o-nav-burger.is-active span:nth-of-type(3) {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.o-nav-burger.is-active span:nth-of-type(2) {
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#o-nav-mobile {
  background: #7ca42e;
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  width: auto;
  text-align: left;
  overflow-y: auto;
  z-index: 7776;
}
#o-nav-mobile-group #o-nav-mobile {
  display: block;
}
#o-nav-mobile.is-active {
  right: 0;
  box-shadow: -10px 0 30px rgba(0, 0, 0, 0.9);
}
#o-nav-mobile.is-hidden {
  left: 100%;
  right: -90%;
}
#o-nav-mobile > ul > li > a {
  padding-right: 50px;
}
#o-nav-mobile li {
  display: block;
}
#o-nav-mobile li:after {
  background: rgba(255, 255, 255, 0.2);
  display: block;
  content: "";
  height: 1px;
}
#o-nav-mobile li a {
  padding: 2% 6%;
  display: block;
}
#o-nav-mobile li span {
  padding: 0;
}
.o-mobile-off {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 7775;
}
.o-mobile-off.is-active {
  right: 90%;
  left: 0;
}
.o-mobile-off.is-hidden {
  right: 100%;
  left: 0;
}
@media only screen and (max-width: 1150px) {
  #o-nav-mobile {
    width: 45%!important;
  }
}
@media only screen and (max-width: 768px) {
  .o-nav-burger {
    display: block;
    position: absolute!important;
    top: 0!important;
    right: 0!important;
    width: 40px;
    height: 40px;
    cursor: pointer;
    z-index: 7777;
  }
  .o-nav-burger span {
    background: #FFF;
    position: absolute;
    display: block;
    right: 8px;
    left: 8px;
    height: 2px;
    border-radius: 1px;
  }
  .o-nav-burger.is-hidden span:nth-of-type(1) {
    top: 25%;
  }
  .o-nav-burger.is-hidden span:nth-of-type(2) {
    top: 50%;
    margin-top: -1px;
  }
  .o-nav-burger.is-hidden span:nth-of-type(3) {
    top: 75%;
    margin-top: -1px;
  }
  .o-nav-burger.is-active span {
    top: 50%;
    margin: 0;
  }
  .o-nav-burger.is-active span:nth-of-type(1),
  .o-nav-burger.is-active span:nth-of-type(3) {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .o-nav-burger.is-active span:nth-of-type(2) {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #o-nav-mobile {
    background: #7ca42e;
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    width: 80%!important;
    text-align: left;
    overflow-y: auto;
    z-index: 7776;
  }
  #o-nav-mobile-group #o-nav-mobile {
    display: block;
  }
  #o-nav-mobile.is-active {
    right: 0;
    box-shadow: -10px 0 30px rgba(0, 0, 0, 0.9);
  }
  #o-nav-mobile.is-hidden {
    left: 100%;
    right: -90%;
  }
  #o-nav-mobile > ul > li > a {
    padding-right: 50px;
  }
  #o-nav-mobile li {
    display: block;
  }
  #o-nav-mobile li:after {
    background: rgba(255, 255, 255, 0.2);
    display: block;
    content: "";
    height: 1px;
  }
  #o-nav-mobile li a {
    padding: 2% 6%;
    display: block;
  }
  #o-nav-mobile li span {
    padding: 0;
  }
  .o-mobile-off {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 7775;
  }
  .o-mobile-off.is-active {
    right: 90%;
    left: 0;
  }
  .o-mobile-off.is-hidden {
    right: 100%;
    left: 0;
  }
  .o-nav-burger {
    position: fixed;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    cursor: pointer;
    z-index: 7777;
  }
  .o-nav-burger span {
    background: #FFF;
    position: absolute;
    display: block;
    right: 8px;
    left: 8px;
    height: 2px;
    border-radius: 1px;
  }
  .o-nav-burger.is-hidden span:nth-of-type(1) {
    top: 25%;
  }
  .o-nav-burger.is-hidden span:nth-of-type(2) {
    top: 50%;
    margin-top: -1px;
  }
  .o-nav-burger.is-hidden span:nth-of-type(3) {
    top: 75%;
    margin-top: -1px;
  }
  .o-nav-burger.is-active span {
    top: 50%;
    margin: 0;
  }
  .o-nav-burger.is-active span:nth-of-type(1),
  .o-nav-burger.is-active span:nth-of-type(3) {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .o-nav-burger.is-active span:nth-of-type(2) {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #o-nav-mobile {
    background: #7ca42e;
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    width: auto;
    text-align: left;
    overflow-y: auto;
    z-index: 7776;
  }
  #o-nav-mobile-group #o-nav-mobile {
    display: block;
  }
  #o-nav-mobile.is-active {
    right: 0;
    box-shadow: -10px 0 30px rgba(0, 0, 0, 0.9);
  }
  #o-nav-mobile.is-hidden {
    left: 100%;
    right: -90%;
  }
  #o-nav-mobile > ul > li > a {
    padding-right: 50px;
  }
  #o-nav-mobile li {
    display: block;
  }
  #o-nav-mobile li:after {
    background: rgba(255, 255, 255, 0.2);
    display: block;
    content: "";
    height: 1px;
  }
  #o-nav-mobile li a {
    padding: 2% 6%;
    display: block;
  }
  #o-nav-mobile li span {
    padding: 0;
  }
  .o-mobile-off {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 7775;
  }
  .o-mobile-off.is-active {
    right: 90%;
    left: 0;
  }
  .o-mobile-off.is-hidden {
    right: 100%;
    left: 0;
  }
}