body {
  font-family: Roboto, sans-serif;
  color: #333;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 40px;
  line-height: 45px;
  font-weight: 300;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 32px;
  line-height: 36px;
  font-weight: 400;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 30px;
  font-weight: 400;
}

p {
  margin-bottom: 10px;
  font-size: 15px;
  line-height: 24px;
}

.nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 70px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  background-color: #34363b;
  color: #000;
}

.nav._2 {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.nav.nav_aparecer {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
}

.nav-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin-right: 0px;
  margin-left: 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.nav-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.hero-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 600px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #ffc905;
}

.hero-wrap {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: left;
}

.hero-wrap._2 {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.hero-wrap._3 {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.section-1 {
  display: block;
  min-height: 300px;
  padding-top: 50px;
  padding-bottom: 150px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #ffc905;
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .25), transparent 2%, transparent 56%, transparent 98%, rgba(0, 0, 0, .25)), -webkit-linear-gradient(270deg, rgba(255, 201, 5, .74), rgba(255, 201, 5, .74)), url('../images/pormenor2.png');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .25), transparent 2%, transparent 56%, transparent 98%, rgba(0, 0, 0, .25)), linear-gradient(180deg, rgba(255, 201, 5, .74), rgba(255, 201, 5, .74)), url('../images/pormenor2.png');
  background-position: 0px 0px, 0px 0px, 0px 100%;
  background-size: auto, auto, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-attachment: scroll, scroll, fixed;
}

.wrap-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.column-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 10px 15px;
  padding: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: 40px;
  background-color: #fff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .2);
  text-align: center;
}

.heading-1 {
  font-family: Ubuntu, Helvetica, sans-serif;
  color: #fff;
  font-size: 52px;
  font-weight: 700;
  text-transform: none;
  text-shadow: 1px 1px 6px rgba(0, 0, 0, .3);
}

.subhead-1 {
  color: #000;
  font-size: 18px;
  line-height: 26px;
  font-weight: 300;
  text-shadow: 1px 1px 6px rgba(0, 0, 0, .3);
}

.paragraph-3 {
  max-width: 280px;
  font-size: 14px;
  line-height: 20px;
}

.icon {
  margin-top: 10px;
  margin-bottom: 40px;
}

.nav-link {
  display: block;
  width: 120px;
  height: 70px;
  margin-right: 0px;
  margin-left: 0px;
  padding-top: 26px;
  padding-right: 20px;
  padding-bottom: 26px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  font-family: Ubuntu, Helvetica, sans-serif;
  color: #fff;
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
}

.nav-link:hover {
  background-image: none;
  box-shadow: inset 0 29px 0 -25px #ffc905;
  color: #ffc905;
  font-weight: 400;
}

.nav-link:active {
  background-image: none;
  opacity: 1;
  color: #b68f00;
  text-shadow: none;
}

.nav-link.w--current {
  color: #ffc905;
  text-transform: uppercase;
}

.nav-link._2 {
  width: 200px;
}

.nav-link._2:hover {
  box-shadow: none;
}

.hero-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.button {
  margin-top: 20px;
  padding: 15px 25px;
  border-radius: 300px;
  background-color: #ffc905;
  box-shadow: 0 1px 0 0 transparent;
  -webkit-transition: background-color 300ms ease;
  transition: background-color 300ms ease;
  color: #000;
  font-weight: 500;
}

.button:hover {
  background-color: #fff;
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .2);
  color: #000;
}

.button._2 {
  width: 100%;
  margin-top: 8px;
  border-radius: 3px;
  box-shadow: 0 1px 0 0 transparent, 0 0 6px 0 rgba(0, 0, 0, .18);
}

.class {
  margin-right: 2px;
  margin-left: 2px;
  padding: 3px 5px;
  border-radius: 2px;
  background-color: #4279ac;
  box-shadow: inset 0 1px 0 0 #5889b6, 0 1px 0 0 rgba(0, 0, 0, .2);
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: #fff;
  font-size: 12px;
}

.class-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 50px;
  padding-bottom: 50px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/logo_trans.png'), -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, 0), #e0e0e0), url('../images/handshake.png'), url('../images/regua.jpg');
  background-image: url('../images/logo_trans.png'), linear-gradient(180deg, hsla(0, 0%, 100%, 0), #e0e0e0), url('../images/handshake.png'), url('../images/regua.jpg');
  background-position: 100% 100%, 0px 0px, 100% 50%, 50% 0px;
  background-size: 700px, auto, auto 100%, 20px;
  background-repeat: no-repeat, repeat, no-repeat, repeat-x;
  color: #000;
}

.wrap-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
}

.wrap-2.a {
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.wrap-2.b {
  width: 100%;
}

.logos-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 30px;
  padding-bottom: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #34363b;
}

.logos-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  opacity: 0.21;
}

.logos-wrap.kommerling {
  position: relative;
  z-index: 1;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  box-shadow: 0 8px 21px 0 rgba(63, 47, 47, .73);
  opacity: 1;
}

.logos-wrap.came {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 1;
}

.logos-wrap.cortizo {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 1;
}

.left-1 {
  width: 50%;
  padding: 50px 20px;
}

.right-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.column-1-title {
  margin-bottom: 20px;
}

.left-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.right-2 {
  width: 50%;
  padding: 50px 20px;
  text-align: left;
}

.footer-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #34363b;
  color: #fff;
}

.footer-top-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.footer-bottom {
  display: block;
  padding-top: 15px;
  padding-bottom: 15px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #34363b;
}

.footer-bottom-wrap {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.legal {
  color: #777;
  font-size: 12px;
}

.section-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 80px;
  padding-bottom: 80px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/logo_trans.png'), -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, 0), #e0e0e0), url('../images/regua.jpg');
  background-image: url('../images/logo_trans.png'), linear-gradient(180deg, hsla(0, 0%, 100%, 0), #e0e0e0), url('../images/regua.jpg');
  background-position: 100% 100%, 0px 0px, 50% 0px;
  background-size: 700px, auto, 20px;
  background-repeat: no-repeat, repeat, repeat-x;
}

.wrap-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.column-wrap-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  margin-right: -15px;
  margin-left: -15px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}

.heading-3 {
  text-align: left;
}

.subhead-3 {
  margin-bottom: 40px;
  text-align: left;
}

.column-wrap-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  margin-right: -20px;
  margin-left: -20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.column-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.heading-4 {
  margin-top: 30px;
}

.heading-2 {
  font-family: Ubuntu, Helvetica, sans-serif;
  color: #000;
  font-size: 32px;
  line-height: 36px;
  font-weight: 400;
  text-transform: uppercase;
}

.heading-2._23 {
  font-size: 28px;
}

.heading-2.obras {
  color: #000;
}

.screenshot {
  border-radius: 10px;
  box-shadow: 0 20px 50px 7px rgba(0, 0, 0, .26);
  -webkit-transition: all 800ms ease;
  transition: all 800ms ease;
}

.screenshot:hover {
  box-shadow: 0 20px 50px 7px rgba(0, 0, 0, .26);
  -webkit-transform: scale(1.04);
  -ms-transform: scale(1.04);
  transform: scale(1.04);
}

.screenshot._2 {
  box-shadow: none;
  -webkit-transition: width 800ms ease, height 200ms ease;
  transition: width 800ms ease, height 200ms ease;
}

.screenshot._2:hover {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.paragraph-2 {
  font-family: Ubuntu, Helvetica, sans-serif;
  color: #000;
  font-size: 14px;
}

.paragraph-2.obras {
  color: #000;
}

.caption-2 {
  max-width: 320px;
  margin-top: 20px;
  color: #777;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
}

.footer-logo {
  margin-top: 40px;
  margin-bottom: 40px;
}

.footer-link-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer-link {
  margin-left: 50px;
  color: #fff;
  text-decoration: none;
}

.hero-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.hero-right._2 {
  width: 25%;
}

.hero-right._3 {
  width: 30%;
}

.caption-1 {
  max-width: 320px;
  margin-top: 20px;
  color: rgba(0, 0, 0, .5);
  font-size: 13px;
  line-height: 21px;
  text-align: center;
}

.customers-logo {
  margin: 10px;
  opacity: 1;
}

.customers-logo.barra {
  width: 2px;
  height: 60px;
  opacity: 1;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.caption-4 {
  max-width: 320px;
  margin-top: 20px;
  color: #777;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
}

.caption-3 {
  max-width: 320px;
  margin-top: 20px;
  color: #777;
  font-size: 13px;
  line-height: 21px;
}

.section1 {
  height: 140px;
  background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, 0) 54%, #dad5d5), url('../images/regua.jpg');
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 54%, #dad5d5), url('../images/regua.jpg');
  background-position: 0px 0px, 50% 0px;
  background-size: auto, 20px;
  background-repeat: repeat, repeat-x;
}

.section1_coint {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.row {
  margin-top: 24px;
}

.column-3 {
  text-align: left;
}

.container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.row-2 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.image {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-transform: scale3d(1, 0.15, 1);
  transform: scale3d(1, 0.15, 1);
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.image-2 {
  margin-top: 13px;
  margin-bottom: 13px;
  border-radius: 500px 500px 60px;
}

.text-block {
  position: static;
  left: 0px;
  top: 0px;
  right: 0px;
  font-family: Ubuntu, Helvetica, sans-serif;
  color: #000;
}

.text-block-2 {
  font-family: Ubuntu, Helvetica, sans-serif;
  color: #575757;
  font-size: 12px;
}

.column-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 17px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  text-align: left;
}

.column-5 {
  text-align: left;
}

.slider {
  width: 100%;
  height: 100%;
  background-color: transparent;
}

.slide {
  display: inline-block;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .6), rgba(86, 86, 86, .67) 6%, transparent), url('../images/logo_trans.png'), -webkit-linear-gradient(270deg, rgba(255, 201, 5, 0), rgba(255, 201, 5, .81)), url('../images/17902889_1335824096472231_607913370_o.jpeg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .6), rgba(86, 86, 86, .67) 6%, transparent), url('../images/logo_trans.png'), linear-gradient(180deg, rgba(255, 201, 5, 0), rgba(255, 201, 5, .81)), url('../images/17902889_1335824096472231_607913370_o.jpeg');
  background-position: 0px 0px, 100% 100%, 0px 0px, 50% 50%;
  background-size: auto, 700px, auto, cover;
  background-repeat: repeat, no-repeat, repeat, no-repeat;
}

.slide-nav {
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .55), rgba(0, 0, 0, .55));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .55), rgba(0, 0, 0, .55));
}

.slide-2 {
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .16) 6%, transparent), url('../images/logo_trans.png'), -webkit-linear-gradient(270deg, rgba(255, 201, 5, 0), rgba(255, 201, 5, .65)), url('../images/13076_2.jpeg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .16) 6%, transparent), url('../images/logo_trans.png'), linear-gradient(180deg, rgba(255, 201, 5, 0), rgba(255, 201, 5, .65)), url('../images/13076_2.jpeg');
  background-position: 0px 0px, 100% 100%, 0px 0px, 50% 50%;
  background-size: auto, 700px, auto, cover;
  background-repeat: repeat, no-repeat, repeat, no-repeat;
}

.slide-2._3 {
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .16) 6%, transparent), url('../images/logo_trans.png'), -webkit-linear-gradient(270deg, rgba(255, 201, 5, 0), rgba(255, 201, 5, .65)), url('../images/56e75e12f37ab62a0909a821_l_shutterstock_window-blinds_1200x675.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .16) 6%, transparent), url('../images/logo_trans.png'), linear-gradient(180deg, rgba(255, 201, 5, 0), rgba(255, 201, 5, .65)), url('../images/56e75e12f37ab62a0909a821_l_shutterstock_window-blinds_1200x675.jpg');
  background-position: 0px 0px, 100% 100%, 0px 0px, 50% 50%;
  background-size: auto, 700px, auto, cover;
  background-repeat: repeat, no-repeat, repeat, no-repeat;
}

.div-block {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 1000;
  width: 100%;
  box-shadow: inset 1px 29px 0 -25px #ffc905;
}

.image-3 {
  opacity: 0;
}

.container-2 {
  height: 100%;
}

.container-3 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.container-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.container-5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.container-6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.container-6._12 {
  background-image: url('../images/obras.png');
  background-position: 0px 100%;
  background-size: 65%;
  background-repeat: no-repeat;
}

.text-block-3 {
  font-family: Ubuntu, Helvetica, sans-serif;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
}

.body_pipa {
  background-color: transparent;
  color: #fff;
}

.dropdown {
  display: block;
  margin-right: 0px;
  margin-left: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  text-align: center;
}

.text-block-4 {
  display: block;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.dropdown-list.w--open {
  position: absolute;
  left: -40px;
  display: block;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #34363b;
  box-shadow: 0 0 6px 3px rgba(52, 54, 59, .54);
  opacity: 0.92;
  color: #fff;
  text-align: center;
}

.nav_aparecer {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 70px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: transparent;
  background-image: -webkit-linear-gradient(270deg, rgba(52, 54, 59, .92), rgba(52, 54, 59, .92));
  background-image: linear-gradient(180deg, rgba(52, 54, 59, .92), rgba(52, 54, 59, .92));
  box-shadow: 0 0 6px 4px rgba(52, 54, 59, .66);
}

.tab-pane {
  position: relative;
  margin-top: 0px;
  padding: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #34363b;
  color: #fff;
}

.container_iframe {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  box-shadow: 0 0 21px 5px rgba(0, 0, 0, .19);
}

.html-embed {
  width: 900px;
  height: 900px;
}

.container-8 {
  display: block;
}

.map {
  border: 1px solid #c1c1c1;
  border-radius: 10px;
  box-shadow: 0 0 6px 6px rgba(0, 0, 0, .09);
}

.tab-link {
  display: inline-block;
  width: 150px;
  height: 50px;
  margin-right: 10px;
  padding-top: 13px;
  padding-right: 22px;
  padding-left: 31px;
}

.tab-link.w--current {
  margin-right: 0px;
  margin-bottom: 5px;
  padding-top: 14px;
  border-radius: 10px 0px 0px 10px;
  background-color: #34363b;
}

.tab-link-2 {
  width: 150px;
  height: 50px;
  margin-bottom: 5px;
  padding-top: 14px;
  padding-left: 56px;
  border-radius: 10px 0px 0px 10px;
}

.tab-link-3 {
  width: 150px;
  height: 50px;
  padding-top: 14px;
  padding-left: 30px;
  border-radius: 10px 0px 0px 10px;
}

.tab-link-3.w--current {
  width: 150px;
  height: 50px;
  padding-left: 32px;
}

.text-block-5 {
  font-family: Ubuntu, Helvetica, sans-serif;
  color: #fff;
  font-size: 20px;
}

.text-block-6 {
  font-family: Ubuntu, Helvetica, sans-serif;
  color: #fff;
  font-size: 20px;
}

.text-block-7 {
  font-family: Ubuntu, Helvetica, sans-serif;
  color: #fff;
  font-size: 20px;
}

.text-field {
  border-radius: 3px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, .18);
}

.text-field-2 {
  border-radius: 3px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, .18);
}

.text-field-3 {
  border-radius: 3px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, .18);
}

.success-message {
  border-radius: 10px;
  background-color: #ffc905;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, .18);
}

.text-block-8 {
  border-radius: 10px;
}

.text-block-9 {
  text-align: center;
}

.error-message {
  margin-top: 30px;
  border-radius: 3px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, .18);
}

.textarea {
  min-height: 110px;
  border-radius: 3px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, .18);
}

.tabs-content {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.tabs-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 30%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.tabs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.tabs-menu-2 {
  width: 25%;
  float: left;
  font-family: Ubuntu, Helvetica, sans-serif;
  color: #fff;
}

.tab-pane-2 {
  padding: 10px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  background-color: rgba(0, 0, 0, .7);
  font-family: Ubuntu, Helvetica, sans-serif;
  color: #fff;
}

.tab-link-4 {
  display: block;
  width: 100%;
  margin-top: 0px;
  margin-bottom: 5px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  background-color: rgba(0, 0, 0, .5);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  font-family: Ubuntu, Helvetica, sans-serif;
  color: #fff;
}

.tab-link-4:hover {
  background-color: rgba(0, 0, 0, .7);
  box-shadow: inset 4px 0 0 0 #ffc905;
  color: #ffc905;
}

.tab-link-4.w--current {
  display: block;
  width: 100%;
  background-color: rgba(0, 0, 0, .7);
  color: #ffc905;
}

.tab-link-5 {
  width: 100%;
  margin-bottom: 5px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  background-color: rgba(0, 0, 0, .5);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  color: #fff;
}

.tab-link-5:hover {
  background-color: rgba(0, 0, 0, .7);
  box-shadow: inset 4px 0 0 0 #ffc905;
  color: #ffc905;
}

.tab-link-5.w--current {
  display: block;
  background-color: rgba(0, 0, 0, .7);
}

.tab-link-6 {
  display: block;
  width: 100%;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  background-color: rgba(0, 0, 0, .5);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  color: #fff;
}

.tab-link-6:hover {
  background-color: rgba(0, 0, 0, .7);
  box-shadow: inset 4px 0 0 0 #ffc905;
  color: #ffc905;
}

.tab-link-6.w--current {
  background-color: rgba(0, 0, 0, .7);
}

.tabs-2 {
  width: 100%;
}

.text-block-10 {
  font-family: Ubuntu, Helvetica, sans-serif;
  color: #fff;
}

.text-block-11 {
  color: #fff;
}

.text-block-12 {
  color: #fff;
}

.tab-pane-3 {
  padding: 10px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  background-color: rgba(0, 0, 0, .7);
  font-family: Ubuntu, Helvetica, sans-serif;
  color: #fff;
}

.tab-pane-4 {
  padding: 10px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  background-color: rgba(0, 0, 0, .7);
  font-family: Ubuntu, Helvetica, sans-serif;
  color: #fff;
}

.text-block-13 {
  color: #fff;
}

.div-block-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 5px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 5px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.field-label {
  color: #000;
}

.field-label-2 {
  color: #000;
}

.field-label-3 {
  color: #000;
}

.field-label-4 {
  color: #000;
}

.section_iframe {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 80px;
  padding-bottom: 80px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/logo_trans.png'), -webkit-linear-gradient(270deg, hsla(0, 0%, 88%, 0), #e0e0e0), url('../images/produts.jpg');
  background-image: url('../images/logo_trans.png'), linear-gradient(180deg, hsla(0, 0%, 88%, 0), #e0e0e0), url('../images/produts.jpg');
  background-position: 100% 100%, 0px 0px, 0px 100%;
  background-size: 700px, auto, auto 100%;
  background-repeat: no-repeat, repeat, no-repeat;
  background-attachment: scroll, scroll, scroll;
}

.loading {
  position: fixed;
  z-index: 2000;
  display: none;
  width: 100%;
  height: 100%;
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .88), rgba(0, 0, 0, .88));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .88), rgba(0, 0, 0, .88));
}

.loading_gif {
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.section-4 {
  position: relative;
}

.section_titulos_iframe {
  background-color: #ffc905;
  background-image: -webkit-linear-gradient(270deg, transparent 70%, rgba(0, 0, 0, .2));
  background-image: linear-gradient(180deg, transparent 70%, rgba(0, 0, 0, .2));
}

.div-block-5 {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.text-block-14 {
  font-family: Ubuntu, Helvetica, sans-serif;
  color: #000;
}

.text_contactos {
  font-family: Ubuntu, Helvetica, sans-serif;
  color: #000;
}

.div-block-6 {
  margin-top: 20px;
}

.link_site {
  opacity: 0.43;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
}

.link_site:hover {
  opacity: 1;
  -webkit-filter: none;
  filter: none;
}

.tabs-3 {
  width: 100%;
}

.container_kommerling {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 80px;
  padding-bottom: 80px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/produts.png'), url('../images/logo_trans.png'), -webkit-linear-gradient(270deg, hsla(0, 0%, 88%, 0), #e0e0e0), url('../images/regua.jpg');
  background-image: url('../images/produts.png'), url('../images/logo_trans.png'), linear-gradient(180deg, hsla(0, 0%, 88%, 0), #e0e0e0), url('../images/regua.jpg');
  background-position: 0px 100%, 100% 100%, 0px 0px, 50% 0px;
  background-size: auto 100%, 700px, auto, 20px;
  background-repeat: no-repeat, no-repeat, repeat, repeat-x;
  background-attachment: fixed, scroll, scroll, scroll;
}

.image-5 {
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, .25);
  border-radius: 3px;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.image-5:hover {
  opacity: 0.7;
}

.section-5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 90px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-image: -webkit-linear-gradient(270deg, #34363b, rgba(52, 54, 59, 0));
  background-image: linear-gradient(180deg, #34363b, rgba(52, 54, 59, 0));
}

.link-block {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  color: #fff;
  text-decoration: none;
}

.link-block:hover {
  -webkit-transform: scale(1.07);
  -ms-transform: scale(1.07);
  transform: scale(1.07);
  -webkit-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}

.link-block.w--current {
  margin-bottom: 0px;
  -webkit-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}

.link-block.w--current:hover {
  -webkit-transform: scale(1.07);
  -ms-transform: scale(1.07);
  transform: scale(1.07);
}

.text-block-15 {
  padding-right: 15px;
  padding-left: 15px;
  font-family: Ubuntu, Helvetica, sans-serif;
  color: #000;
  font-weight: 400;
  text-decoration: none;
}

.image-6 {
  padding-right: 20px;
  padding-left: 20px;
}

.image-7 {
  opacity: 0;
}

.div-block-7 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 80px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: transparent;
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .21), hsla(0, 0%, 100%, 0));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .21), hsla(0, 0%, 100%, 0));
}

.div-block-8 {
  position: absolute;
  right: 0px;
  bottom: 0px;
  z-index: 1500;
  width: 100px;
  height: 100px;
  background-color: #34363b;
}

.ce {
  position: fixed;
  right: 0px;
  bottom: 70px;
  z-index: 1500;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 6px 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  background-color: rgba(52, 54, 59, .88);
  -webkit-transform: translate(325px, 0px);
  -ms-transform: translate(325px, 0px);
  transform: translate(325px, 0px);
}

.text-block-16 {
  padding-right: 10px;
  padding-left: 20px;
  color: #d1d1d1;
  font-size: 12px;
  text-align: left;
  text-transform: uppercase;
}

.container-10 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.logo_bar_aparecer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.image-8 {
  opacity: 0;
}

.text-block-17 {
  margin-top: 0px;
  color: #000;
}

.link-block-2 {
  margin-top: 20px;
  text-decoration: none;
}

.link-block-3 {
  margin-top: 30px;
  color: #000;
  text-decoration: none;
}

html.w-mod-js *[data-ix="logo-aparece"] {
  opacity: 0;
  -webkit-transform: translate(-100px, 0px);
  -ms-transform: translate(-100px, 0px);
  transform: translate(-100px, 0px);
}

html.w-mod-js *[data-ix="icon-aparece"] {
  opacity: 0;
  -webkit-transform: rotate(-50deg);
  -ms-transform: rotate(-50deg);
  transform: rotate(-50deg);
}

html.w-mod-js *[data-ix="texto-header"] {
  opacity: 0;
  -webkit-transform: translate(0px, -20px);
  -ms-transform: translate(0px, -20px);
  transform: translate(0px, -20px);
}

html.w-mod-js *[data-ix="nav-menu-aparece-2"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="slider-loading"] {
  opacity: 0;
  -webkit-transform: scale(0.01, 1);
  -ms-transform: scale(0.01, 1);
  transform: scale(0.01, 1);
}

html.w-mod-js *[data-ix="operario"] {
  opacity: 0;
  -webkit-transform: translate(150px, 0px);
  -ms-transform: translate(150px, 0px);
  transform: translate(150px, 0px);
}

html.w-mod-js *[data-ix="senhora-vetido-azul"] {
  opacity: 0;
  -webkit-transform: translate(-150px, 0px);
  -ms-transform: translate(-150px, 0px);
  transform: translate(-150px, 0px);
}

html.w-mod-js *[data-ix="titulo-slider"] {
  opacity: 0;
  -webkit-transform: translate(-150px, 0px);
  -ms-transform: translate(-150px, 0px);
  transform: translate(-150px, 0px);
}

html.w-mod-js *[data-ix="titulo-slider-2"] {
  opacity: 0;
  -webkit-transform: translate(150px, 0px);
  -ms-transform: translate(150px, 0px);
  transform: translate(150px, 0px);
}

html.w-mod-js *[data-ix="butao-slider"] {
  opacity: 0;
  -webkit-transform: translate(0px, 150px);
  -ms-transform: translate(0px, 150px);
  transform: translate(0px, 150px);
}

@media (max-width: 991px) {
  .nav-container {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .nav-menu {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .logos-wrap {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .column-wrap-1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .column-wrap-2 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .column-2 {
    width: 50%;
    margin-top: 20px;
    margin-bottom: 20px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }
  .brand_logo.mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 24px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .icon-2 {
    color: #fff;
    font-size: 40px;
  }
  .menu-button {
    display: block;
    padding-right: 18px;
    padding-bottom: 11px;
    padding-left: 18px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .menu-button.w--open {
    background-color: rgba(0, 152, 255, 0);
  }
  .nav_mobile {
    position: fixed;
    top: 49px;
    right: 0px;
    bottom: auto;
    display: block;
    width: 200px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0, 152, 255, 0);
  }
  .icon-3 {
    color: #fff;
  }
  .nav-link-2 {
    color: #fff;
    text-align: center;
  }
  .nav-link-3 {
    color: #fff;
    text-align: center;
  }
  .nav-link-4 {
    color: #fff;
    text-align: center;
  }
  .menu-button-2 {
    background-color: #34363b;
  }
  .menu-button-2.w--open {
    background-color: #34363b;
  }
  .nav-menu-2 {
    background-color: #34363b;
  }
  .nav-link-5 {
    color: #fff;
    text-align: center;
  }
  .section_slider_mobile {
    height: 350px;
  }
  .slider-2 {
    width: 100%;
    height: 100%;
  }
  .slide-3 {
    background-image: -webkit-linear-gradient(270deg, rgba(255, 201, 5, 0), rgba(255, 201, 5, .67)), url('../images/logo_trans.png'), url('../images/13076_2.jpeg');
    background-image: linear-gradient(180deg, rgba(255, 201, 5, 0), rgba(255, 201, 5, .67)), url('../images/logo_trans.png'), url('../images/13076_2.jpeg');
    background-position: 0px 0px, 100% 100%, 0px 0px;
    background-size: auto, 60%, cover;
    background-repeat: repeat, no-repeat, repeat;
  }
  .slide-3._2 {
    background-image: url('../images/logo_trans.png'), -webkit-linear-gradient(270deg, rgba(255, 201, 5, 0), rgba(255, 201, 5, .67)), url('../images/17902889_1335824096472231_607913370_o.jpeg');
    background-image: url('../images/logo_trans.png'), linear-gradient(180deg, rgba(255, 201, 5, 0), rgba(255, 201, 5, .67)), url('../images/17902889_1335824096472231_607913370_o.jpeg');
    background-position: 100% 100%, 0px 0px, 0px 0px;
    background-size: 60%, auto, cover;
    background-repeat: no-repeat, repeat, repeat;
  }
  .slide-3._3 {
    background-image: url('../images/logo_trans.png'), -webkit-linear-gradient(270deg, rgba(255, 201, 5, 0), rgba(255, 201, 5, .67)), url('../images/56e75e12f37ab62a0909a821_l_shutterstock_window-blinds_1200x675.jpg');
    background-image: url('../images/logo_trans.png'), linear-gradient(180deg, rgba(255, 201, 5, 0), rgba(255, 201, 5, .67)), url('../images/56e75e12f37ab62a0909a821_l_shutterstock_window-blinds_1200x675.jpg');
    background-position: 100% 100%, 0px 0px, 0px 0px;
    background-size: 60%, auto, cover;
    background-repeat: no-repeat, repeat, repeat;
  }
  .container-7 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .heading-6 {
    padding-right: 10px;
    padding-left: 10px;
    font-family: Ubuntu, Helvetica, sans-serif;
    color: #fff;
    font-weight: 700;
    text-align: center;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, .59);
  }
  .div-block-2 {
    position: absolute;
  }
}

@media (max-width: 767px) {
  .hero-section {
    height: auto;
  }
  .hero-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .wrap-1 {
    text-align: center;
  }
  .hero-left {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
  }
  .wrap-2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .wrap-2.a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .left-1 {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    text-align: center;
  }
  .right-1 {
    width: 100%;
  }
  .left-2 {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .right-2 {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    text-align: center;
  }
  .heading-3 {
    text-align: center;
  }
  .subhead-3 {
    text-align: center;
  }
  .hero-right {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .nav_mobile {
    top: 49px;
    right: 0px;
    bottom: auto;
  }
  .nav-menu-2 {
    position: absolute;
  }
}

@media (max-width: 479px) {
  .footer-top-wrap {
    padding-bottom: 33px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .legal {
    font-size: 8px;
  }
  .column-wrap-2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .column-2 {
    width: 100%;
  }
  .footer-link {
    margin-right: 20px;
    margin-left: 20px;
  }
  .nav_mobile {
    width: 200px;
  }
  .slide-3 {
    background-size: auto, 80%, cover;
  }
  .heading-6 {
    padding-right: 10px;
    padding-left: 10px;
    text-align: center;
  }
}