.header-menu {
  display: none;
}

header {width: 90%; top: 2.5vw; left: 2.5%; justify-content: center; align-items: center; }
header a img {display: block; margin: 0 auto; max-width: 180px; }

/* main */
.main {
  overflow: hidden;
  position: relative;
}

.main .main-video {
  display: block;
  position: relative;
  z-index: 1;
  margin-bottom: 0;
  margin-top: 0;
  min-height: 100vh;
}

.main-icons {
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.main-icons .icon {
  min-width: 40px;
  background: #426937;
  padding: 15px;
  border-radius: 100px;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 7;
}

.main-icon .icon img {
  display: block;
}

.icon-1 {
  top: auto;
  bottom: -2%;
  left: 2%;
  width: 80px;
}
.icon-2 {
  top: 50%;
  right: 2%;
  width: 60px;
}
.icon-3 {
  top: 10%;
  left: 5%;
  width: 50px;
}
.icon-4 {
  top: 20%;
  right: 20%;
  width: 50px;
}
.icon-5 {
  top: auto;
  bottom: 10%;
  right: 5%;
  width: 55px;
}

.about-wrapper { margin: 80px auto; flex-direction: column; width: 90%; margin: 0 auto; justify-content: center; align-items: center; }
.about-left { order: 1; margin: 0 auto; width: 90%; }
.about-right { order: 3; width: 90%; margin: 0 auto; }
.about-full { order: 2; margin: 0 auto; flex-direction: column; width: 90%; }

.section-title { font-size: 1.3rem; }
.about-full .about-content { width: auto; background-position: right bottom; }
.about-full .about-content p {font-size: 1.1rem; line-height: 1.5rem; }
.about-full .about-content p:before {top: 10px; }
.logo-hand {top: -40px; opacity: 0.2; }

.news-wrapper { width: 90%; margin: 0 auto; }
.new-wrapper { flex-direction: column; }
.new { width: 100%; }
.new h4 { font-size: 1.5rem; }
.new button {width: 90%; font-size: 1.3rem; }
.more-button {background: #fff; color: #00444b; margin: 20px 0; font-size: 1.3rem; }
.association-wrapper {width: 90%; margin: 0 auto; flex-direction: column; }
.association-block-1, .association-block-2 {width: 100%; }
.footer-wrapper { width: 90%; }
.footer-block {flex-direction: column; align-items: center; }
.footer-nav {align-items: center; order: 2; margin: 90px 0 0 0; }
.footer-social { align-items: center; }
.footer-links {justify-content: center; align-items: center; margin: 0 0 80px 0; }
.footer-infos p {text-align: center; }
.footer-infos p.phone {text-align: center; }
.footer-infos p.phone span {text-align: center; }


/* quem somos */

.about-page { padding: 180px 0; }
.about-page .logo-hand { top: 120px; right: 0; }
.about-page-left { width: 90%; }

/* associadas */

.about-block-left {
  display: flex;
  justify-content: center;
}

.about-associate {
  background-position: center bottom;
  background-size: 100% auto;
  padding: 180px 0 50px 0;
}


.about-associate .map {
  width: 80%;
  margin: 0 auto;
}



.main-navigation, .menu-wrapper {
  display: block;
}

/* Nav */
.main-navigation {right: 5%; top: 32px; position: absolute; z-index: 100000; outline: none; display: -webkit-box; display: -ms-flexbox; display: flex; }
.main-navigation .hamburger {width: 60px; z-index: 100000; outline: none; }
.main-navigation .hamburger span span.hamburger-inner, .main-navigation .hamburger span span.hamburger-inner::before, .main-navigation .hamburger span span.hamburger-inner::after {width: 32px; height: 2px;
  /* /////////////// color button */
  background: #0b424a;
}
/* Hamburger Button */
.hamburger {padding: 15px 15px; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; }
.hamburger:hover {opacity: 0.7; }
.hamburger-box {width: 40px; height: 24px; display: inline-block; position: relative; }
.hamburger-inner {display: block; top: 50%; margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width: 40px; height: 4px; background-color: #000; border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after {content: ""; display: block; }
.hamburger-inner::before {top: -10px; }
.hamburger-inner::after {bottom: -10px; }

/* Slider Reverse */
.hamburger--slider-r .hamburger-inner {top: 2px; }
.hamburger--slider-r .hamburger-inner::before {top: 10px; transition-property: transform, opacity; transition-timing-function: ease; transition-duration: 0.15s; }
.hamburger--slider-r .hamburger-inner::after {top: 20px; }
.hamburger--slider-r.is-active .hamburger-inner {transform: translate3d(0, 10px, 0) rotate(-45deg); background: #b7d0a8 !important; }
.hamburger--slider-r.is-active .hamburger-inner::before {transform: rotate(45deg) translate3d(5.71429px, -6px, 0); opacity: 0; }
.hamburger--slider-r.is-active .hamburger-inner::after {transform: translate3d(0, -20px, 0) rotate(90deg); background: #b7d0a8 !important; }
/* Wrap Content*/
.wrapper {position: relative; z-index: 5; width: 100%; height: 100%; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; margin: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform-origin: 500% 0; transform-origin: 500% 0; }
.wrapper::after {content: ""; background: transparent; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; -webkit-transition: 0.3s ease-in-out, background 0.7s ease-in; transition: 0.3s ease-in-out, background 0.7s ease-in; }
/* Wrap Menu*/
.menu-wrapper {z-index: 1001; width: 100%; height: 100%; -webkit-transform: translate(100%, 0); transform: translate(100%, 0); position: fixed; overflow: hidden; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.menu-wrapper .menu-mobile { width: 90%; position: absolute; left: 0; top: 0; z-index: 1000; display: block; height: 100%; padding-top: 120px;
  /* /////////////// color background */
  background-color: #f4f4f4;
}
/* Menu Itens */
.menu-item {text-indent: 0; text-align: center; overflow: hidden }
.menu-item a {overflow: hidden; position: relative; display: block; text-decoration: none; transition: 0.3s;
    /* ///////////// text menu options */
    font-weight: 600;
    font-size: 2rem;
    width: 80%;
    margin: 10px 10%;
    padding: 5px 0;
    text-align: right;
    color: #00444b;
}
.menu-item a:hover {
    color: #333;
}
.wrapper-sided {-webkit-transform: translate(-90%, 0); transform: translate(-90%, 0); z-index: 10; }
.menu-wrapper--active {-webkit-transform: translate(10%, 0); transform: translate(10%, 0); }


.api {margin-top: 20px; }
.api-data {border-right: 0; }
.api-data-city {text-align: center;}
.api-data-city span {text-align: center;}
.api-data-main-wheater {align-items: center; justify-content: center; flex-wrap: wrap; }
.api-data-main-wheater-icon {margin-left: -30px; }
.api-data-main-wheater-number {margin: 0 0 0 20px; }
.api-data-main-wheater-min-max {margin: 0 70px 30px 70px; }