html {
  scroll-behavior: smooth;
}
body {
  font: 15px "Montserrat", sans-serif;
  color: #3c3c3b;
  background: #fff;
  line-height: 24px;
}

/*body div{ font-weight: 400; }*/

a {
  color: #3c3c3b;
  text-decoration: none;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
a:hover {
  color: #3dae2b;
}

strong {
  color: #3c3c3b;
  font-weight: 600;
}

h2 {
  font-size: 32px;
  line-height: 36px;
  font-family: "Exo 2";
  color: #062a3c;
  font-weight: 300;
}
h2 strong {
  color: #3dae2b;
  font-weight: 700;
}
h2 span {
  background: #fff;
  display: inline-block;
  position: relative;
  z-index: 1;
  padding-right: 30px;
}
h2 .line {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
h2 strong {
  color: #3eae2c;
}

ul {
  list-style-type: none;
}

.line {
  height: 1px;
  background: #c6c6c6;
  width: 100%;
  margin: 25px 0;
}
hr {
  height: 1px;
  width: 100%;
  background-image: linear-gradient(to right, #25727b, #57b947);
  margin: 34px 0;
  border: none;
}

section {
  padding: 80px 0;
}

/* ------------------------|
|                          |
|  STYLE CLASSES PADRÕES   |
|                          |
| -------------------------|
*/
.text-light-green {
  color: #3dae2b;
}
a.text-light-green:hover {
  color: #3c3c3b;
}
.subtitle {
  font-size: 20px;
  text-align: center;
}

.wrap {
  width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}
.wrap.compact {
  width: 790px;
}
.wrap:before,
.wrap:after {
  content: " ";
  display: table;
}
.wrap:after {
  clear: both;
}

.is-absolute {
  position: absolute;
}
.is-relative {
  position: relative;
}
.relative {
  position: relative;
}

.bg-cinza {
  background: #faf9fa;
}
.color-verde {
  color: #3eae2c;
}
.color-branco {
  color: #fff;
}
.silver {
  color: #4c4c4c !important;
}

.icon.is-large .fa {
  font-size: 70px;
  color: #efc200;
}
.icon.is-medium .fa {
  font-size: 60px;
  color: #fecc00;
}
.icon.is-medium {
  margin: 20px auto 10px;
  display: block;
  width: 60px;
  height: auto;
}

.font-barlow {
  font-family: "Barlow";
}
.font-exo {
  font-family: "Exo 2" !important;
}

.bd-inc {
  box-sizing: content-box;
  border: none;
  color: #fff;
  -o-text-overflow: clip;
  text-overflow: clip;
  background: #3dae2b;
  -webkit-transform: skewX(-15deg);
  transform: skewX(-15deg);
  padding: 7px 30px 5px;
}

.content-bd-inc {
  transform: skewX(15deg);
}

.is-inclined {
  -webkit-transform: skewX(-15deg);
  transform: skewX(-15deg);
}
.content-inclined {
  -webkit-transform: skewX(15deg) translateX(-4px);
  transform: skewX(15deg) translateX(-4px);
}

.z-index-0 {
  z-index: 0;
}
.z-index-1 {
  z-index: 1;
}

/* ------------------------|
|                          |
|       STYLE INPUT        |
|                          |
| -------------------------|
*/

input {
  border: 1px solid #3eae2c;
  padding: 14px 22px 13px;
  width: 100%;
  font-family: "Montserrat";
  font-size: 15px;
  outline: none;
  background: none;
}
textarea {
  border: 1px solid #3eae2c;
  padding: 14px 22px 13px;
  width: 100%;
  font-family: "Montserrat";
  font-size: 15px;
  outline: none;
  background: none;
}
button {
  cursor: pointer;
  transition: all 0.2s linear;
}

/* ------------------------|
|                          |
|       STYLE HEADER       |
|                          |
| -------------------------|
*/

header {
  position: relative;
  transition: all 0.3s linear;
  z-index: 10;
  height: 134px;
  width: 100%;
  background: #fff;
}
header nav {
  padding: 0;
  background: none;
  z-index: 99;
  margin-top: 0;
}
header .line-top {
  height: 1px;
  width: 100%;
  background-image: linear-gradient(to right, #57b947, #25727b);
}

header .line-bottom {
  height: 3px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  background: linear-gradient(90deg, #57b947, #25727b, #57b947, #25727b);
  background-size: 400% 400%;
  animation: gradientBg 6s ease infinite;
}
@keyframes gradientBg {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 51%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@-webkit-keyframes gradientBg {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 51%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@-moz-keyframes gradientBg {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 51%;
  }
  100% {
    background-position: 0% 50%;
  }
}

header .navbar-end {
  width: 100%;
  justify-content: space-around;
  margin-top: 14px;
}

header .top-busca {
  justify-content: flex-end;
  width: 100%;
  padding-right: 20px;
}
header .top-busca a {
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  font-size: 13px;
  padding: 15px 40px 3px;
  max-height: 67px;
}
header .top-busca img {
  display: block;
  margin: 0 auto 5px;
  max-height: 21px;
}

header .top-busca #openIndices {
  border-left: none;
}
header .top-busca .acesso-restrito {
  transform: skew(-15deg);
  border-left: none;
}
header .top-busca #openIndices img {
  animation: flipText 3s ease infinite;
}

@keyframes flipText {
  0% {
    transform: scaleX(1);
  }
  50% {
    transform: scaleX(-1);
  }
  100% {
    transform: scaleX(1);
  }
}

header .navbar-item.current {
  color: #3dae2b;
  font-weight: 600;
}
header a.navbar-item:hover {
  color: #3dae2b;
}

.ret-1-logo {
  background: #003e47;
  width: 37px;
  height: 67px;
}
.ret-2-logo {
  background: #035c67;
  width: 37px;
  height: 67px;
  margin-left: -1px;
}

header .logo {
  width: 204px;
  height: 48px;
  background: url(../img/ecodiesel-logo.svg);
  background-size: cover;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  position: relative;
  margin: 7px 42px 0 10px;
  padding: 0;
}

header .logo-log {
  width: 204px;
  height: 48px;
  background: url(../img/ecodiesel-logo-log.svg);
  background-size: cover;
  overflow: hidden;
  text-indent: -9999px;
  margin: 7px 42px 0 10px;
  padding: 0;
  display: none;
  position: absolute;
  top: 5px;
  left: 0;
}

.menu_fixo {
  position: fixed;
  background: #fff;
  height: 70px;
  z-index: 210;
  width: 100%;
  display: none;
}

.nav_fixe {
  display: flex;
  height: 60px;
  position: relative;
}
.nav_fixe .logo {
  width: 204px;
  height: 48px;
  background: url(../img/ecodiesel-logo.svg);
  background-size: cover;
  display: block;
  text-indent: -9999px;
  position: relative;
  margin: 7px 42px 0 10px;
  padding-bottom: 0 !important;
}

.nav_fixe .logo-log {
  width: 204px;
  height: 48px;
  background: url(../img/ecodiesel-logo-log.svg);
  background-size: cover;
  overflow: hidden;
  text-indent: -9999px;
  margin: 7px 42px 0 10px;
  padding-bottom: 0 !important;
  display: none;
  position: absolute;
  top: 5px;
  left: 0;
}

.nav_fixe .navbar-item {
  padding: 26px 21px 25px;
  font-size: 13px;
}
.nav-item a:hover,
a.navbar-item:hover {
  color: #3dae2b;
  background: none;
}
.nav_fixe .navbar-item.current {
  color: #3dae2b;
}
.nav_fixe .logo:hover {
  background: url(../img/ecodiesel-logo.svg);
  background-size: cover;
}

.menu_fixo .line-bottom {
  height: 3px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(90deg, #57b947, #25727b, #57b947, #25727b);
  background-size: 400% 400%;
  animation: gradientBg 8s ease infinite;
  z-index: 30;
}

.submenu {
  background: #f9f9f9;
  height: 145px;
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
  padding-top: 12px;
  font-size: 14px;
  position: absolute;
  top: 100px;
  left: 0;
  z-index: 9;
  width: 100%;
  display: none;
  opacity: 0;
  transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.submenu img {
  max-height: 33px;
}

.submenu.fixed {
  position: fixed;
}
.submenu.is-active.fixed {
  top: 70px;
}

.submenu.is-active {
  opacity: 1;
  top: 132px;
}
.submenu h3 {
  font-weight: 600;
  font-size: 21px;
  margin: 30px 0 13px;
  color: #3dae2b;
}
.submenu .column {
  border-right: 1px solid #ededed;
}
.submenu .column:hover {
  background: #fff;
}
.submenu .column a {
  display: block;
  height: 120px;
  padding-top: 28px;
}
.submenu .column.is-active {
  background: #fff;
}
.submenu .column.is-active a {
  color: #003e47;
  font-weight: 600;
}

.submenu .selos img {
  width: 55px;
  max-height: 55px !important;
  margin-right: 14px;
  margin-top: 10px;
}
.submenu .seta {
  max-width: 11px;
}

.busca {
  top: -60px;
  right: 416px;
  width: 250px;
  left: initial;
  transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  opacity: 0;
}
.busca:after {
  content: " ";
  height: 71px;
  width: 1px;
  background: #eee;
  position: absolute;
  top: -15px;
  left: -10px;
  transform: rotate(15deg);
}
.busca input {
  border: none;
}
.busca button {
  position: absolute;
  right: 0;
  top: 13px;
  border: none;
  background: none;
}
.busca button i {
  color: #3dae2b;
}
.busca.is-active {
  top: 14px;
  opacity: 1;
}

/* ------------------------|
|                          |
|       STYLE BOTOES       |
|                          |
| -------------------------|
*/

.botao {
  background: #035c67;
  border: none;
  display: inline-block;
  margin: 25px 0;
  padding: 8px 40px;
  color: #fff;
  font-size: 13px;
  border-radius: 4px;
  font-family: "Montserrat";
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.74, 0.13, 0.42, 1.81);
  line-height: 24px;
  height: auto;
  outline: none;
}
.botao.bdb {
  border: 2px solid rgba(255, 255, 255, 0.85);
}
.botao i {
  font-size: 19px;
  line-height: 25px;
  margin-right: 3px;
}
.botao:hover {
  background: #3dae2b;
  color: #fff;
  transform: scale(1.1);
}

/* ------------------------|
|                          |
|      STYLE BAR FIXE      |
|                          |
| -------------------------|
*/

.bar-fixe {
  background: #003e47;
  height: 60px;
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  color: #fff;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 1px;
  z-index: 99;
}

.bar-fixe .social {
  height: 100%;
  transform: skew(-15deg);
}
.bar-fixe .social a {
  background: #035c67;
  color: #fff;
  height: 60px;
  width: 80px;
  font-size: 16px;
  line-height: 64px;
  display: inline-block;
  text-align: center;
  margin-right: -3px;
}
.bar-fixe .social a:hover {
  background: #3dae2b;
}
.bar-fixe .social .whatsapp {
  background: #3dae2b;
}
.bar-fixe .social a i {
  transform: skew(15deg);
}

.bar-fixe .fone {
  font-size: 14px;
}
.bar-fixe .fone small {
  font-size: 12px;
}
.bar-fixe .fone a {
  color: #fff;
}
.bar-fixe .fone a:hover {
  color: #3dae2b;
}

.bar-fixe .orcamento {
  height: 100%;
  transform: skew(-15deg);
}
.bar-fixe .orcamento a {
  height: 60px;
  color: #fff;
}
.bar-fixe .orcamento img {
  margin-top: 22px;
  transform: skew(15deg);
  max-width: 17px;
}
.bar-fixe .orcamento span {
  transform: skew(15deg) translateY(-4px);
}
.bar-fixe .orcamento .bg-dolar {
  background: #3dae2b;
  height: 60px;
  padding: 0 11px;
  margin-right: 10px;
  transition: all 0.2s linear;
}
.bar-fixe .orcamento a:hover {
  background: #3dae2b;
}
.bar-fixe .orcamento a:hover .bg-dolar {
  background: #035c67;
}
.bar-fixe .orcamento a {
  background: linear-gradient(123deg, #3dae2b 0%, #035c67 60%);
  background-size: 400% 400%;
  animation: orcamentoBg 5s ease infinite;
}

@keyframes orcamentoBg {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 51%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@-webkit-keyframes orcamentoBg {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 51%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@-moz-keyframes orcamentoBg {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 51%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.bar-fixe.relative {
  position: relative !important;
}
.bar-fixe .go-top {
  width: 43px;
  height: 43px;
  background: #3dae2b;
  border-radius: 50%;
  position: absolute;
  right: 40px;
  top: -21px;
  line-height: 43px;
  transition: all 0.4s cubic-bezier(0.74, 0.13, 0.42, 1.81);
}
.bar-fixe .go-top:hover {
  transform: scale(1.2);
}

.bar-fixe .bt-whatsbox {
  position: absolute;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  right: 40px;
  top: -27px;
  background: #00a859;
  text-align: center;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
  animation: pulse 2s infinite;
  cursor: pointer;
  transition: all 0.5s cubic-bezier(0.74, 0.13, 0.42, 1.81);
}
.bar-fixe .bt-whatsbox:hover {
  transform: scale(1.2);
}

.bar-fixe .bt-whatsbox i {
  line-height: 55px;
  font-size: 28px;
}
.bar-fixe .bt-whatsbox.is-hide {
  opacity: 0;
  transform: scale(0);
}

.bar-fixe .whatsbox {
  background: url(../img/bg-whatsapp.jpg) center top;
  position: absolute;
  width: 280px;
  height: 300px;
  border-radius: 7px;
  display: none;
  right: 50px;
  bottom: 110%;
  overflow: hidden;
  letter-spacing: 0;
  line-height: 19px;
  box-shadow: 0 0 30px 15px rgba(0, 0, 0, 0.2);
}
.bar-fixe .whatsbox .head {
  background: #00a859;
  padding: 8px 20px 15px;
}
.bar-fixe .whatsbox .head i {
  font-size: 24px;
  margin-right: 5px;
  transform: translateY(4px);
}
.bar-fixe .whatsbox .head .bt-close {
  font-size: 22px;
  position: absolute;
  right: 8px;
  cursor: pointer;
}
.bar-fixe .whatsbox input {
  color: #fff;
  margin-top: 15px;
  padding: 13px 18px 12px;
  font-size: 13px;
}
.bar-fixe .whatsbox .botao {
  margin: 15px 0 0;
  width: 100%;
}
.bar-fixe .whatsbox input::placeholder {
  color: #fff;
  opacity: 1;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 168, 89, 0.7);
  }
  70% {
    box-shadow: 0 0 0 15px rgba(0, 168, 89, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(0, 168, 89, 0);
  }
}

/* ------------------------|
|                          |
|      STYLE BANNER        |
|                          |
| -------------------------|
*/

.container_slide {
  position: relative;
  margin-bottom: 0;
  padding: 0;
  z-index: 8;
}
.container_slide .cycle-prev,
.container_slide .cycle-next {
  position: absolute;
  bottom: 14%;
  width: 20px;
  height: 20px;
  z-index: 120;
  cursor: pointer;
  opacity: 1;
  text-align: center;
  left: 50%;
  transition: all 0.3s linear;
}
.container_slide .txt-banner {
  position: absolute;
  top: calc(50% - 100px);
  width: 810px;
  left: calc(50% - 405px);
  line-height: 36px;
  text-align: center;
  z-index: 3;
}

.container_slide .cycle-prev i,
.container_slide .cycle-next i {
  font-size: 36px;
  color: #fff;
}

.container_slide .cycle-prev:hover i,
.container_slide .cycle-next:hover i {
  color: #fff;
}
.container_slide .cycle-prev {
  margin-left: -395px;
}
.container_slide .cycle-next {
  margin-left: -315px;
}

.container_slide h1 {
  font-size: 36px;
  font-weight: 300;
  line-height: 40px;
  color: #fff;
  margin-bottom: 30px;
  font-family: "Barlow", sans-serif;
}
.container_slide h1 strong {
  font-weight: 600;
  color: #fff;
}
.container_slide h2 {
  font-size: 19px;
  line-height: 30px;
  font-family: "Barlow";
  color: #fff;
}
.banner {
  width: 100%;
  max-width: 150%;
  display: block;
}
.cycle-slideshow li {
  width: 100%;
  height: 740px;
  z-index: 10;
  background-position: center top;
  background-size: cover;
  background-color: #040309;
}

.container_slide .cycle-over {
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.container_slide .cycle-bottom {
  position: absolute;
  bottom: 45px;
  left: calc(50% - 52px);
  color: #e0e0e0;
  z-index: 99;
}

.scroll-downs {
  margin: 20px auto 0;
  width: 27px;
}
.mousey {
  width: 3px;
  padding: 4px 9px;
  height: 31px;
  border: 3px solid #fff;
  border-radius: 25px;
  box-sizing: content-box;
}
.scroller {
  width: 3px;
  height: 10px;
  border-radius: 25%;
  background-color: #fff;
  animation-name: scroll;
  animation-duration: 2.2s;
  animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94);
  animation-iteration-count: infinite;
}
@keyframes scroll {
  0% {
    opacity: 0;
  }
  10% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(15px);
    opacity: 0;
  }
}

.container_slide .bg-video {
  height: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.container_slide .bg-video video {
  position: absolute;
  width: 1920px;
  max-width: 1920px;
  height: 740px;
  left: 50%;
  margin-left: -960px;
  top: 0;
}

.container_slide .cottons {
  z-index: 99;
  position: absolute;
  bottom: 70px;
  height: 285px;
  width: 445px;
  left: calc(50% - 760px);
}
.container_slide .cottons div {
  position: absolute;
}
.container_slide .cottons .cotton-1 {
  top: 0;
  left: 127px;
  transition: all 0.2s ease-out;
}
.container_slide .cottons .cotton-2 {
  top: 40px;
  left: 0;
  transition: all 0.2s ease-out;
}
.container_slide .cottons .cotton-3 {
  top: 52px;
  left: 188px;
  transition: all 0.2s ease-out;
}

/* TOPO SUB */

.container_slide.sub li {
  height: 460px;
}
.container_slide.sub .txt-banner {
  top: calc(50% - 63px);
}

/* ------------------------|
|                          |
|     STYLE BREADCRUMB     |
|                          |
| -------------------------|
*/

.bread-crumb {
  background: #f9f9f9;
  padding: 14px 0;
}
.bread-crumb ul {
  background: url(../img/icon-home.png) 0 5px no-repeat;
  background-size: 14px 14px;
  padding-left: 30px;
}
.bread-crumb li {
  display: inline-block;
  font-size: 12px;
  margin-right: 14px;
}
.bread-crumb li span {
  margin-left: 17px;
  color: #c6c6c6;
  font-size: 10px;
}
.bread-crumb li.current {
  font-weight: 600;
  color: #3dae2b;
}

/* ------------------------|
|                          |
|       STYLE HOME         |
|                          |
| -------------------------|
*/

.avatar-depoimentos {
  margin: auto;
  border-radius: 50%;
}
.slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;

  color: #3eae2c;

  font-size: 18px;
}
.slick-arrow.slick-left {
  left: -25px;
}
.slick-arrow.slick-right {
  right: -25px;
}

/* HALL */

.home-hall {
  padding-top: 0;
  margin-top: 140px;
}
.home-hall h2 {
  font-weight: 400;
}
.home-hall .bg-hexa-big {
  background: url(../img/bg-hexa.png);
  width: 672px;
  height: 667px;
  top: -225px;
  right: 45px;
}
.home-hall .energia-inteligente {
  padding-right: 156px;
}
.home-hall .hexa-small {
  background: url(../img/bg-hexa-small.png);
  width: 95px;
  height: 106px;
  margin: 0 auto 20px;
}
.home-hall .hexa-small img {
  margin-top: 32px;
  max-width: 49px;
}
.home-hall .quantidade {
  font-weight: 700;
  font-size: 47px;
  margin: 36px 0 7px;
  letter-spacing: 3px;
}
.home-hall .quantidade small {
  font-size: 28px;
  transform: translateY(-13px);
  display: inline-block;
}
.home-hall .hall-quantidades {
  color: #003e47;
  margin-top: -60px;
}

.home-hall .video-hall {
  position: absolute;
  width: 350px;
  height: 350px;
  right: 125px;
  top: 155px;
  z-index: 0;
}
.home-hall .valor-atualizado {
  position: absolute;
  bottom: -145px;
  text-align: center;
  color: #999;
  width: 100%;
  font-size: 12px;
  padding-right: 20px;
}

.line-vert {
  background: #54b844;
  height: 100%;
  width: 1px;
  margin: 0 auto;
}

.area-atuacao .column {
  padding: 0 9px;
}
.area-atuacao .line-vert {
  height: 75%;
  margin-top: 4px;
}
.area-atuacao .atuacao-categorias a {
  display: block;
  text-align: center;
  padding: 27px 0;
  background: #f9f9f9;
  border: 1px solid #ededed;
  font-size: 18px;
  color: #003e47;
  font-weight: 600;
  letter-spacing: -0.5px;
  position: relative;
}
.area-atuacao .atuacao-categorias a:after {
  position: absolute;
  content: " ";
  width: 63px;
  height: 1px;
  top: 50%;
  right: -30px;
  background: #3dae2b;
  opacity: 0;
  transition: all 0.2s linear;
}
.area-atuacao .atuacao-categorias a.is-active {
  border-color: #3dae2b;
  background: #fff;
}
.area-atuacao .atuacao-categorias a.is-active:after {
  opacity: 1;
}
.area-atuacao .atuacao-categorias a:hover {
  background: #fff;
  border-color: #3dae2b;
}
.area-atuacao .atuacao-categorias a img {
  display: block;
  margin: 0 auto 20px;
  max-height: 47px;
}
.area-atuacao .line {
  position: absolute;
  top: 53px;
  background: #cacaca;
  width: 87.5%;
}
.area-atuacao .area-atuacao-subtitle {
  background: #fff;
  padding-right: 40px;
  position: relative;
  display: inline-block;
  z-index: 1;
}
.area-atuacao .atuacao-content {
  display: none;
}
.area-atuacao .atuacao-content.is-active {
  display: block;
}

/* NEWSLETTER */

.newsletter input {
  width: 98%;
}
.newsletter button {
  background: #3dae2b;
  padding: 14px 9px 9px;
  position: absolute;
  right: 18px;
  top: 12px;
  outline: none;
}
.newsletter button img {
  max-width: 27px;
}
.newsletter button:hover {
  background: #003e47;
}
.checkbox-news{
  display: flex;
  align-items: center;
}
.checkbox-news input{
  max-width: 50px;
}

/* NOSSOS PRODUTOS */

.nossos-produtos {
  padding-bottom: 60px;
}
.nossos-produtos .bolinha {
  border: 1px solid #585857;
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 7px;
  border-radius: 50%;
  transform: translateY(3px);
  position: relative;
  cursor: pointer;
}
.nossos-produtos .bolinha.is-active {
  border: 2px solid #227079;
}
.nossos-produtos .bolinha.is-active:after {
  position: absolute;
  content: " ";
  width: 8px;
  height: 8px;
  top: 3px;
  right: 3px;
  background: #3dae2b;
  border-radius: 4px;
}
.nossos-produtos .b-s500 {
  display: none;
}
.nossos-produtos .bt-s10 {
  cursor: pointer;
}
.nossos-produtos .bt-s500 {
  cursor: pointer;
}
.nossos-produtos .icon-bardahl {
  margin-left: 20px;
}

/* SOLICITE ORCAMENTO */

.solicite-orcamento {
  background: url(../img/bg-solicite-orcamento.jpg) top center;
  color: #fff;
}
.solicite-orcamento input {
  color: #fff;
}
.solicite-orcamento .select {
  width: 100%;
  height: auto;
}
.solicite-orcamento select {
  color: #fff;
  background: none;
  border: 1px solid #3dae2b;
  border-radius: 0;
  width: 100%;
  padding: 14px 22px 13px;
  height: auto;
}
.solicite-orcamento select option {
  color: #333;
}
.solicite-orcamento .select:after {
  border-color: #fff !important;
}
.solicite-orcamento textarea {
  color: #fff;
  height: 121px;
}
.solicite-orcamento .input-uf {
  margin-top: 25px;
}
.solicite-orcamento .form-solicite-orcamento {
  max-height: 70px;
  transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.solicite-orcamento .form-solicite-orcamento.is-expand {
  max-height: 413px;
}
.solicite-orcamento .bt-expand {
  background: #3dae2b;
  color: #fff;
  position: absolute;
  bottom: -21px;
  left: calc(50% - 21px);
  height: 42px;
  width: 42px;
  text-align: center;
  line-height: 42px;
  font-size: 42px;
  border-radius: 50%;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.5s cubic-bezier(0.74, 0.13, 0.42, 1.81);
}
.solicite-orcamento .bt-expand.is-active {
  transform: rotate(45deg);
}
.solicite-orcamento .bt-expand:hover {
  transform: rotate(180deg) scale(1.15);
}

.solicite-orcamento input::placeholder {
  color: #fff;
  opacity: 1;
}
.solicite-orcamento input:-ms-input-placeholder {
  color: #fff;
}
.solicite-orcamento input::-ms-input-placeholder {
  color: #fff;
}

.solicite-orcamento textarea::placeholder {
  color: #fff;
  opacity: 1;
}
.solicite-orcamento textarea:-ms-input-placeholder {
  color: #fff;
}
.solicite-orcamento textarea::-ms-input-placeholder {
  color: #fff;
}

.solicite-orcamento .pf i {
  line-height: 20px;
  transition: all 0.3s linear;
  color: #3dae2b;
  margin: 0 7px 0 5px;
}
.solicite-orcamento .pj i {
  line-height: 20px;
  opacity: 0;
  transition: all 0.3s linear;
  color: #3dae2b;
  margin: 0 7px 0 5px;
}
.solicite-orcamento .pj,
.solicite-orcamento .pf {
  cursor: pointer;
  transition: all 0.3s linear;
  font-size: 14px;
}
.solicite-orcamento .pj {
  opacity: 0.6;
}
.solicite-orcamento .campo_cnpj {
  display: none;
}

.solicite-orcamento .pf .circle {
  height: 23px;
  width: 23px;
  border: 1px solid #3dae2b;
  border-radius: 12px;
  position: absolute;
  top: 0;
  left: 0;
}
.solicite-orcamento .pj .circle {
  height: 23px;
  width: 23px;
  border: 1px solid #3dae2b;
  border-radius: 12px;
  position: absolute;
  top: 0;
  left: 1px;
}

.solicite-orcamento .prod-s10 i,
.solicite-orcamento .prod-s500 i {
  line-height: 20px;
  opacity: 0;
  transition: all 0.3s linear;
  color: #3dae2b;
  margin: 0 7px 0 5px;
}
.solicite-orcamento .prod-s500,
.solicite-orcamento .prod-s10 {
  cursor: pointer;
  transition: all 0.3s linear;
  font-size: 14px;
}

.solicite-orcamento .prod-s10 .circle {
  height: 23px;
  width: 23px;
  border: 1px solid #3dae2b;
  border-radius: 12px;
  position: absolute;
  top: 0;
  left: 0;
}
.solicite-orcamento .prod-s500 .circle {
  height: 23px;
  width: 23px;
  border: 1px solid #3dae2b;
  border-radius: 12px;
  position: absolute;
  top: 0;
  left: 1px;
}

.solicite-orcamento .combo-produto {
  left: 11px;
  bottom: 145px;
  width: 373px;
  /* display: none; */
  transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.solicite-orcamento .combo-produto.is-active {
  display: block;
}

/* BLOG */

.blog {
  background: linear-gradient(to bottom, #f3f3f3 0%, #f9f9f9 100%);
  padding-top: 40px;
}
.blog h2 {
  margin-left: 120px;
}
.blog h3 {
  color: #227079;
  font-weight: 600;
  font-size: 18px;
  /* margin-bottom: 25px; */
}
.blog .column {
  padding: 24.5px;
}
.blog .bg-titulo-blog {
  top: -40px;
  left: -65px;
}
.blog .box-blog-inf {
  padding: 32px 27px 18px;
}
.blog .box-blog-inf hr {
  background: #ddd;
  margin: 20px 0;
}
.blog-item-more-news{
  width: 40%;
}
.blog .blog-item .is-overlay {
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.2s linear;
}
.blog .blog-item:hover .is-overlay {
  opacity: 1;
}
.blog .blog-item:hover .plus-blog {
  color: #3dae2b;
  transform: rotate(180deg);
}
.blog .blog-item .plus-blog {
  color: #333;
  font-size: 29px;
  position: absolute;
  right: 27px;
  bottom: 20px;
  font-weight: 500;
  transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
}
.blog .blog-item .is-overlay i {
  font-size: 60px;
  color: #3dae2b;
  position: absolute;
  left: calc(50% - 30px);
  top: calc(50% - 30px);
  transition: all 0.7s cubic-bezier(0.77, 0, 0.175, 1);
  transform: translateY(80px);
}
.blog .blog-item:hover .is-overlay i {
  transform: translateY(0) rotate(180deg);
}

/* PAGE - BLOG */

.blog.interna h2,
.blog.interna2 h2 {
  margin-left: 0;
}
.blog.interna h2 span {
  background: #f3f3f3;
}
.blog.interna .column {
  padding: 24px 14px;
}
.blog.interna2 .column {
  padding: 0;
}
.blog.interna2 .box-blog-inf {
  padding-top: 52px;
}
.blog.interna2 .has-background-white {
  border-bottom: 1px solid #ededed;
}

/* INSTAGRAM */
.instagram {
  background: #f9f9f9;
  padding: 0;
  color: #929496;
  padding: 80px 0;
}
.instagram strong {
  color: #929496;
}
.instagram .insta-line-left {
  width: 495px;
  right: calc(50% + 78px);
  left: initial;
  background: #c6c6c6;
}
.instagram .insta-line-right {
  width: 495px;
  left: calc(50% + 78px);
  background: #c6c6c6;
}
.instagram .insta-logo {
  left: calc(50% - 17px);
  font-size: 38px;
  top: 5px;
  color: #bbb;
  height: 38px;
  width: 33px;
}
.instagram .column {
  padding: 24px;
}
.instagram .box-insta {
  background: #fff;
  padding: 18px 10px 10px;
  border-radius: 8px;
  color: #000;
  font-weight: 700;
  font-size: 15.5px;
}
.instagram .insta-logo-eco {
  background: #012027;
  width: 35px;
  height: 35px;
  box-shadow: 0 0 0 1px #04606c, 0 0 0 2px #012027;
  border-radius: 50%;
  margin: 1px 15px 18px 2px;
  text-align: center;
  padding-top: 9px;
}
.instagram .box-insta span {
  color: #3a98f0;
}
.instagram .box-insta .insta-text {
  transform: translateY(-3px);
}
.instagram .box-insta .tri {
  background: url(../img/ponto3.jpg);
  height: 4px;
  width: 16px;
  position: absolute;
  right: 4px;
  top: 17px;
}

/* ------------------------|
|                          |
|     STYLE QUEM SOMOS     |
|                          |
| -------------------------|
*/

/* PAGINA QUEM SOMOS */

.quem-somos .home-hall {
  margin-top: 40px;
}
.quem-somos h3 {
  font-size: 32px;
  line-height: 38px;
  font-family: "Exo 2";
  margin-top: 15px;
}
.quem-somos h3 strong {
  font-weight: 700;
}

.mvv-wrap {
  padding: 0 20px;
}

.mvv-icon {
}

.mvv-wrap,
.mvv-wrap p:nth-child(3),
.mvv-wrap p:nth-child(5) {
  margin-top: 20px;
}

.hashtag {
  color: #929496;
  font-size: 20px;
}
.hashtag span {
  background: #fff;
  display: inline-block;
  position: relative;
  z-index: 1;
  padding-left: 30px;
}
.hashtag strong {
  color: #929496;
}
.hashtag .line {
  position: absolute;
  top: 13px;
  right: 0;
  z-index: 0;
  margin-top: 0;
}

.video-institucional {
  background: url(../img/bg-video.jpg) center top;
  background-size: cover;
  font-weight: 300;
  /* padding-top: 170px; */
  height: 550px;
  font-size: 34px;
  color: #fff;
}
.video-institucional img {
  width: 90px;
  transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
  cursor: pointer;
}
.video-institucional img:hover {
  transform: scale(1.1);
}
.video-institucional.video-produtos {
  padding-top: 80px !important;
  background: url(../img/ecodiesel-produto-video.jpg) center top !important;
}
.muito-obrigado img {
  margin-left: -40px;
  margin-top: 30px;
  width: 401px;
  max-width: 401px;
}
.bg-inclinado {
  background: #f9f9f9;
  height: 565px;
  width: 1600px;
  top: -20px;
  left: 210px;
  position: absolute;
  transform: skew(-15deg);
}
.triple-dot-wrap {
  justify-content: space-evenly;
  position: relative;
}
.triple-dot-wrap .dot-line {
  position: absolute;
  top: calc(50% - 1px);
  z-index: 1;

  height: 1px;
  width: 58%;

  background-color: #3c3c3b52;
}
.triple-dot-wrap div {
  width: 120px;
  text-align: center;
  filter: drop-shadow(-1px -2px 15px #3dae2b);

  z-index: 2;
  position: relative;
}
.triple-dot-wrap div i {
  color: #3dae2b;
}
.beneficios-topics-wrap {
  justify-content: space-evenly;
}
.beneficios-topics-wrap div {
  display: flex;
  flex-direction: column;
  align-items: center;

  text-align: center;
  width: 120px;
  line-height: 1.2;
}
.beneficios-topics-wrap div img {
  width: 50px;
}
.beneficios .is-3-tablet {
  width: 29.1%;
}
.beneficios-itens {
  background: url(../img/bg-hexa.png) center top no-repeat;
  background-size: cover;
  height: 435px;
  padding: 50px 80px 0 80px;
  font-size: 12px;
}
.beneficios-itens img {
  display: block;
  margin: 0 auto 4px;
}
.beneficios-itens .font-exo {
  font-size: 20px;
  color: #929496;
  margin: 20px 0 40px;
}
.beneficios-itens .font-exo strong {
  color: #929496;
}

/* DIFERENCIAIS */

.icon-qualidade .icon-gota {
  position: absolute;
  bottom: 25px;
  left: calc(50% - 12px);
  -webkit-animation: gota 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite
    forwards;
  animation: gota 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite forwards;
}
.caminhao {
  background: linear-gradient(
    90deg,
    rgba(0, 62, 70, 1) 49%,
    rgba(242, 242, 242, 1) 50%,
    rgba(242, 242, 242, 1) 100%
  );
  height: 658px;
}
.caminhao div {
  position: relative;
  z-index: 0;
}
.qr-code {
  position: absolute;
  right: 0;
  bottom: 50px;
  z-index: 1;
  width: 130px;
}
.qr-code-text {
  position: absolute !important;
  right: 0;
  bottom: 195px;
  z-index: 2 !important;
  width: 130px;
  font-size: 13px;
  line-height: 15px;
}
.qr-code-text span {
  margin-bottom: 7px;
  display: inline-block;
  position: relative;
}
.qr-code-text span::after {
  content: "";
  position: absolute;
  top: 18px;
  left: 0;
  height: 1px;
  width: 103px;
  background: #3eae2c;
}

.icon-qualidade {
  transform: scale(0.8);
}

.icon-telefone-ring {
  width: 80px;
  margin: 0 auto;
  transform: scale(0.8);
}
.icon-telefone-ring .icon-som-telefone {
  position: absolute;
  top: -4px;
  right: -4px;
}

.icon-rocket {
  width: 77px;
  margin: 0 auto;
  transform: scale(0.8);
}
.icon-rocket .icon-rocket-wind {
  position: absolute;
  bottom: -9px;
  left: -17px;
  -webkit-animation: wind 2.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite
    forwards;
  animation: wind 2.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite forwards;
}

.icon-rocket-nav {
  animation: rocket 2.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite
    forwards;
}

.icon-telefone {
  -webkit-animation: phone-ringing 1.3s cubic-bezier(0.455, 0.03, 0.515, 0.955)
    infinite forwards;
  animation: phone-ringing 1.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite
    forwards;
}

/* ANIMATION PHONE-RINGING */

@-webkit-keyframes phone-ringing {
  0%,
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
  10% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  20%,
  40%,
  60% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  30%,
  50%,
  70% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  90% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
}
@keyframes phone-ringing {
  0%,
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
  10% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  20%,
  40%,
  60% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  30%,
  50%,
  70% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  90% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
}

/* ANIMATION GOTA */
@keyframes gota {
  0% {
    opacity: 0;
    transform: scale(0.5) translateY(-33px);
  }
  90% {
    opacity: 1;
    transform: translateY(8px);
  }
  100% {
    opacity: 0;
    transform: translateY(10px);
  }
}

/* ANIMATION WIND */
@keyframes wind {
  0% {
    opacity: 0;
    transform: scale(0.7) translate(0, 0);
  }
  85% {
    opacity: 1;
    transform: translate(-8px, 8px);
  }
  100% {
    opacity: 0;
    transform: translate(-8px, 8px);
  }
}

/* ANIMATION ROCKET */
@keyframes rocket {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(5px, -5px);
  }
  100% {
    transform: translate(0, 0);
  }
}

/* PRODUTOS */

.produtos h1 {
  font-size: 36px;
  line-height: 38px;
  font-family: "Exo 2";
  color: #062a3c;
  font-weight: 300;
}
.produtos h1 strong {
  color: #3dae2b;
  font-weight: 700;
}
.bg-produtos {
  position: absolute;
  top: -35px;
  left: -60px;
  width: 1500px;
  height: 111%;
  background: #faf9fa;
}
.bg-produtos2 {
  position: absolute;
  top: -35px;
  right: -60px;
  width: 1500px;
  height: 111%;
  background: #faf9fa;
}

/* POST */
.more-news-wrapper{
  display: flex;
  align-items: center;
  background: white;
}
.more-news-wrapper h3{
  margin-left: 50px;
  padding: 40px 0;
}

.post h1 {
  font-size: 36px;
  line-height: 44px;
  font-weight: 300;
}
.post h3 {
  font-size: 18px;
  line-height: 28px;
  color: #3c3c3c;
  font-weight: 600;
  margin: 30px 0 50px;
}
.share-post {
  position: absolute;
  right: -30px;
  top: calc(50% - 55px);
}
.share-post a {
  display: block;
  margin-bottom: 17px;
  color: #aaa;
  font-size: 18px;
}
.share-post a:hover {
  color: #3dae2b;
}

/* TRABALHE CONOSCO */

#contato.trabalhe-conosco form {
  text-transform: inherit;
}
#contato.trabalhe-conosco form label {
  margin: 50px 0 25px;
}
.file.is-right .file-name {
  border-radius: 0;
  border-color: #3dae2b;
  height: 48px;
  padding: 14px 22px 0;
}
.file.is-right .file-cta {
  border-radius: 0;
  border-color: #3dae2b;
  height: 48px;
  padding: 0 20px;
}

/* CONTATO */
.tabs .tab-link:hover,
.tab-link.is-active {
  border-bottom-color: #3dae2b;
  color: #3dae2b;
}
.city iframe {
  height: 400px !important;
}
.city a {
  color: #3eae2c;
}
.city a:hover {
  color: #3c3c3b;
}

#contato form {
  padding: 40px 0 10px;
}
#contato form label {
  display: block;
  margin: 0 0 20px;
  cursor: inherit;
}
#contato form input,
#contato form textarea {
  border: 1px solid #3dae2b;
  width: 100%;
  outline: none;
  color: #333;
  padding: 15px 0 13px 22px;
  font-size: 15px;
}
#contato form textarea {
  width: 100%;
  height: 160px;
  resize: none;
}
#contato form button {
  margin-top: 0;
  padding: 9px 60px 8px;
}

#contato .select {
  width: 100%;
  height: 48px;
}
#contato .select select {
  min-width: 100%;
  font-size: 15px;
  font-family: "Montserrat";
  background: #fff;
  border: 1px solid #3dae2b;
  border-radius: 0;
  padding: 9px 0 7px 22px;
  height: 48px;
  margin-bottom: 4px;
}

#contato .pf i {
  line-height: 20px;
  transition: all 0.3s linear;
  color: #3dae2b;
  transform: translateY(-2px);
}
#contato .pf div {
  display: inline-block;
  border: 1px solid #3dae2b;
  border-radius: 20px;
  width: 22px;
  height: 22px;
  text-align: center;
}

#contato .pj i {
  line-height: 20px;
  opacity: 0;
  transition: all 0.3s linear;
  color: #3dae2b;
  transform: translateY(-2px);
}
#contato .pj div {
  display: inline-block;
  border: 1px solid #3dae2b;
  border-radius: 20px;
  width: 22px;
  height: 22px;
  text-align: center;
}

#contato .pj,
#contato .pf {
  cursor: pointer;
  transition: all 0.3s linear;
  font-size: 14px;
}
#contato .pj {
  opacity: 0.6;
}
#contato .campo_cnpj {
  display: none;
}
#contato .inf-contato {
  font-size: 14px;
  margin-left: 112px;
  margin-top: 10px;
}
#contato .select:after {
  border-color: #3dae2b;
}

/* FOOTER */

footer {
  font-size: 14px;
  line-height: 24px;
  margin-top: 0px;
  border: 1px solid #ddd;
  background: #f2f2f2;
}
footer h3 {
  font-size: 16px;
  color: #fff;
  margin-bottom: 20px;
}
footer .fone {
  font-size: 33px;
}
footer .fone small {
  font-size: 19px;
}
footer a {
  color: #333;
  display: block;
}
footer a:hover {
  color: #000;
}

footer .list-menu a {
  display: block;
  margin-bottom: 12px;
  text-transform: uppercase;
}
footer .inf {
  padding-top: 45px;
  padding-bottom: 45px;
}
footer .inf span {
  line-height: 25px;
  display: block;
  margin-bottom: 15px;
}

.checkbox {
  margin-bottom: 15px;
  overflow: hidden;
  padding: 0 15px;
  width: 100%;
}
.checkbox label {
  margin-right: 20px;
}

.msg {
  font-size: 16px;
  text-transform: initial;
  line-height: 26px;
  font-weight: 700;
}
.success {
  color: #359854;
  padding: 0;
  line-height: 35px;
  font-size: 18px;
  margin-left: 10px;
}
.erro {
  border: 1px solid #eed3d7;
  background: #f2dede;
  color: #b94a48;
  padding: 10px;
}
.load {
  width: 32px;
  height: 32px;
  margin: 0 5px 0 0;
  float: right;
  display: none;
  background: url(../img/load.gif) center center no-repeat;
}

footer .quax {
  font-size: 13px;
  color: #929496;
}
footer .quax a {
  display: inline-block;
  color: #929496;
}

/* LIGHTBOX */

.bg-lightbox {
  position: fixed;
  z-index: 300;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  text-align: center;
  display: none;
  cursor: pointer;
}
.bg-lightbox iframe {
  position: absolute;
  top: calc(50% - 241px);
  left: calc(50% - 160px);
  height: 482px;
  width: 320px;
  overflow: hidden;
  border-radius: 4px;
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.35);
  border: 10px solid #fff;
}
.bg-lightbox i {
  position: absolute;
  top: calc(50% - 290px);
  left: calc(50% - 12px);
  height: 25px;
  width: 25px;
  font-size: 30px;
  color: #fff;
}

/* DASHBOARD */

.dashboard {
  position: relative;
}
.dashboard-header {
  height: 68px;
  padding-left: 10px;
}
.dashboard-header .busca {
  width: 270px;
}
.dashboard-header .top-busca {
  font-family: "Exo 2";
}
.dashboard-header .top-busca img {
  margin-bottom: 3px;
}
.dashboard-header .busca button i {
  font-size: 16px;
}

.dashboard-menu {
  position: absolute;
  top: 0;
  left: 0;
  width: 293px;
  min-height: calc(100vh - 68px);
  background: #003e47;
  padding: 35px 0 0;
}
.dashboard-menu .categoria {
  color: #8da5aa;
  font-family: "Exo 2";
  font-size: 16px;
  padding: 12px 0 6px 23px;
  margin-top: 10px;
  display: block;
}
.dashboard-menu .categoria:hover {
  color: #fff;
  background: #055d67;
}
.dashboard-menu .categoria.is-active {
  background: #055d67;
  border-left: 2px solid #33d919;
  color: #fff;
}
.dashboard-menu .categoria span {
  transform: translateY(-6px);
  display: inline-block;
}
.dashboard-menu .categoria img {
  margin-right: 12px;
  max-width: 25px;
}
.dashboard-menu .subcategorias {
  background: #03535d;
  padding-left: 67px;
  font-family: "Exo 2";
  font-size: 15px;
  max-height: 0;
  overflow: hidden;
  transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.dashboard-menu .subcategorias.is-active {
  max-height: 200px;
  padding-top: 10px;
  padding-bottom: 17px;
}
.dashboard-menu .subcategorias a {
  display: block;
  color: #fff;
  margin-top: 4px;
}
.dashboard-menu .subcategorias a.is-active {
  color: #33d919;
}
.dashboard-menu .subcategorias a:hover {
  color: #33d919;
}

.dashboard-list {
  position: absolute;
  top: 0;
  left: 293px;
  padding-left: 35px;
  min-height: calc(100vh - 68px);
  width: calc(100% - 293px);
  background: #f9f9f9;
}
.dashboard-list h1 {
  font-family: "Exo 2";
  font-size: 22px;
  margin: 55px 0 60px;
}
.dashboard-list .list-item {
  background: #fff;
  border-bottom: 1px solid #eee;
  padding: 5px 12px 0 5px;
  margin-left: 0;
  transition: all 0.2s linear;
}
.dashboard-list .list-item:hover {
  background: #efefef;
}
.dashboard-list .list-item:hover img {
  background: #0b2a30;
}
.dashboard-list .list-item .botao {
  margin: 0;
  font-family: "Exo 2";
}
.dashboard-list .list-item img {
  background: #f9f9f9;
  padding: 13px;
  border: 1px solid #f0f0f0;
  transition: all 0.2s linear;
}

/* LOGIN */

.box-login {
  width: 400px;
  margin: 40px auto 50px;
  font-size: 15px;
}
.box-login input {
  border-color: #3eae2c;
  border-width: 1px;
  font-size: 20px !important;
  padding-left: 45px;
  font-family: "Exo 2";
  margin-bottom: 10px;
}

.box-login .botao {
  width: 100%;
  font-family: "Exo 2";
  font-size: 18px;
  padding: 13px 0;
}
.box-login .botao.is-loading {
  padding: 30px 0;
}

.button.is-loading:after {
  width: 28px;
  height: 28px;
  border-width: 3px;
  border-color: #fff;
  border-right-color: transparent;
  border-top-color: transparent;
  margin: -10px 0 0 -14px;
}

.control.has-icon .icon {
  color: #3eae2c;
  height: 2.25em;
  font-size: 20px;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 2.25em;
  z-index: 4;
}
.control.has-icon:not(.has-icon-right) .icon {
  left: 0;
}
.icon {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  height: 1.5rem;
  width: 1.5rem;
}

/* ANIMATIONS */

.waypoint {
  opacity: 0;
}

.animation_fade.animated {
  opacity: 1;
}

.animation_bottom.animated {
  opacity: 1;
  animation: fadeBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
}
.animation_bottom_d1.animated {
  opacity: 1;
  animation: fadeBottom 1.5s 1 cubic-bezier(0.77, 0, 0.175, 1);
}
.animation_bottom_d2.animated {
  opacity: 1;
  animation: fadeBottom 2s 1 cubic-bezier(0.77, 0, 0.175, 1);
}

.animation_top.animated {
  opacity: 1;
  animation: fadeTop 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
}
.animation_top_d1.animated {
  opacity: 1;
  animation: fadeTop 1.5s 1 cubic-bezier(0.77, 0, 0.175, 1);
}
.animation_top_d2.animated {
  opacity: 1;
  animation: fadeTop 2s 1 cubic-bezier(0.77, 0, 0.175, 1);
}

.animation_left.animated {
  opacity: 1;
  animation: fadeLeft 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
}
.animation_left_d1.animated {
  opacity: 1;
  animation: fadeLeft 1.5s 1 cubic-bezier(0.77, 0, 0.175, 1);
}
.animation_left_d2.animated {
  opacity: 1;
  animation: fadeLeft 2s 1 cubic-bezier(0.77, 0, 0.175, 1);
}
.animation_left_d3.animated {
  opacity: 1;
  animation: fadeLeft 2.5s 1 cubic-bezier(0.77, 0, 0.175, 1);
}

.animation_right.animated {
  opacity: 1;
  animation: fadeRight 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
}
.animation_right_d1.animated {
  opacity: 1;
  animation: fadeRight 1.5s 1 cubic-bezier(0.77, 0, 0.175, 1);
}
.animation_right_d2.animated {
  opacity: 1;
  animation: fadeRight 2s 1 cubic-bezier(0.77, 0, 0.175, 1);
}
.animation_right_d3.animated {
  opacity: 1;
  animation: fadeRight 2.5s 1 cubic-bezier(0.77, 0, 0.175, 1);
}

.animation_scale.animated {
  opacity: 1;
  animation: escale 1.5s 1 cubic-bezier(0.77, 0, 0.175, 1);
}
.animation_scale_d1.animated {
  opacity: 1;
  animation: escale 2s 1 cubic-bezier(0.77, 0, 0.175, 1);
}
.animation_scale_d2.animated {
  opacity: 1;
  animation: escale 2.5s 1 cubic-bezier(0.77, 0, 0.175, 1);
}
.animation_scale_reverse.animated {
  opacity: 1;
  animation: escale_reverse 3s 1 cubic-bezier(0.77, 0, 0.175, 1);
}

.animation_elastic.animated {
  opacity: 1;
  animation: escale 1s 1 cubic-bezier(0.74, 0.13, 0.42, 1.21);
}
.animation_elastic_d1.animated {
  opacity: 1;
  animation: escale 1.5s 1 cubic-bezier(0.74, 0.13, 0.42, 1.21);
}

.animation_rotate_left.animated {
  opacity: 1;
  animation: rotateLeft 1.5s 1 cubic-bezier(0.77, 0, 0.175, 1);
}
.animation_rotate_left_d1.animated {
  opacity: 1;
  animation: rotateLeft 2s 1 cubic-bezier(0.77, 0, 0.175, 1);
}
.animation_rotate_left_d2.animated {
  opacity: 1;
  animation: rotateLeft 2.5s 1 cubic-bezier(0.77, 0, 0.175, 1);
}
.animation_rotate_right.animated {
  opacity: 1;
  animation: rotateRight 1.5s 1 cubic-bezier(0.77, 0, 0.175, 1);
}
.animation_rotate_right_d1.animated {
  opacity: 1;
  animation: rotateRight 2s 1 cubic-bezier(0.77, 0, 0.175, 1);
}
.animation_rotate_right_d2.animated {
  opacity: 1;
  animation: rotateRight 2.5s 1 cubic-bezier(0.77, 0, 0.175, 1);
}

.animation_leftBt.animated {
  opacity: 1;
  animation: fadeLeftBt 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
}

/*------------------------------------------------*/
/*------------------[TRANSITIONS]-----------------*/
/*------------------------------------------------*/

@-webkit-keyframes escale {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes escale {
  0% {
    opacity: 0;
    -moz-transform: scale(0);
  }
  100% {
    opacity: 1;
    -moz-transform: scale(1);
  }
}
@-o-keyframes escale {
  0% {
    opacity: 0;
    -o-transform: scale(0);
  }
  100% {
    opacity: 1;
    -o-transform: scale(1);
  }
}
@keyframes escale {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes escale_reverse {
  0% {
    opacity: 0;
    transform: scale(1.2);
  }
  70% {
    opacity: 1;
  }
  100% {
    transform: scale(1);
  }
}

@-webkit-keyframes fadeBottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeBottom {
  0% {
    opacity: 0;
    -moz-transform: translateY(10%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeBottom {
  0% {
    opacity: 0;
    -o-transform: translateY(10%);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeBottom {
  0% {
    opacity: 0;
    transform: translateY(10%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes fadeLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-10%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-10%);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeLeft {
  0% {
    opacity: 0;
    transform: translateX(-10%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@-webkit-keyframes fadeLeftBt {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10%) skewX(-15deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0) skewX(-15deg);
  }
}
@-moz-keyframes fadeLeftBt {
  0% {
    opacity: 0;
    -moz-transform: translateX(-10%) skewX(-15deg);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0) skewX(-15deg);
  }
}
@-o-keyframes fadeLeftBt {
  0% {
    opacity: 0;
    -o-transform: translateX(-10%) skewX(-15deg);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0) skewX(-15deg);
  }
}
@keyframes fadeLeftBt {
  0% {
    opacity: 0;
    transform: translateX(-10%) skewX(-15deg);
  }
  100% {
    opacity: 1;
    transform: translateX(0) skewX(-15deg);
  }
}

@-webkit-keyframes fadeRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(10%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeRight {
  0% {
    opacity: 0;
    -o-transform: translateX(10%);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeRight {
  0% {
    opacity: 0;
    transform: translateX(10%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@-webkit-keyframes fadeTop {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeTop {
  0% {
    opacity: 0;
    -moz-transform: translateY(-10%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeTop {
  0% {
    opacity: 0;
    -o-transform: translateY(-10%);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeTop {
  0% {
    opacity: 0;
    transform: translateY(-10%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@-webkit-keyframes rotateRight {
  0% {
    opacity: 0;
    -webkit-transform: rotate(30deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
  }
}
@-moz-keyframes rotateRight {
  0% {
    opacity: 0;
    -moz-transform: rotate(30deg);
  }
  100% {
    opacity: 1;
    -moz-transform: rotate(0);
  }
}
@-o-keyframes rotateRight {
  0% {
    opacity: 0;
    -o-transform: rotate(30deg);
  }
  100% {
    opacity: 1;
    -o-transform: rotate(0);
  }
}
@keyframes rotateRight {
  0% {
    opacity: 0;
    transform: rotate(30deg);
  }
  100% {
    opacity: 1;
    transform: rotate(0);
  }
}

@-webkit-keyframes rotateLeft {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-30deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
  }
}
@-moz-keyframes rotateLeft {
  0% {
    opacity: 0;
    -moz-transform: rotate(-30deg);
  }
  100% {
    opacity: 1;
    -moz-transform: rotate(0);
  }
}
@-o-keyframes rotateLeft {
  0% {
    opacity: 0;
    -o-transform: rotate(-30deg);
  }
  100% {
    opacity: 1;
    -o-transform: rotate(0);
  }
}
@keyframes rotateLeft {
  0% {
    opacity: 0;
    transform: rotate(-30deg);
  }
  100% {
    opacity: 1;
    transform: rotate(0);
  }
}

@media only screen and (min-width: 768px) {
  /* MARGINS */

  .mr0 {
    margin-right: 0 !important;
  }
  .mr5 {
    margin-right: 5px !important;
  }
  .mr10 {
    margin-right: 10px;
  }
  .mr15 {
    margin-right: 15px;
  }
  .mr20 {
    margin-right: 20px;
  }
  .mr30 {
    margin-right: 30px;
  }
  .mr40 {
    margin-right: 40px;
  }
  .mr50 {
    margin-right: 50px;
  }
  .mr60 {
    margin-right: 60px;
  }
  .mr70 {
    margin-right: 70px;
  }
  .mr80 {
    margin-right: 80px;
  }
  .mr90 {
    margin-right: 90px;
  }

  .ml0 {
    margin-left: 0px !important;
  }
  .ml5 {
    margin-left: 5px !important;
  }
  .ml10 {
    margin-left: 10px !important;
  }
  .ml15 {
    margin-left: 15px !important;
  }
  .ml20 {
    margin-left: 20px !important;
  }
  .ml30 {
    margin-left: 30px !important;
  }
  .ml40 {
    margin-left: 40px !important;
  }
  .ml50 {
    margin-left: 50px !important;
  }
  .ml60 {
    margin-left: 60px !important;
  }
  .ml70 {
    margin-left: 70px !important;
  }
  .ml80 {
    margin-left: 80px !important;
  }
  .ml90 {
    margin-left: 90px !important;
  }
  .ml95 {
    margin-left: 95px !important;
  }
  .ml100 {
    margin-left: 100px !important;
  }
  .ml110 {
    margin-left: 110px !important;
  }

  .mt0 {
    margin-top: 0px !important;
  }
  .mt5 {
    margin-top: 5px !important;
  }
  .mt10 {
    margin-top: 10px !important;
  }
  .mt15 {
    margin-top: 15px !important;
  }
  .mt17 {
    margin-top: 17px !important;
  }
  .mt20 {
    margin-top: 20px !important;
  }
  .mt25 {
    margin-top: 25px !important;
  }
  .mt30 {
    margin-top: 30px !important;
  }
  .mt40 {
    margin-top: 40px !important;
  }
  .mt50 {
    margin-top: 50px !important;
  }
  .mt60 {
    margin-top: 60px !important;
  }
  .mt70 {
    margin-top: 70px !important;
  }
  .mt80 {
    margin-top: 80px !important;
  }
  .mt90 {
    margin-top: 90px !important;
  }
  .mt100 {
    margin-top: 100px !important;
  }
  .mt110 {
    margin-top: 110px !important;
  }
  .mt115 {
    margin-top: 115px;
  }
  .mt120 {
    margin-top: 120px;
  }
  .mt130 {
    margin-top: 130px;
  }
  .mt140 {
    margin-top: 140px;
  }
  .mt145 {
    margin-top: 145px;
  }
  .mt150 {
    margin-top: 150px;
  }
  .mt160 {
    margin-top: 160px;
  }
  .mt170 {
    margin-top: 170px;
  }
  .mt180 {
    margin-top: 180px;
  }
  .mt190 {
    margin-top: 190px;
  }
  .mt200 {
    margin-top: 200px;
  }
  .mt210 {
    margin-top: 210px;
  }

  .mb0 {
    margin-bottom: 0px !important;
  }
  .mb5 {
    margin-bottom: 5px !important;
  }
  .mb10 {
    margin-bottom: 10px !important;
  }
  .mb20 {
    margin-bottom: 20px !important;
  }
  .mb30 {
    margin-bottom: 30px !important;
  }
  .mb40 {
    margin-bottom: 40px !important;
  }
  .mb50 {
    margin-bottom: 50px !important;
  }
  .mb60 {
    margin-bottom: 60px !important;
  }
  .mb70 {
    margin-bottom: 70px !important;
  }
  .mb80 {
    margin-bottom: 80px !important;
  }
  .mb90 {
    margin-bottom: 90px !important;
  }
  .mb100 {
    margin-bottom: 100px !important;
  }

  /* PADDINGS */

  .pd0 {
    padding: 0px;
  }
  .pd10 {
    padding: 10px;
  }
  .pd15 {
    padding: 15px;
  }
  .pd20 {
    padding: 20px;
  }
  .pd30 {
    padding: 30px;
  }
  .pd40 {
    padding: 40px;
  }
  .pd50 {
    padding: 50px;
  }

  .pl0 {
    padding-left: 0px !important;
  }
  .pl10 {
    padding-left: 10px !important;
  }
  .pl15 {
    padding-left: 15px !important;
  }
  .pl20 {
    padding-left: 20px !important;
  }
  .pl25 {
    padding-left: 25px !important;
  }
  .pl30 {
    padding-left: 30px !important;
  }
  .pl40 {
    padding-left: 40px !important;
  }
  .pl50 {
    padding-left: 50px !important;
  }
  .pl60 {
    padding-left: 60px !important;
  }
  .pl70 {
    padding-left: 70px !important;
  }
  .pl80 {
    padding-left: 80px !important;
  }
  .pl90 {
    padding-left: 90px !important;
  }
  .pl100 {
    padding-left: 100px !important;
  }
  .pl110 {
    padding-left: 110px !important;
  }
  .pl120 {
    padding-left: 120px !important;
  }

  .pr0 {
    padding-right: 0px !important;
  }
  .pr10 {
    padding-right: 10px !important;
  }
  .pr15 {
    padding-right: 15px !important;
  }
  .pr20 {
    padding-right: 20px !important;
  }
  .pr25 {
    padding-right: 25px !important;
  }
  .pr30 {
    padding-right: 30px !important;
  }
  .pr40 {
    padding-right: 40px !important;
  }
  .pr50 {
    padding-right: 50px !important;
  }
  .pr60 {
    padding-right: 60px !important;
  }
  .pr70 {
    padding-right: 70px !important;
  }
  .pr80 {
    padding-right: 80px !important;
  }
  .pr90 {
    padding-right: 90px !important;
  }
  .pr100 {
    padding-right: 100px !important;
  }
  .pr110 {
    padding-right: 110px !important;
  }
  .pr120 {
    padding-right: 120px !important;
  }
  .pr130 {
    padding-right: 130px !important;
  }
  .pr140 {
    padding-right: 140px !important;
  }
  .pr150 {
    padding-right: 150px !important;
  }

  .pb0 {
    padding-bottom: 0px !important;
  }
  .pb5 {
    padding-bottom: 5px !important;
  }
  .pb10 {
    padding-bottom: 10px !important;
  }
  .pb20 {
    padding-bottom: 20px !important;
  }
  .pb30 {
    padding-bottom: 30px !important;
  }
  .pb40 {
    padding-bottom: 40px !important;
  }
  .pb50 {
    padding-bottom: 50px !important;
  }

  .pt0 {
    padding-top: 0px !important;
  }
  .pt10 {
    padding-top: 10px !important;
  }
  .pt20 {
    padding-top: 20px !important;
  }
  .pt30 {
    padding-top: 30px !important;
  }
  .pt40 {
    padding-top: 40px !important;
  }
  .pt50 {
    padding-top: 50px !important;
  }
  .pt60 {
    padding-top: 60px !important;
  }
}

/***************************************************************/
/********************* TABLET LANDSCAPE ************************/
/***************************************************************/

@media only screen and (min-width: 768px) and (max-width: 1259px) and (orientation: landscape) {
  body {
    font-size: 14px;
    overflow-x: hidden;
  }

  .wrap,
  .wrap.compact {
    width: 100%;
    padding: 0 25px;
  }

  header .navbar-menu {
    box-shadow: none;
    padding: initial;
  }
  header .logo {
    width: 173px;
    height: 28px;
  }
  .nav_fixe .logo {
    width: 173px;
    height: 28px;
  }
  .nav_fixe .navbar-item {
    font-size: 13px;
    padding: 28px 14px 10px;
  }
  .navbar {
    background: none;
  }

  .container_slide h1 {
    font-size: 36px;
  }
  .container_slide h2 {
    font-size: 18px;
  }

  .container_slide .cottons {
    left: calc(50% - 600px);
  }

  h2 {
    font-size: 29px;
  }

  .home-hall .quantidade {
    font-size: 42px;
  }

  .line {
    width: 98%;
  }

  .bar-fixe {
    font-size: 11px;
  }
  .bar-fixe .fone {
    font-size: 13px;
  }
  .bar-fixe .go-top {
    right: 15px;
  }

  .quem-somos h3 {
    font-size: 29px;
  }

  .caminhao {
    height: 547px;
  }

  .produtos h1 {
    font-size: 33px;
  }

  .blog.interna2 .box-blog-inf {
    padding-top: 38px;
    padding-bottom: 10px;
  }
  .blog h3 {
    font-size: 16px;
  }

  .beneficios .is-3-tablet {
    width: 25%;
  }

  footer {
    font-size: 11px;
  }

  /* DASHBOARD */
  .dashboard-header {
    padding-left: 0;
  }
  .dashboard {
    min-height: calc(100vh - 68px);
  }
  .dashboard-menu {
    width: 265px;
  }
  .dashboard-list {
    width: calc(100% - 265px);
    left: 265px;
  }
}

/***************************************************************/
/*********************** TABLET PORTRAIT ***********************/
/***************************************************************/

@media only screen and (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) {
  /* BODY */
  body {
    font-size: 13px;
    line-height: 22px;
    overflow-x: hidden;
  }

  /* CONTAINER */
  .wrap,
  .wrap.compact {
    width: 100%;
    padding: 0 30px;
  }
  .wrap.compact {
    padding: 0 40px;
  }
  section {
    padding: 60px 0;
  }

  /* BOTAO */
  .botao {
    font-size: 12px;
  }

  /* TITULOS */
  h2 {
    font-size: 27px;
  }

  /* MENU */
  header {
    height: 69px;
    z-index: 200;
  }
  header .navbar-item {
    font-size: 13px;
    padding: 8px 11px 25px;
  }
  header .lnk-loja-virtual {
    font-size: 12px;
    padding: 8px 14px 7px;
    line-height: 15px;
    margin-top: 0;
  }
  header .navbar {
    background: none;
    min-height: 67px;
  }
  header .navbar-brand {
    z-index: 10;
    position: absolute;
  }
  header .navbar-burger {
    position: absolute;
    top: 10px;
    right: 15px;
    z-index: 10;
  }
  header .logo {
    width: 174px;
    height: 28px;
    margin: 22px 32px 0 20px;
  }
  header .wrap {
    padding: 0;
  }
  header .ret-1-logo,
  header .ret-2-logo {
    width: 32px;
  }

  header .line-top {
    right: 60px;
    top: 13px;
  }
  header .busca-top-form {
    width: 210px;
    right: 170px;
  }
  header .busca-top {
    font-size: 13px;
    right: 70px;
  }
  header .busca-top i {
    font-size: 14px;
    width: 20px;
  }

  /* BURGER */
  header .navbar-burger span {
    height: 2px;
    background: #3dae2b;
    width: 24px;
  }
  header .navbar-burger:hover {
    background: none;
  }

  /* BT DE PRODUTOS E MENU PRODUTOS */
  header .nav-produtos {
    left: 200px;
  }
  header .nav-produtos {
    font-size: 13px;
    top: 14px;
    left: 190px;
    padding: 10px 20px;
  }
  header .menu-produtos {
    width: 100%;
    top: 50px;
    padding: 15px 40px 35px;
  }
  header .menu-produtos.is-active {
    top: 90px;
  }
  header .menu-produtos h2 {
    font-size: 17px !important;
    margin-bottom: 20px !important;
  }
  header .menu-produtos img {
    max-height: 100px;
  }
  header .menu-produtos ul {
    margin-top: 20px;
  }

  /* MENU PRINCIPAL */
  header .navbar-menu {
    background: #003e47;
    margin-top: 0;
    padding: 2px 0 0;
    box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.3);
  }
  header .navbar-end {
    margin-top: 0;
  }
  header a.navbar-item {
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 37px 0;
    font-size: 15px;
    color: #fff;
  }
  header a.navbar-item:hover {
    color: #fff;
  }
  header .lnk-loja-virtual {
    margin-left: 0;
    border-radius: 0;
    font-size: 14px;
  }
  header .lnk-loja-virtual img {
    transform: translateY(5px);
  }

  /* SUB MENU */
  header nav ul li ul {
    position: relative;
    max-height: 0;
    margin: 0;
    opacity: 0;
    background: #045c68;
    transition: all 0.7s cubic-bezier(0.42, 0.23, 0.14, 1.07);
  }
  header nav ul li ul a.navbar-item {
    padding: 22px 0;
  }
  header nav ul li:hover > ul {
    max-height: 210px;
    opacity: 1;
    padding: 5px 0 0;
  }
  header .navbar-item.is-active {
    background: none;
    color: #fff;
  }
  header nav ul li i {
    margin-left: 10px;
  }

  /* TOP BUSCA */
  header .top-busca {
    position: absolute;
    top: 0px;
    right: 60px;
    z-index: 9;
  }
  header .top-busca a {
    padding-left: 23px;
    padding-right: 23px;
    font-size: 11px;
  }
  header .busca {
    right: 310px;
    width: 160px;
    z-index: 11;
  }

  /* SLIDE */
  .container_slide h1 {
    font-size: 28px;
    line-height: 36px;
    padding: 0 100px;
    margin-bottom: 20px;
  }
  .container_slide h2 {
    font-size: 16px;
    line-height: 27px;
  }
  .container_slide .cottons {
    left: calc(50% - 480px);
    transform: scale(0.8);
    bottom: 0;
  }
  .cycle-slideshow li {
    height: 670px;
  }
  .container_slide.sub li {
    height: 330px;
  }
  .container_slide .txt-banner {
    width: 100%;
    left: 0;
    padding: 0 70px;
    top: calc(50% - 60px);
  }
  .container_slide.sub .txt-banner {
    top: calc(50% - 55px);
  }

  /* HOME */
  .home-hall .energia-inteligente {
    padding-left: 150px;
    margin-bottom: 85px;
  }
  .home-hall .bg-hexa-big {
    right: 37px;
  }
  .home-hall .quantidade {
    font-size: 42px;
  }

  /* AREAS DE ATUACAO */
  .area-atuacao .column {
    padding: 0 12px;
  }
  .area-atuacao .atuacao-categorias a {
    display: inline-block;
    width: 19.5%;
    font-size: 15px;
  }
  .area-atuacao .atuacao-categorias a:after {
    display: none;
  }

  /* SOLICITE ORCAMENTO */
  .solicite-orcamento .pj,
  .solicite-orcamento .pf {
    font-size: 10px;
  }

  /* BLOG */
  .blog .column {
    padding: 10px;
  }

  /* INSTAGRAM */
  .instagram .box-insta {
    font-size: 11px;
  }
  .instagram .column {
    padding: 10px;
  }

  /* QUEM SOMOS */
  .video-institucional {
    font-size: 33px;
  }

  /* DIFERENCIAIS */
  .caminhao {
    height: 398px;
  }
  .quem-somos h3 {
    font-size: 25px;
    line-height: 30px;
  }
  .imgs-dif img {
    width: 36%;
  }
  .beneficios .is-3-tablet {
    width: 100%;
  }
  .beneficios-itens {
    margin: 0 80px;
    padding-top: 80px;
    height: 506px;
  }

  /* PRODUTOS */
  .produtos h1 {
    font-size: 23px;
  }

  /* BLOG */
  .blog.interna2 .box-blog-inf {
    padding-top: 22px;
    padding-bottom: 0;
    font-size: 9px;
  }
  .blog h3 {
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 10px;
  }
  .post h1 {
    font-size: 28px;
    line-height: 36px;
  }
  .post h3 {
    font-size: 15px;
    line-height: 24px;
  }

  /* CONTATO */
  #contato .inf-contato {
    margin-left: 20px;
  }
  #contato .is-5-tablet-v {
    padding-left: 25px;
  }

  /* BARRA FIXA FOOTER */
  .bar-fixe {
    font-size: 9px;
  }
  .bar-fixe .fone {
    font-size: 11px;
  }
  .bar-fixe .go-top {
    right: 15px;
  }

  /* FOOTER */
  footer {
    font-size: 10px;
    line-height: 17px;
  }

  /* DASHBOARD */
  .dashboard-header {
    padding-left: 0;
  }
  .dashboard {
    min-height: calc(100vh - 68px);
  }
  .dashboard-menu {
    width: 225px;
  }
  .dashboard-list {
    width: calc(100% - 225px);
    left: 225px;
    padding-left: 25px;
  }
  .dashboard-menu .categoria {
    font-size: 14px;
  }
  .dashboard-menu .subcategorias {
    font-size: 14px;
  }
  .dashboard-list h1 {
    font-size: 20px;
  }
  .dashboard-header .top-busca {
    right: -7px !important;
  }
  .dashboard-header .navbar-burger {
    display: none;
  }
  .dashboard-header .busca {
    width: 189px;
    right: 280px;
  }
  .dashboard-list small {
    font-size: 8px;
  }
}

/**************************************************************/
/************************* SMARTPHONE **************************/
/***************************************************************/
@media only screen and (max-width: 767px) {
  /* BODY */
  body {
    font-size: 12px;
    line-height: 19px;
    overflow-x: hidden;
  }

  /* CONTAINER */
  .wrap,
  .wrap.compact {
    width: 100%;
    padding: 0 25px;
  }
  .wrap.compact {
    padding: 0 40px;
  }
  section {
    padding: 40px 0;
  }

  /* CLASSES DE ORDENACAO */
  .is-order-0-mobile {
    order: 0;
  }
  .is-order-1-mobile {
    order: 1;
  }
  .is-order-2-mobile {
    order: 2;
  }

  /* BOTAO */
  .botao {
    font-size: 11px;
    padding: 7px 30px;
    margin: 20px 0;
  }

  /* TITULOS */
  h2 {
    font-size: 23px;
    line-height: 32px;
  }
  h2 .line {
    top: -6px;
  }

  /* LINHA */
  hr {
    margin: 21px 0;
  }
  .line {
    margin: 20px 0;
  }

  /* MENU */
  header {
    height: 65px;
    z-index: 121;
  }
  header .navbar-item {
    font-size: 13px;
    padding: 8px 11px 25px;
  }
  header .lnk-loja-virtual {
    font-size: 12px;
    padding: 8px 14px 7px;
    line-height: 15px;
    margin-top: 0;
  }
  header .navbar {
    background: none;
    min-height: 0;
  }
  header .navbar-brand {
    z-index: 10;
    position: absolute;
  }
  header .logo {
    width: 149px;
    height: 36px;
    margin: 12px 28px 0 16px;
  }
  header .logo-log {
    width: 149px;
    height: 36px;
    top: 9px;
    left: 6px;
  }

  header .wrap {
    padding: 0;
  }
  header .ret-1-logo,
  header .ret-2-logo {
    width: 30px;
    height: 62px;
  }
  header .line-top {
    right: 60px;
    top: 13px;
  }
  header .busca-top-form {
    width: 210px;
    right: 170px;
  }
  header .busca-top {
    font-size: 13px;
    right: 70px;
  }
  header .busca-top i {
    font-size: 14px;
    width: 20px;
  }

  /* BURGER */
  header .navbar-burger {
    position: absolute;
    top: 8px;
    right: 17px;
    z-index: 10;
    transform: scale(1.3);
  }
  header .navbar-burger span {
    height: 2px;
    background: #3dae2b;
    width: 24px;
  }
  header .navbar-burger:hover {
    background: none;
  }


  header .bt-restrito-mobile{
    position: absolute;
    top: 19px;
    right: 78px;
    width: 20px;
    z-index: 11;
  }



  /* BT DE PRODUTOS E MENU PRODUTOS */
  header .nav-produtos {
    left: 200px;
  }
  header .nav-produtos {
    font-size: 13px;
    top: 14px;
    left: 190px;
    padding: 10px 20px;
  }
  header .menu-produtos {
    width: 100%;
    top: 50px;
    padding: 15px 40px 35px;
  }
  header .menu-produtos.is-active {
    top: 90px;
  }
  header .menu-produtos h2 {
    font-size: 17px !important;
    margin-bottom: 20px !important;
  }
  header .menu-produtos img {
    max-height: 100px;
  }
  header .menu-produtos ul {
    margin-top: 20px;
  }

  /* MENU PRINCIPAL */
  header .navbar-menu {
    background: #003e47;
    margin-top: 64px;
    padding: 2px 0 0;
    box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.3);
  }
  header .navbar-end {
    margin-top: 0;
  }
  header a.navbar-item {
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 19px 0;
    font-size: 15px;
    color: #fff;
  }
  header a.navbar-item:hover {
    color: #fff;
  }
  header .lnk-loja-virtual {
    margin-left: 0;
    border-radius: 0;
    font-size: 14px;
  }
  header .lnk-loja-virtual img {
    transform: translateY(5px);
  }

  /* SUB MENU */
  header nav ul li ul {
    position: relative;
    max-height: 0;
    margin: 0;
    opacity: 0;
    background: #045c68;
    transition: all 0.7s cubic-bezier(0.42, 0.23, 0.14, 1.07);
  }
  header nav ul li ul a.navbar-item {
    padding: 22px 0;
  }
  header nav ul li:hover > ul {
    max-height: 350px;
    opacity: 1;
    padding: 5px 0 0;
  }
  header .navbar-item.is-active {
    background: none;
    color: #fff;
  }
  header nav ul li i {
    margin-left: 10px;
  }

  /* TOP BUSCA */
  header .top-busca {
    position: absolute;
    top: 0px;
    right: 60px;
    z-index: 9;
  }
  header .top-busca a {
    padding-left: 23px;
    padding-right: 23px;
    font-size: 11px;
  }
  header .busca {
    right: 310px;
    width: 160px;
    z-index: 11;
  }

  /* SLIDE */
  .container_slide h1 {
    font-size: 27px;
    line-height: 33px;
    padding: 0;
    margin-bottom: 20px;
  }
  .container_slide h2 {
    font-size: 15px;
    line-height: 24px;
  }
  .container_slide .cottons {
    left: calc(50% - 350px);
    transform: scale(0.6);
    bottom: -50px;
  }
  .cycle-slideshow li {
    height: 552px;
  }
  .container_slide.sub li {
    height: 440px;
  }
  .container_slide .txt-banner {
    width: 100%;
    left: 0;
    padding: 0 60px;
    top: calc(50% - 120px);
  }
  .container_slide.sub .txt-banner {
    top: calc(50% - 75px);
  }

  /* BREADCRUMB */
  .bread-crumb ul {
    background-position: 0 2px;
  }
  .bread-crumb li {
    font-size: 10px;
    margin-right: 10px;
  }
  .bread-crumb li span {
    margin-left: 12px;
  }

  /* ROTA */
  .rota {
    background: #035c67;
    color: #fff;
    font-weight: 400;
    font-family: "Exo 2";
    font-size: 16px;
    position: relative;
    display: block;
    padding: 10px;
    text-align: center;
    z-index: 120;
  }

  /* HOME */
  .home-hall {
    margin-top: 80px;
  }
  .home-hall .energia-inteligente {
    padding: 0 30px;
    margin-bottom: 50px;
  }
  .home-hall .bg-hexa-big {
    right: -20px;
    top: -100px;
    background-size: cover;
    width: 420px;
    height: 450px;
  }
  .home-hall .quantidade {
    font-size: 30px;
  }
  .home-hall .hexa-small {
    background-size: cover;
    width: 74.8px;
    height: 83px;
  }
  .home-hall .hexa-small img {
    margin-top: 26px;
    width: 50%;
  }
  .home-hall .quantidade small {
    font-size: 22px;
  }
  .home-hall .hall-quantidades {
    font-size: 14px;
  }
  .home-hall .valor-atualizado {
    position: relative;
    padding: 20px 0 0;
    bottom: initial;
  }
  .instagram .box-insta .insta-text {
    font-size: 14px;
  }

  /* AREAS DE ATUACAO */
  .area-atuacao .column {
    padding: 0 12px;
  }
  .area-atuacao .area-atuacao-subtitle {
    padding-right: 30px;
  }
  .area-atuacao .atuacao-categorias a {
    display: inline-block;
    width: 32%;
    font-size: 12px;
    padding: 20px 0;
    margin-bottom: 3px;
  }
  .area-atuacao .atuacao-categorias a:after {
    display: none;
  }
  .area-atuacao .atuacao-categorias a img {
    width: 38%;
    margin-bottom: 10px;
  }
  .area-atuacao .line {
    top: 13px;
    width: 93%;
  }
  .area-atuacao .atuacao-categorias {
    margin-bottom: 10px;
  }
  .area-atuacao .head {
    line-height: 15px;
  }

  /* NOSSOS PRODUTOS */
  .nossos-produtos .bt-s10 {
    margin-bottom: 10px;
    font-size: 16px;
  }
  .nossos-produtos .b-s500 .bt-s10 {
    transform: translateX(-10px);
  }
  .nossos-produtos .bt-s500 {
    font-size: 16px;
  }
  .nossos-produtos .produtos-selos {
    width: 50px;
  }
  .nossos-produtos .icon-bardahl {
    margin-left: 10px;
  }

  /* NEWSLETTER */
  .newsletter input {
    width: 96%;
  }

  /* SOLICITE ORCAMENTO */
  .solicite-orcamento {
    background-size: cover;
  }
  .solicite-orcamento .form-solicite-orcamento {
    max-height: 210px;
  }
  .solicite-orcamento .form-solicite-orcamento.is-expand {
    max-height: 780px;
  }
  .solicite-orcamento .form-solicite-orcamento .column {
    padding: 10px 13px;
  }
  .solicite-orcamento .pj,
  .solicite-orcamento .pf {
    font-size: 13px;
  }
  .solicite-orcamento .pj .circle {
    border-width: 2px;
    top: -2px;
    left: 0;
  }
  .solicite-orcamento .pf .circle {
    border-width: 2px;
    top: -2px;
  }
  .solicite-orcamento .combo-produto {
    position: relative;
    bottom: 0 !important;
    left: 0;
    width: 353px;
  }

  /* BLOG */
  .blog {
    padding-left: 15px;
    padding-right: 15px;
  }
  .blog h2 {
    margin-left: 40px;
  }
  .blog .column {
    padding: 10px;
  }
  .blog .bg-titulo-blog {
    right: 125px;
    left: -120px;
  }
  .blog-item-more-news{
    width: 100%;
  }
  /* INSTAGRAM */
  .instagram .box-insta {
    font-size: 11px;
  }
  .instagram .column {
    padding: 10px;
  }
  .instagram .insta-line-right {
    width: 25%;
  }
  .instagram .insta-line-left {
    width: 25%;
  }

  /* QUEM SOMOS */
  .symbol-big {
    width: 65%;
  }
  .hashtag {
    font-size: 17px;
  }
  .quem-somos .home-hall {
    margin-top: 10px;
  }
  .video-institucional {
    font-size: 23px;
    height: 320px;
    background-size: cover;
    padding-top: 90px;
  }
  .video-institucional img {
    width: 23%;
  }
  .muito-obrigado img {
    width: 65%;
    margin-top: 20px;
  }

  /* DIFERENCIAIS */
  .caminhao {
    height: 182px;
  }
  .quem-somos h3 {
    font-size: 20px;
    line-height: 30px;
    margin-top: 15px;
  }
  /*.imgs-dif img{ width: 22%; }*/
  .beneficios .is-3-tablet {
    width: 100%;
  }
  .beneficios-itens {
    margin: 0;
    padding: 53px 68px;
    height: 322px;
    line-height: 16px;
    font-size: 11px;
  }
  .beneficios-itens .font-exo {
    font-size: 15px;
    margin: 0 0 25px;
  }
  .beneficios-itens img {
    width: 43%;
  }
  .beneficios-itens .column {
    padding: 10px;
  }

  /* PRODUTOS */
  .produtos {
    line-height: 17px;
  }
  .produtos h1 {
    font-size: 20px;
    line-height: 24px;
  }

  /* BLOG */
  .blog.interna2 .box-blog-inf {
    padding-top: 22px;
    padding-bottom: 0;
  }
  .blog h3 {
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 10px;
  }
  .post h1 {
    font-size: 24px;
    line-height: 28px;
  }
  .post h3 {
    font-size: 15px;
    line-height: 24px;
  }
  .blog.interna2 .column {
    padding: 10px;
  }
  .blog.interna2 .has-background-white {
    background: none !important;
    border: none;
    margin-top: -20px;
  }
  .blog.interna2 .column a {
    display: block;
    background: #fff;
  }
  .blog.interna2 .box-blog-inf {
    padding: 20px 25px;
  }
  .blog.interna2 h3 {
    margin-bottom: 0;
  }
  .more-news-wrapper{
   flex-wrap: wrap;
  }
  .more-news-wrapper h3{
    margin-left: 0px;
  }
  .post-content{
    padding: 20px;
    padding-bottom: 0;
  }

  /* CONTATO */
  #contato .inf-contato {
    margin-left: 20px;
  }
  #contato .is-5-tablet-v {
    padding-left: 25px;
  }
  #contato img {
    width: 50%;
  }

  /* BARRA FIXA FOOTER */
  .bar-fixe {
    font-size: 9px;
    height: 50px;
  }
  .bar-fixe .wrap {
    padding: 0;
  }
  .bar-fixe .fone {
    margin-top: 18px;
    font-size: 11px;
  }
  .bar-fixe .go-top {
    right: 15px;
  }
  .bar-fixe .social a {
    width: 46px;
    height: 50px;
    line-height: 56px;
    margin-right: -2px;
  }
  .bar-fixe .orcamento .bg-dolar {
    height: 50px;
  }
  .bar-fixe .orcamento a {
    height: 50px;
  }
  .bar-fixe .orcamento img {
    margin-top: 18px;
  }

  .bar-fixe .bt-whatsbox {
    right: 15px;
    top: -65px;
  }
  .bar-fixe .whatsbox {
    font-size: 12px;
  }
  .bar-fixe .whatsbox .pd20 {
    padding: 20px;
  }

  /* FOOTER */
  footer {
    font-size: 13px;
    line-height: 17px;
    text-align: center;
    padding-bottom: 40px;
  }
  footer .inf {
    margin-bottom: 120px;
  }
  footer .column {
    padding: 7px 0;
  }
  footer .quax {
    margin-top: 30px;
  }

  /* HACK SAFARI */
  footer.footer-safari .inf {
    margin-bottom: 0px;
    padding-bottom: 20px;
  }

  /* DASHBOARD */
  .box-login {
    width: 290px;
  }
  .dashboard-header {
    height: 62px;
    padding-left: 0;
  }
  .dashboard {
    min-height: calc(100vh - 62px);
    margin-top: 16px;
  }
  .dashboard-menu {
    width: 230px;
    left: -230px;
    min-height: calc(100vh - 59px);
    z-index: 10;
    transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
  }
  .dashboard-menu.is-active {
    left: 0px;
  }
  .dashboard-list {
    width: calc(100%);
    left: 0;
    padding: 0 25px 0 20px;
    position: relative;
    min-height: calc(100vh - 62px);
  }
  .dashboard-menu .categoria {
    font-size: 14px;
  }
  .dashboard-menu .subcategorias {
    font-size: 14px;
  }
  .dashboard-list h1 {
    font-size: 17px;
    line-height: 26px;
    margin: 65px 0 0;
  }
  .dashboard-header .top-busca {
    right: -7px !important;
  }
  .dashboard-header .busca {
    width: 100%;
    top: 63px;
    right: 0;
    position: relative;
    background: #eee;
    border-bottom: 1px solid #ddd;
    z-index: 5;
  }
  .dashboard-list small {
    font-size: 11px;
  }
  .dashboard-list .list-item .botao {
    padding: 6px 7px 1px 10px;
    font-size: 10px;
  }
  .dashboard-header .line-top {
    position: absolute;
    top: 62px;
    right: 0;
  }
  .dashboard-header .busca button {
    right: 15px;
  }

  /* ANIMATIONS */
  .animation_bottom.animated {
    animation: fadeBottom 0.6s cubic-bezier(0.77, 0, 0.175, 1);
  }
  .animation_bottom_d1.animated {
    animation: fadeBottom 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
  }
  .animation_bottom_d2.animated {
    animation: fadeBottom 1.3s 1 cubic-bezier(0.77, 0, 0.175, 1);
  }
  .animation_left.animated {
    animation: fadeLeft 0.6s cubic-bezier(0.77, 0, 0.175, 1);
  }
  .animation_left_d1.animated {
    animation: fadeLeft 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
  }
  .animation_left_d2.animated {
    animation: fadeLeft 1.3s 1 cubic-bezier(0.77, 0, 0.175, 1);
  }
  .animation_left_d3.animated {
    animation: fadeLeft 1.5s 1 cubic-bezier(0.77, 0, 0.175, 1);
  }
  .animation_right.animated {
    animation: fadeRight 0.6s cubic-bezier(0.77, 0, 0.175, 1);
  }
  .animation_right_d1.animated {
    animation: fadeRight 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
  }
  .animation_right_d2.animated {
    animation: fadeRight 1.3s 1 cubic-bezier(0.77, 0, 0.175, 1);
  }
  .animation_right_d3.animated {
    animation: fadeRight 1.5s 1 cubic-bezier(0.77, 0, 0.175, 1);
  }
  .animation_top.animated {
    animation: fadeTop 0.6s cubic-bezier(0.77, 0, 0.175, 1);
  }
  .animation_top_d1.animated {
    animation: fadeTop 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
  }
  .animation_top_d2.animated {
    animation: fadeTop 1.3s 1 cubic-bezier(0.77, 0, 0.175, 1);
  }
  .animation_scale.animated {
    animation: escale 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
  }
  .animation_scale_d1.animated {
    animation: escale 1.3s 1 cubic-bezier(0.77, 0, 0.175, 1);
  }
  .animation_scale_d2.animated {
    animation: escale 1.5s 1 cubic-bezier(0.77, 0, 0.175, 1);
  }

  .animation_rotate_right.animated {
    animation: rotateRight 0.8s 1 cubic-bezier(0.77, 0, 0.175, 1);
  }
  .animation_rotate_right_d1.animated {
    animation: rotateRight 1.2s 1 cubic-bezier(0.77, 0, 0.175, 1);
  }
  .animation_rotate_right_d2.animated {
    animation: rotateRight 1.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
  }

  .animation_rotate_left.animated {
    animation: rotateLeft 0.8s 1 cubic-bezier(0.77, 0, 0.175, 1);
  }
  .animation_rotate_left_d1.animated {
    animation: rotateLeft 1.2s 1 cubic-bezier(0.77, 0, 0.175, 1);
  }
  .animation_rotate_left_d2.animated {
    animation: rotateLeft 1.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
  }
}