@font-face {
   font-family: 'Avenir Next';
   src: url("https://iconosur.com/es/wp-content/themes/iconosur/assets/fonts/AvenirNext-Regular.woff2") format("woff2"), url("https://iconosur.com/es/wp-content/themes/iconosur/assets/fonts/AvenirNext-Regular.woff") format("woff"), url("https://iconosur.com/es/wp-content/themes/iconosur/assets/fonts/AvenirNext-Regular.ttf") format("truetype");
   font-display: swap;
   font-weight: 400;
   font-style: normal;
   unicode-range: U+000-5FF
}

@font-face {
   font-family: 'Avenir Next';
   src: url("https://iconosur.com/es/wp-content/themes/iconosur/assets/fonts/AvenirNext-Medium.woff2") format("woff2"), url("https://iconosur.com/es/wp-content/themes/iconosur/assets/fonts/AvenirNext-Medium.woff") format("woff"), url("https://iconosur.com/es/wp-content/themes/iconosur/assets/fonts/AvenirNext-Medium.ttf") format("truetype");
   font-display: swap;
   font-weight: 500;
   font-style: normal;
   unicode-range: U+000-5FF
}

@font-face {
   font-family: 'Avenir Next';
   src: url("https://iconosur.com/es/wp-content/themes/iconosur/assets/fonts/AvenirNext-DemiBold.woff2") format("woff2"), url("https://iconosur.com/es/wp-content/themes/iconosur/assets/fonts/AvenirNext-DemiBold.woff") format("woff"), url("https://iconosur.com/es/wp-content/themes/iconosur/assets/fonts/AvenirNext-DemiBold.ttf") format("truetype");
   font-display: swap;
   font-weight: 600;
   font-style: normal;
   unicode-range: U+000-5FF
}

@font-face {
   font-family: 'Avenir Next';
   src: url("https://iconosur.com/es/wp-content/themes/iconosur/assets/fonts/AvenirNext-Bold.woff2") format("woff2"), url("https://iconosur.com/es/wp-content/themes/iconosur/assets/fonts/AvenirNext-Bold.woff") format("woff"), url("https://iconosur.com/es/wp-content/themes/iconosur/assets/fonts/AvenirNext-Bold.ttf") format("truetype");
   font-display: swap;
   font-weight: 700;
   font-style: normal;
   unicode-range: U+000-5FF
}

.typed-cursor {
   opacity: 1;
   font-weight: 100;
   display: inline-block
}

.typed-cursor--blink.init-animation {
   -webkit-animation: blink 1.1s steps(1) infinite;
   animation: blink 1.1s steps(1) infinite
}

@-webkit-keyframes blink {
   0% {
      opacity: 1
   }

   50% {
      opacity: 0.001
   }

   100% {
      opacity: 1
   }
}

@keyframes blink {
   0% {
      opacity: 1
   }

   50% {
      opacity: 0.001
   }

   100% {
      opacity: 1
   }
}

* {
   box-sizing: border-box
}

img[data-src] {
   opacity: 0.001;
   -webkit-transition: opacity .25s;
   transition: opacity .25s
}

img.lazyloaded {
   opacity: 1
}

[data-inviewport]:not([data-inviewport="false"]) {
   opacity: 0.001;
   -webkit-transform: translate(0, 50px);
   transform: translate(0, 50px);
   -webkit-transition: opacity .3s, -webkit-transform .3s;
   transition: opacity .3s, -webkit-transform .3s;
   transition: opacity .3s, transform .3s;
   transition: opacity .3s, transform .3s, -webkit-transform .3s
}

[data-inviewport]:not([data-inviewport="false"]).in--viewport {
   opacity: 1;
   -webkit-transform: translate(0, 0);
   transform: translate(0, 0)
}

html {
   line-height: 1.15;
   -webkit-text-size-adjust: 100%;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   -webkit-overflow-scrolling: touch;
   font: 16px/18px "Avenir Next", sans-serif;
   color: #000;
   letter-spacing: .43px
}

.button {
   display: inline-block;
   position: relative;
   font: 600 13px/1 "Avenir Next", sans-serif;
   padding: 18px 15px 19px;
   color: black;
   text-align: center;
   background-color: transparent;
   text-transform: uppercase;
   -webkit-transition: background-color .3s;
   transition: background-color .3s;
   outline: none;
   text-decoration: none;
   overflow: hidden;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   border: 1px solid transparent;
   -webkit-transition: background .25s, border .25s;
   transition: background .25s, border .25s;
   min-width: 162px;
   letter-spacing: .5px;
   max-width: 288px;
   text-overflow: ellipsis;
   white-space: nowrap
}

.button:hover,
.button:focus {
   border-color: #000
}

.button .button__text {
   position: relative;
   z-index: 1
}

.button--block {
   display: block;
   margin: 0 auto
}

.button--outline {
   border-color: #000
}

.button--outline:hover,
.button--outline:focus {
   color: #fff;
   background-color: #000
}

.button--loading:after {
   content: "";
   width: 100%;
   height: 100%;
   background-color: #c00;
   position: absolute;
   top: 0;
   left: 0;
   -webkit-transform: scaleX(0);
   transform: scaleX(0);
   -webkit-transform-origin: left center;
   transform-origin: left center;
   -webkit-transition: -webkit-transform .25s;
   transition: -webkit-transform .25s;
   transition: transform .25s;
   transition: transform .25s, -webkit-transform .25s
}

.button--loaded {
   border-color: #c00
}

.button--loaded:after {
   -webkit-transform: scaleX(1);
   transform: scaleX(1)
}

.button--invert {
   color: #fff;
   background-color: #000
}

.button--invert:hover,
.button--invert:focus {
   border-color: transparent;
   background-color: #c00
}

.button--invert.button--outline {
   color: #fff;
   border-color: #fff;
   background-color: transparent
}

.button--invert.button--outline:hover,
.button--invert.button--outline:focus {
   border-color: #000;
   background-color: #000
}

.button[disabled] {
   cursor: default;
   pointer-events: none;
   background-color: #000;
   color: #fff
}

.button[disabled]:hover,
.button[disabled]focus {
   background-color: #000
}

.viewmore {
   display: block;
   margin: 51px 0 50px;
   text-align: center
}

.viewmore__button {
   border: 1px solid black;
   color: black;
   background-color: transparent;
   text-transform: uppercase;
   padding: 18px 43px 14px;
   font: 600 12px/12px "Avenir Next", sans-serif;
   letter-spacing: 0.43px;
   -webkit-transition: all .25s;
   transition: all .25s
}

.viewmore__button:hover {
   background: #c00;
   border-color: #c00;
   color: white
}

@media (max-width: 767px) {
   .viewmore {
      margin: 20px 0 30px
   }

   .viewmore__button {
      padding: 13px 43px 9px
   }
}

body {
   margin: 0;
   padding-top: 110px
}

@media screen and (max-width: 767px) {
   body {
      padding-top: 74px
   }
}

main {
   display: block
}

h1,
h2,
h3,
h4,
h5,
h6 {
   font-size: 2em;
   margin: 0
}

ul,
li,
ol,
dl,
dd {
   margin: 0;
   padding: 0;
   list-style: none
}

a {
   background-color: transparent;
   text-decoration: none
}

img {
   border-style: none;
   vertical-align: top
}

button {
   outline: none
}

button,
input,
optgroup,
select,
textarea {
   font-family: inherit;
   font-size: 100%;
   line-height: 1.15;
   margin: 0
}

button,
input {
   overflow: visible
}

button,
select {
   text-transform: none
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
   -webkit-appearance: button;
   cursor: pointer
}

fieldset,
figure,
p {
   padding: 0;
   margin: 0;
   border: none
}

.visuallyhidden {
   position: absolute;
   height: 1px;
   width: 1px;
   margin: -1px;
   padding: 0;
   border: 0;
   clip: rect(0 0 0 0);
   overflow: hidden;
   white-space: nowrap
}

.row {
   width: 100%;
   max-width: 1250px;
   padding: 0 25px;
   margin: 0 auto
}

.row:after {
   content: '';
   clear: both;
   display: block
}

.row--container {
   margin: 0 -25px;
   display: -webkit-box;
   display: -webkit-flex;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap
}

.row--columns {
   display: -webkit-box;
   display: -webkit-flex;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap
}

.col {
   padding: 0 25px
}

.col--1 {
   -webkit-flex-basis: 8.333333%;
   flex-basis: 8.333333%;
   max-width: 8.333333%
}

.col--2 {
   -webkit-flex-basis: 16.666666%;
   flex-basis: 16.666666%;
   max-width: 16.666666%
}

.col--3 {
   -webkit-flex-basis: 25%;
   flex-basis: 25%;
   max-width: 25%
}

.col--4 {
   -webkit-flex-basis: 33.333333%;
   flex-basis: 33.333333%;
   max-width: 33.333333%
}

.col--5 {
   -webkit-flex-basis: 41.666666%;
   flex-basis: 41.666666%;
   max-width: 41.666666%
}

.col--6 {
   -webkit-flex-basis: 50%;
   flex-basis: 50%;
   max-width: 50%
}

.col--7 {
   -webkit-flex-basis: 58.333333%;
   flex-basis: 58.333333%;
   max-width: 58.333333%
}

.col--8 {
   -webkit-flex-basis: 66.666666%;
   flex-basis: 66.666666%;
   max-width: 66.666666%
}

.col--9 {
   -webkit-flex-basis: 75%;
   flex-basis: 75%;
   max-width: 75%
}

.col--10 {
   -webkit-flex-basis: 83.333333%;
   flex-basis: 83.333333%;
   max-width: 83.333333%
}

.col--11 {
   -webkit-flex-basis: 91.666666%;
   flex-basis: 91.666666%;
   max-width: 91.666666%
}

.col--12 {
   -webkit-flex-basis: 100%;
   flex-basis: 100%;
   max-width: 100%
}

.col--aside {
   -webkit-flex-basis: 346px;
   flex-basis: 346px;
   max-width: 346px;
   min-width: 346px;
   margin-left: 50px
}

.col--main {
   -webkit-box-flex: 1;
   -webkit-flex: 1;
   flex: 1
}

@media (max-width: 767px) {
   .row--columns {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: initial;
      -webkit-align-items: initial;
      align-items: initial
   }

   .row--columns .col--main {
      -webkit-transform: none !important;
      transform: none !important
   }

   .row--columns .col--aside {
      -webkit-flex-basis: 100%;
      flex-basis: 100%;
      max-width: 100%;
      margin-left: 0
   }
}

@media screen and (min-width: 783px) {
   .admin-bar .header {
      top: 32px
   }

   .admin-bar .header__bar {
      top: 32px
   }
}

@media screen and (max-width: 782px) {
   .admin-bar .header {
      top: 46px
   }

   .admin-bar .header__bar {
      top: 46px
   }
}

@media screen and (max-width: 600px) {
   .admin-bar .header--sticky {
      top: 0
   }

   .admin-bar .header--sticky .header__bar {
      top: 0
   }
}

.header {
   width: 100%;
   padding: 33px 0;
   position: fixed;
   top: 0;
   left: 0;
   z-index: 1100;
   -webkit-transition: background .25s;
   transition: background .25s
}

.header .row {
   position: relative;
   display: -webkit-box;
   display: -webkit-flex;
   display: flex;
   -webkit-box-align: start;
   -webkit-align-items: flex-start;
   align-items: flex-start;
   -webkit-box-pack: end;
   -webkit-justify-content: flex-end;
   justify-content: flex-end
}

.header--invert svg path {
   fill: white
}

.header--invert .header__nav ul:after,
.header--invert .header__nav ul:before {
   background-color: white
}

.header--invert .header__nav-link:after {
   background-color: #fff
}

.header--invert .header__nav .header__nav-desc span:after {
   background-color: #fff
}

.header--invert .header__nav-link,
.header--invert .header__nav span {
   color: white
}

.header--invert .header__logo span {
   color: white
}

.header--invert .header-lang__trigger {
   color: #fff;
   border-color: #fff
}

.header--invert .header-lang__trigger:hover {
   background: #000;
   border-color: #000;
   color: #fff
}

.header--sticky {
   background: #fff;
   padding-bottom: 30px;
   padding-top: 22px
}

.header--sticky .header__nav {
   margin-top: 10px
}

.header--social .header__social {
   pointer-events: initial;
   opacity: 1
}

.header--social .header__title {
   opacity: 1
}

.header--social .header__nav {
   pointer-events: none;
   opacity: 0.0001
}

.header--social .header-lang {
   pointer-events: none;
   opacity: 0.0001
}

.header__togglenav {
   display: none
}

.header__bar {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 8px;
   background-color: #DDDDDD;
   opacity: 0
}

.header__bar-tracker {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   background-color: #c00;
   width: 100%;
   -webkit-transform: scaleX(0);
   transform: scaleX(0);
   -webkit-transform-origin: center left;
   transform-origin: center left
}

.header__logo {
   margin-right: auto;
   line-height: 0;
   margin-top: 4px
}

.header__social {
   display: -webkit-box;
   display: -webkit-flex;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   align-items: center;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   justify-content: center;
   position: absolute;
   right: 27px;
   top: 9px;
   opacity: 0.0001;
   -webkit-transition: opacity .25s;
   transition: opacity .25s;
   margin-right: -15px;
   pointer-events: none
}

.header__social a {
   position: relative;
   display: -webkit-box;
   display: -webkit-flex;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   align-items: center;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   justify-content: center;
   line-height: 0;
   width: 45px;
   height: 45px;
   margin: 0 2px
}

.header__social a svg path {
   -webkit-transition: fill .25s;
   transition: fill .25s
}

.header__social a:hover .icono path {
   fill: #c00
}

.header__social a:hover .icono--linkedin path {
   fill: #3077b0
}

.header__social a:hover .icono--whatsapp path {
   fill: #00e676
}

.header__social a:hover .icono--twitter path {
   fill: #4aa1ec
}

.header__social a:hover .icono--facebook path {
   fill: #3479ea
}

.header__share-toggle {
   display: none;
   border: none;
   background: transparent;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   width: 46px;
   height: 46px;
   padding: 0;
   -webkit-box-align: center;
   -webkit-align-items: center;
   align-items: center;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   justify-content: center
}

.header__title {
   font: 700 17px/25px "Avenir Next", sans-serif;
   letter-spacing: -0.01px;
   position: absolute;
   top: 22px;
   left: 217px;
   right: 327px;
   opacity: 0.0001;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   pointer-events: none;
   -webkit-transition: opacity .25s;
   transition: opacity .25s
}

.header__nav {
   margin-top: 11px;
   -webkit-transition: opacity .25s;
   transition: opacity .25s
}

.header__nav ul {
   font-size: 0
}

.header__nav ul li {
   display: inline-block;
   text-align: center;
   position: relative
}

.header__nav ul li+li {
   margin: 0 0 0 62px
}

.header__nav ul li.active .header__nav-link:after {
   -webkit-transform: scaleX(1);
   transform: scaleX(1)
}

.header__nav ul li.hover .header__nav-link:hover:after {
   -webkit-transform: scaleX(0);
   transform: scaleX(0)
}

.header__nav ul li.hover .header__nav-desc span:after {
   -webkit-transform: scaleX(1);
   transform: scaleX(1)
}

.header__nav-link {
   display: inline-block;
   font: 500 18px/22px "Avenir Next", sans-serif;
   color: #000;
   position: relative;
   padding: 5px 0;
   background: transparent;
   border: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none
}

.header__nav-link:after {
   content: "";
   width: 100%;
   height: 1px;
   background-color: #c00;
   position: absolute;
   bottom: 0;
   left: 0;
   -webkit-transform: scaleX(0);
   transform: scaleX(0);
   -webkit-transform-origin: center center;
   transform-origin: center center;
   -webkit-transition: -webkit-transform .25s;
   transition: -webkit-transform .25s;
   transition: transform .25s;
   transition: transform .25s, -webkit-transform .25s
}

.header__nav-link:hover:after {
   -webkit-transform: scaleX(1);
   transform: scaleX(1)
}

[lang="es-AR"] .header__nav-link,
[lang="es-ES"] .header__nav-link {
   font-size: 17px
}

.header__nav-desc {
   font: 500 12px/16px "Avenir Next", sans-serif;
   letter-spacing: 0.5px;
   text-transform: uppercase;
   position: absolute;
   left: 50%;
   bottom: -14px;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
   min-width: 185px
}

.header__nav-desc span {
   position: relative
}

.header__nav-desc span:after {
   content: "";
   width: 100%;
   height: 1px;
   background-color: #c00;
   position: absolute;
   bottom: -7px;
   left: 0;
   -webkit-transform: scaleX(0);
   transform: scaleX(0);
   -webkit-transform-origin: center center;
   transform-origin: center center;
   -webkit-transition: -webkit-transform .25s;
   transition: -webkit-transform .25s;
   transition: transform .25s;
   transition: transform .25s, -webkit-transform .25s
}

.header-lang {
   line-height: 0;
   margin: 20px 0 0 62px
}

.header-lang__trigger {
   font: 500 12px/16px "Avenir Next", sans-serif;
   text-transform: uppercase;
   border: 1px solid #000;
   background: transparent;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   padding: 6px 11px 5px;
   -webkit-transition: all .25s;
   transition: all .25s;
   color: #000
}

.header-lang__trigger:hover {
   background: #c00;
   border-color: #c00;
   color: #fff
}

.page-jobs .header__nav .active .header__nav-link:after {
   -webkit-transform: scaleX(0);
   transform: scaleX(0)
}

.page-jobs .header__nav .active .header__nav-desc span:after {
   -webkit-transform: scaleX(1);
   transform: scaleX(1)
}

[data-copylink] .icono--copy_ok {
   display: none
}

[data-copylink].active .icono--copy {
   display: none
}

[data-copylink].active .icono--copy_ok {
   display: inline
}

[data-copylink].active .icono--copy_ok path {
   fill: #000
}

[data-copylink].active:hover .icono--copy_ok path {
   fill: #000
}

@media (max-width: 1023px) {
   .header__nav ul li+li {
      margin-left: 30px
   }

   .header-lang {
      margin-left: 30px
   }
}

@media (max-width: 767px) {
   .header {
      padding: 16px 0 22px
   }

   .header .row {
      position: initial
   }

   .header__logo svg {
      height: 26px;
      width: auto
   }

   .header__togglenav {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      width: 46px;
      height: 46px;
      padding: 0;
      border: none;
      background: transparent;
      position: absolute;
      top: 11px;
      right: 17px;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      -webkit-box-align: center;
      -webkit-align-items: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      justify-content: center
   }

   .header__bar {
      display: none
   }

   .header__title {
      display: none
   }

   .header__social {
      top: 11px;
      right: 86px
   }

   .header__social a {
      display: none
   }

   .header__share-toggle {
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: inline-flex
   }

   .header__nav {
      display: none
   }

   .header-lang {
      margin-top: 11px;
      margin-right: 50px
   }
}

.admin-bar .navigation {
   z-index: 999999
}

.navigation {
   position: fixed;
   top: 0;
   left: 0;
   bottom: 0;
   width: 100%;
   opacity: 0;
   z-index: 1150;
   will-change: opacity;
   background-color: #1A1A1A;
   text-align: center;
   overflow: auto;
   color: #fff;
   padding: 96px 20px 0;
   -webkit-transition: opacity .3s ease-in;
   transition: opacity .3s ease-in;
   pointer-events: none
}

.navigation__close {
   position: absolute;
   top: 11px;
   right: 17px;
   border: none;
   padding: 0;
   width: 46px;
   height: 46px;
   background-color: transparent
}

.navigation__close:after,
.navigation__close:before {
   content: '';
   position: absolute;
   top: 8px;
   left: 23px;
   width: 2px;
   height: 31px;
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
   background: #fff
}

.navigation__close:before {
   -webkit-transform: rotate(-45deg);
   transform: rotate(-45deg)
}

.navigation p {
   font-size: 13px;
   line-height: 19px;
   text-transform: uppercase
}

.navigation__container {
   margin-bottom: 85px
}

.navigation__wrapper {
   opacity: 0;
   -webkit-transform: translateY(50px);
   transform: translateY(50px);
   -webkit-transition: opacity .25s, -webkit-transform .25s;
   transition: opacity .25s, -webkit-transform .25s;
   transition: opacity .25s, transform .25s;
   transition: opacity .25s, transform .25s, -webkit-transform .25s;
   -webkit-transition-delay: 0s;
   transition-delay: 0s
}

.navigation__wrapper:nth-child(2),
.navigation__wrapper:nth-child(3),
.navigation__wrapper:nth-child(4),
.navigation__wrapper:nth-child(5) {
   -webkit-transition-delay: 0s;
   transition-delay: 0s
}

.navigation__link {
   font: 37px/64px "Avenir Next", sans-serif;
   letter-spacing: 1.7px;
   color: inherit
}

.navigation__social {
   opacity: 0;
   -webkit-transform: translateY(50px);
   transform: translateY(50px);
   -webkit-transition: opacity .25s, -webkit-transform .25s;
   transition: opacity .25s, -webkit-transform .25s;
   transition: opacity .25s, transform .25s;
   transition: opacity .25s, transform .25s, -webkit-transform .25s;
   -webkit-transition-delay: 0s;
   transition-delay: 0s
}

.navigation__social p {
   margin-bottom: 10px
}

.navigation__social-link {
   width: 45px;
   height: 45px;
   display: inline-block;
   text-align: center
}

.navigation__social-link+.navigation__social-link {
   margin-left: 10px
}

.navigation--active {
   opacity: 1;
   pointer-events: initial
}

.navigation--active .navigation__wrapper,
.navigation--active .navigation__social {
   opacity: 1;
   -webkit-transform: translateY(0);
   transform: translateY(0)
}

.navigation--active .navigation__wrapper {
   -webkit-transition-delay: .3s;
   transition-delay: .3s
}

.navigation--active .navigation__wrapper:nth-child(2) {
   -webkit-transition-delay: .35s;
   transition-delay: .35s
}

.navigation--active .navigation__wrapper:nth-child(3) {
   -webkit-transition-delay: .40s;
   transition-delay: .40s
}

.navigation--active .navigation__wrapper:nth-child(4) {
   -webkit-transition-delay: .45s;
   transition-delay: .45s
}

.navigation--active .navigation__wrapper:nth-child(5) {
   -webkit-transition-delay: .50s;
   transition-delay: .50s
}

.navigation--active .navigation__social {
   -webkit-transition-delay: .60s;
   transition-delay: .60s
}

.work__media {
   position: relative;
   width: 100%;
   height: 0;
   overflow: hidden
}

.work__media a {
   width: 100%;
   height: 100%;
   padding-top: 56.25%;
   top: 0;
   position: absolute
}

.work__media img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -webkit-transition: opacity .25s, -webkit-transform .25s;
   transition: opacity .25s, -webkit-transform .25s;
   transition: opacity .25s, transform .25s;
   transition: opacity .25s, transform .25s, -webkit-transform .25s;
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
}

.work__media img:hover {
   -webkit-transform: scale(1.1);
   transform: scale(1.1)
}

.work__label {
   font-size: 12px;
   line-height: 16px;
   text-transform: uppercase;
   display: block
}

.work__title {
   font-family: "Avenir Next", sans-serif;
   font-weight: 500
}

.work__title a {
   color: inherit;
   font: inherit
}

.work__category-item {
   font-size: 12px;
   line-height: 16px;
   text-transform: uppercase
}

.work__date {
   font-size: 12px;
   line-height: 16px;
   text-transform: uppercase
}

.work__tags {
   font-size: 13px;
   line-height: 19px
}

.work__excerpt {
   font-size: 15px;
   line-height: 21px
}

.work__excerpt p {
   color: inherit;
   font: inherit
}

.work__imgplaceholder {
   width: 100%;
   height: 100%;
   display: -webkit-box;
   display: -webkit-flex;
   display: flex;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   justify-content: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   align-items: center;
   pointer-events: none;
   opacity: 0.1;
   position: absolute;
   top: 0;
   left: 0
}

.work__imgplaceholder svg {
   margin-top: -10px
}

@media (max-width: 767px) {
   .work__imgplaceholder svg {
      margin-top: -6px;
      max-width: 115px
   }
}

.work--featured {
   display: -webkit-box;
   display: -webkit-flex;
   display: flex;
   padding-bottom: 69px;
   overflow: hidden
}

.work--featured.work--cnnee {
   background: #f5f5f5
}

.work--featured.work--cnnee[data-inviewport="false"] .work__media img,
.work--featured.work--cnnee[data-inviewport="false"] .work__data {
   opacity: 0.001;
   -webkit-transform: translate(0, 50px);
   transform: translate(0, 50px);
   -webkit-transition: opacity .3s, -webkit-transform .3s;
   transition: opacity .3s, -webkit-transform .3s;
   transition: opacity .3s, transform .3s;
   transition: opacity .3s, transform .3s, -webkit-transform .3s;
   -webkit-transition-delay: 250ms;
   transition-delay: 250ms
}

.work--featured.work--cnnee[data-inviewport="false"] .work__media picture:nth-child(2) img {
   -webkit-transform: translate(0, 100%);
   transform: translate(0, 100%);
   -webkit-transition: -webkit-transform .5s;
   transition: -webkit-transform .5s;
   transition: transform .5s;
   transition: transform .5s, -webkit-transform .5s;
   -webkit-transition-delay: 500ms;
   transition-delay: 500ms
}

.work--featured.work--cnnee[data-inviewport="false"].in--viewport .work__media img,
.work--featured.work--cnnee[data-inviewport="false"].in--viewport .work__media picture:nth-child(2) img,
.work--featured.work--cnnee[data-inviewport="false"].in--viewport .work__data {
   opacity: 1;
   -webkit-transform: translate(0, 0);
   transform: translate(0, 0)
}

.work--featured.work--claro {
   background: -webkit-gradient(linear, left top, right top, from(#e00), to(#c00));
   background: linear-gradient(to right, #e00 0%, #c00 100%)
}

.work--featured.work--claro[data-inviewport="false"] .work__media img,
.work--featured.work--claro[data-inviewport="false"] .work__data {
   opacity: 0.001;
   -webkit-transform: translate(0, 50px);
   transform: translate(0, 50px);
   -webkit-transition: opacity .3s, -webkit-transform .3s;
   transition: opacity .3s, -webkit-transform .3s;
   transition: opacity .3s, transform .3s;
   transition: opacity .3s, transform .3s, -webkit-transform .3s;
   -webkit-transition-delay: 250ms;
   transition-delay: 250ms
}

.work--featured.work--claro[data-inviewport="false"] .work__media picture:nth-child(2) img {
   -webkit-transform: translate(0, 100%);
   transform: translate(0, 100%);
   -webkit-transition: -webkit-transform .5s;
   transition: -webkit-transform .5s;
   transition: transform .5s;
   transition: transform .5s, -webkit-transform .5s;
   -webkit-transition-delay: 500ms;
   transition-delay: 500ms
}

.work--featured.work--claro[data-inviewport="false"].in--viewport .work__media img,
.work--featured.work--claro[data-inviewport="false"].in--viewport .work__media picture:nth-child(2) img,
.work--featured.work--claro[data-inviewport="false"].in--viewport .work__data {
   opacity: 1;
   -webkit-transform: translate(0, 0);
   transform: translate(0, 0)
}

.work--featured.work--debate {
   background: -webkit-gradient(linear, left top, right top, from(#002d61), to(#00122d));
   background: linear-gradient(to right, #002d61 0%, #00122d 100%)
}

.work--featured.work--debate[data-inviewport="false"] .work__media img,
.work--featured.work--debate[data-inviewport="false"] .work__data {
   opacity: 0.001;
   -webkit-transform: translate(0, 50px);
   transform: translate(0, 50px);
   -webkit-transition: opacity .3s, -webkit-transform .3s;
   transition: opacity .3s, -webkit-transform .3s;
   transition: opacity .3s, transform .3s;
   transition: opacity .3s, transform .3s, -webkit-transform .3s;
   -webkit-transition-delay: 250ms;
   transition-delay: 250ms
}

.work--featured.work--debate[data-inviewport="false"] .work__media picture:nth-child(2) img {
   -webkit-transform: translateY(-100%);
   transform: translateY(-100%);
   -webkit-transition: -webkit-transform .5s;
   transition: -webkit-transform .5s;
   transition: transform .5s;
   transition: transform .5s, -webkit-transform .5s;
   -webkit-transition-delay: 500ms;
   transition-delay: 500ms
}

.work--featured.work--debate[data-inviewport="false"].in--viewport .work__media img,
.work--featured.work--debate[data-inviewport="false"].in--viewport .work__media picture:nth-child(2) img,
.work--featured.work--debate[data-inviewport="false"].in--viewport .work__data {
   opacity: 1;
   -webkit-transform: translate(0, 0);
   transform: translate(0, 0)
}

.work--featured.work--turner {
   background: #01C16D
}

.work--featured.work--turner .work__media picture:nth-child(1) img {
   z-index: 1
}

.work--featured.work--turner[data-inviewport="false"] .work__data {
   opacity: 0.001;
   -webkit-transform: translate(0, 50px);
   transform: translate(0, 50px);
   -webkit-transition: opacity .3s, -webkit-transform .3s;
   transition: opacity .3s, -webkit-transform .3s;
   transition: opacity .3s, transform .3s;
   transition: opacity .3s, transform .3s, -webkit-transform .3s;
   -webkit-transition-delay: 250ms;
   transition-delay: 250ms
}

.work--featured.work--turner[data-inviewport="false"] .work__media picture:nth-child(1) img {
   -webkit-transition: -webkit-transform .3s;
   transition: -webkit-transform .3s;
   transition: transform .3s;
   transition: transform .3s, -webkit-transform .3s;
   -webkit-transform-origin: center center;
   transform-origin: center center;
   -webkit-transition-delay: 250ms;
   transition-delay: 250ms;
   -webkit-transform: scale(0);
   transform: scale(0)
}

.work--featured.work--turner[data-inviewport="false"] .work__media picture:nth-child(2) img,
.work--featured.work--turner[data-inviewport="false"] .work__media picture:nth-child(3) img {
   opacity: 0.001;
   -webkit-transition: opacity .3s, -webkit-transform .3s;
   transition: opacity .3s, -webkit-transform .3s;
   transition: opacity .3s, transform .3s;
   transition: opacity .3s, transform .3s, -webkit-transform .3s;
   -webkit-transition-delay: 750ms;
   transition-delay: 750ms
}

.work--featured.work--turner[data-inviewport="false"] .work__media picture:nth-child(2) img {
   -webkit-transform: translateX(100px);
   transform: translateX(100px)
}

.work--featured.work--turner[data-inviewport="false"] .work__media picture:nth-child(3) img {
   -webkit-transform: translateX(-100px);
   transform: translateX(-100px)
}

.work--featured.work--turner[data-inviewport="false"].in--viewport .work__data {
   opacity: 1;
   -webkit-transform: translate(0, 0);
   transform: translate(0, 0)
}

.work--featured.work--turner[data-inviewport="false"].in--viewport .work__media picture:nth-child(1) img {
   -webkit-transform: scale(1);
   transform: scale(1)
}

.work--featured.work--turner[data-inviewport="false"].in--viewport .work__media picture:nth-child(2) img,
.work--featured.work--turner[data-inviewport="false"].in--viewport .work__media picture:nth-child(3) img {
   opacity: 1;
   -webkit-transform: translateX(0);
   transform: translateX(0)
}

.work--featured.work--miclaro {
   background: #1F2327
}

.work--featured.work--miclaro[data-inviewport="false"] .work__media img,
.work--featured.work--miclaro[data-inviewport="false"] .work__data {
   opacity: 0.001;
   -webkit-transform: translate(0, 50px);
   transform: translate(0, 50px);
   -webkit-transition: opacity .3s, -webkit-transform .3s;
   transition: opacity .3s, -webkit-transform .3s;
   transition: opacity .3s, transform .3s;
   transition: opacity .3s, transform .3s, -webkit-transform .3s;
   -webkit-transition-delay: 250ms;
   transition-delay: 250ms
}

.work--featured.work--miclaro[data-inviewport="false"] .work__media picture:nth-child(2) img {
   -webkit-transform: translate(0, -100%);
   transform: translate(0, -100%);
   -webkit-transition: -webkit-transform .5s;
   transition: -webkit-transform .5s;
   transition: transform .5s;
   transition: transform .5s, -webkit-transform .5s;
   -webkit-transition-delay: 500ms;
   transition-delay: 500ms
}

.work--featured.work--miclaro[data-inviewport="false"] .work__media picture:nth-child(3) img {
   -webkit-transform: translate(0, 100%);
   transform: translate(0, 100%);
   -webkit-transition: -webkit-transform .5s;
   transition: -webkit-transform .5s;
   transition: transform .5s;
   transition: transform .5s, -webkit-transform .5s;
   -webkit-transition-delay: 500ms;
   transition-delay: 500ms
}

.work--featured.work--miclaro[data-inviewport="false"].in--viewport .work__media img,
.work--featured.work--miclaro[data-inviewport="false"].in--viewport .work__media picture:nth-child(2) img,
.work--featured.work--miclaro[data-inviewport="false"].in--viewport .work__media picture:nth-child(3) img,
.work--featured.work--miclaro[data-inviewport="false"].in--viewport .work__data {
   opacity: 1;
   -webkit-transform: translate(0, 0);
   transform: translate(0, 0)
}

.work--featured:nth-child(even) {
   -webkit-box-orient: horizontal;
   -webkit-box-direction: reverse;
   -webkit-flex-direction: row-reverse;
   flex-direction: row-reverse
}

.work--featured:nth-child(even) .work__data {
   padding: 125px 0 0 50px
}

.work--featured:nth-child(even) .work__col {
   -webkit-box-pack: start;
   -webkit-justify-content: flex-start;
   justify-content: flex-start
}

.work--featured:nth-child(even) .work__media img {
   left: auto;
   right: 0
}

.work--featured.work--invert .work__title,
.work--featured.work--invert .work__excerpt,
.work--featured.work--invert .work__action {
   color: white;
   border-color: white
}

.work--featured .work__col {
   width: 50%;
   height: 630px;
   display: -webkit-box;
   display: -webkit-flex;
   display: flex;
   -webkit-box-pack: end;
   -webkit-justify-content: flex-end;
   justify-content: flex-end
}

.work--featured .work__media {
   height: 699px;
   width: 100%;
   overflow: hidden
}

.work--featured .work__media img {
   width: auto;
   height: auto;
   max-width: 888px;
   left: 0;
   top: auto;
   bottom: 0
}

.work--featured .work__data {
   width: 100%;
   max-width: 569px;
   padding: 125px 50px 0 0
}

.work--featured .work__logo {
   display: block;
   margin-bottom: 43px
}

.work--featured .work__title {
   font-size: 44px;
   line-height: 48px;
   font-weight: 700;
   margin-bottom: 34px;
   letter-spacing: 0.1px
}

.work--featured .work__excerpt {
   font-size: 17px;
   line-height: 24px;
   margin-bottom: 39px;
   letter-spacing: 0.35px
}

@media (max-width: 1319px) {
   .work--featured .work__data {
      padding-left: 25px
   }

   .work--featured .work__title {
      font-size: 36px;
      line-height: 40px
   }

   .work--featured:nth-child(even) .work__data {
      padding-right: 25px
   }
}

@media (max-width: 767px) {
   .work--featured {
      padding-top: 54px;
      padding-bottom: 0;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      flex-direction: column
   }

   .work--featured.work--cnnee {
      background: #f5f5f5
   }

   .work--featured.work--claro {
      background: #e00
   }

   .work--featured.work--debate {
      background: #002d61
   }

   .work--featured.work--turner {
      background: #00d26f
   }

   .work--featured:nth-child(even) {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      flex-direction: column
   }

   .work--featured:nth-child(even) .work__data {
      padding: 0 25px !important
   }

   .work--featured.work--cnnee .work__logo svg {
      height: 46px
   }

   .work--featured.work--claro .work__logo svg {
      height: 27px
   }

   .work--featured.work--debate .work__logo svg {
      height: 24px
   }

   .work--featured.work--miclaro .work__logo svg {
      height: 25px
   }

   .work--featured .work__col {
      width: 100%;
      height: auto
   }

   .work--featured .work__media {
      width: 100%;
      padding-top: 100%;
      height: 0;
      position: relative
   }

   .work--featured .work__media img {
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-transform: none;
      transform: none
   }

   .work--featured .work__data {
      width: 100%;
      max-width: 100%;
      padding: 0 30px !important
   }

   .work--featured .work__logo {
      margin-bottom: 20px
   }

   .work--featured .work__logo svg {
      height: 20px;
      width: auto
   }

   .work--featured .work__title {
      margin-bottom: 25px;
      font-size: 32px;
      line-height: 34px
   }

   .work--featured .work__excerpt {
      margin-bottom: 44px
   }

   .work--featured .button {
      margin-bottom: 30px
   }
}

.module--herohome {
   padding: 175px 0 64px 0;
   margin: -110px 0 0 0;
   background-color: #c00;
   overflow: hidden
}

.module--herohome .module__content {
   position: relative
}

.hero__content {
   position: relative;
   z-index: 1;
   display: -webkit-box;
   display: -webkit-flex;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: start;
   -webkit-align-items: flex-start;
   align-items: flex-start;
   margin-bottom: 149px
}

[lang="es-AR"] .hero__content,
[lang="es-ES"] .hero__content {
   margin-bottom: 215px
}

.hero__title {
   font: 700 108px/118px "Avenir Next", sans-serif;
   letter-spacing: -0.1px;
   color: #fff;
   width: 100%;
   max-width: 825px;
   height: 360px;
   margin-bottom: 37px
}

[lang="es-AR"] .hero__title,
[lang="es-ES"] .hero__title {
   font: 700 95px/94px "Avenir Next", sans-serif;
   max-width: 904px;
   height: 294px
}

[lang="es-AR"] .hero__title #typed-finalword,
[lang="es-ES"] .hero__title #typed-finalword {
   height: 144px;
   display: inline-block
}

.hero__text,
.hero__link {
   max-width: 520px;
   font: 400 22px/35px "Avenir Next", sans-serif;
   color: #fff
}

.hero__text {
   margin-bottom: 6px
}

.hero__link {
   position: relative;
   text-decoration: none;
   display: inline-block;
   line-height: 1
}

.hero__link:after {
   content: "";
   width: 100%;
   height: 1px;
   background-color: #fff;
   position: absolute;
   bottom: 0;
   left: 0;
   -webkit-transform: scaleX(1);
   transform: scaleX(1);
   -webkit-transform-origin: center center;
   transform-origin: center center;
   -webkit-transition: -webkit-transform .25s;
   transition: -webkit-transform .25s;
   transition: transform .25s;
   transition: transform .25s, -webkit-transform .25s
}

.hero__link svg {
   position: absolute;
   top: 10px;
   right: -20px
}

.hero__link:hover:after {
   -webkit-transform: scaleX(0);
   transform: scaleX(0)
}

.hero__link:hover svg {
   -webkit-animation: bounce-right 1s ease both;
   animation: bounce-right 1s ease both
}

.hero__media {
   position: absolute;
   top: 60px;
   right: -113px;
   z-index: 0;
   height: 569px;
   width: 673px
}

.hero__media .img-andamio {
   opacity: 0;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: 100% 100%;
   z-index: 2
}

.hero__media img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%
}

.hero__media img.lazyloaded+.img-andamio {
   opacity: 1
}

.hero__clients {
   display: -webkit-box;
   display: -webkit-flex;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   align-items: center;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   margin: 0 -15px -25px -15px
}

.hero__clients li {
   line-height: 0;
   padding: 0 15px 25px
}

.hero__clients li:nth-child(2) svg {
   margin-top: -14px
}

.hero__clients li:nth-child(3) svg {
   margin-top: -16px
}

.drip {
   position: absolute;
   top: 216px;
   right: 261px;
   opacity: 0;
   z-index: 1
}

.drip__drop {
   width: 16px;
   height: 18px;
   background: #fff;
   border-radius: 20px;
   -webkit-animation: drip_drop 5s cubic-bezier(1, 0, 0.91, 0.19) infinite;
   animation: drip_drop 5s cubic-bezier(1, 0, 0.91, 0.19) infinite;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1;
   -webkit-transform: translateY(-21px) scale(0);
   transform: translateY(-21px) scale(0);
   -webkit-transform-origin: center top;
   transform-origin: center top
}

.drip__droptail {
   position: absolute;
   width: 0;
   height: 0;
   border-left: 8px solid transparent;
   border-right: 8px solid transparent;
   border-bottom: 30px solid #fff;
   top: -24px;
   -webkit-animation: drip_droptail 5s cubic-bezier(1, 0, 0.91, 0.19) infinite;
   animation: drip_droptail 5s cubic-bezier(1, 0, 0.91, 0.19) infinite;
   -webkit-transform-origin: center bottom;
   transform-origin: center bottom
}

.drip__droplets {
   position: absolute;
   top: 60px;
   left: 16px
}

.drip__droplet {
   position: absolute;
   border-radius: 100%;
   background-color: #fff;
   -webkit-animation-duration: 5s;
   animation-duration: 5s;
   -webkit-animation-delay: .65s;
   animation-delay: .65s;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
   -webkit-animation-timing-function: ease;
   animation-timing-function: ease;
   -webkit-animation-fill-mode: backwards;
   animation-fill-mode: backwards;
   z-index: 1
}

.drip__droplet:nth-child(1) {
   width: 7px;
   height: 7px;
   top: 50%;
   left: 50%;
   -webkit-animation-name: drip_splash_left;
   animation-name: drip_splash_left
}

.drip__droplet:nth-child(2) {
   width: 5px;
   height: 5px;
   top: 30%;
   left: 50%;
   -webkit-animation-name: drip_splash_left;
   animation-name: drip_splash_left;
   -webkit-animation-delay: calc(.65s + 0.1s);
   animation-delay: calc(.65s + 0.1s)
}

.drip__droplet:nth-child(3) {
   width: 3px;
   height: 3px;
   top: 20%;
   left: 70%;
   -webkit-animation-name: drip_splash_right;
   animation-name: drip_splash_right;
   -webkit-animation-delay: calc(.65s + 0.15s);
   animation-delay: calc(.65s + 0.15s)
}

.drip__droplet:nth-child(4) {
   width: 5px;
   height: 5px;
   top: 30%;
   left: 50%;
   -webkit-animation-name: drip_splash_right;
   animation-name: drip_splash_right;
   -webkit-animation-delay: calc(.65s + 0.3s);
   animation-delay: calc(.65s + 0.3s)
}

.lazyloaded .drip {
   opacity: 1
}

@-webkit-keyframes drip_droptail {
   45% {
      -webkit-transform: scaleY(1);
      transform: scaleY(1)
   }

   59% {
      -webkit-transform: scaleY(0);
      transform: scaleY(0)
   }

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

@keyframes drip_droptail {
   45% {
      -webkit-transform: scaleY(1);
      transform: scaleY(1)
   }

   59% {
      -webkit-transform: scaleY(0);
      transform: scaleY(0)
   }

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

@-webkit-keyframes drip_drop {
   45% {
      -webkit-transform: translateY(0) scale(1);
      transform: translateY(0) scale(1)
   }

   60% {
      -webkit-transform: translateY(71px);
      transform: translateY(71px)
   }

   100% {
      -webkit-transform: translateY(71px);
      transform: translateY(71px)
   }
}

@keyframes drip_drop {
   45% {
      -webkit-transform: translateY(0) scale(1);
      transform: translateY(0) scale(1)
   }

   60% {
      -webkit-transform: translateY(71px);
      transform: translateY(71px)
   }

   100% {
      -webkit-transform: translateY(71px);
      transform: translateY(71px)
   }
}

@-webkit-keyframes drip_splash_left {
   0% {
      -webkit-transform: translate(0, 0) scale(0);
      transform: translate(0, 0) scale(0)
   }

   45% {
      -webkit-transform: translate(0, 0) scale(0);
      transform: translate(0, 0) scale(0)
   }

   60% {
      -webkit-transform: translate(-50px, -90px) scale(1);
      transform: translate(-50px, -90px) scale(1)
   }

   100% {
      -webkit-transform: translate(-60px, 0) scale(0.1);
      transform: translate(-60px, 0) scale(0.1)
   }
}

@keyframes drip_splash_left {
   0% {
      -webkit-transform: translate(0, 0) scale(0);
      transform: translate(0, 0) scale(0)
   }

   45% {
      -webkit-transform: translate(0, 0) scale(0);
      transform: translate(0, 0) scale(0)
   }

   60% {
      -webkit-transform: translate(-50px, -90px) scale(1);
      transform: translate(-50px, -90px) scale(1)
   }

   100% {
      -webkit-transform: translate(-60px, 0) scale(0.1);
      transform: translate(-60px, 0) scale(0.1)
   }
}

@-webkit-keyframes drip_splash_right {
   0% {
      -webkit-transform: translate(0, 0) scale(0);
      transform: translate(0, 0) scale(0)
   }

   45% {
      -webkit-transform: translate(0, 0) scale(0);
      transform: translate(0, 0) scale(0)
   }

   60% {
      -webkit-transform: translate(30px, -80px) scale(1);
      transform: translate(30px, -80px) scale(1)
   }

   100% {
      -webkit-transform: translate(50px, 0) scale(0.1);
      transform: translate(50px, 0) scale(0.1)
   }
}

@keyframes drip_splash_right {
   0% {
      -webkit-transform: translate(0, 0) scale(0);
      transform: translate(0, 0) scale(0)
   }

   45% {
      -webkit-transform: translate(0, 0) scale(0);
      transform: translate(0, 0) scale(0)
   }

   60% {
      -webkit-transform: translate(30px, -80px) scale(1);
      transform: translate(30px, -80px) scale(1)
   }

   100% {
      -webkit-transform: translate(50px, 0) scale(0.1);
      transform: translate(50px, 0) scale(0.1)
   }
}

@media (max-width: 1023px) {
   .module--herohome {
      padding-top: 130px
   }

   .hero__content {
      margin-bottom: 38px
   }

   .hero__title {
      font-size: 58px;
      line-height: 68px;
      max-width: 450px;
      margin-bottom: 27px;
      height: 204px
   }

   [lang="es-AR"] .hero__title,
   [lang="es-ES"] .hero__title {
      font-size: 58px;
      line-height: 68px
   }

   .hero__text,
   .hero__link {
      max-width: 400px;
      font-size: 20px;
      line-height: 32px
   }

   .hero__link {
      line-height: 1
   }

   .hero__link svg {
      top: 7px
   }

   .hero__media {
      top: 31px;
      right: 0;
      height: 296px;
      width: 350px
   }

   .hero__media .img-andamio {
      display: none
   }

   .hero__clients {
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap
   }

   .hero__clients li {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 16.66667%;
      flex: 0 0 16.66667%;
      max-width: 16.66667%
   }

   .hero__clients li svg {
      width: 100%
   }

   .drip {
      display: none
   }
}

@media (max-width: 767px) {
   .module--herohome {
      padding-bottom: 45px
   }

   .module--herohome .typewords__text {
      opacity: 1
   }

   .hero__content {
      margin-bottom: 0
   }

   [lang="es-AR"] .hero__content,
   [lang="es-ES"] .hero__content {
      margin-bottom: 45px
   }

   .hero__title {
      font-size: 40px;
      line-height: 50px;
      margin-bottom: 20px;
      height: auto
   }

   [lang="es-AR"] .hero__title,
   [lang="es-ES"] .hero__title {
      font-size: 40px;
      line-height: 50px;
      max-width: inherit;
      height: auto
   }

   .hero__media {
      position: relative;
      margin: -19px auto 45px;
      top: initial;
      right: initial;
      width: 100%;
      padding-top: 84.57%;
      height: 0
   }

   .hero__clients li {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 33.33333%;
      flex: 0 0 33.33333%;
      max-width: 33.33333%
   }

   .hero__clients li svg {
      max-height: 30px
   }
}

.module--welovetodo {
   margin: 66px 0 70px
}

.module--welovetodo .module__header {
   margin-bottom: 89px
}

.module--welovetodo .module__title {
   font: 700 50px/58px "Avenir Next", sans-serif;
   letter-spacing: 0
}

.welovetodo__media {
   position: relative;
   padding-top: 83.19%;
   margin: 28px 0 0 -23px;
   max-width: 577px
}

.welovetodo__media img {
   width: 100%;
   height: auto;
   position: absolute;
   top: 0;
   left: 0
}

.welovetodo__list+.welovetodo__list {
   margin-top: 67px
}

.welovetodo__list-title {
   font: 700 32px/37px "Avenir Next", sans-serif;
   letter-spacing: 0.25px;
   margin-bottom: 21px
}

.welovetodo__list-description {
   font: 400 18px/28px "Avenir Next", sans-serif;
   letter-spacing: 0;
   max-width: 480px
}

@media (max-width: 767px) {
   .module--welovetodo {
      margin: 40px 0
   }

   .module--welovetodo .col--5,
   .module--welovetodo .col--7 {
      -webkit-flex-basis: 100%;
      flex-basis: 100%;
      max-width: 100%
   }

   .module--welovetodo .module__header {
      margin-bottom: 30px
   }

   .module--welovetodo .module__title {
      font-size: 36px;
      line-height: 41px
   }

   .welovetodo__media {
      margin: 0 auto 30px
   }

   .welovetodo__list+.welovetodo__list {
      margin-top: 30px
   }

   .welovetodo__list-title {
      font-size: 28px;
      line-height: 33px
   }
}

.swiper-container {
   margin: 0 auto;
   position: relative;
   overflow: hidden;
   list-style: none;
   padding: 0;
   z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
   float: left
}

.swiper-container-vertical>.swiper-wrapper {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
   flex-direction: column
}

.swiper-wrapper {
   position: relative;
   width: 100%;
   height: 100%;
   z-index: 1;
   display: -webkit-box;
   display: -webkit-flex;
   display: flex;
   -webkit-transition-property: -webkit-transform;
   transition-property: -webkit-transform;
   transition-property: transform;
   transition-property: transform, -webkit-transform;
   box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
   -webkit-transform: translate3d(0px, 0, 0);
   transform: translate3d(0px, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
   margin: 0 auto
}

.swiper-slide {
   -webkit-flex-shrink: 0;
   flex-shrink: 0;
   width: 100%;
   height: 100%;
   position: relative;
   -webkit-transition-property: -webkit-transform;
   transition-property: -webkit-transform;
   transition-property: transform;
   transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
   visibility: hidden
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
   touch-action: pan-y
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
   touch-action: pan-x
}

.swiper-button {
   display: inline-block;
   vertical-align: top;
   padding: 0;
   width: 40px;
   height: 40px;
   z-index: 10;
   cursor: pointer;
   border: none;
   background-color: transparent
}

.swiper-button-disabled,
.swiper-button-disabled {
   opacity: 0.4 !important;
   cursor: auto
}

.swiper-button-lock {
   display: none
}

.swiper-pagination {
   display: inline-block;
   vertical-align: top;
   -webkit-transition: 300ms opacity;
   transition: 300ms opacity;
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
   z-index: 10;
   line-height: 0;
   font-size: 0
}

.swiper-pagination.swiper-pagination-hidden {
   opacity: 0
}

.swiper-pagination-bullet {
   width: 30px;
   height: 2px;
   display: inline-block;
   border-radius: 3px;
   margin: 0 8px;
   background: #C3C3C3
}

button.swiper-pagination-bullet {
   border: none;
   margin: 0;
   padding: 0;
   box-shadow: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
   cursor: pointer
}

.swiper-pagination-bullet-active {
   background: black
}

@media (max-width: 767px) {
   .swiper-pagination-bullet {
      width: 20px;
      margin: 0 4px
   }
}

.module--learners {
   padding: 54px 0 7px;
   background-color: #c00;
   background-repeat: no-repeat;
   background-position: top right
}

.module--learners .module__title {
   font: 700 50px/58px "Avenir Next", sans-serif;
   letter-spacing: 0;
   color: #fff;
   margin-bottom: 15px
}

.module--learners .module__text {
   font: 400 20px/30px "Avenir Next", sans-serif;
   letter-spacing: 0;
   color: #fff;
   margin-bottom: 46px
}

.module--learners .module__footer-title {
   font: 700 44px/52px "Avenir Next", sans-serif;
   color: #fff;
   letter-spacing: 0;
   margin-bottom: 15px
}

.module--learners .awards {
   display: -webkit-box;
   display: -webkit-flex;
   display: flex;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   justify-content: space-between
}

.module--learners .awards svg {
   width: 100%
}

.module--learners .swiper-wrapper {
   margin-bottom: 35px
}

.module--learners .swiper-slide {
   width: calc(50% - 45px)
}

.module--learners .swiper-slide:first-of-type {
   margin-right: 45px
}

.module--learners .swiper-actions {
   display: -webkit-box;
   display: -webkit-flex;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   align-items: center;
   margin-bottom: 38px
}

.module--learners .swiper-pagination-bullet {
   background: rgba(255, 255, 255, 0.5);
   margin: 0 7px
}

.module--learners .swiper-pagination-bullet-active {
   background: #fff
}

.module--learners .swiper-button-prev {
   margin-right: 14px
}

.module--learners .swiper-button-next {
   margin-left: 14px
}

.module--learners .swiper-button-disabled {
   opacity: .5 !important
}

.learners {
   position: relative;
   background-color: #fff;
   padding: 33px 40px 33px 41px;
   height: 303px
}

.learners__link {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 1
}

.learners__category {
   display: block;
   font: 400 12px/16px "Avenir Next", sans-serif;
   text-transform: uppercase;
   margin-bottom: 14px
}

.learners__title {
   font: 700 29px/33px "Avenir Next", sans-serif;
   margin-right: 150px;
   overflow: hidden;
   max-height: 112px;
   padding-bottom: 3px;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   margin-bottom: 21px
}

.learners__excerpt {
   font: 400 17px/24px "Avenir Next", sans-serif;
   overflow: hidden;
   max-height: 75px;
   padding-bottom: 3px;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical
}

.learners__media {
   width: 122px;
   height: 122px;
   position: absolute;
   top: 32px;
   right: 42px
}

.learners__media img {
   width: 100%;
   height: 100%
}

@media (min-width: 1601px) {
   .module--learners {
      background-position: top center
   }
}

@media (max-width: 1023px) {
   .module--learners {
      background-size: contain
   }

   .learners__media {
      display: none
   }

   .learners__title {
      font-size: 22px;
      line-height: 27px;
      margin-right: 0;
      padding: 0;
      max-height: 81px
   }
}

@media (max-width: 767px) {
   .module--learners {
      background-size: 150%
   }

   .module--learners .module__title {
      font-size: 35px;
      line-height: 35px;
      margin-bottom: 30px
   }

   .module--learners .module__text {
      margin-bottom: 30px
   }

   .module--learners .module__footer-title {
      font-size: 29px;
      line-height: 37px
   }

   .module--learners .awards {
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      justify-content: center
   }

   .module--learners .awards__logo {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%
   }

   .module--learners .swiper-wrapper {
      margin-bottom: 30px
   }

   .module--learners .swiper-actions {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      margin-bottom: 30px
   }

   .module--learners .swiper-slide {
      width: 100%
   }

   .module--learners .swiper-slide:first-of-type {
      margin-right: 0
   }

   .learners__excerpt {
      max-height: 95px;
      -webkit-line-clamp: 4
   }
}

.footer {
   background-color: #1A1A1A;
   color: white;
   padding: 63px 0 0;
   overflow: hidden
}

.footer__top {
   display: -webkit-box;
   display: -webkit-flex;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   padding: 0 0 50px
}

.footer__top__col {
   width: 480px
}

.footer__top__col:last-child {
   width: 390px
}

.footer__top__title {
   font: bold 74px/75px "Avenir Next", sans-serif;
   margin-bottom: 47px
}

.footer__top__text {
   font: 17px/24px "Avenir Next", sans-serif
}

.footer__top__text__a {
   color: inherit;
   text-decoration: underline
}

.footer__top__gettouch {
   border: 1px solid white;
   color: inherit;
   font: bold 12px/46px "Avenir Next", sans-serif;
   display: block;
   text-transform: uppercase;
   text-align: center;
   margin: 36px 0 0;
   width: 161px;
   -webkit-transition: all .25s;
   transition: all .25s
}

.footer__top__gettouch:hover {
   background: white;
   color: #1A1A1A
}

.footer__top__subtitle {
   font: bold 30px/30px "Avenir Next", sans-serif;
   margin: 20px 0 22px
}

.footer__top__seepositions {
   position: relative;
   color: white;
   font: 17px/24px "Avenir Next", sans-serif;
   display: inline-block;
   text-decoration: none;
   margin: 25px 0 0
}

.footer__top__seepositions:after {
   content: "";
   width: 100%;
   height: 1px;
   background-color: #fff;
   position: absolute;
   bottom: 3px;
   left: 0;
   -webkit-transform: scaleX(1);
   transform: scaleX(1);
   -webkit-transform-origin: center center;
   transform-origin: center center;
   -webkit-transition: -webkit-transform .25s;
   transition: -webkit-transform .25s;
   transition: transform .25s;
   transition: transform .25s, -webkit-transform .25s
}

.footer__top__seepositions svg {
   position: absolute;
   top: 10px;
   right: -16px
}

.footer__top__seepositions:hover:after {
   -webkit-transform: scaleX(0);
   transform: scaleX(0)
}

.footer__top__seepositions:hover svg {
   -webkit-animation: bounce-right 1s ease both;
   animation: bounce-right 1s ease both
}

.footer__info {
   margin-bottom: 35px
}

.footer__info-place {
   margin-bottom: 31px
}

.footer__info-place h4 {
   font: bold 30px/30px "Avenir Next", sans-serif;
   margin-bottom: 22px
}

.footer__info-place p {
   font-size: 16px;
   line-height: 23px;
   letter-spacing: .35px
}

.footer__info-place p a,
.footer__info-place p .footer__btn-menudrawer {
   color: white;
   background-image: -webkit-gradient(linear, left top, right top, color-stop(100%, white), to(transparent));
   background-image: linear-gradient(to right, white 100%, transparent 100%);
   background-position: 0 91%;
   background-repeat: no-repeat;
   background-size: 100% 1px;
   -webkit-transition: background .25s;
   transition: background .25s
}

.footer__info-place p a:hover,
.footer__info-place p .footer__btn-menudrawer:hover {
   background-size: 0% 1px
}

.footer__info-place p .footer__btn-menudrawer {
   border: none;
   padding: 0;
   background-color: transparent
}

.footer__info-call {
   display: -webkit-box;
   display: -webkit-flex;
   display: flex;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   max-width: 558px
}

.footer__info-call dl {
   display: inline-block;
   vertical-align: top;
   font-size: initial;
   padding: 6px 0 21px
}

.footer__info-call dl+dl {
   border-left: 1px solid rgba(255, 255, 255, 0.31);
   padding-left: 22px
}

.footer__info-call dt {
   font: 700 16px/26px "Avenir Next", sans-serif
}

.footer__info-call a {
   font-size: 16px;
   line-height: 26px;
   color: white
}

.footer__links {
   border-bottom: 1px solid rgba(255, 255, 255, 0.31);
   display: -webkit-box;
   display: -webkit-flex;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   padding-bottom: 20px
}

.footer__links__ul {
   font-size: 0
}

.footer__links__li {
   display: inline-block;
   font-size: initial;
   vertical-align: top;
   margin-right: 63px
}

.footer__links__li__a {
   font: 18px/44px "Avenir Next", sans-serif;
   color: white;
   position: relative
}

.footer__links__li__a:after {
   content: "";
   width: 100%;
   height: 1px;
   background-color: white;
   position: absolute;
   bottom: -7px;
   left: 0;
   -webkit-transform: scaleX(0);
   transform: scaleX(0);
   -webkit-transform-origin: center center;
   transform-origin: center center;
   -webkit-transition: -webkit-transform .25s;
   transition: -webkit-transform .25s;
   transition: transform .25s;
   transition: transform .25s, -webkit-transform .25s
}

.footer__links__li__a:hover:after {
   -webkit-transform: scaleX(1);
   transform: scaleX(1)
}

.footer__social {
   display: -webkit-box;
   display: -webkit-flex;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   align-items: center;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   justify-content: center;
   margin-right: -20px;
   margin-top: -8px
}

.footer__social__a {
   position: relative;
   display: -webkit-box;
   display: -webkit-flex;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   align-items: center;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   justify-content: center;
   line-height: 0;
   width: 45px;
   height: 45px;
   margin: 0 8px
}

.footer__social__a svg path,
.footer__social__a svg circle {
   -webkit-transition: fill .25s;
   transition: fill .25s
}

.footer__social__a:hover .icono path {
   fill: #c00
}

.footer__social__a:hover .icono--linkedin path {
   fill: #3077b0
}

.footer__social__a:hover .icono--twitter path {
   fill: #4aa1ec
}

.footer__social__a:hover .icono--instagram path,
.footer__social__a:hover .icono--instagram circle {
   fill: #d42f76
}

.footer__social__a:hover .icono--facebook path {
   fill: #3479ea
}

.footer__copy {
   display: -webkit-box;
   display: -webkit-flex;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   padding: 15px 0 34px
}

.footer__copy__p {
   font-size: 14px;
   line-height: 47px
}

@-webkit-keyframes bounce-right {

   0%,
   20%,
   50%,
   80%,
   100% {
      -webkit-transform: translateX(0);
      transform: translateX(0)
   }

   40% {
      -webkit-transform: translateX(-10px);
      transform: translateX(-10px)
   }

   60% {
      -webkit-transform: translateX(-5px);
      transform: translateX(-5px)
   }
}

@keyframes bounce-right {

   0%,
   20%,
   50%,
   80%,
   100% {
      -webkit-transform: translateX(0);
      transform: translateX(0)
   }

   40% {
      -webkit-transform: translateX(-10px);
      transform: translateX(-10px)
   }

   60% {
      -webkit-transform: translateX(-5px);
      transform: translateX(-5px)
   }
}

@media (max-width: 1023px) {
   .footer__top__col {
      width: 400px
   }

   .footer__top__col:last-child {
      width: 290px
   }

   .footer__top__title {
      font: bold 60px/61px "Avenir Next", sans-serif;
      margin-bottom: 27px
   }

   .footer__links__li {
      margin-right: 30px
   }
}

@media (max-width: 767px) {
   .footer {
      padding-top: 35px
   }

   .footer__top {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      flex-direction: column;
      padding-bottom: 25px
   }

   .footer__top__col {
      width: 100%
   }

   .footer__top__col:last-child {
      width: 100%
   }

   .footer__top__title {
      font: bold 35px/36px "Avenir Next", sans-serif;
      margin-bottom: 18px
   }

   .footer__top__gettouch {
      margin: 20px 0 0;
      line-height: 40px
   }

   .footer__top__subtitle {
      font: bold 27px/27px "Avenir Next", sans-serif;
      margin: 30px 0 12px
   }

   .footer__top__text {
      font: 14px/21px "Avenir Next", sans-serif
   }

   .footer__top__seepositions {
      font: 16px/22px "Avenir Next", sans-serif;
      margin: 15px 0 0
   }

   .footer__top__seepositions svg {
      top: 8px
   }

   .footer__info {
      margin-bottom: 0
   }

   .footer__info-call {
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      max-width: 100%
   }

   .footer__info-call dl {
      width: 100%;
      padding: 0 0 20px
   }

   .footer__info-call dl+dl {
      border: none;
      border-top: 1px solid rgba(255, 255, 255, 0.31);
      padding: 20px 0
   }

   .footer__links {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: column-reverse;
      flex-direction: column-reverse;
      padding-bottom: 15px
   }

   .footer__links__li {
      display: block;
      margin-right: 0
   }

   .footer__links__li__a {
      font: 16px/40px "Avenir Next", sans-serif
   }

   .footer__social {
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
      margin: 0 0 9px -13px
   }

   .footer__social__a {
      margin: 0 5px 0 0
   }

   .footer__copy {
      padding: 10px 0 20px
   }
}

.module--ourblog {
   margin-top: 71px;
   margin-bottom: 87px
}

.module--ourblog .module__title {
   font: 700 50px/52px "Avenir Next", sans-serif;
   letter-spacing: 0;
   margin-bottom: 19px
}

.module--ourblog .module__excerpt {
   max-width: 690px;
   width: 100%;
   font-size: 20px;
   line-height: 30px;
   letter-spacing: 0;
   margin-bottom: 52px
}

.module--ourblog .module__excerpt p {
   font: inherit
}

.module--ourblog .module__excerpt p a {
   color: inherit;
   background-image: -webkit-gradient(linear, left top, right top, from(#c00), to(#c00));
   background-image: linear-gradient(to right, #c00 0%, #c00 100%);
   background-size: 100% 1px;
   background-position: 0px 95%;
   -webkit-transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
   transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
   background-repeat: no-repeat
}

.module--ourblog .module__excerpt p a:hover {
   background-size: 0% 1px
}

.module--ourblog .col--4 {
   padding: 0 22px
}

.module--ourblog .work--box {
   margin: 0
}

.module--ourblog .work--box .work__media {
   position: relative;
   padding-top: 56.25%;
   margin-bottom: 26px
}

.module--ourblog .work--box .work__media img {
   position: absolute;
   width: 100%;
   height: 100%
}

.module--ourblog .work--box .work__data {
   padding: 0
}

.module--ourblog .work--box .work__date {
   display: block;
   margin-bottom: 11px
}

.module--ourblog .work--box .work__title {
   font-size: 22px;
   line-height: 28px;
   letter-spacing: 0;
   overflow: hidden;
   max-height: 112px;
   padding-bottom: 3px;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   margin: 0
}

.module--ourblog .work--box .work__title a {
   background-image: -webkit-gradient(linear, left top, right top, from(#c00), to(#c00));
   background-image: linear-gradient(to right, #c00 0%, #c00 100%);
   background-size: 0% 1px;
   background-position: 0px 95%;
   -webkit-transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
   transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
   background-repeat: no-repeat
}

.module--ourblog .work--box .work__title a:hover {
   background-size: 100% 1px
}

@media (max-width: 1319px) {
   .module--ourblog .col--4 {
      padding: 0 25px
   }
}

@media (max-width: 767px) {
   .module--ourblog {
      margin-top: 40px;
      margin-bottom: 7px
   }

   .module--ourblog .module__title {
      font-size: 35px;
      line-height: 35px;
      margin-bottom: 30px
   }

   .module--ourblog .module__excerpt {
      margin-bottom: 30px
   }

   .module--ourblog .col--4 {
      -webkit-flex-basis: 100%;
      flex-basis: 100%;
      max-width: 100%
   }

   .module--ourblog .work--box+.module--ourblog .work--box {
      margin-top: 30px
   }

   .module--ourblog .work--box .work__media {
      margin-bottom: 17px
   }

   .module--ourblog .work--box .work__title {
      margin-bottom: 33px
   }

   .module--ourblog .work--box .work__date {
      margin-bottom: 6px
   }
}

.module--clients {
   padding: 69px 0 53px
}

.module--clients .module__title {
   font: 80px/90px "Avenir Next", sans-serif;
   margin-bottom: 47px
}

.module--clients .clientypes {
   -webkit-column-count: 3;
   -moz-column-count: 3;
   -ms-column-count: 3;
   column-count: 3;
   margin-bottom: 90px
}

.module--clients .clientypes li {
   font-size: 17px;
   line-height: 32px;
   position: relative;
   padding-left: 30px;
   min-height: 10px
}

.module--clients .clientypes li svg {
   position: absolute;
   top: 8px;
   left: 0
}

.module--clients .clientlogos h3 {
   font: 700 50px/58px "Avenir Next", sans-serif;
   letter-spacing: 0;
   margin-bottom: 27px
}

.module--clients .clientlogos p {
   font-size: 20px;
   line-height: 30px;
   margin-bottom: 73px;
   letter-spacing: 0
}

.module--clients .clientlogos p a {
   color: inherit;
   font: inherit;
   text-decoration: underline
}

.module--clients .clientlogos ul {
   display: -webkit-box;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-align: center;
   -webkit-align-items: center;
   align-items: center;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   margin: 0 -15px -25px -15px
}

.module--clients .clientlogos li {
   line-height: 0;
   padding: 0 15px 76px;
   -webkit-box-flex: 0;
   -webkit-flex: 0 0 20%;
   flex: 0 0 20%;
   max-width: 20%;
   text-align: center
}

.module--clients .clientlogos li:nth-child(5n+1) {
   text-align: left;
   -webkit-box-flex: 0;
   -webkit-flex: 0 0 16%;
   flex: 0 0 16%;
   max-width: 16%
}

.module--clients .clientlogos li:nth-child(5n) {
   text-align: right;
   -webkit-box-flex: 0;
   -webkit-flex: 0 0 16%;
   flex: 0 0 16%;
   max-width: 16%
}

.module--clients .clientlist {
   -webkit-column-count: 3;
   -moz-column-count: 3;
   -ms-column-count: 3;
   column-count: 3;
   padding-top: 25px
}

.module--clients .clientlist li {
   font-size: 17px;
   line-height: 32px
}

@media (max-width: 767px) {
   .module--clients {
      padding-top: 40px
   }

   .module--clients .module__title {
      font-size: 50px;
      line-height: 55px
   }

   .module--clients .clientypes {
      -webkit-column-count: 2;
      -moz-column-count: 2;
      -ms-column-count: 2;
      column-count: 2;
      margin-bottom: 45px
   }

   .module--clients .clientypes li {
      -webkit-column-break-inside: avoid;
      page-break-inside: avoid;
      -moz-column-break-inside: avoid;
      break-inside: avoid-column
   }

   .module--clients .clientlogos h3 {
      font-size: 35px;
      line-height: 35px;
      margin-bottom: 30px
   }

   .module--clients .clientlogos p {
      line-height: 30px;
      margin-bottom: 40px
   }

   .module--clients .clientlogos li {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 33.33333%;
      flex: 0 0 33.33333%;
      max-width: 33.33333%;
      padding-bottom: 60px
   }

   .module--clients .clientlogos li:nth-child(5n+1),
   .module--clients .clientlogos li:nth-child(5n) {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 33.33333%;
      flex: 0 0 33.33333%;
      max-width: 33.33333%
   }

   .module--clients .clientlogos li svg {
      width: 100%
   }
}

.menu-drawer {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 1200;
   pointer-events: none
}

.menu-drawer--animatable .menu-drawer__overlay {
   -webkit-transition: opacity .3s;
   transition: opacity .3s
}

.menu-drawer--animatable .menu-drawer__container {
   -webkit-transition: -webkit-transform .3s;
   transition: -webkit-transform .3s;
   transition: transform .3s;
   transition: transform .3s, -webkit-transform .3s
}

.menu-drawer--animatable .menu-drawer__close {
   -webkit-transition: opacity .3s, background-color .3s;
   transition: opacity .3s, background-color .3s
}

.menu-drawer--animatable .menu-drawer__link,
.menu-drawer--animatable .menu-drawer__apps-link {
   -webkit-transition: background-color .3s;
   transition: background-color .3s
}

.menu-drawer--open {
   pointer-events: auto
}

.menu-drawer--open .menu-drawer__overlay {
   opacity: 1
}

.menu-drawer--open .menu-drawer__container {
   -webkit-transform: translateX(-100%);
   transform: translateX(-100%)
}

.menu-drawer--open .menu-drawer__close {
   opacity: 1
}

.menu-drawer__overlay {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: rgba(0, 0, 0, 0.8);
   z-index: -1;
   opacity: 0
}

.menu-drawer__container {
   -webkit-overflow-scrolling: touch;
   box-sizing: border-box;
   position: relative;
   left: 100%;
   background-color: #fff;
   overflow-y: auto;
   width: 598px;
   height: 100%;
   will-change: transform;
   display: -webkit-box;
   display: -webkit-flex;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: column;
   flex-direction: column;
   -webkit-transform: translateX(0);
   transform: translateX(0)
}

.menu-drawer__content {
   -webkit-box-flex: 1;
   -webkit-flex: 1 1 auto;
   flex: 1 1 auto;
   padding: 44px 54px 54px
}

.menu-drawer__close {
   border: none;
   background: #c00;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   position: absolute;
   top: 42px;
   right: 31px;
   padding: 0;
   width: 50px;
   height: 50px;
   border-radius: 50%
}

.menu-drawer__close:after,
.menu-drawer__close:before {
   content: '';
   position: absolute;
   top: 12px;
   left: 25px;
   width: 1px;
   height: 27px;
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
   background: #fff
}

.menu-drawer__close:before {
   -webkit-transform: rotate(-45deg);
   transform: rotate(-45deg)
}

.menu-drawer__close:hover {
   background: #000
}

@media (max-width: 767px) {
   .menu-drawer__container {
      width: 320px
   }

   .menu-drawer__content {
      padding: 27px 25px
   }

   .menu-drawer__close {
      top: 24px;
      right: 16px;
      width: 40px;
      height: 40px
   }

   .menu-drawer__close:after,
   .menu-drawer__close:before {
      top: 10px;
      left: 20px;
      width: 1px;
      height: 21px
   }
}

@media (min-width: 1023px) {
   .menu-drawer__container {
      overflow: hidden;
      overflow-y: auto
   }

   .menu-drawer__container::-webkit-scrollbar {
      width: 8px;
      background: rgba(136, 136, 136, 0.2)
   }

   .menu-drawer__container::-webkit-scrollbar-thumb {
      background: rgba(136, 136, 136, 0.4)
   }
}

.formfield {
   position: relative;
   margin-bottom: 20px
}

.formfield .icono {
   position: absolute;
   top: 50%;
   right: 16px;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   pointer-events: none
}

.formfield .icono--error {
   opacity: 0
}

.formfield .icono--error path {
   fill: #c00
}

.formfield--error .formbox {
   border-color: #c00
}

.formfield--error .formhint,
.formfield--error .formlabel,
.formfield--error .formselect {
   color: #c00
}

.formfield--error .formtext {
   color: #c00;
   border-color: #c00
}

.formfield--error .formtext,
.formfield--error .formtextarea,
.formfield--error .formselect {
   outline: none
}

.formfield--error .formtextarea {
   padding-right: 44px
}

.formfield--error .formtextarea::-webkit-input-placeholder {
   color: #c00
}

.formfield--error .formtextarea::-moz-placeholder {
   color: #c00
}

.formfield--error .formtextarea:-ms-input-placeholder {
   color: #c00
}

.formfield--error .formtextarea:-moz-placeholder {
   color: #c00
}

.formfield--error .formhint {
   opacity: 1
}

.formfield--error .icono--error {
   opacity: 1
}

.formfield--error .formbox--focused .formlabel {
   color: #000
}

.formfield--textarea .icono {
   top: 21px;
   -webkit-transform: none;
   transform: none
}

.formbox {
   position: relative;
   background-color: #F5F5F5;
   border: 1px solid transparent
}

.formbox .icono--pull_down {
   position: absolute;
   top: 28px;
   right: 28px
}

.formbox--focused {
   border-color: #000;
   background-color: #fff
}

.formbox--focused input,
.formbox--focused select,
.formbox--focused textarea {
   outline: none
}

.formbox--focused .formcheckbox__square {
   border-color: #000
}

.formbox--focused .formlabel,
.formbox--active .formlabel {
   -webkit-transform: scale(0.75) translate(0, -27px);
   transform: scale(0.75) translate(0, -27px);
   letter-spacing: 0.9px
}

.formbox--checkbox {
   background: none;
   border: none
}

.formlabel {
   position: absolute;
   top: 50%;
   left: 20px;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   font-size: 18px;
   line-height: 19px;
   -webkit-transition: -webkit-transform .3s ease;
   transition: -webkit-transform .3s ease;
   transition: transform .3s ease;
   transition: transform .3s ease, -webkit-transform .3s ease;
   -webkit-transform-origin: center left;
   transform-origin: center left;
   pointer-events: none
}

.formselect,
.formtext {
   padding: 27px 45px 11px 21px;
   width: 100%;
   border: none;
   background-color: transparent;
   font-size: 18px;
   line-height: 20px;
   letter-spacing: .43px
}

.formselect {
   cursor: pointer;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   padding-top: 19px;
   padding-bottom: 19px
}

.formhint {
   margin-top: 7px;
   font-size: 13px;
   line-height: 16px;
   letter-spacing: 0;
   color: #535353;
   pointer-events: none;
   border-radius: 2px;
   -webkit-transition: opacity .25s;
   transition: opacity .25s
}

.formtextarea {
   width: 100%;
   max-width: 100%;
   resize: vertical;
   height: 176px;
   border: none;
   background-color: transparent;
   font-size: 16px;
   line-height: 25px;
   padding: 22px 20px
}

.formcheckbox {
   position: relative;
   cursor: pointer;
   display: -webkit-box;
   display: -webkit-flex;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   align-items: center
}

.formcheckbox:hover .formcheckbox__square {
   border-color: #000
}

.formcheckbox input {
   position: absolute;
   top: 0;
   right: 0;
   height: 1px;
   width: 1px;
   overflow: hidden;
   clip: rect(1px, 1px, 1px, 1px)
}

input:checked~.formcheckbox__square {
   background-color: #000
}

input:checked~.formcheckbox__square:after,
input:checked~.formcheckbox__square:before {
   display: block;
   background-color: #fff
}

.formcheckbox__text {
   font-size: 15px;
   letter-spacing: 0.55px
}

.formcheckbox__square {
   width: 20px;
   height: 20px;
   display: inline-block;
   background-color: #f5f5f5;
   border: 1px solid transparent;
   vertical-align: middle;
   margin-right: 10px;
   position: relative;
   -webkit-flex-shrink: 0;
   flex-shrink: 0;
   -webkit-transition: border .25s;
   transition: border .25s
}

.formcheckbox__square:after,
.formcheckbox__square:before {
   content: '';
   position: absolute;
   background-color: #000;
   height: 1px;
   display: none
}

.formcheckbox__square:before {
   top: 11px;
   left: 2px;
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
   width: 7px
}

.formcheckbox__square:after {
   top: 9px;
   left: 5px;
   -webkit-transform: rotate(-45deg);
   transform: rotate(-45deg);
   width: 12px
}

@media (max-width: 1023px) {
   .formcontact {
      max-width: 650px
   }
}

@media (max-width: 767px) {
   .formlabel {
      font-size: 16px;
      line-height: 16px
   }

   .formselect,
   .formtext {
      font-size: 16px;
      line-height: 16px
   }

   .formselect {
      line-height: 18px
   }

   .formbox--focused .formlabel,
   .formbox--active .formlabel {
      -webkit-transform: scale(0.75) translate(0, -21px);
      transform: scale(0.75) translate(0, -21px)
   }

   .formtextarea {
      font-size: 16px;
      line-height: 24px
   }

   .formcheckbox {
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      align-items: flex-start
   }

   .formcheckbox__text {
      margin-top: -2px
   }
}

.formcontact {
   width: 100%;
   max-width: 750px;
   margin: 0 auto
}

.formcontact h2 {
   font: 700 42px/46px "Avenir Next", sans-serif;
   letter-spacing: 0;
   margin-bottom: 16px
}

.formcontact h3 {
   font: 700 22px/30px "Avenir Next", sans-serif;
   margin-bottom: 27px
}

.formcontact h4 {
   font: 700 16px/26px "Avenir Next", sans-serif;
   margin-bottom: 9px
}

.formcontact fieldset {
   margin-bottom: 14px
}

.formcontact legend {
   font: 700 18px/1 "Avenir Next", sans-serif;
   margin-bottom: 15px
}

.formcontact p {
   font: 400 18px/28px "Avenir Next", sans-serif;
   margin-bottom: 21px;
   letter-spacing: 0
}

.formcontact small {
   display: block;
   font: 400 12px/1 "Avenir Next", sans-serif;
   letter-spacing: 0;
   margin-bottom: 29px
}

.formcontact small.small--14 {
   font-size: 14px
}

.formcontact a {
   color: black;
   text-decoration: underline
}

.formcontact a:hover {
   text-decoration: none
}

.formcontact__fields {
   margin-bottom: 44px
}

.formcontact__callinfo {
   font-size: 0;
   margin-bottom: 19px
}

.formcontact__callinfo-content {
   display: -webkit-box;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   justify-content: space-between
}

.formcontact__callinfo dl {
   display: inline-block;
   vertical-align: top;
   font-size: initial;
   padding: 6px 0 21px
}

.formcontact__callinfo dl+dl {
   border-left: 1px solid black;
   padding-left: 22px
}

.formcontact__callinfo dt {
   font: 700 16px/26px "Avenir Next", sans-serif
}

.formcontact__callinfo a {
   font-size: 16px;
   line-height: 26px;
   color: black
}

.formcontact__siteinfo p {
   font-size: 16px;
   line-height: 23px;
   letter-spacing: .35px
}

.formcontact__siteinfo p a {
   color: black;
   background-image: -webkit-gradient(linear, left top, right top, color-stop(100%, #000), to(transparent));
   background-image: linear-gradient(to right, #000 100%, transparent 100%);
   background-position: 0 91%;
   background-repeat: no-repeat;
   background-size: 100% 1px;
   -webkit-transition: background .25s;
   transition: background .25s
}

.formcontact__siteinfo p a:hover {
   background-size: 0% 1px
}

@media (max-width: 1023px) {
   .formcontact {
      max-width: 650px
   }
}

@media (max-width: 767px) {
   .formcontact h2 {
      font-size: 30px;
      line-height: 32px
   }

   .formcontact__fields {
      margin-bottom: 45px
   }

   .formcontact__callinfo dl {
      width: 100%;
      padding: 0 0 20px
   }

   .formcontact__callinfo dl+dl {
      border: none;
      border-top: 1px solid black;
      padding: 20px 0
   }

   .menu-drawer__container .formcontact h2 {
      padding-right: 55px
   }
}

.newsletter {
   background: #c00;
   color: white
}

.newsletter__subtitle {
   font: 17px/24px "Avenir Next", sans-serif;
   margin: 0 0 20px
}

.newsletter__field {
   position: relative
}

.newsletter__field--active .newsletter__label {
   -webkit-transform: scale(0.7) translate(0, -19px);
   transform: scale(0.7) translate(0, -19px)
}

.newsletter__label {
   position: absolute;
   top: 19px;
   left: 20px;
   font: 16px/20px "Avenir Next", sans-serif;
   color: black;
   pointer-events: none;
   -webkit-transition: -webkit-transform .3s;
   transition: -webkit-transform .3s;
   transition: transform .3s;
   transition: transform .3s, -webkit-transform .3s;
   -webkit-transform-origin: center left;
   transform-origin: center left
}

.newsletter__input {
   color: black;
   display: block;
   font: 16px/20px "Avenir Next", sans-serif;
   border: 0;
   padding: 24px 20px 8px;
   outline: none;
   width: 100%;
   box-sizing: border-box
}

.newsletter__success {
   display: none
}

.newsletter__submit.button {
   background: #1a1a1a;
   color: white;
   font-size: 12px;
   line-height: 16px;
   margin: 0;
   width: 161px;
   padding: 19px 0 15px
}

.newsletter__submit.button:hover {
   background: white;
   border-color: transparent;
   color: black
}

.newsletter__submit.button.button--loading {
   border-color: #000
}

.newsletter__submit.button.button--loaded {
   border-color: #000
}

.newsletter__submit.button.button--loaded .button__text {
   color: #fff;
   letter-spacing: 0
}

.newsletter__hint {
   display: block;
   margin: 0;
   min-height: 18px
}

.newsletter__hint.error {
   font-size: 13px;
   line-height: 16px
}

.newsletter__terms {
   color: rgba(255, 255, 255, 0.7);
   font: 12px/16px "Avenir Next", sans-serif
}

.newsletter__terms a {
   color: inherit;
   text-decoration: underline
}

.newsletter__container {
   background: #c00;
   overflow: hidden
}

.newsletter--horizontal {
   padding: 66px 0 90px;
   font-size: 0;
   line-height: 0
}

.newsletter--horizontal.lazyloaded .newsletter__title:before {
   background: url("../../assets/images/bg_icon_newsletter.png") no-repeat center;
   background-size: cover
}

.newsletter--horizontal .newsletter__header {
   float: left;
   width: 50%
}

.newsletter--horizontal .newsletter__title {
   font: bold 34px/41px "Avenir Next", sans-serif;
   letter-spacing: 0;
   margin: 0 0 16px;
   max-width: 409px;
   position: relative;
   z-index: 2
}

.newsletter--horizontal .newsletter__title:before {
   content: '';
   height: 143px;
   position: absolute;
   display: block;
   top: 15px;
   right: -173px;
   width: 197px;
   z-index: -2
}

.newsletter--horizontal .newsletter__subtitle {
   letter-spacing: 0.68px
}

.newsletter--horizontal .newsletter__field {
   width: 50%;
   display: inline-block;
   margin: 47px 0px 7px;
   z-index: 3
}

.newsletter--horizontal .newsletter__input {
   padding-right: 163px
}

.newsletter--horizontal .newsletter__submit {
   position: absolute;
   top: 0;
   right: 0
}

.newsletter--horizontal .newsletter__submit:hover {
   border-left-color: #000
}

.newsletter--horizontal .newsletter__terms {
   display: block
}

@media (max-width: 1023px) {
   .newsletter--horizontal {
      padding: 46px 50px
   }

   .newsletter--horizontal .newsletter__header {
      width: auto
   }

   .newsletter--horizontal .newsletter__field {
      width: 100%;
      margin: 10px 0 10px
   }
}

@media (max-width: 767px) {
   .newsletter--horizontal {
      padding: 25px 0 14px
   }

   .newsletter--horizontal .newsletter__title {
      font-size: 22px;
      line-height: 24px;
      margin: 0 90px 0 0
   }

   .newsletter--horizontal .newsletter__title:before {
      height: 63px;
      right: -90px;
      width: 90px
   }

   .newsletter--horizontal .newsletter__subtitle {
      font: 14px/21px "Avenir Next", sans-serif;
      margin: 10px 0 0
   }

   .newsletter--horizontal .newsletter__input {
      margin-bottom: 10px;
      padding-right: 20px
   }

   .newsletter--horizontal .newsletter__submit.button {
      position: relative;
      width: 100%;
      max-width: 100%
   }
}

.newsletter--fixed {
   padding: 32px 32px 9px 0;
   width: 683px;
   position: fixed;
   right: 25px;
   bottom: 16px;
   z-index: 1175;
   -webkit-transform: translateX(150%);
   transform: translateX(150%);
   -webkit-transition: -webkit-transform .25s;
   transition: -webkit-transform .25s;
   transition: transform .25s;
   transition: transform .25s, -webkit-transform .25s;
   opacity: 0.001;
   pointer-events: none;
   box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3)
}

.newsletter--fixed.newsletter--open {
   -webkit-transform: translateX(0);
   transform: translateX(0);
   pointer-events: initial
}

.newsletter--fixed.lazyloaded .newsletter__title:before {
   background: url("../../assets/images/bg_icon_newsletter.png") no-repeat center;
   background-size: cover
}

.newsletter--fixed .newsletter__header {
   float: left;
   width: 61.59%;
   padding-left: 180px;
   margin-bottom: 21px
}

.newsletter--fixed .newsletter__title {
   font: 700 21px/25px "Avenir Next", sans-serif;
   margin: 0 0 14px;
   max-width: 220px;
   position: relative;
   letter-spacing: 0
}

.newsletter--fixed .newsletter__title:before {
   content: '';
   display: block;
   width: 143px;
   height: 104px;
   position: absolute;
   top: 6px;
   left: -158px
}

.newsletter--fixed .newsletter__subtitle {
   margin: 0;
   letter-spacing: 0.68px
}

.newsletter--fixed .newsletter__field {
   width: 38.41%;
   margin: 0
}

.newsletter--fixed .newsletter__field+.newsletter__hint.error {
   margin-top: 10px
}

.newsletter--fixed .newsletter__input {
   margin-bottom: 10px
}

.newsletter--fixed .newsletter__submit {
   width: 100%;
   max-width: 100%
}

.newsletter--fixed .newsletter__terms {
   display: block
}

.newsletter--fixed .newsletter__close {
   min-width: 43px;
   height: 43px;
   border-radius: 50%;
   background-color: #c00;
   position: absolute;
   top: -55px;
   right: 2px;
   z-index: 1;
   box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3)
}

.newsletter--fixed .newsletter__close:after,
.newsletter--fixed .newsletter__close:before {
   content: '';
   position: absolute;
   top: 9px;
   left: 20px;
   width: 1px;
   height: 23px;
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
   background: #fff
}

.newsletter--fixed .newsletter__close:before {
   -webkit-transform: rotate(-45deg);
   transform: rotate(-45deg)
}

.newsletter--fixed .newsletter__close:hover {
   background-color: #000;
   border-color: transparent
}

.newsletter--fixed .newsletter__hint {
   min-height: 0
}

@media (max-width: 767px) {
   .newsletter--fixed {
      padding: 16px;
      margin: 16px;
      right: 0;
      bottom: 0;
      width: calc(100% - 32px);
      display: none
   }

   .newsletter--fixed .newsletter__header {
      width: 100%;
      float: none;
      padding: 0;
      margin-bottom: 7px
   }

   .newsletter--fixed .newsletter__title {
      max-width: 100%;
      max-width: 310px;
      margin: 0 87px 10px 0
   }

   .newsletter--fixed .newsletter__title:before {
      margin-top: 27px;
      height: 63px;
      top: 50%;
      left: 100%;
      width: 90px;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%)
   }

   .newsletter--fixed .newsletter__subtitle {
      font-size: 14px;
      line-height: 21px
   }

   .newsletter--fixed .newsletter__field {
      width: 100%
   }

   .newsletter--fixed .newsletter__submit.button:hover {
      color: #fff;
      background-color: #1a1a1a
   }

   .newsletter--fixed .newsletter__close {
      top: 0;
      right: 3px;
      background-color: transparent;
      box-shadow: none
   }

   .newsletter--fixed .newsletter__close:hover {
      background-color: #c00
   }
}

.work--box {
   margin-bottom: 55px
}

.work--box .work__media {
   padding-top: 56.25%;
   background-color: #f1f1f1
}

.work--box .work__data {
   padding: 24px 0 0
}

.work--box .work__label {
   margin-bottom: 9px
}

.work--box .work__title {
   font: bold 36px/45px "Avenir Next", sans-serif;
   margin-bottom: 21px
}

.work--box .work__title a {
   background-image: -webkit-gradient(linear, left top, right top, from(#c00), to(#c00));
   background-image: linear-gradient(to right, #c00 0%, #c00 100%);
   background-size: 0% 1px;
   background-position: 0 95%;
   -webkit-transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
   transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
   padding: 1px 0;
   background-repeat: no-repeat
}

.work--box .work__title a:hover {
   background-size: 100% 1px
}

@media (max-width: 1023px) {
   .work--box {
      margin-bottom: 35px
   }

   .work--box .work__title {
      font: bold 32px/41px "Avenir Next", sans-serif
   }

   .work--box .work__label {
      margin-bottom: 0
   }

   .work--box .work__data {
      padding: 20px 0 0
   }
}

@media (max-width: 767px) {
   .work--box {
      margin-bottom: 30px
   }

   .work--box .work__data {
      padding-top: 15px
   }

   .work--box .work__title {
      font-size: 21px;
      line-height: 28px;
      margin: 0
   }
}