/*-----------------------------------------------------------------------
LAYOUT

* @Version:    1.0 - 2015
* @author:     Burocratik (alexandre gomes - @alexrgomes)
* @email:      alex@burocratik.com, hello@burocratik.com
* @website:    http://www.burocratik.com

-----------------------------------------------------------------------*/
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  min-height: 100%;
  height: auto;
  font-family: 'Montserrat', Helvetica, Arial, sans-serif;
  font-weight: 400;
  /* color: #8c95a2; */
  color: #3c453c;
  background-color: #ffffff;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}

html.fixed-all,
body.fixed-all,
html.modal-open,
body.modal-open,
html.open-nav,
body.open-nav {
  overflow: hidden;
}

body.js-byrefresh {
  opacity: 0;
  background-color: #ffffff;
}

.no-js body.js-byrefresh {
  opacity: 1;
}

body.js-loading-page,
body.js-loading-page a,
body.js-loading-page button,
body.js-loading-page .js-entrie-event {
  cursor: progress;
}

body {
  background-color: #483327;
}

/*-------------------------------------------------------------------------
=CONTENT WRAPPER and =PAGE TRANSITIONS
NOTE: .page-main - if i use translatez menu not fixes on chrome! use will change!
-------------------------------------------------------------------------*/
.page-main {
  position: relative;
  z-index: 100;
  width: 100%;
  min-height: 100vh;
  /*will-change: transform; > DO not use if i have fixed elements*/
  transform-origin: top center;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  /* needed when animate elements outside the document*/
}

.page-next,
.page-prev {
  /* prevent paint with values = zero */
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  min-height: 0;
  will-change: transform;
  -webkit-transform: translate3d(0, 100%, 0);
  -ms-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  visibility: hidden;
}

.js-loading-page .page-next,
.js-loading-page .page-prev {
  width: 100%;
  height: auto;
  min-height: 100%;
  visibility: visible;
}

.preload,
.preload-hold {
  position: absolute;
  top: -9999px;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  visibility: hidden;
}

/* =loading (fade) page em js is off */
#loading-page {
  position: fixed;
  z-index: 5000;
  left: 0;
  top: 0;
  display: none;
  width: 0;
  height: 0;
}

#loading-page.js-loading-page {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}

/*-------------------------------------------------------------------------
  =HEADER MAIN - header with navigation and footer
-------------------------------------------------------------------------*/

.rgpd-link {
  position: absolute;
  top: 94vh;
  left: 45px;
  font: 700 10px/14px 'Montserrat', Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.pqsi-link {
  position: absolute;
  top: 94vh;
  left: 300px;
  font: 700 10px/14px 'Montserrat', Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
}

@media only screen and (max-width: 680px) {
  .rgpd-link {
    left: 0;
    right: 0;
    text-align: center;
  }

  .pqsi-link {
    top: 0;
    left: 0;
    text-align: center;
  }
}

#header-nav {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  color: #ffffff;
}

#header-nav a {
  /* color: #ffffff; */
  color: #0b0d0b;
}

#header-nav .btn-wanted a {
  color: #ffffff;
}
#header-nav .btn-wanted a:hover {
  color: #0b0d0b;
}

#header-nav-bg {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 45;
  display: none;
  width: 0;
  height: 0;
  background-color: #281a13;
  opacity: 0;
  content: '';
  will-change: opacity;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

#header-nav-bg.open-nav {
  display: block;
  width: 100%;
  height: 100%;
}

/** =BURGER BTN and TITLE **/
.btn-nav-main {
  position: absolute;
  z-index: 100;
  top: 38px;
  left: 35px;
  width: 90px;
  height: 44px;
  background-color: #62e81e;
}

.btn-burger {
  text-indent: -5555px;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

.btn-burger .wrap {
  position: absolute;
  left: 27px;
  top: 3px;
  display: block;
  -webkit-transition: -webkit-transform 0.25s ease-in-out;
  -ms-transition: -ms-transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out;
}

.open-nav .btn-burger:hover .wrap {
  -webkit-transform: translate3d(1px, -3px, 0) scaleX(0.93);
  -ms-transform: translate3d(1px, -3px, 0) scaleX(0.93);
  transform: translate3d(1px, -3px, 0) scaleX(0.93);
}

.btn-burger span.l {
  position: absolute;
  left: 0;
  top: 18px;
  display: block;
  width: 36px;
  height: 2px;
  /* background: #ffffff; */
  background: #0b0d0b;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  -webkit-transition: -webkit-transform 0.3s
    cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -ms-transition: -ms-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-burger .l1 {
  margin-top: -7px;
}

.btn-burger .l3 {
  margin-top: 7px;
}

.btn-burger:hover .l1 {
  -webkit-transform: translate3d(0, -2px, 0);
  -ms-transform: translate3d(0, -2px, 0);
  transform: translate3d(0, -2px, 0);
}

.btn-burger:hover .l3 {
  -webkit-transform: translate3d(0, 2px, 0);
  -ms-transform: translate3d(0, 2px, 0);
  transform: translate3d(0, 2px, 0);
}

.safari .btn-burger:hover .l1,
.safari .btn-burger:hover .l3 {
  -webkit-transform: none;
  transform: none;
}

.open-nav .btn-burger:hover .l1 {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.open-nav .btn-burger:hover .l3 {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.open-nav .btn-burger .l1 {
  -webkit-animation: animBurgerOpenL1 0.3s ease 0s forwards;
  -ms-animation: animBurgerOpenL1 0.3s ease 0s forwards;
  animation: animBurgerOpenL1 0.3s ease 0s forwards;
}

.open-nav .btn-burger .l2 {
  -webkit-animation: animBurgerOpenL2 0.3s ease-out 0s forwards;
  -ms-animation: animBurgerOpenL2 0.3s ease-out 0s forwards;
  animation: animBurgerOpenL2 0.3s ease-out 0s forwards;
}

.open-nav .btn-burger .l3 {
  -webkit-animation: animBurgerOpenL3 0.3s ease 0s forwards;
  -ms-animation: animBurgerOpenL3 0.3s ease 0s forwards;
  animation: animBurgerOpenL3 0.3s ease 0s forwards;
}

@-webkit-keyframes animBurgerOpenL1 {
  0% {
    width: 36px;
    -webkit-transform: translate3d(0, -2px, 0);
  }

  100% {
    width: 30px;
    -webkit-transform: translate3d(18px, -3px, 0) rotate(45deg);
  }
}

@-webkit-keyframes animBurgerOpenL2 {
  0% {
    opacity: 1;
  }

  50%,
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes animBurgerOpenL3 {
  0% {
    width: 36px;
    -webkit-transform: translate3d(0, 2px, 0);
  }

  100% {
    width: 30px;
    -webkit-transform: translate3d(-4px, 4px, 0) rotate(-45deg);
  }
}

@keyframes animBurgerOpenL1 {
  0% {
    width: 36px;
    transform: translate3d(0, -2px, 0);
  }

  100% {
    width: 30px;
    transform: translate3d(18px, -3px, 0) rotate(45deg);
  }
}

@keyframes animBurgerOpenL2 {
  0% {
    opacity: 1;
  }

  50%,
  100% {
    opacity: 0;
  }
}

@keyframes animBurgerOpenL3 {
  0% {
    width: 36px;
    transform: translate3d(0, 2px, 0);
  }

  100% {
    width: 30px;
    transform: translate3d(-4px, 4px, 0) rotate(-45deg);
  }
}

/* =page name */
#header-nav .page-name {
  position: absolute;
  z-index: 40;
  top: 0px;
  left: 0px;
  overflow: hidden;
  height: 44px;
  padding-right: 44px;
}

#header-nav .page-name .txt {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  width: auto;
  height: 44px;
  padding: 0 35px;
  font: 700 14px/14px 'Montserrat', Helvetica, Arial, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #7f4f36;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.76, 0, 0.18, 1);
  -ms-transition: -ms-transform 0.7s cubic-bezier(0.76, 0, 0.18, 1);
  transition: transform 0.7s cubic-bezier(0.76, 0, 0.18, 1);
  white-space: nowrap;
}

#header-nav .page-name .txt.go {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.hide-info
  #header-nav
  .page-name:not(.news-carrers-pagename):not(.sectors-pagename)
  .txt {
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

#header-nav .news-carrers-back-wrapper,
#header-nav .sectors-back-wrapper {
  display: block;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.76, 0, 0.18, 1);
  -ms-transition: -ms-transform 0.7s cubic-bezier(0.76, 0, 0.18, 1);
  transition: transform 0.7s cubic-bezier(0.76, 0, 0.18, 1);
}

#header-nav .news-carrers-back-wrapper,
.hide-info #header-nav .sectors-back-wrapper {
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

#header-nav .page-name .news-carrers-back-wrapper .btn.go,
#header-nav .page-name .sectors-back-wrapper .btn.go {
  -webkit-transform: translate3d(44px, 0, 0);
  -ms-transform: translate3d(44px, 0, 0);
  transform: translate3d(44px, 0, 0);
}

#header-nav .page-name.sectors-pagename {
  text-align: center;
  position: relative;
  z-index: 40;
  top: auto;
  left: auto;
  overflow: hidden;
  height: 44px;
  float: left;
  width: 100%;
  padding-right: 44px;
}

#header-nav .dropdown-wrapper {
  display: block;
  position: absolute;
  width: auto;
  top: 38px;
  left: 125px;
}

#header-nav .dropdown-wrapper .dropdown-menu {
  display: block;
  position: relative;
  background-color: #6e452f;
  padding: 20px 0 24px 0;
  margin-top: 44px;
  visibility: hidden;

  -webkit-clip-path: inset(0 0 100% 0);
  clip-path: inset(0 0 100% 0);

  -webkit-transition: all 0.15s cubic-bezier(0.76, 0, 0.18, 1);
  transition: all 0.15s cubic-bezier(0.76, 0, 0.18, 1);
}

#header-nav .dropdown-wrapper .dropdown-menu.on {
  visibility: visible;
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
  -webkit-transition-duration: 0.26s;
  transition-duration: 0.26s;
}

#header-nav .dropdown-wrapper .dropdown-menu li {
  -webkit-transition: background-color 0.26s ease-in-out;
  -ms-transition: background-color 0.26s ease-in-out;
  transition: background-color 0.26s ease-in-out;
}

#header-nav .dropdown-wrapper .dropdown-menu li:hover {
  background-color: #62e81e;
}

#header-nav .dropdown-wrapper .dropdown-menu li a {
  display: block;
  padding: 12px 35px;
  font: 700 14px/14px 'Montserrat', Helvetica, Arial, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #ffffff;
}
#header-nav .dropdown-wrapper .dropdown-menu li:hover a {
  color: #0b0d0b;
}

#header-nav .page-name.news-carrers-pagename .btn-square,
#header-nav .page-name.sectors-pagename .btn-square,
#header-nav .page-name.programs-pagename .btn-square {
  position: absolute;
  width: 44px;
  height: 44px;
  background-color: #6e452f;
  right: 0px;
  top: 0;
}

#header-nav .page-name.news-carrers-pagename .btn-square svg {
  width: 12px;
}

#header-nav .page-name.news-carrers-pagename .btn-square svg path {
  fill: #fff;
}

#header-nav .page-name.sectors-pagename .btn-square svg.icon-svg {
  display: none;
  -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.76, 0, 0.18, 1);
  -ms-transition: -ms-transform 0.7s cubic-bezier(0.76, 0, 0.18, 1);
  transition: transform 0.7s cubic-bezier(0.76, 0, 0.18, 1);
}

#header-nav .page-name.sectors-pagename .btn-square svg.icon-svg path {
  fill: #fff;
}

.hide-info #header-nav .page-name.sectors-pagename .btn-square svg.icon-svg {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

#header-nav .page-name .btn {
  z-index: -1;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-transition: -webkit-transform 1.5s cubic-bezier(0.11, 0.7, 0.01, 1.03);
  -ms-transition: -ms-transform 1.5s cubic-bezier(0.11, 0.7, 0.01, 1.03);
  transition: transform 1.5s cubic-bezier(0.11, 0.7, 0.01, 1.03);
}

#header-nav .page-name .btn.go {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

/*sectores*/
#header-nav .page-name.sectors-pagename .btn {
  z-index: -1;
  visibility: hidden;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.11, 0.7, 0.01, 1.03)
      0.7s,
    visibility 0s cubic-bezier(0.11, 0.7, 0.01, 1.03) 0.7s;
  -ms-transition: -ms-transform 0.5s cubic-bezier(0.11, 0.7, 0.01, 1.03) 0.7s,
    visibility 0s cubic-bezier(0.11, 0.7, 0.01, 1.03) 0.7s;
  transition: transform 0.5s cubic-bezier(0.11, 0.7, 0.01, 1.03) 0.7s,
    visibility 0s cubic-bezier(0.11, 0.7, 0.01, 1.03) 0.7s;
}

#header-nav .page-name.sectors-pagename .btn.go {
  visibility: visible;
  -webkit-transform: translate3d(44px, 0, 0);
  -ms-transform: translate3d(44px, 0, 0);
  transform: translate3d(44px, 0, 0);
}

#header-nav .page-name.sectors-pagename .btn-square svg.loader-sectors {
  height: 44px;
  position: absolute;
  top: 0;
  left: 0;

  animation: dash 0.5s linear infinite;
  -webkit-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

#header-nav .page-name.sectors-pagename .btn-square svg.loader-sectors circle {
  stroke-dasharray: 1000;
  stroke-dashoffset: 960;
}

.firefox
  #header-nav
  .page-name.sectors-pagename
  .btn-square
  svg.loader-sectors {
  transform-origin: 22px 22px;
}

.ie9 #header-nav .page-name.sectors-pagename .btn-square svg.loader-sectors,
.ie10 #header-nav .page-name.sectors-pagename .btn-square svg.loader-sectors {
  display: none;
}

.ie9 #header-nav .page-name.sectors-pagename .btn-square svg.icon-svg,
.ie10 #header-nav .page-name.sectors-pagename .btn-square svg.icon-svg {
  display: block;
}

@keyframes dash {
  from {
    transform: rotateZ(0deg);
  }

  to {
    transform: rotateZ(360deg);
  }
}

@-webkit-keyframes dash {
  from {
    -webkit-transform: rotateZ(0deg);
  }

  to {
    -webkit-transform: rotateZ(360deg);
  }
}

/** =ID (not wrapp all because of z- index) **/
.id-primeit {
  position: absolute;
  z-index: 100;
  top: 37px;
  right: 35px;
  width: 157px;
  height: 46px;
}

.id-primeit a {
  position: absolute;
  left: 0;
  top: 0;
  right: 100%;
  width: 100%;
  overflow: hidden;
  /*  -webkit-clip-path: inset(0 0 0 111px);
          clip-path: inset(0 0 0 111px);*/
  /*clip: rect(0px, 160px, 50px, 111px);*/
}

.id-shape {
  width: 157px;
  height: 46px;
}

.id-shape .id-it {
  display: block;
  background: #62e81e;
}

/* id normal and scroll */
.id-primeit .id-it .shape {
  fill: #ffffff;
  /* fill: #0b0d0b; */
}

.id-primeit .id-it.green .shape {
  fill: #62e81e;
}

/* id nav open */
.id-primeit .id-it-nav .bg {
  /* fill: #ffffff; */
  fill: none;
}

.id-primeit .id-it-nav .shape {
  /* fill: rgb(177, 104, 59); */
  fill: #0b0d0b;
}
a > svg > .fill-shape + path {
  fill: #ffffff;
}

.id-primeit .id-it-nav {
  opacity: 0;
  -webkit-transition: opacity 0.3s linear 0.3s;
  -ms-transition: opacity 0.3s linear 0.3s;
  transition: opacity 0.3s linear 0.3s;
}

.open-nav .id-primeit .id-it-nav {
  opacity: 1;
  -webkit-transition-delay: 0.2s;
  -ms-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

/* text of id */
.id-shape-type {
  position: absolute;
  top: 0;
  left: 0;
  width: 111px;
  height: 46px;
  overflow: hidden;
}

.id-shape-type .id-type {
  width: 108px;
}

.id-shape-type .id-type {
  -webkit-transform: translate3d(115px, 0, 0);
  -ms-transform: translate3d(115px, 0, 0);
  transform: translate3d(115px, 0, 0);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.76, 0, 0.18, 1) 0s;
  -ms-transition: -ms-transform 0.6s cubic-bezier(0.76, 0, 0.18, 1) 0s;
  transition: transform 0.6s cubic-bezier(0.76, 0, 0.18, 1) 0s;
}

.open-nav .id-shape-type .id-type {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-delay: 0.3s;
  -ms-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.open-nav .id-shape-type .id-type path {
  fill: #0b0d0b;
}

/*.open-nav .id-primeit a {
  clip: rect(0px, 160px, 50px, 0px);
}*/
/* =wanted btn */
#header-nav .btn-wanted {
  position: absolute;
  z-index: 100;
  top: 38px;
  right: 185px;
  padding: 0;
  overflow: hidden;
}

#header-nav .btn-wanted.z10 {
  z-index: 10;
}

#header-nav .btn-wanted .btn-square-center-anim {
  margin-right: 15px;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.76, 0, 0.18, 1),
    background-color 0.17s linear 0s;
  -ms-transition: -ms-transform 0.7s cubic-bezier(0.76, 0, 0.18, 1),
    background-color 0.17s linear 0s;
  transition: transform 0.7s cubic-bezier(0.76, 0, 0.18, 1),
    background-color 0.17s linear 0s;
}

#header-nav .btn-wanted .btn-square-center-anim:hover {
  -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.76, 0, 0.18, 1),
    background-color 0.25s linear 0.14s;
  -ms-transition: -ms-transform 0.7s cubic-bezier(0.76, 0, 0.18, 1),
    background-color 0.25s linear 0.14s;
  transition: transform 0.7s cubic-bezier(0.76, 0, 0.18, 1),
    background-color 0.25s linear 0.14s;
}

.hide-info #header-nav .btn-wanted .btn-square-center-anim {
  -webkit-transform: translate3d(120%, 0, 0);
  -ms-transform: translate3d(120%, 0, 0);
  transform: translate3d(120%, 0, 0);
}

#header-nav .btn-square-center-anim {
  height: 44px;
  padding: 0 35px;
  font-size: 14px;
  line-height: 14px;
}

/** =NAV MAIN that moves and can have scroll **/
.nav-main {
  position: fixed;
  z-index: 50;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 100vw;
  height: 100%;
  min-height: 100vh;
  overflow: hidden;
  background-color: #62e81e;
  will-change: transform;
  -webkit-transform: translate3d(0, -130%, 0);
  -ms-transform: translate3d(0, -130%, 0);
  transform: translate3d(0, -130%, 0);
}

.nav-main-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-left: 34%;
  margin-left: 16px;
  overflow-y: scroll;
  overflow-x: hidden;
}

/*html:not(.ie10) .mobile.open-nav .nav-main-wrapper {
    position: fixed; width: 100%;
    -webkit-overflow-scrolling: touch; overflow-scrolling: touch;
}
html:not(.ie10) .mobile.open-nav .nav-main{
    -webkit-transform: translateY(0); -ms-transform: translateY(0);
    -moz-transform: translateY(0); transform: translateY(0);
}*/

/* =login*/
.btn-login {
  position: absolute;
  top: 42px;
  left: 120px;
  padding: 0;
}

#header-nav .btn-login .btn-square-center-anim {
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 14px;
  height: 38px;
  padding: 0 26px;
}

#header-nav .btn-login .btn-square-center-anim:hover {
  background-color: #b1683b;
}

/* =lang */
.nav-lang {
  position: relative;
  top: 54px;
  margin-left: -16px;
  font: 700 14px/14px 'Montserrat', Helvetica, Arial, sans-serif;
  width: calc(100% - 210px);
}

.nav-lang li {
  position: relative;
  display: inline-block;
  margin: 0 2px;
}

.nav-lang li a {
  position: relative;
  display: inline-block;
  padding: 7px 16px 8px 16px;
  /*border: 1px solid transparent;*/
  /*border-radius: 16px 16px;*/
  text-align: center;
}

.shape-btn-lang {
  position: absolute;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  top: -2px;
  left: -2px;
}

.shape-btn-lang svg path {
  stroke: #fff;
  stroke-width: 1.1px;
  stroke-dasharray: 500;
  stroke-dashoffset: 500;
  -webkit-transition: stroke-dashoffset 0.6s ease-in-out;
  -ms-transition: stroke-dashoffset 0.6s ease-in-out;
  transition: stroke-dashoffset 0.6s ease-in-out;
}
#header-nav .shape-btn-lang svg path {
  stroke: #0b0d0b;
}

.nav-lang a:hover .shape-btn-lang svg path,
.nav-lang a.on .shape-btn-lang svg path {
  stroke-dashoffset: 0;
}

.nav-lang a.on {
  pointer-events: none;
}

/* =main nav site */
.nav-site {
  position: relative;
  font: 700 48px/48px 'Montserrat', Helvetica, Arial, sans-serif;
  letter-spacing: -1px;
}

.nav-site li {
  position: relative;
  overflow: hidden;
  margin: 22px 0;
}

#header-nav .nav-site a {
  /* color: #ffffff; */
  color: #0b0d0b;
}

#header-nav .nav-site a:hover,
#header-nav .nav-site a.on {
  /* color: #e3fed5; */
  color: #0b0d0b;
}

.nav-social {
  position: relative;
  margin-bottom: 46px;
  margin-top: 46px;
  font: 700 14px/14px 'Montserrat', Helvetica, Arial, sans-serif;
  clear: left;
  text-align: left;
}

.nav-social li {
  position: relative;
  display: inline-block;
  height: 34px;
  margin-right: 15px;
}

.firefox .nav-social li {
  width: 55px;
}

.nav-social li a {
  position: relative;
  display: inline-block;
  padding: 0 10px;
}

.nav-social .icon-svg {
  width: 30px;
  height: 33px;
}

.nav-social li a svg {
  /* fill: #ffffff; */
  fill: #0b0d0b;
  -webkit-transition: fill 0.26s linear;
  -ms-transition: fill 0.26s linear;
  transition: fill 0.26s linear;
}

.nav-social li a:hover svg {
  fill: #b1683b;
}

.nav-social .utube .icon-svg {
  width: 40px;
  height: 33px;
}

.nav-social .twitter .icon-svg {
  width: 35px;
  height: 33px;
}

.designby {
  position: fixed;
  left: 58px;
  bottom: 55px;
}

.designby a:hover {
  text-decoration: line-through;
}

.ie9 .designby,
.ie10 .designby,
.ie11 .designby {
  position: absolute;
}

#form-newsl {
  display: block;
  position: relative;
  width: auto;
  float: left;
  /*margin-top: 10vh;*/
  margin-bottom: 10vh;
  height: 41px;
  font: 700 32px/32px 'Montserrat', Helvetica, Arial, sans-serif;
}

#form-newsl fieldset {
  height: 100%;
}

#form-newsl input {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 41px;
  z-index: 10;
  border: none;
  border-bottom: 1px solid #ffffff;
  outline: none;
  margin: 0;
  border-radius: 0;
  font: 400 32px/32px 'Montserrat', Helvetica, Arial, sans-serif;
  letter-spacing: -1px;
  color: #ffffff;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
#header-nav #form-newsl input {
  border-bottom: 1px solid #0b0d0b;
  color: #0b0d0b;
}

#form-newsl input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #62e81e inset;
  -webkit-text-fill-color: white !important;
}
#header-nav #form-newsl input:-webkit-autofill {
  -webkit-text-fill-color: #0b0d0b !important;
}

#form-newsl label {
  display: block;
  position: relative;
  float: left;
  height: 100%;
  font: 400 32px/32px 'Montserrat', Helvetica, Arial, sans-serif;
  letter-spacing: -1px;
  color: #ffffff;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  -ms-transition: -ms-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;

  z-index: 20;
}
#header-nav #form-newsl label {
  color: #0b0d0b;
}

#form-newsl.on label {
  -webkit-transform: translate3d(0, 40px, 0) scale3d(0.6, 0.6, 1);
  -ms-transform: translate3d(0, 40px, 0) scale3d(0.6, 0.6, 1);
  transform: translate3d(0, 40px, 0) scale3d(0.6, 0.6, 1);
}

#form-newsl .btn-submit {
  position: absolute;
  width: 55px;
  height: 55px;
  /* border: 2px solid #ffffff;
  border-radius: 50% 50%;
  overflow: hidden;*/
  opacity: 0;
  pointer-events: none;
  right: -75px;
  top: -10px;
  /*-webkit-transform: rotate(0deg) translate3d(-10px, 0px, 0) scale3d(1,1,1);
      -ms-transform: rotate(0deg) translate3d(-10px, 0px, 0) scale3d(1,1,1);
          transform: rotate(0deg) translate3d(-10px, 0px, 0) scale3d(1,1,1);*/
  /*  -webkit-transition: opacity 0.3s ease-in-out, transform 0.22s ease-out;
      -ms-transition: opacity 0.3s ease-in-out, transform 0.22s ease-out;
          transition: opacity 0.3s ease-in-out, transform 0.22s ease-out;*/
  -webkit-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

#form-newsl.on .btn-submit {
  /*-webkit-transform: rotate(0deg) translate3d(0, 0, 0) scale3d(1,1,1);
      -ms-transform: rotate(0deg) translate3d(0, 0, 0) scale3d(1,1,1);
          transform: rotate(0deg) translate3d(0, 0, 0) scale3d(1,1,1);*/
  opacity: 1;
  pointer-events: auto;
}

#form-newsl .btn-submit:hover {
  /*  -webkit-transform: scale3d(1.1,1.1,1);
      -ms-transform: scale3d(1.1,1.1,1);
          transform: scale3d(1.1,1.1,1);*/
}

#form-newsl .btn-submit .icon-svg {
  /*  width: 29px;
  height: 49px;*/
  width: 100%;
  height: 100%;
  /*  -webkit-transform: translate3d(2px, 0, 0 ) scaleY(1);
      -ms-transform: translate3d(2px, 0, 0 ) scaleY(1);
          transform: translate3d(2px, 0, 0 ) scaleY(1);
  -webkit-transition: transform 0.26s ease-in-out;
      -ms-transition: transform 0.26s ease-in-out;
          transition: transform 0.26s ease-in-out;*/
}

#form-newsl .btn-submit:hover .icon-svg {
  /*    -webkit-transform: translate3d(2px, 0, 0 ) scaleY(.9);
        -ms-transform: translate3d(2px, 0, 0 ) scaleY(.9);
            transform: translate3d(2px, 0, 0 ) scaleY(.9);*/
}

#form-newsl .btn-submit .svg-success {
  position: absolute;
  left: 4px;
  top: 10px;
  width: 33px;
  display: none;
  -webkit-transform: rotateZ(90deg);
  -ms-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}

#form-newsl.sent .btn-submit {
  pointer-events: none;
}

#form-newsl .default-text {
  display: block;
}

#form-newsl.sent .default-text {
  display: none;
}

#form-newsl .sent-text {
  display: none;
}

#form-newsl.sent .sent-text {
  display: block;
}

/*#form-newsl.sent .btn-submit .svg-success { display: block; }
#form-newsl.sent .btn-submit .svg-send { display: none; }*/

@media only screen and (max-height: 850px) {
  .nav-main-wrapper {
    display: block;
  }

  .nav-site {
    margin-top: 100px;
  }
}

/*-------------------------------------------------------------------------
  =BLOCKS CONTENT
-------------------------------------------------------------------------*/
.block-content {
  position: relative;
  width: 100%;
  padding: 133px 105px;
  font: 400 18px/28px 'Montserrat', Helvetica, Arial, sans-serif;
}

.block-content-full {
  padding: 133px 35px;
}

.block-content-fit {
  padding: 0 !important;
}

.block-content h3 {
  font: 400 58px/64px 'Playfair Display', Helvetica, Arial, sans-serif;
}

.block-content.padding-notop {
  padding: 0 35px;
}

.block-content .grid-cell-1of3 * {
  max-width: 400px;
}

/** =HEADER **/
.header {
  position: relative;
  width: 100%;
  height: 100vh;
  background-color: #5fdc1f;
}

.page-toload:not(.home):not(.single-sectors):not(.page-404) .header {
  height: 90vh;
}

.page-toload.single-carrers .header,
.page-toload.single-news .header {
  height: 70vh;
}

.header-grid {
  z-index: 10;
  width: 100%;
  margin: 0 105px;
  /*overflow: hidden;*/
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  font: 400 60px/60px 'Playfair Display', Helvetica, Arial, sans-serif;
  text-align: right;
  color: #ffffff;
}

.ie9 .header-grid,
.ie10 .header-grid {
  margin: 0;
  padding: 0 105px;
}

.header-grid h3 {
  position: relative;
  top: 3px;
  font: 700 52px/58px 'Montserrat', Helvetica, Arial, sans-serif;
  text-align: left;
}

.header-grid h3 .subtitle {
  display: block;
  font: 400 30px 'Montserrat', Helvetica, Arial, sans-serif;
  text-align: left;
}

.header-grid h3 em {
  font-family: 'Playfair Display', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: italic;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: -1px;
}

.header-grid h3 + p {
  margin-top: -13px;
}

.header-grid.center {
  display: block;
  width: auto;
  text-align: center;
}

.header-grid.center h3 {
  text-align: center;
}

/** =block-dark **/
.block-dark {
  /* color: #5f5753; */
  /* background-color: #312925; */
  color: #ffffff;
  background-color: #2b352b;
}

.block-dark h3 {
  color: #54e50d;
}

/** =block-darker **/
.block-darker {
  /* color: #5f5753; */
  color: #ffffff;
  background-color: #2b2420;
}
.block-darker .btn-map .icon-svg .icon-svg-arrow {
  fill: #ffffff;
}

/** =block-light **/
.block-light {
  color: #3c453c;
  background-color: #ffffff;
}

.block-light h3 {
  color: #54e50d;
}
.block-light h3 {
  color: #54e50d;
}
.block-light .block-quotes,
.block-light .block-quotes ul p,
.block-light .title-like {
  color: #3c453c;
}

/** =block-green **/
.block-green {
  /* color: #d3f8c2; */
  color: #0b0d0b;
  background-color: #5fdc1f;
}

.block-green h3 {
  /* color: #ffffff; */
  color: #0b0d0b;
}

.block-green .bar:after {
  /* background-color: #ffffff; */
  background-color: #0b0d0b;
}

/** =block-grey **/
.block-grey {
  /* color: #8c95a2; */
  color: #3c453c;
  background-color: #f3f3f3;
}

.block-grey h3 {
  color: #262626;
}

.block-grey .bar:after {
  background-color: #262626;
}

/** =block-grey **/
.block-up {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: -133px;
  background: transparent url(../imgs/pixel10x1000-white.gif) 0px 133px repeat-x;
  background-size: 100%;
}

/** =BLOCK-QUOTES with ballon on top **/
.block-quotes {
  max-width: 1600px;
  margin: 0 auto;
  padding-top: 100px;
  font: 400 28px/40px 'Playfair Display', Helvetica, Arial, sans-serif;
  color: #8c95a2;
  background: transparent url(../imgs/icon-quote-ballon.svg) no-repeat top
    center;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.block-quotes blockquote {
  position: relative;
  height: auto;
  max-width: 860px;
  margin: 0 auto 100px auto;
}

.block-quotes ul {
  font: 400 15px/15px 'Montserrat', Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  text-align: left;
  width: 100%;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.block-quotes ul li {
  -webkit-flex: 1 1 0;
  -ms-flex: 1 1 0;
  flex: 1 1 0;
  margin: 0 15px;
}

.block-quotes a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  height: 112px;
  /*width: 350px;*/
  /* color: #8c95a2; */
  color: #3c453c;
  opacity: 0.6;
  -webkit-transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.block-quotes h5 {
  /* color: #8c95a2; */
  color: #3c453c;
  /*  -webkit-transition: color .1s linear;
      -ms-transition: color .1s linear;
          transition: color .1s linear;*/
}

.block-quotes a:hover,
.block-quotes a.on {
  opacity: 1;
}

.block-quotes a:hover h5,
.block-quotes a.on h5 {
  color: #54e50d;
}

.block-quotes a:hover img,
.block-quotes a.on img {
  -webkit-filter: grayscale(0);
  -ms-filter: grayscale(0);
  filter: grayscale(0);
}

/*.block-quotes .txt {width: 220px; }*/
.block-quotes .pic {
  position: relative;
  width: 96px;
  height: 96px;
  margin-right: 10px;
}

.block-quotes img {
  -webkit-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
  /* property filter not working in chrome had put all */
}

.block-quotes .icon-svg {
  position: absolute;
  left: 0;
  top: 0;
  fill: #ffffff;
}

.block-quotes ul p {
  padding-top: 5px;
  font: 400 12px/12px 'Montserrat', Helvetica, Arial, sans-serif;
}

/** =NOTES and BALLONS **/
.list-notes {
  position: relative;
  width: 50%;
  max-width: 420px;
  will-change: transform;
}

.list-notes li {
  max-width: 420px;
  width: 100%;
  margin: 70px auto 0 auto;
}

.list-notes li:first-child {
  margin-top: 0px;
}

.note {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: space-between;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  min-height: 270px;
  padding: 35px 30px;
  font: 700 14px/14px 'Montserrat', Helvetica, Arial, sans-serif;
  text-align: center;
  /* color: #e1d5d0; */
  color: #3c453c;
  background-color: #ffffff;
  /*-webkit-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translateZ(0);
      -ms-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;*/
}

/*.note:hover {
  -webkit-transform: translate3d(0, -5px, 0);
      -ms-transform: translate3d(0, -5px, 0);
          transform: translate3d(0, -5px, 0);
     -webkit-filter: drop-shadow(0px 19px 16px rgba(0,0,0,.24));
         -ms-filter: drop-shadow(0px 19px 16px rgba(0,0,0,.24));
             filter: drop-shadow(0px 19px 16px rgba(0,0,0,.24));
}*/
.note h4 {
  font: 400 40px/46px 'Playfair Display', Helvetica, Arial, sans-serif;
  /* color: #b3978a; */
  color: #3c453c;
  padding: 20px 0;
}

.ie .note h4 {
  max-width: 100%;
}

.note p {
  padding: 0;
  text-transform: uppercase;
}

.note .icon-circle-plus {
  position: absolute;
  left: 50%;
  bottom: -31px;
  display: block;
  /* display: none; influenciava os restantes elementos. */
  /*  visibility: hidden;*/
  -webkit-transform: translateX(-50%) scale3d(0, 0, 1);
  -ms-transform: translateX(-50%) scale3d(0, 0, 1);
  transform: translateX(-50%) scale3d(0, 0, 1);

  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.76, 0, 0.18, 1);
  -ms-transition: -ms-transform 0.35s cubic-bezier(0.76, 0, 0.18, 1);
  transition: transform 0.35s cubic-bezier(0.76, 0, 0.18, 1);
}

.note:hover .icon-circle-plus {
  /*  visibility: visible;*/
  -webkit-transform: translateX(-50%) scale3d(1, 1, 1);
  -ms-transform: translateX(-50%) scale3d(1, 1, 1);
  transform: translateX(-50%) scale3d(1, 1, 1);
}

/* quote */
.list-quotes li {
  margin: 95px auto 0 auto;
}

.quote {
  height: auto;
  min-height: initial;
}

.quote:after {
  content: '';
  position: absolute;
  left: 48px;
  bottom: -38px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 38px 48px 0 0;
  border-color: #ffffff transparent transparent transparent;
}

.quote:hover {
  cursor: default;
}

.quote .quote-pic {
  position: absolute;
  left: 50%;
  top: -35px;
  width: 80px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 50%;
  overflow: hidden;
}

.quote blockquote {
  font-size: 15px;
  line-height: 26px;
  /* color: #8c95a2; */
  color: #3c453c;
  max-width: 328px;
  font-weight: normal;
  padding-bottom: 40px;
  padding-top: 40px;
}

.quote p {
  letter-spacing: 1px;
  font-weight: 400;
  color: #54e50d;
}

/** =CONTENT EDITOR **/
.content-editor h4 {
  margin: 70px 0px 10px 0px;
  font: 400 15px/26px 'Montserrat', Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: #262626;
}

.content-editor h4:first-of-type {
  margin-top: 0px;
}

.content-editor ul {
  margin-left: 20px;
}

.content-editor ul li,
.content-editor p {
  font: 400 15px/28px 'Montserrat', Helvetica, Arial, sans-serif;
}

.content-editor ul li:before {
  content: '-';
  position: relative;
  left: -5px;
}

.content-editor ul li {
  text-indent: -5px;
}

.content-editor a {
  word-wrap: break-word;
}

.content-editor strong {
  font-weight: 700;
}

.single-news .content-editor p {
  font: 400 24px/37px 'PT Serif', serif;
}

.carrers .content-editor p {
  font: 400 15px/28px 'Montserrat', Helvetica, Arial, sans-serif;
}

.content-editor .wp-caption {
  position: relative;
}

.single-news .content-editor p.wp-caption-text {
  position: absolute;
  top: 0px;
  font: 400 italic 15px/34px 'PT Serif', serif;
  /* color: #8c95a2; */
  color: #3c453c;

  -webkit-transform: translateX(-110%);
  -ms-transform: translateX(-110%);
  transform: translateX(-110%);
}

.content-editor .wp-caption-text:before {
  content: '';
  position: absolute;
  top: 0px;
  right: 0px;
  width: 60%;
  height: 1px;
  background-color: #d2d2d2;
}

.content-editor img {
  margin: 0 auto;
}

/* can't use drop-shadow because performance drops a lot on scroll!!!! damn it*/
.block-hover-shadow {
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-filter: none;
  -ms-filter: none;
  filter: none;
  box-shadow: none;
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.block-hover-shadow:hover {
  -webkit-transform: translate3d(0, -5px, 0);
  -ms-transform: translate3d(0, -5px, 0);
  transform: translate3d(0, -5px, 0);
  box-shadow: 0px 20px 25px 0 rgba(0, 0, 0, 0.15);
  /*     -webkit-filter: drop-shadow(0px 19px 16px rgba(0,0,0,.24));
         -ms-filter: drop-shadow(0px 19px 16px rgba(0,0,0,.24));
             filter: drop-shadow(0px 19px 16px rgba(0,0,0,.24));*/
}

.block-grey .block-hover-shadow:hover {
  /*box-shadow: 0px 19px 25px 10px rgba(0, 0, 0, .05);*/
  box-shadow: 0px 20px 25px 0 rgba(0, 0, 0, 0.1);
  -webkit-filter: none;
  -ms-filter: none;
  filter: none;
  /*     -webkit-filter: drop-shadow(0px 19px 16px rgba(0,0,0,.10));
         -ms-filter: drop-shadow(0px 19px 16px rgba(0,0,0,.10));
             filter: drop-shadow(0px 19px 16px rgba(0,0,0,.10));*/
}

/*-------------------------------------------------------------------------
  =GRID
-------------------------------------------------------------------------*/
.width-max {
  max-width: 1630px;
  margin: 0 auto;
}

.width-normal {
  max-width: 860px;
  margin: 0 auto;
}

.width-medium {
  max-width: 940px;
  margin: 0 auto;
}

.vp-fullH {
  height: 100vh;
}

.gutter {
  margin: 30px 30px;
}

.gutter-lft {
  margin-left: 70px;
}

/** =FLEXBOX **/
.grid {
  position: relative;
  width: 100%;
  height: auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  /*  -webkit-justify-content: center;
            -ms-flex-pack: center;
          justify-content: center;*/
}

.no-flexbox .grid {
  float: none;
}

.grid-cell {
  position: relative;
  min-height: 100%;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.grid-cell-1of3 {
  max-width: 33%;
}

.grid-cell-2of1 {
  -webkit-flex: 2 1 auto;
  -ms-flex: 2 1 auto;
  flex: 2 1 auto;
}

.grid-center-vh {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.grid-center-h {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.grid-bottom-h {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.grid-flex-between {
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

/** =TABLE **/
.table {
  position: relative;
  display: table;
  border-collapse: collapse;
}

.table-cell {
  display: table-cell;
}

/** =NORMAL **/
.cell-center-h {
  position: relative;
  text-align: center;
}

/** =LIKE BACKGROUND COVER **/
.block-bg-cover {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  /*  background: transparent url(../temp/header-about1.jpg) no-repeat center center;
  background-size: cover;*/
}

/* important can't use translate 3d with object-fit cover */
.block-bg-cover .element-cover,
.block-bg-cover .element-cover-sectors {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  overflow: hidden;
}

/*.no-object-fit .block-bg-cover .element-cover {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  max-width: none;
  width: auto;
  height: auto;
}
/*.ie9 .no-object-fit .block-bg-cover .element-cover {
  position: relative;
}*/
/*.ie9 .slideshow-slide-wrapper {display: none;}*/

.firefox .page-toload:not(.single-sectors) .block-bg-cover .element-cover,
.firefox
  .page-toload:not(.single-sectors)
  .block-bg-cover
  .element-cover-sectors {
  /* =bug FF with object-fit cover and animation with translate*/
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  max-width: none;
  width: auto;
  height: auto;

  transform: translate3d(-50%, -50%, 0px);
}

/*.block-bg-cover .element,
.block-bg-cover .element img {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  max-width: none;
  width: auto;
  height: auto;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}*/

/*-------------------------------------------------------------------------
  =LIST GRID
-------------------------------------------------------------------------*/
/* =lista centrada  */
.list-centered {
  width: 100%;
  margin: 100px 0 50px 0;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.list-centered li {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  width: 268px;
  min-height: 253px;
}

.list-centered li div {
  width: 100%;
  min-height: 164px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.list-centered span {
  display: block;
  width: 100%;
  font: 700 14px/18px 'Montserrat', Helvetica, Arial, sans-serif;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-align: center;
  color: #5f5753;
}

.block-dark .list-centered span {
  color: #ffffff;
}

/* =lista centrada with links*/
.list-centered.links a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 20px 0 50px 0;
  color: #5f5753;
}

.list-centered.links a .icon-circle-plus {
  position: absolute;
  left: 50%;
  bottom: -31px;
  /*display: none;*/
  -webkit-transform: translateX(-50%) scale3d(0, 0, 1);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%) scale3d(0, 0, 1);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.76, 0, 0.18, 1);
  -ms-transition: -ms-transform 0.3s cubic-bezier(0.76, 0, 0.18, 1);
  transition: transform 0.3s cubic-bezier(0.76, 0, 0.18, 1);
}

.list-centered.border-svg a:hover .icon-circle-plus {
  /*display: block;*/
  -webkit-transform: translateX(-50%) scale3d(1, 1, 1);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%) scale3d(1, 1, 1);
  -webkit-transition-delay: 0.2s;
  -ms-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.ie a .icon-circle-plus,
.ie article .icon-circle-more {
  display: none;
}

.ie a:hover .icon-circle-plus,
.ie article:hover .icon-circle-more {
  display: block;
}

.ie .shape-btn-border:before {
  display: block;
  position: absolute;
  width: 99%;
  height: 100%;
  left: 2px;
  top: 2px;
  content: '';
  border: 2px solid #443f3d;
  visibility: hidden;
}

.ie .over.shape-btn-border:before {
  visibility: visible;
}

.ie .shape-btn-border:after {
  display: block;
  position: absolute;
  width: 72px;
  height: 72px;
  left: 50%;
  top: 100%;
  margin: -35px 0 0 -35px;
  content: '';
  background-color: #312925;
}

.ie .shape-btn-border svg {
  display: none;
}

.ie .border-svg.slideshow-slick li div:not(.shape-btn-border) svg {
  margin-top: 30px;
  top: 0 !important;
}

.list-centered.border-svg {
  min-width: 268px;
}

.shape-btn-border {
  position: absolute;
  width: 100%;
  height: 100%;
  top: -2px;
  left: -2px;
}

.shape-btn-border svg path {
  fill: none;
  stroke: #443f3d;
  stroke-dasharray: 1042;
  stroke-dashoffset: 1042;
  -webkit-animation: animOUT-shape-btn-border 0.7s
    cubic-bezier(0.5, 0.02, 0.18, 0.98) forwards;
  -ms-animation: animOUT-shape-btn-border 0.7s
    cubic-bezier(0.5, 0.02, 0.18, 0.98) forwards;
  animation: animOUT-shape-btn-border 0.7s cubic-bezier(0.5, 0.02, 0.18, 0.98)
    forwards;
}
.block-dark .shape-btn-border svg path {
  stroke: #ffffff;
}

@-webkit-keyframes animOUT-shape-btn-border {
  0% {
    stroke-dashoffset: 0;
  }

  100% {
    stroke-dashoffset: -1042;
  }
}

@-ms-keyframes animOUT-shape-btn-border {
  0% {
    stroke-dashoffset: 0;
  }

  100% {
    stroke-dashoffset: -1042;
  }
}

@keyframes animOUT-shape-btn-border {
  0% {
    stroke-dashoffset: 0;
  }

  100% {
    stroke-dashoffset: -1042;
  }
}

.shape-btn-border.over svg path {
  stroke-dasharray: 1042;
  stroke-dashoffset: 1042;
  -webkit-animation: animIN-shape-btn-border 0.4s
    cubic-bezier(0.5, 0.02, 0.18, 0.98) forwards;
  -ms-animation: animIN-shape-btn-border 0.4s
    cubic-bezier(0.5, 0.02, 0.18, 0.98) forwards;
  animation: animIN-shape-btn-border 0.4s cubic-bezier(0.5, 0.02, 0.18, 0.98)
    forwards;
}

@-webkit-keyframes animIN-shape-btn-border {
  0% {
    stroke-dashoffset: 1042;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@-ms-keyframes animIN-shape-btn-border {
  0% {
    stroke-dashoffset: 1042;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes animIN-shape-btn-border {
  0% {
    stroke-dashoffset: 1042;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

/* hover */
.icon-circle-plus.btn-plus {
  background-color: transparent;
}

.icon-circle-plus.btn-plus:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #62e81e;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.27s ease-in-out;
  -ms-transition: -ms-transform 0.27s ease-in-out;
  transition: transform 0.27s ease-in-out;
}

.icon-circle-plus.btn-plus:hover:before {
  -webkit-transform: scale3d(1.05, 1.05, 1);
  -ms-transform: scale3d(1.05, 1.05, 1);
  transform: scale3d(1.05, 1.05, 1);
}

.icon-circle-plus.btn-plus .icon-svg {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.76, 0, 0.18, 1);
  -ms-transition: -ms-transform 0.25s cubic-bezier(0.76, 0, 0.18, 1);
  transition: transform 0.25s cubic-bezier(0.76, 0, 0.18, 1);
}
.icon-circle-plus.btn-plus .icon-svg path {
  fill: #0b0d0b;
}

.icon-circle-plus.btn-plus:hover .icon-svg {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

/* =Clients lista centrada with links or not */
.list-clients {
  margin-top: 50px;
}

.list-clients a,
.list-clients.links a {
  min-width: 230px;
  width: auto;
  min-height: 164px;
}

/*.list-clients li { margin: 0 2%;}*/
.list-clients li span {
  position: relative;
  width: auto;
  /*background-color:  #c9d4d7;*/
}

.list-clients li img {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  /*  -webkit-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translateZ(0);
      -ms-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-filter: grayscale(100%);
      -ms-filter: grayscale(100%);
          filter: grayscale(100%);
  -webkit-mix-blend-mode: screen;
      -ms-mix-blend-mode: screen;
          mix-blend-mode: screen;*/
}

.list-clients .over {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.ie9 .list-clients .over {
  width: auto;
}

.list-clients.links a:hover .over {
  opacity: 1;
}

/*.list-clients.links a:hover img{
   -webkit-filter: grayscale(0);
      -ms-filter: grayscale(0);
          filter: grayscale(0);
-webkit-mix-blend-mode: initial;
    -ms-mix-blend-mode: initial;
        mix-blend-mode: initial;
}*/

/* =List Numbers (flex between) */
.list-numbers {
  max-width: 1600px;
  margin: 0 auto;
  text-align: center;
}

.list-numbers em {
  position: relative;
  font: 400 110px/110px 'Montserrat', Helvetica, Arial, sans-serif;
  letter-spacing: -5px;
  color: #62e81e;
}

.list-numbers .sup {
  position: absolute;
  top: 14px;
  left: -34px;
  font: 400 67px/67px 'Montserrat', Helvetica, Arial, sans-serif;
}

.list-numbers .sup.rgt {
  left: auto;
  top: 13px;
}

.list-numbers span {
  display: block;
  width: 100%;
  margin-top: 20px;
  font: 700 14px/20px 'Montserrat', Helvetica, Arial, sans-serif;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-align: center;
}

/* =Circulos certo */
.list-circle-centered {
  position: relative;
  margin: 75px 0 0 0;
  font: 400 16px/18px 'Montserrat', Helvetica, Arial, sans-serif;
  text-align: left;
}

.list-circle-centered:first-child {
  margin: 15px 0 0 0;
}

.list-circle-centered h5 {
  font: 700 16px/19px 'Montserrat', Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: #262626;
}

.list-circle-centered .grid {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.list-circle-centered li {
  position: relative;
  display: block;
  width: 130px;
  padding-top: 62px;
  margin: 30px 30px 0 0;
  background: transparent url(../imgs/icon-bolas-lista-ok.svg) no-repeat top
    center;
  text-align: center;
  word-break: break-all;
}

/* =List =Contats Fotos */
.list-cities-pics {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.list-cities-pics .block-bg-cover:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: '';
  background-color: rgba(127, 79, 54, 0.7);
}

/* =List =cities svg */
.list-cities {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.list-cities .picto-city {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 199px;
  margin-left: -4px;
  font: 400 23px/25px 'Montserrat', Helvetica, Arial, sans-serif;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #ffffff;
  opacity: 0.3;
  -webkit-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

/*.list-cities .picto-city.lisbon { margin-left: -9px; }*/
.list-cities .picto-city.on {
  opacity: 1;
  pointer-events: none;
}

.list-cities .picto-city:hover {
  opacity: 1;
}

.icon-lyon {
  width: 344px;
}

.icon-paris {
  width: 286px;
}

.icon-london {
  width: 316px;
}

.icon-lisbon {
  width: 266px;
}

.icon-porto {
  width: 314px;
}

.icon-madrid {
  width: 388px;
}

.icon-nantes {
  width: 358px;
}

.icon-lille {
  width: 353px;
}

.icon-geneve {
  width: 353px;
}

.icon-bordeaux {
  width: 353px;
}

.icon-aix-en-provence {
  width: 353px;
}

.icon-katowice {
  width: 353px;
}

.icon-barcelona {
  width: 353px;
}

.icon-grenoble {
  width: 353px;
}

.icon-spaulo {
  width: 353px;
}

.icon-warsaw {
  width: 353px;
}

.icon-barcelona path {
  width: 353px;
  fill: #fff !important;
}

.icon-grenoble path {
  width: 353px;
  fill: #fff !important;
}

.icon-spaulo path {
  width: 353px;
  fill: #fff !important;
}

.icon-warsaw path {
  width: 353px;
  fill: #fff !important;
}

.picto-city path {
  fill: #ffffff;
}

.list-cities.small .picto-city {
  height: 170px;
  margin-left: -2px;
  font-size: 20px;
}

.list-cities.small .picto-city.lisbon {
  margin-left: -6px;
}

.small .icon-lyon {
  width: 283px;
}

.small .icon-paris {
  width: 235px;
}

.small .icon-london {
  width: 259px;
}

.small .icon-lisbon {
  width: 218px;
}

/* =List =cities txt contacts */
.list-centered.cities {
  margin: 70px auto 45px auto;
  /* -webkit-justify-content: space-between; */
  /* -ms-flex-pack: justify; */
  /* justify-content: space-between; */
  max-width: 1630px;
  display: grid;
  grid-template-columns: repeat(auto-fill, 210px);
  grid-gap: 2rem;
}

.list-centered.cities li {
  width: auto;
  /* margin: 0 10px 20px 10px; */
  min-height: 0;
}

.list-centered.cities .btn-square-center-anim {
  /* width: 165px; */
  width: 100%;
  padding: 26px 0;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  color: #5a5451;
}
.block-dark .list-centered.cities .btn-square-center-anim {
  color: #ffffff;
}
.block-dark .list-centered.cities .btn-square-center-anim:hover {
  color: #2b352b;
}

@media only screen and (max-width: 1505px) {
  .list-centered.cities {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    max-width: 1110px;
  }
}

@media only screen and (max-width: 1320px) {
  .list-centered.cities {
    max-width: 925px;
  }
}

@media only screen and (max-width: 1320px) {
  .list-centered.cities {
    max-width: 925px;
  }
}

@media only screen and (max-width: 994px) {
  .list-centered.cities {
    max-width: 740px;
  }
}

@media only screen and (max-width: 810px) {
  .list-centered.cities {
    max-width: 555px;
  }
}

@media only screen and (max-width: 430px) {
  .page-main .list-centered.cities li {
    width: 100%;
    min-width: 100%;
    margin: 0 0 20px 0;
  }
}

/* =Lista de =Noticias / =Ofertas / =Academia */
.list-entrie {
  position: relative;
  margin-bottom: 40px;
  width: 100%;
  background-color: #fff;
}

.list-entrie.js-new-entrie {
  opacity: 0;
}

.list-entrie.js-new-entrie.on {
  opacity: 1;
}

.js-entrie-event {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  top: 0px;
  left: 0px;
  z-index: 1;
  cursor: pointer;
}

.list-entrie .open-entrie-dash {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 8px;
  height: 100%;
  background-color: #62e81e;
  opacity: 0;

  -webkit-transition: opacity 0.16s ease-in-out;
  -ms-transition: opacity 0.16s ease-in-out;
  transition: opacity 0.16s ease-in-out;
}

.list-entrie.active .open-entrie-dash {
  opacity: 1;
}

.header-entrie {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;

  cursor: pointer;
}

.header-entrie:hover {
  background-color: #fdfdfd;
}

.header-entrie:hover .entrie-right svg path {
  fill: #62e81e;
}

.header-entrie .entrie-left {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  position: relative;
  padding: 50px;
  border-right: 1px solid #f3f3f3;
}

.header-entrie .entrie-right {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 1 1 0;
  -ms-flex: 1 1 0;
  flex: 1 1 0;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  display: block;
  width: 100px;
  max-width: 100px;
  min-width: 100px;
  height: 23px;
  text-align: center;
  cursor: pointer;
}
.entrie-right svg path {
  fill: #3c453c;
}

.entrie-right.open-content svg {
  -webkit-transform: rotateZ(180deg);
  -ms-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
}

.entrie-right.open-content svg path,
.entrie-right:hover svg path {
  fill: #62e81e;
}

.list-entrie .header-entrie h4,
.list-entrie.header-entrie h4 {
  font: 400 24px/28px 'Montserrat', Helvetica, Arial, sans-serif;
  margin-bottom: 20px;
}

.list-entrie .header-entrie p,
.list-entrie.header-entrie p {
  font: 400 20px/28px 'PT Serif', Helvetica, Arial, serif;
  /* color: #8c95a2; */
  color: #3c453c;
  margin-bottom: 30px;
}

.entrie-left.open-content {
  border-bottom: 1px solid #f3f3f3;
}

.list-entrie .content-editor {
  padding: 50px 80px 50px;
}

/* =info */
ul.info {
  font: 400 14px/18px 'Montserrat', Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}

ul.info li {
  display: inline-block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 7px;
  margin-right: 25px;
}

ul.info li.tag-cloud {
  padding-left: 40px;
}

ul.info li.tag-cloud a:after {
  content: ', ';
}

ul.info li.tag-cloud a:first-child:after,
ul.info li.tag-cloud a:last-child:after {
  content: '';
}

ul.info svg {
  position: absolute;
  top: 0;
  left: 0;
  fill: #ad8774;
}

ul.info .icon-marker {
  left: 0px;
  top: 0px;
  width: 11px;
  height: 17px;
}

ul.info .icon-info {
  width: 16px;
  height: 16px;
  left: -3px;
  top: 1px;
}

ul.info .icon-tags {
  left: 0px;
  top: 1px;
  width: 27px;
  height: auto;
}

.header-entrie ul.info li {
  font-size: 13px;
  /* color: #8c95a2; */
  color: #3c453c;
}

.header-entrie ul.info li svg {
  /* fill: #a3aab5; */
  fill: #3c453c;
}
.header-entrie ul.info li svg path {
  /* fill: #a3aab5; */
  fill: #3c453c;
}

/* =Lista de Filtros */
.list-filters {
  position: absolute;
  left: 0px;
  display: flex;
  width: 300px;
  min-height: 230px;
  -webkit-transform: translateX(-240px);
  -ms-transform: translateX(-240px);
  transform: translateX(-240px);
  -webkit-transition: -webkit-transform 0.35s
    cubic-bezier(0.11, 0.7, 0.01, 1.03);
  -ms-transition: -ms-transform 0.35s cubic-bezier(0.11, 0.7, 0.01, 1.03);
  transition: transform 0.35s cubic-bezier(0.11, 0.7, 0.01, 1.03);
}

.ie10 .list-filters {
  height: 230px;
}

.list-filters.hide {
  display: none;
}

.list-filters.active {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.list-filters .filters-header {
  position: relative;
  /* display: block; */
  width: 60px;
  background-color: #7e8895;
  border-right: 5px solid #8c95a2;
  cursor: pointer;
  -webkit-transition: all 0.35s cubic-bezier(0.11, 0.7, 0.01, 1.03);
  -ms-transition: all 0.35s cubic-bezier(0.11, 0.7, 0.01, 1.03);
  transition: all 0.35s cubic-bezier(0.11, 0.7, 0.01, 1.03);
  display: flex;
  justify-content: center;
  align-items: center;
}

.list-filters.hover .filters-header {
  background-color: #62e81e;
  border-right-color: #5fdc1f;
  -webkit-transform: translate3d(5px, 0, 0);
  -ms-transform: translate3d(5px, 0, 0);
  transform: translate3d(5px, 0, 0);
}
.list-filters.hover .filters-header h4,
.list-filters.active .filters-header h4 {
  color: #0b0d0b;
}
.list-filters.hover .filters-header .icon-svg path,
.list-filters.active .filters-header .icon-svg path {
  fill: #0b0d0b;
}

.list-filters .filters-content:after {
  content: '';
  position: absolute;
  display: block;
  width: 60px;
  height: 100%;
  background-color: #7e8895;
  right: 0px;
  top: 0;
  -webkit-transition: background-color 0.35s cubic-bezier(0.11, 0.7, 0.01, 1.03);
  -ms-transition: background-color 0.35s cubic-bezier(0.11, 0.7, 0.01, 1.03);
  transition: background-color 0.35s cubic-bezier(0.11, 0.7, 0.01, 1.03);
}

.list-filters.hover .filters-content:after {
  background-color: #62e81e;
}

.list-filters.active .filters-header {
  background-color: #62e81e;
  border-right-color: #5fdc1f;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.filters-header h4 {
  /* position: absolute; */
  /* left: -19px; */
  /* top: 50%; */
  /* width: 60px; */
  /* max-width: none; */
  padding: 15px 0;
  font: 700 13px/26px 'Montserrat', Helvetica, Arial, sans-serif;
  /* text-align: left; */
  letter-spacing: 2px;
  white-space: nowrap;
  text-transform: uppercase;
  color: #ffffff;
  /* -webkit-transform: rotate(90deg) translateX(-25%);
  -ms-transform: rotate(90deg) translateX(-25%);
  transform: rotate(90deg) translateX(-25%);
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top; */
  writing-mode: vertical-lr;
}

.filters-header .icon-svg {
  position: relative;
  top: 4px;
  margin: 0 10px;
  width: 11px;
  height: 18px;

  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: -webkit-transform 0.26s ease-in-out;
  -ms-transition: -ms-transform 0.26s ease-in-out;
  transition: transform 0.26s ease-in-out;
}

.ie10 .filters-header .icon-svg {
  margin: 0;
}

.list-filters.active .filters-header .icon-svg {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.filters-content {
  display: block;
  width: 240px;
  padding: 40px 20px;
  background-color: #fff;
}

.filters-content h4 {
  margin-bottom: 10px;
  font: 700 13px/26px 'Montserrat', Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #262626;
}

.filters-content ul {
  margin-bottom: 30px;
  margin-left: 10px;
}

.filters-content ul li {
  position: relative;
  font: 400 13px/26px 'Montserrat', Helvetica, Arial, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-indent: 30px;
  cursor: pointer;
}

.filters-content ul li a {
  /* color: #8c95a2; */
  color: #3c453c;
}

.filters-content ul li:before {
  content: '';
  position: absolute;
  top: 5px;
  left: 0px;
  display: block;
  width: 17px;
  height: 17px;
  /* border: 2px solid #8c95a2; */
  border: 2px solid #3c453c;
  border-radius: 3px;
}

.filters-content ul li.active:before {
  border: 2px solid #62e81e;
  background-image: url(../imgs/icon-checked.svg);
  background-size: 9px 6px;
  background-repeat: no-repeat;
  background-position: 2px 3px;
}

.filters-content ul li:hover:before {
  border: 2px solid #62e81e;
}

/*-------------------------------------------------------------------------
  =BUTTONS
-------------------------------------------------------------------------*/
.btn {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  margin: 0;
}

.btn-square {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  width: 70px;
  height: 70px;
  font-size: 1px;
  background-color: #62e81e;
}

.btn-square.center {
  margin: 0 auto;
}

.btn-square-center-anim {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  width: auto;
  height: auto;
  padding: 24px 26px;
  /*border: 2px solid #ffffff;*/
  overflow: hidden;
  font: 700 13px/1px 'Montserrat', Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: #ffffff;
  background-color: transparent;
  -webkit-transition: background-color 0.17s linear 0s;
  -ms-transition: background-color 0.17s linear 0s;
  transition: background-color 0.17s linear 0s;
}

.btn-square-center-anim:last-child {
  padding-bottom: 24px;
}

.btn-square-center-anim:hover {
  -webkit-transition: background-color 0.25s linear 0.14s;
  -ms-transition: background-color 0.25s linear 0.14s;
  transition: background-color 0.25s linear 0.14s;
  background-color: #54e50d;
  color: #0b0d0b;
}

.btn-square-center-anim .border {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  display: inline-block;
  width: 100%;
  height: 2px;
  background-color: #ffffff;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
#header-nav .btn-square-center-anim .border {
  background-color: #000000;
}
#header-nav .btn-wanted .btn-square-center-anim .border {
  background-color: #ffffff;
}

.btn-square-center-anim .border.t {
  width: 100%;
  -webkit-transition: -webkit-transform 0.15s ease;
  -ms-transition: -ms-transform 0.15s ease;
  transition: transform 0.15s ease;
}

.btn-square-center-anim .border.r {
  left: auto;
  right: 0;
  width: 2px;
  height: 100%;
  -webkit-transition: -webkit-transform 0.15s ease;
  -ms-transition: -ms-transform 0.15s ease;
  transition: transform 0.15s ease;
}

.btn-square-center-anim .border.b {
  top: auto;
  bottom: 0;
  -webkit-transition: -webkit-transform 0.15s ease;
  -ms-transition: -ms-transform 0.15s ease;
  transition: transform 0.15s ease;
}

.btn-square-center-anim .border.l {
  width: 2px;
  height: 100%;
  -webkit-transition: -webkit-transform 0.15s ease;
  -ms-transition: -ms-transform 0.15s ease;
  transition: transform 0.15s ease;
}

.btn-square-center-anim:hover .border.t {
  -webkit-transform: translate3d(101%, 0, 0);
  -ms-transform: translate3d(101%, 0, 0);
  transform: translate3d(101%, 0, 0);
}

.btn-square-center-anim:hover .border.r {
  -webkit-transform: translate3d(0, 101%, 0);
  -ms-transform: translate3d(0, 101%, 0);
  transform: translate3d(0, 101%, 0);
}

.btn-square-center-anim:hover .border.b {
  -webkit-transform: translate3d(-101%, 0, 0);
  -ms-transform: translate3d(-101%, 0, 0);
  transform: translate3d(-101%, 0, 0);
}

.btn-square-center-anim:hover .border.l {
  -webkit-transform: translate3d(0, -101%, 0);
  -ms-transform: translate3d(0, -101%, 0);
  transform: translate3d(0, -101%, 0);
}

.btn-square-center-anim.brown .border {
  background-color: #5a5451;
}
.block-dark .btn-square-center-anim.brown .border {
  background-color: #ffffff;
}

.btn-square-center-anim.brown:hover {
  background-color: #ffffff;
}

.btn-round-arrow-outline {
  position: relative;
  width: 76px;
  height: 76px;
  border: 2px solid #ffffff;
  border-radius: 50% 50%;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

.btn-round-arrow-outline .icon-svg {
  width: 44px;
  -webkit-transform: translate3d(0, 5px, 0) scaleX(1);
  -ms-transform: translate3d(0, 5px, 0) scaleX(1);
  transform: translate3d(0, 5px, 0) scaleX(1);
  -webkit-transition: transform 0.27s ease-in-out;
  -ms-transition: transform 0.27s ease-in-out;
  transition: transform 0.27s ease-in-out;
}

.btn-round-arrow-outline.rgt {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.btn-round-arrow-outline.rgt:hover .icon-svg,
.btn-round-arrow-outline.lft:hover .icon-svg {
  -webkit-transform: translate3d(0, 9px, 0) scaleX(0.95);
  -ms-transform: translate3d(0, 9px, 0) scaleX(0.95);
  transform: translate3d(0, 9px, 0) scaleX(0.95);
}

.btn-round-arrow-outline.lft {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.btn-round-arrow-txt {
  display: block;
  margin-top: 10px;
  font: 700 14px/14px 'Montserrat', Helvetica, Arial, sans-serif;
  color: #ffffff;
  text-align: center;
}

.btn-round-arrow-circle {
  position: relative;
  width: 76px;
  height: 76px;
  border-radius: 50% 50%;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

.ie9 .btn-round-arrow-circle,
.ie10 .btn-round-arrow-circle {
  background-color: rgba(0, 0, 0, 0);
}

.btn-round-arrow-circle:hover {
  /*background-color: #54e50d;*/
}

.btn-round-arrow-circle .icon-svg-arrow {
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: translate3d(0, 0, 0) scaleY(1);
  -ms-transform: translate3d(0, 0, 0) scaleY(1);
  transform: translate3d(0, 0, 0) scaleY(1);
  -webkit-transition: -webkit-transform 0.27s ease-in-out;
  -ms-transition: -ms-transform 0.27s ease-in-out;
  transition: transform 0.27s ease-in-out;
}
#header-nav .btn-round-arrow-circle .icon-svg-arrow {
  fill: #0b0d0b;
}

.btn-round-arrow-circle:hover .icon-svg-arrow {
  -webkit-transform: translate3d(4px, 0, 0) scaleY(0.94);
  -ms-transform: translate3d(4px, 0, 0) scaleY(0.94);
  transform: translate3d(4px, 0, 0) scaleY(0.94);
}

.btn-round-arrow-circle.lft:hover .icon-svg-arrow {
  -webkit-transform: translate3d(-4px, 0, 0) scaleY(0.94);
  -ms-transform: translate3d(-4px, 0, 0) scaleY(0.94);
  transform: translate3d(-4px, 0, 0) scaleY(0.94);
}

.btn-round-arrow-circle .icon-svg-circle {
  fill: none;
  stroke: #ffffff;
  stroke-width: 2;
  stroke-dasharray: 240;
  stroke-dashoffset: -240;
  -webkit-animation: animOUT-btn-round-arrow-circle 0.27s
    cubic-bezier(0.5, 0.02, 0.18, 0.98) forwards;
  -ms-animation: animOUT-btn-round-arrow-circle 0.27s
    cubic-bezier(0.5, 0.02, 0.18, 0.98) forwards;
  animation: animOUT-btn-round-arrow-circle 0.27s
    cubic-bezier(0.5, 0.02, 0.18, 0.98) forwards;
}
#header-nav .btn-round-arrow-circle .icon-svg-circle {
  stroke: #0b0d0b;
}

@-webkit-keyframes animOUT-btn-round-arrow-circle {
  0% {
    stroke-dashoffset: 240;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@-ms-keyframes animOUT-btn-round-arrow-circle {
  0% {
    stroke-dashoffset: -240;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes animOUT-btn-round-arrow-circle {
  0% {
    stroke-dashoffset: -240;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.btn-round-arrow-circle.over .icon-svg-circle {
  stroke-dasharray: 240;
  stroke-dashoffset: 0;
  -webkit-animation: animIN-btn-round-arrow-circle 0.27s
    cubic-bezier(0.5, 0.02, 0.18, 0.98) forwards;
  -ms-animation: animIN-btn-round-arrow-circle 0.27s
    cubic-bezier(0.5, 0.02, 0.18, 0.98) forwards;
  animation: animIN-btn-round-arrow-circle 0.27s
    cubic-bezier(0.5, 0.02, 0.18, 0.98) forwards;
}

@-webkit-keyframes animIN-btn-round-arrow-circle {
  0% {
    stroke-dashoffset: 0;
  }

  100% {
    stroke-dashoffset: 240;
  }
}

@-ms-keyframes animIN-btn-round-arrow-circle {
  0% {
    stroke-dashoffset: 0;
  }

  100% {
    stroke-dashoffset: 240;
  }
}

@keyframes animIN-btn-round-arrow-circle {
  0% {
    stroke-dashoffset: 0;
  }

  100% {
    stroke-dashoffset: 240;
  }
}

/* =Arrow down Button */
.open .arrow-down-sm {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.arrow-down-sm .icon-svg {
  height: 40px;
  -webkit-transition: -webkit-transform 0.27s ease-in-out;
  -ms-transition: -ms-transform 0.27s ease-in-out;
  transition: transform 0.27s ease-in-out;
  -webkit-transform: translate3d(0, 0, 0) rotate(90deg) scaleY(1);
  -ms-transform: translate3d(0, 0, 0) rotate(90deg) scaleY(1);
  transform: translate3d(0, 0, 0) rotate(90deg) scaleY(1);
}

.arrow-down-sm:hover .icon-svg {
  -webkit-transform: translate3d(0, 2px, 0) rotate(90deg) scaleY(0.95);
  -ms-transform: translate3d(0, 2px, 0) rotate(90deg) scaleY(0.95);
  transform: translate3d(0, 2px, 0) rotate(90deg) scaleY(0.95);
}

/*.open .arrow-down-sm:hover .icon-svg {
  -webkit-transform: translate3d(0, -2px, 0) rotate(90deg) scaleY(.95);
      -ms-transform: translate3d(0, -2px, 0) rotate(90deg) scaleY(.95);
          transform: translate3d(0, -2px, 0) rotate(90deg) scaleY(.95);
}*/

/* =Line-through Button */
.btn-line-through {
  position: relative;
  display: inline-block;
  padding: 0 4px;
  margin: 0 -4px;
  overflow: hidden;
  color: #ffffff;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.btn-line-through:hover,
.btn-line-through.on {
  color: #ad8774;
}

.btn-line-through.on:after,
.btn-line-through.on:hover:after {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-animation-play-state: paused;
  -ms-animation-play-state: paused;
  animation-play-state: paused;
}

.btn-line-through:after {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 100%;
  height: 8px;
  border-bottom: 2px solid #62e81e;
  background-color: #ffffff;
  content: '';
  -webkit-transform: translate3d(-100%, 0px, 0);
  -ms-transform: translate3d(-100%, 0px, 0);
  transform: translate3d(-100%, 0px, 0);
}
#header-nav .btn-line-through:after {
  background-color: #0b0d0b;
}

.btn-line-through:hover:after {
  -webkit-animation: anim-btn-line-through-IN 0.3s cubic-bezier(0.11, 0.7, 0, 1)
    forwards;
  -ms-animation: anim-btn-line-through-IN 0.3s cubic-bezier(0.11, 0.7, 0, 1)
    forwards;
  animation: anim-btn-line-through-IN 0.3s cubic-bezier(0.11, 0.7, 0, 1)
    forwards;
}

@-webkit-keyframes anim-btn-line-through-IN {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
  }
}

@-ms-keyframes anim-btn-line-through-IN {
  0% {
    -ms-transform: translate3d(-100%, 0, 0);
  }

  100% {
    -ms-transform: translate3d(0, 0, 0);
  }
}

@keyframes anim-btn-line-through-IN {
  0% {
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    transform: translate3d(0, 0, 0);
  }
}

/*.btn-line-through.out:after {
  -webkit-transform: translate3d(0, 0px, 0 );
      -ms-transform: translate3d(0, 0px, 0 );
          transform: translate3d(0, 0px, 0 );
  -webkit-animation: anim-btn-line-through-OUT .3s cubic-bezier(.88,.32,.92,.66) forwards;
      -ms-animation: anim-btn-line-through-OUT .3s cubic-bezier(.88,.32,.92,.66) forwards;
          animation: anim-btn-line-through-OUT .3s cubic-bezier(.88,.32,.92,.66) forwards;
}

@-webkit-keyframes anim-btn-line-through-OUT {
    0% { -webkit-transform: translate3d(0, 0, 0); }
    100% { -webkit-transform: translate3d(100%, 0, 0); }
}
@-ms-keyframes anim-btn-line-through-OUT {
    0% { -ms-transform: translate3d(0, 0, 0); }
    100% { -ms-transform: translate3d(100%, 0, 0); }
}
@keyframes anim-btn-line-through-OUT {
    0% { transform: translate3d(0, 0, 0);}
    100% { transform: translate3d(100%, 0, 0); }
}
*/

/*-------------------------------------------------------------------------
  =COLORS
-------------------------------------------------------------------------*/
.green {
  color: #54e50d;
}

.green-vivid {
  color: #62e81e;
}

.brown {
  color: #7f4f36;
}

.brown-dark {
  color: #312925;
}

.brown-medium {
  color: #6e452f;
}

.brown-medium-alt {
  color: #8a634f;
}

.brown-light {
  color: #5f5753;
}

.gray-dark {
  color: #262626;
}

.gray-medium {
  color: #5e5e5e;
}

.gray-medium-alt {
  color: #e0e1e1;
}

.gray-blue {
  color: #8c95a2;
}

.gray-light {
  color: #f3f3f3;
}

.gray-light-alt {
  color: #c8cfd1;
}

/*-------------------------------------------------------------------------
  =SVG ANIMATIONS
-------------------------------------------------------------------------*/
/* =CITIES SVG = CONTACTS */
.picto-city {
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.city-svg-hover .path-anim {
  fill: none;
  stroke: white;
  stroke-width: 1;
  stroke-dasharray: 500;
  stroke-dashoffset: 500;
}

.block-offices .picto-city path {
  fill: none;
  stroke: white;
  stroke-width: 1;
}

.block-offices .picto-city .icon-barcelona path {
  fill: none;
  stroke: white;
  stroke-width: 1;
}

/*-------------------------------------------------------------------------
=IMAGES and =ICONS
-------------------------------------------------------------------------*/
img {
  display: block;
  max-width: 100%;
  height: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  -moz-user-drag: none;
}

.icon-svg {
  display: inline-block;
  width: 100%;
  height: auto;
}

.icon-svg-auto {
  display: inline-block;
  width: auto;
  height: auto;
}

.firefox .icon-svg,
.ie .icon-svg {
  width: 102%;
  left: -1px;
}

/* =CIRCLE PLUS */
.icon-circle-plus {
  display: inline-block;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  background-color: #62e81e;
}

.icon-circle-plus .icon-svg {
  position: absolute;
  left: 18px;
  top: 18px;
  width: 26px;
  height: 26px;
}

/* =VIDEO */
.icon-svg.play {
  display: flex;
  width: 25px;
  height: auto;
  fill: #ffffff;
  -webkit-transform: translate3d(3px, 0, 0);
  -ms-transform: translate3d(3px, 0, 0);
  transform: translate3d(3px, 0, 0);
  -webkit-transition: transform 0.26s ease-in-out;
  -ms-transition: transform 0.26s ease-in-out;
  transition: transform 0.26s ease-in-out;
}

a:hover .icon-svg.play {
  -webkit-transform: translate3d(6px, 0, 0);
  -ms-transform: translate3d(6px, 0, 0);
  transform: translate3d(6px, 0, 0);
}

/* =SOCIAL =SOCIALCOUNT */
.social {
  overflow: hidden;
}

.social li {
  position: relative;
  display: inline-block;
}

.social .icon-svg {
  width: auto;
  height: 22px;
  fill: #fff;
}

/*-------------------------------------------------------------------------
  =MODAL =LIGHTBOX
-------------------------------------------------------------------------*/
#modal-bg,
#modal-wrapper {
  display: none;
  width: 0;
  height: 0;
  overflow-y: hidden;
}

.modal-open #modal-bg {
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1030;
  background-color: #281a13;
  opacity: 0.8;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

.modal-open #modal-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1050;

  overflow-x: hidden;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  display: block;
}

.modal-open #modal-wrapper.js-on {
  overflow-y: scroll;
}

.modal-slide:after {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.5;
}

#modal-content {
  position: relative;
  top: 0;
  left: 0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 100vh;
  z-index: 1050;
  opacity: 1;
  will-change: transform;
  /* fix webkit fliker of the scale image */
}

#lightbox-wrapper {
  position: relative;
  top: 0;
  left: 0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 100vh;
  z-index: 1050;
  background-color: #281a13;
  opacity: 1;
}

#lightbox {
  position: relative;
  max-width: 810px;
  width: 810px;
  height: auto;
  background-color: #fff;
  z-index: 1050;
  -webkit-box-shadow: 0 3px 10px 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 10px 8px rgba(0, 0, 0, 0.1);
}

#lightbox .content {
  position: relative;
  width: 100%;
  height: auto;
  padding: 60px 90px 40px;
}

#lightbox header {
  position: relative;
  overflow: hidden;
}

#lightbox header ul {
  height: 465px;
}

#lightbox header img {
  /*  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  max-width: none;
  width: auto;
  height: auto;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);*/
}

#lightbox .btn-close-modal {
  position: absolute;
  top: 0;
  right: -55px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 55px;
  height: 55px;
  background: #62e81e;
  overflow: hidden;
  z-index: 30;
  text-indent: -5555px;
}

#lightbox .btn-close-modal svg {
  width: 25px;
  height: auto;

  -webkit-transition: transform 0.36s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -ms-transition: transform 0.36s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0.36s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
#lightbox .btn-close-modal svg polygon {
  fill: #0b0d0b;
}

.firefox #lightbox .btn-close-modal svg {
  transform-origin: 12.5px 12.5px;
}

#lightbox .btn-close-modal:hover svg {
  -webkit-transform: rotateZ(90deg);
  -ms-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}

.js-no-ajax #lightbox .btn-close-modal:hover svg {
  -webkit-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
}

#lightbox .title {
  position: absolute;
  top: 0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  width: 100%;
  text-align: center;
}

#lightbox .title h2 {
  margin-top: 40px;
  font: 700 14px/18px 'Montserrat', Helvetica, Arial, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #fff;
}

#lightbox .title h3 {
  position: relative;
  margin: 0 20px;
  top: -40px;
  font: 400 60px/68px 'Playfair Display', Helvetica, Arial, sans-serif;
  letter-spacing: -1px;
  color: #fff;
}

#lightbox .title h2,
#lightbox .title h3 {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.modal-share {
  margin: 80px 0 40px 0;
}

.modal-share h4 {
  margin-bottom: 20px;
  font: 700 13px/18px 'Montserrat', Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: #000000;
}

.modal-share li {
  display: inline-block;
  width: 55px;
}

.modal-share .modal-twitter svg {
  position: relative;
  left: 0px;
  top: 1px;
  width: 23px;
  height: 28px;
}

.modal-share .modal-facebook svg {
  position: relative;
  left: 0px;
  top: 2px;
  width: 12px;
  height: 28px;
}

.modal-share .modal-linkedin svg {
  position: relative;
  left: 0px;
  top: 2px;
  width: 30px;
  height: 28px;
}

.modal-share .modal-googleplus svg {
  position: relative;
  left: 0px;
  top: 2px;
  width: 26px;
  height: 28px;
}

.modal-share li svg path,
.modal-share li svg rect {
  -webkit-transition: fill 0.26s ease-in-out;
  -ms-transition: fill 0.26s ease-in-out;
  transition: fill 0.26s ease-in-out;
}

.modal-share li:hover svg path,
.modal-share li:hover svg rect {
  fill: #62e81e;
}

/*.modal-share .modal-linkedin svg {
  position: relative;
  left: 0px;
  top: 2px;
  width: 26px;
  height: 28px;
}*/

/* =MODAL Variations*/
.projects-modal .title h2 {
  text-transform: uppercase;
}

/* =MODAL Full Size */
#lightbox.fullWidth {
  max-width: none;
  width: 100%;
  height: 100vh;
  background-color: #000000;
}

#lightbox.fullWidth .btn-close-modal {
  right: 0;
}

#lightbox.fullWidth .header,
#lightbox.fullWidth header img {
  width: auto;
  overflow: initial;
}

#lightbox.fullWidth .icon-svg {
  fill: #ffffff;
}

#lightbox.fullWidth .modal-share {
  position: absolute;
  right: 0;
  top: 56px;
  margin: 0;
  width: 55px;
}

#lightbox.fullWidth .modal-share h4 {
  display: none;
}

#lightbox.fullWidth .modal-share ul {
  height: auto;
}

#lightbox.fullWidth .modal-share ul li a {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 55px;
  height: 55px;
  background: #62e81e;
  overflow: hidden;
  z-index: 30;
  text-indent: -5555px;
}

/* =MODAL Brand Modal*/

.brand-modal header {
  height: 250px;
  background-color: #62e81e;
}

#lightbox.brand-modal .title h3 {
  top: -15px;
}

#lightbox.brand-modal img {
  display: inline;
  height: 70px;
}

.brand-content {
  padding: 40px 0;
}

.brand-content p {
  margin: 20px 0;
}

.brand-content p a {
  border-bottom: 1px solid #54e50d;
  margin: 0 5px;
}

.brand-content.block-green p a {
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
}

.brand-content p a:hover {
  border-bottom: 1px solid transparent;
}

.brand-content .grid-cell {
  -webkit-flex: 1 1 0;
  -ms-flex: 1 1 0;
  flex: 1 1 0;
}

.brand-kit {
  color: #abadb1;
}

.brand-kit:hover {
  color: #ffffff;
}

.brand-kit .border {
  background-color: #bfc4ca;
}

.brand-modal .list-centered {
  margin-top: 50px;
  margin-bottom: 0;
}

.brand-modal h4 {
  font-size: 11px;
  color: #ccc;
}

.brand-modal .grid-cell p {
  margin: 20px 0 0 0;
}

/*Programs modal*/
#lightbox.programs-modal .title {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

#lightbox .title h3 {
  top: 0;
}

/*-------------------------------------------------------------------------
  =SLIDESHOWS
-------------------------------------------------------------------------*/
.slideshow {
  overflow: hidden;
}

.slideshow-slide,
.slideshow .slide,
.slideshow-slide-extra {
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.slideshow-nav {
}

.slideshow-nav.hide {
  visibility: hidden;
  height: 0px;
  width: 0px;
}

.slideshow-nav-btn {
}

.slideshow-nav-btn.on {
  pointer-events: none;
}

/*** =SLIDESHOW =BLOCKQUOTES */
.slideshow-blockquotes .slideshow-slide-wrapper {
  position: relative;
  height: 170px;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: height 0.6s ease-out 0.2s;
  -ms-transition: height 0.6s ease-out 0.2s;
  transition: height 0.6s ease-out 0.2s;
}

.safari .slideshow-blockquotes .slideshow-slide-wrapper {
  height: 170px !important;
}

.slideshow-blockquotes .slideshow-slide {
  position: absolute;
  top: -5555px;
  left: -5555px;
  visibility: hidden;
  display: block;
  width: 100%;
  height: auto;
}

.slideshow-blockquotes .slideshow-slide.on {
  top: 0;
  left: 0;
  visibility: visible;
}

.slideshow-blockquotes .slide {
  display: inline-block;
}

/*** =SLIDESHOW =HOME =HEADER */
.slideshow-header .slideshow-slide {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translate3d(0, 130%, 0) scale(1.5);
  -ms-transform: translate3d(0, 130%, 0) scale(1.5);
  transform: translate3d(0, 130%, 0) scale(1.5);
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

.slideshow-header .slideshow-slide.on {
  visibility: visible;
  -webkit-transform: translate3d(0, 0, 0) scale(1.05);
  -ms-transform: translate3d(0, 0, 0) scale(1.05);
  transform: translate3d(0, 0, 0) scale(1.05);
}

.slideshow-header .header-grid.slideshow-slide-wrapper {
  position: relative;
  min-height: 270px;
  width: 100%;
}

.slideshow-header .slideshow-slide-extra {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.slideshow-header .slideshow-slide-extra .slide {
  display: inline-block;
  overflow: hidden;
  -webkit-transform: translate3d(0, 105%, 0);
  -ms-transform: translate3d(0, 105%, 0);
  transform: translate3d(0, 105%, 0);
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

.slideshow-header .slideshow-slide-extra.on .slide {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* slide navigation */
.slideshow-nav-line {
  position: absolute;
  bottom: 140px;
  left: 0;
  z-index: 20;
  display: block;
  width: 100%;
  text-align: center;
}

.slideshow-nav-line li {
  display: inline-block;
}

.slideshow-nav-line .slideshow-nav-btn {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 20px;
  margin: 0 5px;
  overflow: hidden;
  text-indent: -5555px;
}

.slideshow-nav-line .slideshow-nav-btn:before,
.slideshow-nav-line .slideshow-nav-btn .time {
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  width: 60px;
  height: 2px;
  background-color: #ffffff;
  content: '';
  opacity: 0.65;
}

.slideshow-nav-line .slideshow-nav-btn:hover:before,
.slideshow-nav-line .slideshow-nav-btn.on:before {
  opacity: 1;
}

.slideshow-nav-line .slideshow-nav-btn .time {
  display: block;
  background-color: #54e50d;
  content: '';
  opacity: 1;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.slideshow-home-news .slideshow-nav-line {
  bottom: 26px;
}

.slideshow-home-news .slideshow-nav-line .slideshow-nav-btn {
  width: 35px;
  margin: 0 4px;
}

.slideshow-home-news .slideshow-nav-line .slideshow-nav-btn:before,
.slideshow-home-news .slideshow-nav-line .slideshow-nav-btn .time {
  background-color: #976750;
  opacity: 1;
}

.slideshow-home-news .slideshow-nav-line .slideshow-nav-btn .time {
  background-color: #54e50d;
  width: 100%;
}

.slideshow-home-news .slideshow-nav-line .slideshow-nav-btn:hover:before,
.slideshow-home-news .slideshow-nav-line .slideshow-nav-btn.on:before {
  background-color: #ffffff;
}

/*** =SLIDESHOW =home =footer =moveUpScaleDown */
.slideshow-moveUpScaleDown .slideshow-slide-wrapper {
  overflow: hidden;
}

/* each slide */
.slideshow-moveUpScaleDown .slideshow-slide {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translate3d(0, 100%, 0);
  -ms-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-box-shadow: 0 22px 60px rgba(0, 0, 0, 0.7);
  -ms-box-shadow: 0 22px 60px rgba(0, 0, 0, 0.7);
  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.7);
}

.slideshow-moveUpScaleDown .slideshow-slide.on {
  visibility: visible;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/*.slideshow-moveUpScaleDown .element .zoom*/
.slideshow-moveUpScaleDown .zoom {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0) scale(1.05);
  -ms-transform: translate3d(0, 0, 0) scale(1.05);
  transform: translate3d(0, 0, 0) scale(1.05);
}

.slideshow-moveUpScaleDown .zoom.go-in-start {
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  -ms-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
}

.slideshow-moveUpScaleDown .zoom.go-in {
  -webkit-animation: moveUpScaleDown-zoom-in 6.1s ease-out forwards;
  -ms-animation: moveUpScaleDown-zoom-in 6.1s ease-out forwards;
  animation: moveUpScaleDown-zoom-in 6.1s ease-out forwards;
}

.slideshow-moveUpScaleDown .zoom.go-out {
  -webkit-animation: moveUpScaleDown-zoom-out 6.1s ease-out forwards;
  -ms-animation: moveUpScaleDown-zoom-out 6.1s ease-out forwards;
  animation: moveUpScaleDown-zoom-out 6.1s ease-out forwards;
}

@-webkit-keyframes moveUpScaleDown-zoom-in {
  0% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0) scale(1.05);
  }
}

@-ms-keyframes moveUpScaleDown-zoom-in {
  0% {
    -ms-transform: translate3d(0, 0, 0) scale(1);
  }

  100% {
    -ms-transform: translate3d(0, 0, 0) scale(1.05);
  }
}

@keyframes moveUpScaleDown-zoom-in {
  0% {
    transform: translate3d(0, 0, 0) scale(1);
  }

  100% {
    transform: translate3d(0, 0, 0) scale(1.05);
  }
}

@-webkit-keyframes moveUpScaleDown-zoom-out {
  0% {
    -webkit-transform: translate3d(0, 0, 0) scale(1.05);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
  }
}

@-ms-keyframes moveUpScaleDown-zoom-out {
  0% {
    -ms-transform: translate3d(0, 0, 0) scale(1.05);
  }

  100% {
    -ms-transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes moveUpScaleDown-zoom-out {
  0% {
    transform: translate3d(0, 0, 0) scale(1.05);
  }

  100% {
    transform: translate3d(0, 0, 0) scale(1);
  }
}

/*** =SLIDESHOW =change text */
.slideshow-txtLoop .slideshow-txtLoop-slide,
.slideshow-txtLoop .slideshow-txtLoop-slide-footer {
  overflow: hidden;
  vertical-align: top;
}

.slideshow-txtLoop > span {
  display: inline-block;
  top: -5px;
  position: relative;
}

.slideshow-txtLoop-slide,
.slideshow-txtLoop-slide-footer {
  position: relative;
  display: inline-block;
  text-align: left;
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  top: 0px !important;
}

.slideshow-txtLoop-slide .slideshow-slide,
.slideshow-txtLoop-slide-footer .slideshow-slide {
  position: absolute;
  left: 0;
  top: -5px;
  display: inline-block;
  white-space: nowrap;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slideshow-txtLoop-slide-footer {
  width: 100%;
  text-align: center;
}

.slideshow-txtLoop-slide-footer .slideshow-slide {
  width: 100%;
  height: 100%;
  min-height: 100%;
  white-space: normal;
}

.slideshow-slide-dark {
  color: #7f4f36;
}

.slideshow-slide-dark em {
  position: relative;
  display: inline-block;
  width: 80px;
  margin-left: 50px;
}

.slideshow-slide-dark svg {
  position: absolute;
  top: 2px;
  left: 0;
  width: 100%;
}
.slideshow-txtLoop .slideshow-slide.out svg {
  display: none;
}

.slideshow-slide-dark svg path {
  fill: #7f4f36;
}

@media only screen and (max-width: 1024px) {
  .slideshow-slide-dark em {
    width: 50px;
    margin-left: 30px;
  }

  /*.slideshow-slide-dark svg {top: 5px;}*/
}

.slideshow-txtLoop .slideshow-slide.on {
  position: relative;
  -webkit-animation: switchTxtDownUp-in 0.6s cubic-bezier(0.76, 0, 0.18, 1)
    forwards;
  -ms-animation: switchTxtDownUp-in 0.6s cubic-bezier(0.76, 0, 0.18, 1) forwards;
  animation: switchTxtDownUp-in 0.6s cubic-bezier(0.76, 0, 0.18, 1) forwards;
}

.slideshow-txtLoop .slideshow-slide.out {
  -webkit-animation: switchTxtDownUp-out 0.6s cubic-bezier(0.76, 0, 0.18, 1)
    forwards;
  -ms-animation: switchTxtDownUp-out 0.6s cubic-bezier(0.76, 0, 0.18, 1)
    forwards;
  animation: switchTxtDownUp-out 0.6s cubic-bezier(0.76, 0, 0.18, 1) forwards;
}

@-webkit-keyframes switchTxtDownUp-in {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
  }
}

@-ms-keyframes switchTxtDownUp-in {
  0% {
    -ms-transform: translate3d(0, 100%, 0);
  }

  100% {
    -ms-transform: translate3d(0, 0, 0);
  }
}

@keyframes switchTxtDownUp-in {
  0% {
    transform: translate3d(0, 100%, 0);
  }

  100% {
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes switchTxtDownUp-out {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(0, -105%, 0);
  }
}

@-ms-keyframes switchTxtDownUp-out {
  0% {
    -ms-transform: translate3d(0, 0, 0);
  }

  100% {
    -ms-transform: translate3d(0, -105%, 0);
  }
}

@keyframes switchTxtDownUp-out {
  0% {
    transform: translate3d(0, 0, 0);
  }

  100% {
    transform: translate3d(0, -105%, 0);
  }
}

/*** =SLIDESHOW =CONTACTS */
.slideshow-contacts .slideshow-slide {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-transform: translate3d(130%, 0, 0);
  -ms-transform: translate3d(130%, 0, 0);
  transform: translate3d(130%, 0, 0);
}

.slideshow-contacts .slideshow-slide.on {
  visibility: visible;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slideshow-contacts .list-cities-pics .start .block-bg-cover:after {
  display: block;
}

.slideshow-contacts .list-cities-pics .block-bg-cover:after {
  display: none;
}

/*** =SLIDESHOW =SLICK plugin (default is slick-buro without theme)*/
.slideshow-slick.slick-slider.links a {
  margin-bottom: 35px;
}

.slideshow-slick .slick-dots {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  padding: 0;
  height: 20px;
  list-style: none;
  text-align: center;
}

.slideshow-slick.border-svg .slick-dots {
  bottom: -35px;
}

.slideshow-slick.list-clients .slick-dots {
  bottom: 15px;
}

.slideshow-slick .slick-dots li {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 20px;
  min-height: 0;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slideshow-slick .slick-dots li button {
  min-height: 0;
  width: 35px;
  height: 2px;
  padding: 0;
  margin-top: 7px;
  background-color: #ffffff;
  text-indent: -5555px;
  opacity: 0.5;
}

.slideshow-slick .slick-dots li.slick-active {
  cursor: default;
}

.slideshow-slick .slick-dots li.slick-active button,
.slideshow-slick .slick-dots li:hover button {
  opacity: 1;
}

.slideshow-slick .slick-dots li.slick-active button {
  cursor: default;
}

.block-light .slideshow-slick .slick-dots li button {
  background-color: #62e81e;
}

.slideshow-slick .slick-slide {
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: scale(1.2) translate3d(0, 10px, 0);
  -ms-transform: scale(1.2) translate3d(0, 10px, 0);
  transform: scale(1.2) translate3d(0, 10px, 0);
  -webkit-transition: -webkit-transform 0.4s ease-out 0.2s;
  -ms-transition: -ms-transform 0.4s ease-out 0.2s;
  transition: transform 0.4s ease-out 0.2s;
}

.slideshow-slick .slick-slide.slick-active {
  -webkit-transform: scale(1) translate3d(0, 0, 0);
  -ms-transform: scale(1) translate3d(0, 0, 0);
  transform: scale(1) translate3d(0, 0, 0);
}

/*.slideshow-zoominout =zoom*/
.page-toload .header .block-bg-cover {
  opacity: 0;
  -webkit-transition: opacity 0.2s linear 0s;
  -ms-transition: opacity 0.2s linear 0s;
  transition: opacity 0.2s linear 0s;
}

.page-toload .header .block-bg-cover.go {
  opacity: 1;
}

.anim-zoom {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  -ms-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
  will-change: transform;
}

.anim-zoom.go {
  /*  -webkit-animation: anim-zoom-in-out 18s cubic-bezier(.04,.73,0,1.01) .4s 1 alternate both;
      -ms-animation: anim-zoom-in-out 18s cubic-bezier(.04,.73,0,1.01) .4s 1 alternate both;
          animation: anim-zoom-in-out 18s cubic-bezier(.04,.73,0,1.01) .4s 1 alternate both;*/
  -webkit-animation: anim-zoom-in-out 18s cubic-bezier(0.04, 0.73, 0, 1.01) 0s 1
    alternate both;
  -ms-animation: anim-zoom-in-out 18s cubic-bezier(0.04, 0.73, 0, 1.01) 0s 1
    alternate both;
  animation: anim-zoom-in-out 18s cubic-bezier(0.04, 0.73, 0, 1.01) 0s 1
    alternate both;
}

@-webkit-keyframes anim-zoom-in-out {
  0% {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0) scale(1.13);
  }
}

@-ms-keyframes anim-zoom-in-out {
  0% {
    -ms-transform: translate3d(0, 0, 0) scale(1);
  }

  100% {
    -ms-transform: translate3d(0, 0, 0) scale(1.13);
  }
}

@keyframes anim-zoom-in-out {
  0% {
    transform: translate3d(0, 0, 0) scale(1);
  }

  100% {
    transform: translate3d(0, 0, 0) scale(1.13);
  }
}

/*-------------------------------------------------------------------------
  =RESET STYLES and GENERAL CLASSES
-------------------------------------------------------------------------*/
/** =GENERAL CLASSES **/
.relative {
  position: relative;
}

.fixed {
  position: fixed;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
}

.js-btn-goto {
  cursor: pointer;
}

.h3d {
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.z10 {
  z-index: 10;
}

.z15 {
  z-index: 15;
}

.z20 {
  z-index: 20;
}

.z25 {
  z-index: 25;
}

.z30 {
  z-index: 30;
}

.z35 {
  z-index: 35;
}

.z40 {
  z-index: 40;
}

.z45 {
  z-index: 45;
}

.z50 {
  z-index: 50;
}

.z55 {
  z-index: 55;
}

/** LINKS , COLORS, SELECTIONS, IMGS **/
a {
  text-decoration: none;
  color: #54e50d;
}

a > svg > path {
  fill: #0b0d0b;
}

a:hover,
a:focus {
  text-decoration: none;
}

a[href^='tel:'] {
  cursor: default;
}

::-moz-selection {
  background: #54e50d;
  /* color: #ffffff; */
  color: #0b0d0b;
}

::selection {
  background: #54e50d;
  /* color: #ffffff; */
  color: #0b0d0b;
}

/**  OPTIMIZATION  ***/
.change-trans {
  will-change: transform;
}

.change-transopac {
  will-change: transform, opacity;
}

.change-no {
  will-change: auto;
}

/** =FORMS **/
input:focus,
textarea:focus,
button:focus {
  outline: none;
}

:invalid,
:-moz-ui-invalid {
  box-shadow: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

button {
  position: relative;
  margin: 0;
  padding: 0;
  border-radius: 0;
  border: none;
  background: transparent;
  outline: none;
  cursor: pointer;
}

/*= IE 9 =*/
.ie .nav-social li a {
  display: block;
  float: left;
  width: 50px;
}

.ie9 .nav-site {
  margin-top: 100px;
}

/** =NAV MAIN that moves and can have scroll **/
.no-csstransforms3d .nav-main {
  -webkit-transform: translate(0, -130%);
  -ms-transform: translate(0, -130%);
  transform: translate(0, -130%);
}

.no-csstransforms3d .open-nav .nav-main {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.no-csstransforms3d .btn-line-through:after,
.no-csstransforms3d .btn-line-through:hover:after {
  -webkit-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
}

.no-csstransforms3d .btn-line-through.on:after,
.no-csstransforms3d .btn-line-through.on:hover:after {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.no-csstransforms3d #header-nav .id-shape-type,
.ie10 #header-nav .id-shape-type {
  display: none;
}

.no-csstransforms3d .home #header-nav .id-shape-type,
.ie10 .home #header-nav .id-shape-type {
  display: block;
}

.no-csstransforms3d .home.hide-info #header-nav .id-shape-type,
.ie10 .home.hide-info #header-nav .id-shape-type {
  /*.no-csstransforms3d .id-shape-type,
.ie9 body:not(.home) .id-shape-type,
.ie10 body:not(.home) .id-shape-type  {*/
  display: none;
}

.no-object-fit .home.hide-info #header-nav .id-shape-type,
.no-object-fit body:not(.home) #header-nav .id-shape-type {
  display: none;
}

.no-csstransforms3d #header-nav .page-name .txt.go {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);

  -webkit-transition: -webkit-transform 7s cubic-bezier(0.76, 0, 0.18, 1);
  -ms-transition: -ms-transform 7s cubic-bezier(0.76, 0, 0.18, 1);
  transition: transform 7s cubic-bezier(0.76, 0, 0.18, 1);
}

.no-csstransforms3d
  .hide-info
  #header-nav
  .page-name:not(.news-carrers-pagename):not(.sectors-pagename)
  .txt,
.no-csstransforms3d .hide-info #header-nav .btn-wanted .btn-square-center-anim {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}

.no-csstransforms3d #form-newsl label {
  visibility: visible;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0, 0);
}

.no-csstransforms3d #form-newsl.on label {
  visibility: hidden;
}

.no-csstransforms3d .arrow-down-sm .icon-svg {
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

/* no flexbox */
.no-flexbox #header-nav .btn-login .btn-square-center-anim {
  display: block;
  height: 38px;
  line-height: 14px;
  font-size: 14px;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.no-flexbox #header-nav .btn-square-center-anim {
  display: block;
  height: 44px;
  line-height: 14px;
  font-size: 14px;
  padding: 16px 35px !important;
}

/* =page name */
.no-flexbox #header-nav .page-name {
  position: relative;
  z-index: 40;
  overflow: hidden;
  height: 44px;
  padding-right: 44px;
  width: 100%;
}

.no-flexbox #header-nav .page-name .txt {
  display: block;
  position: relative;
  float: left;
  text-align: center;
  height: 44px;
  padding: 16px 35px;
  width: 100%;
}

.no-flexbox .hide-info #header-nav .page-name .txt.go,
.no-flexbox .hide-info #header-nav .dropdown-wrapper .dropdown-menu {
  display: none;
}

.no-flexbox #header-nav .dropdown-wrapper {
  position: relative;
  float: left;
}

.no-flexbox #header-nav .dropdown-wrapper .dropdown-menu {
  display: block;
  position: relative;
  float: left;
  width: 100%;
  margin-top: 0;
  clear: left;
}

.no-flexbox .list-centered.cities li {
  text-align: center;
}

.no-flexbox .list-centered.cities li {
  display: inline-block;
  position: relative;
}

.no-flexbox .list-centered.cities .btn-square-center-anim {
  display: inline-block;
  position: relative;
  width: 180px;
  padding: 16px 35px;
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
}

.no-flexbox .block-offices .list-cities-btn .btn-square-center-anim {
  max-width: 200px;
  margin: 24px 0;
}

/* GERAL */
.no-flexbox .width-max {
  overflow: hidden;
}

.no-flexbox .list-centered {
  text-align: center;
  overflow: visible;
}

.no-flexbox .list-centered li {
  display: inline-block;
}

.no-flexbox .icon-circle-plus.btn-plus {
  margin-left: -30px;
}

.no-flexbox .footer-like .grid-cell-2of1 {
  width: 50%;
  float: left;
}

.no-flexbox .footer-like .grid {
  overflow: hidden;
}

.no-flexbox .footer-like .grid-cell {
  width: 50%;
  float: left;
}

.ie9 .next-block-button {
  display: block;
  position: absolute;
  top: -38px;
}

.ie9 #lightbox {
  margin: 0 auto;
}

.ie9 #lightbox .btn-close-modal {
  display: block;
}

.ie9 #lightbox .btn-close-modal svg {
  display: block;
  position: absolute;
  left: 10px;
  top: 10px;
  width: 35px;
  height: 35px;
}

.ie .block-quotes .pic {
  display: block;
  position: relative;
  width: 96px;
  height: 96px;
  border-radius: 96px;
  overflow: hidden;
  margin-bottom: 15px !important;
}

.ie .block-quotes .pic .icon-svg {
  display: none;
}

/* HEADER */
.no-flexbox .header-grid {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 105px;
  top: 50%;
  margin-top: -29px;
}

.no-flexbox .header-grid .grid-cell-2of1 {
  display: block;
  position: relative;
}

.no-flexbox .header-grid .grid-cell-2of1.slideshow-txtLoop {
  float: left;
}

.no-flexbox .header-grid .grid-cell {
  display: block;
  position: relative;
  float: right;
}

.no-flexbox .slideshow-txtLoop .slideshow-slide.out {
  display: none;
}

.no-flexbox .header.grid-center-vh .block-content {
  top: 25%;
}

/* HOME */
.no-flexbox .block-3column-home .grid-3col {
  overflow: hidden;
}

.no-flexbox .block-3column-home .grid-3col .combo {
  overflow: hidden;
}

.no-flexbox .block-3column-home .grid-cell.lft

/*, .block-3column-home .grid-cell.rgt*/ {
  display: block;
  position: relative;
  width: 47% !important;
}

.no-flexbox .block-3column-home .grid-cell.rgt {
  float: right;
}

.no-flexbox .block-3column-home .grid-cell.lft {
  float: left;
}

.no-flexbox .block-3column-home .grid-cell.bottom {
  height: 50%;
}

.no-flexbox .block-quotes .grid {
  text-align: center;
}

.no-flexbox .block-quotes .grid li {
  display: inline-block;
}

.no-flexbox .block-quotes .grid li .pic {
  margin: 0 auto;
}

.no-flexbox .block-home-contact .list-cities {
  display: block;
  position: relative;
  width: 100%;
  text-align: center;
}

.no-flexbox .block-home-contact .list-cities li {
  display: inline-block;
  position: relative;
  width: auto;
}

/* ABOUT */
.no-flexbox .list-team {
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.no-flexbox .list-team li {
  display: block;
  position: relative;
  float: left;
  height: auto;
}

.no-flexbox .list-team li div {
  display: block;
  position: relative;
  float: left;
  padding-bottom: 20px !important;
}

.no-flexbox .list-team li h3,
.no-flexbox .list-team li p,
.no-flexbox .list-team li span {
  display: block;
  position: relative;
  width: 100%;
  text-align: left;
}

.no-flexbox .list-team-quote div {
  width: auto;
}

.no-flexbox .list-numbers.grid {
  text-align: center;
}

.no-flexbox .list-numbers.grid li {
  display: inline-block;
  width: 24%;
}

/* CHARTS */
.no-flexbox .chart-bars > div {
  display: block;
  position: relative;
  float: left;
  margin: 20px;
}

.no-csstransforms3d .chart-bars > div {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}

/*=SECTORES */
.ie9 .sectors .sector-container {
  width: 100%;
  height: 100%;
  min-height: 100%;
  margin: 0;
}

.ie9 .sector-container .block-bg-cover {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

.ie9 .sectors .sector-pictogram img {
  width: 50%;
  height: auto;
}

.ie9 .sectors .sector-shadow {
  display: none;
}

.ie9 .sectors .sectors-list li h3 {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  font: 700 30px 'Montserrat', Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 3px;
  opacity: 1;
  padding-top: 85px;
}

.ie9 .sectors-list li .element,
.ie9 .sectors-list li .element img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: auto;
  min-height: 100%;
  max-width: none;
  width: auto;
  height: 100%;
}

.no-flexbox .single-sectors .grid {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
}

.no-flexbox .single-sectors .grid-cell-1of3 {
  display: block;
  position: relative;
  float: left;
  width: 33%;
}

.no-flexbox .single-sectors .grid-cell.gutter-lft {
  display: block;
  position: relative;
  float: left;
  width: 63%;
  margin-left: 4%;
}

.no-flexbox .single-sectors .list-notes {
  display: block;
  float: left;
  width: 48%;
}

.no-flexbox .single-sectors .list-notes.gutter-lft {
  margin-left: 4%;
}

.no-flexbox .single-sectors .list-notes li {
  margin-top: 35px;
  margin-bottom: 95px;
}

.no-flexbox .note {
  position: relative;
  display: block;
  width: 100%;
}

.no-flexbox .list-circle-centered {
  overflow: hidden;
}

.no-flexbox .list-circle-centered li {
  display: block;
  position: relative;
  float: left;
}

/* Projectos */
.no-flexbox .projects-list {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.no-flexbox .projects-list li {
  display: block;
  position: relative;
  float: left;
  width: 50%;
  height: auto;
  background-color: #312925;
}

.no-flexbox .projects-list li a {
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: 30vh;
}

.ie9 .projects-list li .element:after {
  display: none;
}

.no-flexbox .projects-list li .element img {
  height: auto !important;
}

.ie9 .projects-list li .element:before {
  width: 100%;
  height: 100%;
  margin-left: 0;
  margin-top: 0;
  display: none;
}

.ie9 .projects-list li div {
  /*display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: #312925;
  opacity: 0.55;
  z-index: -1;*/
  background-color: rgba(49, 41, 37, 0.55);
}

/*=Charts */
.ie9 .chart-block .pie-chart-wrapper {
  padding: 70px 0;
}

.ie9 #pie-chart .pie-title {
  width: 185px;
  height: 70px;
  margin: -35px 0 0 -92px;
}

.ie .block-map {
  display: block;
}

/*=NOTÍCIAS */
.no-flexbox .header-entrie {
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
}

.no-flexbox .header-entrie .entrie-left {
  display: block;
  position: relative;
  float: left;
  width: 75%;
}

.no-flexbox .header-entrie .entrie-right,
.no-flexbox .header-entrie .entrie-right {
  display: block;
  position: relative;
  float: left;
  width: 25%;
  height: 100%;
  max-width: auto;
}

.ie9 .js-entrie-event,
.ie9 .list-filters,
.ie9 .search-news-form {
  display: none;
}

/*=CARREIRAS */
.no-flexbox .grid {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
}

.no-flexbox .carrers-testemonials .grid-cell-1of3 {
  display: block;
  position: relative;
  float: left;
  width: 33%;
}

.no-flexbox .carrers-testemonials .grid-cell.gutter-lft {
  display: block;
  position: relative;
  float: left;
  width: 60%;
}

.no-flexbox .carrers-testemonials .grid-cell.gutter-lft {
  display: block;
  position: relative;
  float: left;
  width: 63%;
  margin-left: 4%;
}

.no-flexbox .carrers-testemonials .list-notes {
  display: block;
  float: left;
  width: 48%;
}

.no-flexbox .carrers-testemonials .list-notes.gutter-lft {
  margin-left: 4%;
}

.no-flexbox .carrers-testemonials .list-notes li {
  margin-top: 35px;
  margin-bottom: 95px;
}

.no-flexbox .offers-academy {
  display: block;
  position: absolute;
  width: 100%;
}

.no-flexbox .offers-academy li {
  display: block;
  position: relative;
  float: left;
  width: 50%;
}

/*=CONTACTOS */
.no-flexbox .block-offices .grid-center-vh {
  display: block;
  position: relative;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden;
  min-height: auto;
  padding: 100px 0;
}

.no-flexbox .block-offices .grid-center-vh .grid-cell {
  display: block;
  position: relative;
  width: 100% !important;
  max-width: 100% !important;
  float: left;
  margin-bottom: 50px;
}

.no-flexbox .block-offices .grid-center-vh .grid-cell.center {
  display: block;
  position: relative;
  width: 100%;
  float: left;
  min-height: auto;
}

.no-flexbox .block-offices .picto-city {
  margin-top: 0;
  height: auto;
  max-width: 100%;
}

.no-flexbox .block-offices .list-cities-btn {
  display: block;
  position: relative;
  text-align: center;
}

.no-flexbox .block-offices .list-cities-btn li {
  display: inline-block;
}

.ie9 .btn-square-center-anim {
  padding-top: 16px;
  padding-bottom: 16px;
}

.ie10 .btn-square-center-anim {
  padding-top: 26px;
  padding-bottom: 26px;
}