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: #ffffff;
  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: #2b7de1;
}

/*-------------------------------------------------------------------------
=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
-------------------------------------------------------------------------*/
#header-nav {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  color: #ffffff;
}
#header-nav a { color: #ffffff; }

#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: #2b7de1;
}
.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 .25s ease-in-out;
      -ms-transition: -ms-transform .25s ease-in-out;
          transition: transform .25s ease-in-out;
}
.open-nav .btn-burger:hover .wrap{
  -webkit-transform: translate3d(1px, -3px, 0 ) scaleX(.93);
      -ms-transform: translate3d(1px, -3px, 0 ) scaleX(.93);
          transform: translate3d(1px, -3px, 0 ) scaleX(.93);
}


.btn-burger span.l{
  position: absolute;
  left: 0;
  top: 18px;
  display: block;
  width: 36px;
  height: 2px;
  background: #ffffff;
  -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 .3s cubic-bezier(0.175, 0.885, 0.320, 1.275);
      -ms-transition: -ms-transform .3s cubic-bezier(0.175, 0.885, 0.320, 1.275);
          transition: transform .3s cubic-bezier(0.175, 0.885, 0.320, 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 .3s ease 0s forwards;
      -ms-animation: animBurgerOpenL1 .3s ease 0s forwards;
          animation: animBurgerOpenL1 .3s ease 0s forwards;
}
.open-nav .btn-burger .l2{
  -webkit-animation: animBurgerOpenL2 .3s ease-out 0s forwards;
      -ms-animation: animBurgerOpenL2 .3s ease-out 0s forwards;
          animation: animBurgerOpenL2 .3s ease-out 0s forwards;
}
.open-nav .btn-burger .l3{
  -webkit-animation: animBurgerOpenL3 .3s ease 0s forwards;
      -ms-animation: animBurgerOpenL3 .3s ease 0s forwards;
          animation: animBurgerOpenL3 .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 .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);
  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 .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);
}
#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 .15s cubic-bezier(0.76, 0, 0.18, 1);
          transition: all .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: .26s;
          transition-duration: .26s;
}
#header-nav .dropdown-wrapper .dropdown-menu li {
  -webkit-transition: background-color .26s ease-in-out;
      -ms-transition: background-color .26s ease-in-out;
          transition: background-color .26s ease-in-out;
}
#header-nav .dropdown-wrapper .dropdown-menu li:hover {
  background-color: #2b7de1;
}
#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;
}
#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 .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);
}
#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(.11,.7,.01,1.03);
      -ms-transition: -ms-transform 1.5s cubic-bezier(.11,.7,.01,1.03);
          transition: transform 1.5s cubic-bezier(.11,.7,.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: .5s;
      -ms-transition-duration: .5s;
          transition-duration: .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 .5s cubic-bezier(.11,.7,.01,1.03) .7s, visibility 0s cubic-bezier(.11,.7,.01,1.03) .7s;
      -ms-transition: -ms-transform .5s cubic-bezier(.11,.7,.01,1.03) .7s, visibility 0s cubic-bezier(.11,.7,.01,1.03) .7s;
          transition: transform .5s cubic-bezier(.11,.7,.01,1.03) .7s, visibility 0s cubic-bezier(.11,.7,.01,1.03) .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: #2b7de1;
}

/* id normal and scroll */
.id-primeit .id-it .shape { fill: #ffffff; }
.id-primeit .id-it.green .shape { fill: #2b7de1; }

/* id nav open */
.id-primeit .id-it-nav .bg {fill: #ffffff;}
.id-primeit .id-it-nav .shape {fill: rgb(177, 104, 59);}
.id-primeit .id-it-nav {
  opacity: 0;
  -webkit-transition: opacity .3s linear .3s;
      -ms-transition: opacity .3s linear .3s;
          transition: opacity .3s linear .3s;
}

.open-nav .id-primeit .id-it-nav {
  opacity: 1;
  -webkit-transition-delay: .2s;
      -ms-transition-delay: .2s;
          transition-delay: .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 .6s cubic-bezier(0.76, 0, 0.18, 1) 0s;
      -ms-transition: -ms-transform .6s cubic-bezier(0.76, 0, 0.18, 1) 0s;
          transition: transform .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: .3s;
      -ms-transition-delay: .3s;
          transition-delay: .3s;
}

/*.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: 81px;
  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 .7s cubic-bezier(0.76, 0, 0.18, 1), background-color .17s linear .0s;
      -ms-transition: -ms-transform .7s cubic-bezier(0.76, 0, 0.18, 1), background-color .17s linear .0s;
          transition: transform .7s cubic-bezier(0.76, 0, 0.18, 1), background-color .17s linear .0s;
}
#header-nav .btn-wanted .btn-square-center-anim:hover {
  -webkit-transition: -webkit-transform .7s cubic-bezier(0.76, 0, 0.18, 1), background-color .25s linear .14s;
      -ms-transition: -ms-transform .7s cubic-bezier(0.76, 0, 0.18, 1), background-color .25s linear .14s;
          transition: transform .7s cubic-bezier(0.76, 0, 0.18, 1), background-color .25s linear .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: #2b7de1;
  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 .6s ease-in-out;
      -ms-transition: stroke-dashoffset .6s ease-in-out;
          transition: stroke-dashoffset .6s ease-in-out;
}
.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; }
#header-nav .nav-site a:hover,
#header-nav .nav-site a.on {
  color: #e3fed5;
}

.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;
}

.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;
  -webkit-transition: fill .26s linear;
      -ms-transition: fill .26s linear;
          transition: fill .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;
}
#form-newsl input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #2b7de1inset;
    -webkit-text-fill-color: white !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;
}
#form-newsl.on label {
  -webkit-transform: translate3d(0, 40px, 0) scale3d(.6,.6,1);
      -ms-transform: translate3d(0, 40px, 0) scale3d(.6,.6,1);
          transform: translate3d(0, 40px, 0) scale3d(.6,.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: #2B7DE1;
}
.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: #2b2420;
}
.block-dark h3 { color: #ffffff; }

/** =block-darker **/
.block-darker {
  color: #5f5753;
  background-color: #2b2420;
}

/** =block-light **/
.block-light {
  color: #8c95a2;
  background-color: #ffffff;
}
.block-light h3 { color: #0d7ee5; }
0d7ee5
/** =block-green **/
.block-green {
  color: #d3f8c2;
  background-color: #2b7de1;
}
.block-green h3{ color: #ffffff; }
.block-green .bar:after{ background-color: #ffffff;}

/** =block-grey **/
.block-grey {
  color: #5F5753;
  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(http://www.hidroizolatii-polyurea.ro/) 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;
  opacity: .6;
  -webkit-transition: opacity .2s linear;
      -ms-transition: opacity .2s linear;
          transition: opacity .2s linear;
}
.block-quotes h5 {
  color: #8c95a2;
/*  -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: #0d73e5;
}
.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 .2s linear;
      -ms-transition: all .2s linear;
          transition: all .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;
  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; 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 .35s cubic-bezier(0.76, 0, 0.18, 1);
      -ms-transition: -ms-transform .35s cubic-bezier(0.76, 0, 0.18, 1);
          transition: transform .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; max-width: 328px;
  font-weight: normal;
  padding-bottom: 40px; padding-top: 40px;
}
.quote p {
  letter-spacing: 1px;
  font-weight: 400;
  color: #0d68e5;
}

/** =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;

  -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, .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, .10);
  -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;
}

/* =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 .3s cubic-bezier(0.76, 0, 0.18, 1);
      -ms-transition: -ms-transform .3s cubic-bezier(0.76, 0, 0.18, 1);
          transition: transform .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: .2s;
      -ms-transition-delay: .2s;
          transition-delay: .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 .7s cubic-bezier(.5,.02,.18,.98) forwards;
      -ms-animation: animOUT-shape-btn-border .7s cubic-bezier(.5,.02,.18,.98) forwards;
          animation: animOUT-shape-btn-border .7s cubic-bezier(.5,.02,.18,.98) forwards;
}
@-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 .4s cubic-bezier(.5,.02,.18,.98) forwards;
      -ms-animation: animIN-shape-btn-border .4s cubic-bezier(.5,.02,.18,.98) forwards;
          animation: animIN-shape-btn-border .4s cubic-bezier(.5,.02,.18,.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: #2b7de1;
  -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 .25s cubic-bezier(.76,0,.18,1) ;
      -ms-transition:     -ms-transform .25s cubic-bezier(.76,0,.18,1) ;
          transition:         transform .25s cubic-bezier(.76,0,.18,1) ;
}
.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 .2s linear;
      -ms-transition: opacity .2s linear;
          transition: opacity .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: #2b7de1;
}
.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(http://www.hidroizolatii-polyurea.ro/) no-repeat top center;
  text-align: center;
}

/* =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, .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: .3;
  -webkit-transition: opacity .3s ease-in-out;
      -ms-transition: opacity .3s ease-in-out;
          transition: opacity .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; }

.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;
}
.list-centered.cities li {
  width: auto;
  margin: 0 10px 20px 10px;
  min-height: 0;
}
.list-centered.cities .btn-square-center-anim {
  width: 165px;
  padding: 26px 0;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  color:  #5a5451;
}
@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: #2b7de1;
  opacity: 0;

  -webkit-transition: opacity .16s ease-in-out;
      -ms-transition: opacity .16s ease-in-out;
          transition: opacity .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: #2b7de1; }


.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.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: #2b7de1; }

.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;
  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;
}
.header-entrie ul.info li svg {fill: #a3aab5;}

/* =Lista de Filtros */
.list-filters{
  position: absolute;
  left: 0px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 300px;
  height: auto;
  min-height: 230px;
  -webkit-transform: translateX(-240px);
      -ms-transform: translateX(-240px);
          transform: translateX(-240px);
  -webkit-transition: -webkit-transform .35s cubic-bezier(.11,.7,.01,1.03);
      -ms-transition: -ms-transform .35s cubic-bezier(.11,.7,.01,1.03);
          transition: transform .35s cubic-bezier(.11,.7,.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 .35s cubic-bezier(.11,.7,.01,1.03);
      -ms-transition: all .35s cubic-bezier(.11,.7,.01,1.03);
          transition: all .35s cubic-bezier(.11,.7,.01,1.03);
}
.list-filters.hover .filters-header{
  background-color: #2b7de1;
  border-right-color: #5fdc1f;
  -webkit-transform: translate3d(5px, 0, 0);
      -ms-transform: translate3d(5px, 0, 0);
          transform: translate3d(5px, 0, 0);
}
.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 .35s cubic-bezier(.11,.7,.01,1.03);
      -ms-transition: background-color .35s cubic-bezier(.11,.7,.01,1.03);
          transition: background-color .35s cubic-bezier(.11,.7,.01,1.03);
}
.list-filters.hover .filters-content:after{
  background-color: #2b7de1;
}

.list-filters.active .filters-header{
  background-color: #2b7de1;
  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: 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;
}

.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 .26s ease-in-out;
      -ms-transition: -ms-transform .26s ease-in-out;
          transition: transform .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; }
.filters-content ul li:before {
  content: '';
  position: absolute;
  top: 5px;
  left: 0px;
  display: block;
  width: 17px;
  height: 17px;
  border: 2px solid #8c95a2;
  border-radius: 3px;
}

.filters-content ul li.active:before {
  border: 2px solid #2b7de1;
  background-image: url(http://www.hidroizolatii-polyurea.ro/);
  background-size: 9px 6px;
  background-repeat: no-repeat;
  background-position: 2px 3px;
}

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


/*-------------------------------------------------------------------------
  =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: #2b7de1;
}
.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 .17s linear .0s;
      -ms-transition: background-color .17s linear .0s;
          transition: background-color .17s linear .0s;
}
.btn-square-center-anim:last-child { padding-bottom: 24px;}
.btn-square-center-anim:hover {
  -webkit-transition: background-color .25s linear .14s;
      -ms-transition: background-color .25s linear .14s;
          transition: background-color .25s linear .14s;
  background-color: #2B7DE1;
}


.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);
}
.btn-square-center-anim .border.t {
  width: 100%;
  -webkit-transition: -webkit-transform .15s ease;
      -ms-transition: -ms-transform .15s ease;
          transition: transform .15s ease;
}
.btn-square-center-anim .border.r {
  left: auto;
  right: 0;
  width: 2px;
  height: 100%;
  -webkit-transition: -webkit-transform .15s ease;
      -ms-transition: -ms-transform .15s ease;
          transition: transform .15s ease;
}
.btn-square-center-anim .border.b {
  top: auto;
  bottom: 0;
  -webkit-transition: -webkit-transform .15s ease;
      -ms-transition: -ms-transform .15s ease;
          transition: transform .15s ease;
}
.btn-square-center-anim .border.l {
  width: 2px;
  height: 100%;
  -webkit-transition: -webkit-transform .15s ease;
      -ms-transition: -ms-transform .15s ease;
          transition: transform .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;}
.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(.95);
      -ms-transform: translate3d(0, 9px, 0 ) scaleX(.95);
          transform: translate3d(0, 9px, 0 ) scaleX(.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: #0d68e5;*/
}

.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;
}
.btn-round-arrow-circle:hover .icon-svg-arrow {
  -webkit-transform: translate3d(4px, 0, 0 ) scaleY(.94);
      -ms-transform: translate3d(4px, 0, 0 ) scaleY(.94);
          transform: translate3d(4px, 0, 0 ) scaleY(.94);
}
.btn-round-arrow-circle.lft:hover .icon-svg-arrow {
  -webkit-transform: translate3d(-4px, 0, 0 ) scaleY(.94);
      -ms-transform: translate3d(-4px, 0, 0 ) scaleY(.94);
          transform: translate3d(-4px, 0, 0 ) scaleY(.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 .27s cubic-bezier(.5,.02,.18,.98) forwards;
      -ms-animation: animOUT-btn-round-arrow-circle .27s cubic-bezier(.5,.02,.18,.98) forwards;
          animation: animOUT-btn-round-arrow-circle .27s cubic-bezier(.5,.02,.18,.98) forwards;
}
@-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 .27s cubic-bezier(.5,.02,.18,.98) forwards;
      -ms-animation: animIN-btn-round-arrow-circle .27s cubic-bezier(.5,.02,.18,.98) forwards;
          animation: animIN-btn-round-arrow-circle .27s cubic-bezier(.5,.02,.18,.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(.95);
      -ms-transform: translate3d(0, 2px, 0) rotate(90deg) scaleY(.95);
          transform: translate3d(0, 2px, 0) rotate(90deg) scaleY(.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 .3s ease;
      -ms-transition: color .3s ease;
          transition: color .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 #2b7de1;
  background-color: #ffffff;
  content: "" ;
  -webkit-transform: translate3d(-100%, 0px, 0 );
      -ms-transform: translate3d(-100%, 0px, 0 );
          transform: translate3d(-100%, 0px, 0 );
}

.btn-line-through:hover:after {
  -webkit-animation: anim-btn-line-through-IN .3s cubic-bezier(.11,.7,0,1) forwards;
      -ms-animation: anim-btn-line-through-IN .3s cubic-bezier(.11,.7,0,1) forwards;
          animation: anim-btn-line-through-IN .3s cubic-bezier(.11,.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: #0d68e5; }
.green-vivid { color: #2b7de1; }

.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;
}


/*-------------------------------------------------------------------------
=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: #2b7de1;
}
.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: .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,.1);
          box-shadow: 0 3px 10px 8px rgba(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: #2b7de1;
  overflow: hidden;
  z-index: 30;
  text-indent: -5555px;
}
#lightbox .btn-close-modal svg{
  width: 25px;
  height: auto;

  -webkit-transition: transform .36s cubic-bezier(.175, .885, .32, 1.275);
      -ms-transition: transform .36s cubic-bezier(.175, .885, .32, 1.275);
          transition: transform .36s cubic-bezier(.175, .885, .32, 1.275);
}
.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 .26s ease-in-out;
      -ms-transition: fill .26s ease-in-out;
          transition: fill .26s ease-in-out;
}
.modal-share li:hover svg path,
.modal-share li:hover svg rect{
  fill: #2b7de1;
}
/*.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: #2b7de1;
  overflow: hidden;
  z-index: 30;
  text-indent: -5555px;
}

/* =MODAL Brand Modal*/

.brand-modal header{
  height: 250px;
  background-color: #2b7de1;
}


#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 #0d68e5;
  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 .6s ease-out .2s;
      -ms-transition: height .6s ease-out .2s;
          transition: height .6s ease-out .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: .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: #0d68e5;
  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: #0d68e5;
  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-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 .6s cubic-bezier(0.76, 0, 0.18, 1) forwards;
      -ms-animation: switchTxtDownUp-in .6s cubic-bezier(0.76, 0, 0.18, 1) forwards;
          animation: switchTxtDownUp-in .6s cubic-bezier(0.76, 0, 0.18, 1) forwards;
}
.slideshow-txtLoop .slideshow-slide.out{
  -webkit-animation: switchTxtDownUp-out .6s cubic-bezier(0.76, 0, 0.18, 1) forwards;
      -ms-animation: switchTxtDownUp-out .6s cubic-bezier(0.76, 0, 0.18, 1) forwards;
          animation: switchTxtDownUp-out .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: .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: #2b7de1; }

.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 .4s ease-out .2s;
      -ms-transition: -ms-transform .4s ease-out .2s;
          transition: transform .4s ease-out .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 .2s linear .0s;
      -ms-transition: opacity .2s linear .0s;
          transition: opacity .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(.04,.73,0,1.01) 0s 1 alternate both;
      -ms-animation: anim-zoom-in-out 18s cubic-bezier(.04,.73,0,1.01) 0s 1 alternate both;
          animation: anim-zoom-in-out 18s cubic-bezier(.04,.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: #0d68e5;
}
a:hover,
a:focus {
  text-decoration: none;
}
a[href^="tel:"]{cursor: default;}
::-moz-selection {
  background: #0d68e5;
  color: #ffffff;
}
::selection {
  background: #0d68e5;
  color: #ffffff;
}
/**  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: #ffffff;
}
.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: #ffffff;
  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;
}