@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

body {
  position: relative; }

.container {
  width: 90%;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (min-width: 36em) {
    .container {
      width: 80%; } }
  @media only screen and (min-width: 64em) {
    .container {
      max-width: 80em; } }

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .row--relative {
    position: static; }
  .row::after {
    content: "";
    display: table;
    clear: both; }

[class^="col"] {
  margin: 1em auto;
  min-height: 0.125rem;
  padding: 1em;
  width: 96%; }
  [class^="col"].no-pad {
    padding: 0; }

.col-1-sm {
  width: 4.33333%; }

.col-2-sm {
  width: 12.66667%; }

.col-3-sm {
  width: 21%; }

.col-4-sm {
  width: 29.33333%; }

.col-5-sm {
  width: 37.66667%; }

.col-6-sm {
  width: 46%; }

.col-7-sm {
  width: 54.33333%; }

.col-8-sm {
  width: 62.66667%; }

.col-9-sm {
  width: 71%; }

.col-10-sm {
  width: 79.33333%; }

.col-11-sm {
  width: 87.66667%; }

.col-12-sm {
  width: 96%; }

.no-gutter [class^="col"] {
  margin: 0; }

.no-gutter .col-1-sm {
  width: 8.33333%; }

.no-gutter .col-1-md {
  width: 8.33333%; }

.no-gutter .col-1-lg {
  width: 8.33333%; }

.no-gutter .col-1-xl {
  width: 8.33333%; }

.no-gutter .col-2-sm {
  width: 16.66667%; }

.no-gutter .col-2-md {
  width: 16.66667%; }

.no-gutter .col-2-lg {
  width: 16.66667%; }

.no-gutter .col-2-xl {
  width: 16.66667%; }

.no-gutter .col-3-sm {
  width: 25%; }

.no-gutter .col-3-md {
  width: 25%; }

.no-gutter .col-3-lg {
  width: 25%; }

.no-gutter .col-3-xl {
  width: 25%; }

.no-gutter .col-4-sm {
  width: 33.33333%; }

.no-gutter .col-4-md {
  width: 33.33333%; }

.no-gutter .col-4-lg {
  width: 33.33333%; }

.no-gutter .col-4-xl {
  width: 33.33333%; }

.no-gutter .col-5-sm {
  width: 41.66667%; }

.no-gutter .col-5-md {
  width: 41.66667%; }

.no-gutter .col-5-lg {
  width: 41.66667%; }

.no-gutter .col-5-xl {
  width: 41.66667%; }

.no-gutter .col-6-sm {
  width: 50%; }

.no-gutter .col-6-md {
  width: 50%; }

.no-gutter .col-6-lg {
  width: 50%; }

.no-gutter .col-6-xl {
  width: 50%; }

.no-gutter .col-7-sm {
  width: 58.33333%; }

.no-gutter .col-7-md {
  width: 58.33333%; }

.no-gutter .col-7-lg {
  width: 58.33333%; }

.no-gutter .col-7-xl {
  width: 58.33333%; }

.no-gutter .col-8-sm {
  width: 66.66667%; }

.no-gutter .col-8-md {
  width: 66.66667%; }

.no-gutter .col-8-lg {
  width: 66.66667%; }

.no-gutter .col-8-xl {
  width: 66.66667%; }

.no-gutter .col-9-sm {
  width: 75%; }

.no-gutter .col-9-md {
  width: 75%; }

.no-gutter .col-9-lg {
  width: 75%; }

.no-gutter .col-9-xl {
  width: 75%; }

.no-gutter .col-10-sm {
  width: 83.33333%; }

.no-gutter .col-10-md {
  width: 83.33333%; }

.no-gutter .col-10-lg {
  width: 83.33333%; }

.no-gutter .col-10-xl {
  width: 83.33333%; }

.no-gutter .col-11-sm {
  width: 91.66667%; }

.no-gutter .col-11-md {
  width: 91.66667%; }

.no-gutter .col-11-lg {
  width: 91.66667%; }

.no-gutter .col-11-xl {
  width: 91.66667%; }

.no-gutter .col-12-sm {
  width: 100%; }

.no-gutter .col-12-md {
  width: 100%; }

.no-gutter .col-12-lg {
  width: 100%; }

.no-gutter .col-12-xl {
  width: 100%; }

@media only screen and (min-width: 48em) {
  .no-gutter .col-1 {
    width: 8.33333%; }
  .no-gutter .col-2 {
    width: 16.66667%; }
  .no-gutter .col-3 {
    width: 25%; }
  .no-gutter .col-4 {
    width: 33.33333%; }
  .no-gutter .col-5 {
    width: 41.66667%; }
  .no-gutter .col-6 {
    width: 50%; }
  .no-gutter .col-7 {
    width: 58.33333%; }
  .no-gutter .col-8 {
    width: 66.66667%; }
  .no-gutter .col-9 {
    width: 75%; }
  .no-gutter .col-10 {
    width: 83.33333%; }
  .no-gutter .col-11 {
    width: 91.66667%; }
  .no-gutter .col-12 {
    width: 100%; } }

@media only screen and (min-width: 48em) {
  .col-1 {
    width: 4.33333%; }
  .col-2 {
    width: 12.66667%; }
  .col-3 {
    width: 21%; }
  .col-4 {
    width: 29.33333%; }
  .col-5 {
    width: 37.66667%; }
  .col-6 {
    width: 46%; }
  .col-7 {
    width: 54.33333%; }
  .col-8 {
    width: 62.66667%; }
  .col-9 {
    width: 71%; }
  .col-10 {
    width: 79.33333%; }
  .col-11 {
    width: 87.66667%; }
  .col-12 {
    width: 96%; } }

.font--light {
  font-weight: 200; }

.font--regular {
  font-weight: 400; }

.font--medium {
  font-weight: 500; }

.font--bold {
  font-weight: 700; }

.titular {
  font-family: "Montserrat", sans-serif; }
  .titular--principal {
    font-size: 3rem; }
  .titular--secundario {
    font-size: 2rem; }
  .titular--terciario {
    font-size: 1.5rem; }
    

/* line 1, ../sass/_header.scss */
header {
  width: 100%;
  background-color: #202226;
  position: fixed;
  top: 0;
  z-index: 999;
  height: 60px;
  background-color: rgba(0, 0, 0, 0.3); }

/* line 10, ../sass/_header.scss */
.main-logo {
  padding: 20px;
  position: fixed;
  top: 0;
  left: 0; }

/* line 15, ../sass/_header.scss */
.main-logo img {
  display: inline-block;
  width: 95px;
  height: 14px; }

/* line 21, ../sass/_header.scss */
.main-nav--menu {
  background-color: rgba(255, 255, 255, 0.93);
  width: 100%;
  position: fixed;
  top: 0;
  right: 0;
  display: block;
  -webkit-transform: translate(0, -100%);
      -ms-transform: translate(0, -100%);
          transform: translate(0, -100%);
  -webkit-transition: all 500ms;
  transition: all 500ms;
  opacity: 0;
  padding: 50px;
  height: 100vh;
  overflow: auto; }

@media (min-width: 768px) {
  /* line 21, ../sass/_header.scss */
  .main-nav--menu {
    padding: 65px 65px; } }

/* line 37, ../sass/_header.scss */
.main-nav--menu.is-visible {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  opacity: 1; }

@media (min-width: 1024px) {
  /* line 21, ../sass/_header.scss */
  .main-nav--menu {
    width: 50%;
    -webkit-transform: translate(100%, 0);
        -ms-transform: translate(100%, 0);
            transform: translate(100%, 0);
    height: 100vh; } }

@media (min-width: 1200px) {
  /* line 21, ../sass/_header.scss */
  .main-nav--menu {
    width: 36%; } }

@media only screen and (min-width: 1600px) {
  /* line 21, ../sass/_header.scss */
  .main-nav--menu {
    padding: 80px 80px;
    width: 33%; } }

/* line 53, ../sass/_header.scss */
.main-nav--menu .menu-list {
  margin-bottom: 50px; }

@media (min-width: 1024px) {
  /* line 53, ../sass/_header.scss */
  .main-nav--menu .menu-list {
    margin-bottom: 100px; } }

/* line 58, ../sass/_header.scss */
.main-nav--menu .menu-list .menu-list--item {
  margin: 0 0 20px; }

@media (min-width: 1024px) {
  /* line 58, ../sass/_header.scss */
  .main-nav--menu .menu-list .menu-list--item {
    margin: 0 0 40px; } }

/* line 63, ../sass/_header.scss */
.main-nav--menu .menu-list .menu-list--item a {
  color: #000000;
  font-size: 1.75rem;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  text-decoration: none; }

@media (min-width: 1024px) {
  /* line 63, ../sass/_header.scss */
  .main-nav--menu .menu-list .menu-list--item a {
    font-size: 2.75rem; } }

/* line 72, ../sass/_header.scss */
.main-nav--menu .menu-list .menu-list--item a span {
  display: block;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 0.925rem;
  color: #727272; }

/* line 84, ../sass/_header.scss */
.menu--legal {
  font-size: 0.925rem;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  color: #808080; }

/* line 90, ../sass/_header.scss */
a.menu--legal {
  text-decoration: none;
  color: #6e6e75;
  font-weight: 700; }

/* line 95, ../sass/_header.scss */
.menu-rrss {
  margin: 25px 0 25px; }

@media (min-width: 1024px) {
  /* line 95, ../sass/_header.scss */
  .menu-rrss {
    margin: 60px 0 50px; } }

/* line 100, ../sass/_header.scss */
.menu-rrss .menu-rrss--item {
  display: inline-block;
  margin-right: 23px;
  font-size: 1.25rem; }

/* line 104, ../sass/_header.scss */
.menu-rrss .menu-rrss--item i {
  color: #000000; }

/* line 109, ../sass/_header.scss */
.toggle-menu-wrap {
  position: absolute;
  /*bottom: 1px;*/
  top: 0;
  right: 0;
  padding: 0;
  z-index: 999; }

/* line 117, ../sass/_header.scss */
.idiom {
  display: none;
  font-size: 0.8125rem;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #808080; }

/* line 122, ../sass/_header.scss */
.idiom a {
  text-decoration: none;
  color: #808080; }

/* line 126, ../sass/_header.scss */
.idiom span {
  margin: 0 5px; }

/*Toggle Menu*/
/* line 131, ../sass/_header.scss */
#toggle-menu {
  display: block;
  width: 59px;
  height: 30px;
  padding: 32px;
  cursor: pointer; }

/* line 138, ../sass/_header.scss */
.toggle-menu-default-state {
  display: none; }

/* line 141, ../sass/_header.scss */
.toggle-menu-hidden {
  display: none; }

/* line 144, ../sass/_header.scss */
.toggle-menu-visible {
  display: block; }

/* line 148, ../sass/_header.scss */
#toggle-menu div {
  width: 30px;
  height: 15px;
  position: relative;
  left: -15px;
  top: -9px; }

/* line 157, ../sass/_header.scss */
#toggle-menu span {
  display: block;
  width: 21px;
  height: 3px;
  background: white;
  position: absolute;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

/* line 167, ../sass/_header.scss */
#toggle-menu span.top {
  top: 0px; }

/* line 172, ../sass/_header.scss */
#toggle-menu span.middle {
  top: 9px; }

/* line 179, ../sass/_header.scss */
#toggle-menu.toggle-menu-visible span.top {
  -webkit-animation: inTop 0.8s forwards;
          animation: inTop 0.8s forwards;
  background-color: black; }

/* line 187, ../sass/_header.scss */
#toggle-menu.toggle-menu-visible span.middle {
  -webkit-animation: inMiddle 0.8s forwards;
          animation: inMiddle 0.8s forwards;
  background-color: black; }

/* line 196, ../sass/_header.scss */
#toggle-menu.toggle-menu-hidden span.top {
  -webkit-animation: outTop 0.8s backwards;
          animation: outTop 0.8s backwards;
  animation-direction: reverse; }

/* line 205, ../sass/_header.scss */
#toggle-menu.toggle-menu-hidden span.middle {
  -webkit-animation: outMiddle 0.8s backwards;
          animation: outMiddle 0.8s backwards;
  animation-direction: reverse; }

/* line 1, ../sass/_footer.scss */
footer {
  background-color: #000000;
  min-height: 275px;
  padding: 30px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 5; }

/* line 11, ../sass/_footer.scss */
footer .logo-footer img {
  width: 115px;
  height: 17px; }

/* line 16, ../sass/_footer.scss */
footer .modulo {
  width: 100%; }

/* line 18, ../sass/_footer.scss */
footer .modulo .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

@media (min-width: 1024px) {
  /* line 22, ../sass/_footer.scss */
  footer .modulo .row .col-4:last-child {
    text-align: right; } }

@media (min-width: 576px) {
  /* line 21, ../sass/_footer.scss */
  footer .modulo .row .col-4 {
    width: 100%; } }

@media (min-width: 1024px) {
  /* line 21, ../sass/_footer.scss */
  footer .modulo .row .col-4 {
    width: 33.3333333333%; } }

/* line 33, ../sass/_footer.scss */
footer .modulo .row .col-4 .menu-rrss {
  margin: 20px 0 20px; }

@media (min-width: 1024px) {
  /* line 33, ../sass/_footer.scss */
  footer .modulo .row .col-4 .menu-rrss {
    text-align: center; } }

/* line 38, ../sass/_footer.scss */
footer .modulo .row .col-4 .menu-rrss li {
  display: inline-block;
  margin: 0 40px 0 0;
  font-size: 1.45rem;
  color: #ffffff; }

@media (min-width: 1024px) {
  /* line 38, ../sass/_footer.scss */
  footer .modulo .row .col-4 .menu-rrss li {
    margin: 0 20px; } }

/* line 46, ../sass/_footer.scss */
footer .modulo .row .col-4 .menu-rrss li i {
  color: #ffffff; }

/* line 51, ../sass/_footer.scss */
footer .modulo .row .col-4 .menu-list {
  margin-bottom: 10px; }

/* line 53, ../sass/_footer.scss */
footer .modulo .row .col-4 .menu-list li {
  display: inline-block;
  margin-left: 0px;
  margin-right: 10px;
  margin-bottom: 10px; }

@media (min-width: 1024px) {
  /* line 53, ../sass/_footer.scss */
  footer .modulo .row .col-4 .menu-list li {
    margin-left: 6px;
    margin-right: 0; } }

@media (min-width: 1200px) {
  /* line 53, ../sass/_footer.scss */
  footer .modulo .row .col-4 .menu-list li {
    margin-left: 12px;
    margin-right: 0px; } }

@media (min-width: 1600px) {
  footer .modulo .row .col-4 .menu-list li {
    margin-left: 18px;
    margin-right: 0px; } }

/* line 64, ../sass/_footer.scss */
footer .modulo .row .col-4 .menu-list li a {
  text-decoration: none;
  color: #ffffff;
  font-size: 1rem;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  text-transform: uppercase; }

@media (min-width: 1200px) {
  footer .modulo .row .col-4 .menu-list li a {
    font-size: 0.75rem; } }

@media (min-width: 1366px) {
  footer .modulo .row .col-4 .menu-list li a {
    font-size: 0.8125rem; } }

@media (min-width: 1600px) {
  footer .modulo .row .col-4 .menu-list li a {
    font-size: 0.9375rem; } }

/* line 71, ../sass/_footer.scss */
footer .modulo .row .col-4 .menu-list li a.active-section {
  color: #6e6e75; }

/* line 77, ../sass/_footer.scss */
footer .modulo .row .col-4 .menu--legal {
  font-size: 0.75rem;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  color: #6e6e75; }

/* CASE-1 COLOR GENIUS */
/* line 5, ../sass/_colors.scss */
.case-1 .head-work-int {
  background-color: #242838; }

/* line 8, ../sass/_colors.scss */
.case-1 .mod-color {
  background-color: #242838; }

/* line 11, ../sass/_colors.scss */
.case-1 .mod-color--dark {
  background-color: #041021; }

/* line 14, ../sass/_colors.scss */
.case-1 .content-work-int {
  background-image: url("../img/works/case1/works_genius.jpg"); }

/* CASE-2 COLOR DESAYUNO */
/* line 20, ../sass/_colors.scss */
.case-2 .head-work-int {
  background-color: #251911; }

/* line 23, ../sass/_colors.scss */
.case-2 .mod-color {
  background-color: #251911; }

/* line 26, ../sass/_colors.scss */
.case-2 .mod-color--dark {
  background-color: #594838; }

/* line 29, ../sass/_colors.scss */
.case-2 .content-work-int {
  background-image: url("../img/works/case2/cover_desayuno_pelicula_case.jpg"); }

/* CASE-3 COLOR EMOTIONAL PULSE */
/* line 35, ../sass/_colors.scss */
.case-3 .head-work-int {
  background-color: #004479; }

/* line 38, ../sass/_colors.scss */
.case-3 .mod-color {
  background-color: #004479; }

/* line 41, ../sass/_colors.scss */
.case-3 .mod-color--dark {
  background-color: #5293C3; }

/* line 44, ../sass/_colors.scss */
.case-3 .content-work-int {
  background-image: url("../img/works/case3/cover_emotional_pulse_case.jpg"); }

/* CASE-4 COLOR LAMP COURAGE  */
/* line 51, ../sass/_colors.scss */
.case-4 .head-work-int {
  background-color: #BABAC2; }

/* line 54, ../sass/_colors.scss */
.case-4 .mod-color {
  background-color: #BABAC2; }

/* line 57, ../sass/_colors.scss */
.case-4 .mod-color--dark {
  background-color: #23334A; }

/* line 60, ../sass/_colors.scss */
.case-4 .content-work-int {
  background-image: url("../img/works/case4/cover_lamp_courage_case.jpg"); }

/* CASE-5 COLOR LUCES ROJAS */
/* line 67, ../sass/_colors.scss */
.case-5 .head-work-int {
  background-color: #292929; }

/* line 70, ../sass/_colors.scss */
.case-5 .mod-color {
  background-color: #000000; }

/* line 73, ../sass/_colors.scss */
.case-5 .mod-color--dark {
  background-color: #292929; }

/* line 76, ../sass/_colors.scss */
.case-5 .content-work-int {
  background-image: url("../img/works/case5/cover_luces_rojas_case.jpg"); }

/* CASE-6 COLOR RELATOS SALVAJES  */
/* line 83, ../sass/_colors.scss */
.case-6 .head-work-int {
  background-color: #232220; }

/* line 86, ../sass/_colors.scss */
.case-6 .mod-color {
  background-color: #35264A; }

/* line 89, ../sass/_colors.scss */
.case-6 .mod-color--dark {
  background-color: #304F4F; }

/* line 92, ../sass/_colors.scss */
.case-6 .content-work-int {
  background-image: url("../img/works/case6/cover_relatos_salvajes_case.jpg"); }

/* CASE-7 COLOR COVER TLRH  */
/* line 99, ../sass/_colors.scss */
.case-7 .head-work-int {
  background-color: #655D48; }

/* line 102, ../sass/_colors.scss */
.case-7 .mod-color {
  background-color: #655D48; }

/* line 105, ../sass/_colors.scss */
.case-7 .mod-color--dark {
  background-color: #3E3A2E; }

/* line 108, ../sass/_colors.scss */
.case-7 .content-work-int {
  background-image: url("../img/works/case7/cover_tlrh_case.jpg"); }

/* CASE-8 COLOR ZPUMP CASE  */
/* line 116, ../sass/_colors.scss */
.case-8 .head-work-int {
  background-color: #081441; }

/* line 119, ../sass/_colors.scss */
.case-8 .mod-color {
  background-color: #081441; }

/* line 122, ../sass/_colors.scss */
.case-8 .mod-color--dark {
  background-color: #010020; }

/* line 125, ../sass/_colors.scss */
.case-8 .content-work-int {
  background-image: url("../img/works/case8/cover_zpump_case.jpg"); }

/* CASE-9 COLOR BAXI */
/* line 133, ../sass/_colors.scss */
.case-9 .head-work-int {
  background-color: #283851; }

/* line 136, ../sass/_colors.scss */
.case-9 .mod-color {
  background-color: #283851; }

/* line 139, ../sass/_colors.scss */
.case-9 .mod-color--dark {
  background-color: #172432; }

/* line 142, ../sass/_colors.scss */
.case-9 .content-work-int {
  background-image: url("../img/works/case9/cover_baxi_project_case.png"); }

/* CASE-10 BG UNA NUEVA VIDA  */
/* line 149, ../sass/_colors.scss */
.case-10 .head-work-int {
  background-color: #1A383D; }

/* line 152, ../sass/_colors.scss */
.case-10 .mod-color {
  background-color: #1A383D; }

/* line 155, ../sass/_colors.scss */
.case-10 .mod-color--dark {
  background-color: #497278; }

/* line 158, ../sass/_colors.scss */
.case-10 .content-work-int {
  background-image: url("../img/works/case10/cover_una_nueva_vida_case.jpg"); }

/* CASE-11 BG SUZUKI  */
/* line 166, ../sass/_colors.scss */
.case-11 .head-work-int {
  background-color: #171921; }

/* line 169, ../sass/_colors.scss */
.case-11 .mod-color {
  background-color: #171921; }

/* line 172, ../sass/_colors.scss */
.case-11 .mod-color--dark {
  background-color: #95A251; }

/* line 175, ../sass/_colors.scss */
.case-11 .content-work-int {
  background-image: url("../img/works/case11/cover_suzuki_case.jpg"); }

/* CASE-12 BG EXAMEN DE CONSCIENCIA  */
/* line 183, ../sass/_colors.scss */
.case-12 .head-work-int {
  background-color: #081740; }

/* line 186, ../sass/_colors.scss */
.case-12 .mod-color {
  background-color: #081740; }

/* line 189, ../sass/_colors.scss */
.case-12 .mod-color--dark {
  background-color: #2C3239; }

/* line 192, ../sass/_colors.scss */
.case-12 .content-work-int {
  background-image: url("../img/works/case12/cover_examen_conciencia_case.jpg"); }

/* CASE-13 BG SEX EDUCATION  */
/* line 201, ../sass/_colors.scss */
.case-13 .head-work-int {
  background-color: #292E37; }

/* line 204, ../sass/_colors.scss */
.case-13 .mod-color {
  background-color: #292E37; }

/* line 207, ../sass/_colors.scss */
.case-13 .mod-color--dark {
  background-color: #12171B; }

/* line 210, ../sass/_colors.scss */
.case-13 .content-work-int {
  background-image: url("../img/works/case13/cover_sex_education_case.jpg"); }

/* CASE-14 BG FLOOP  */
/* line 218, ../sass/_colors.scss */
.case-14 .head-work-int {
  background-color: #94745B; }

/* line 221, ../sass/_colors.scss */
.case-14 .mod-color {
  background-color: #94745B; }

/* line 224, ../sass/_colors.scss */
.case-14 .mod-color--dark {
  background-color: #BC9D7E; }

/* line 227, ../sass/_colors.scss */
.case-14 .content-work-int {
  background-image: url("../img/works/case14/cover_flopp_case.jpg"); }

/* CASE-15 BG COACH2  */
/* line 235, ../sass/_colors.scss */
.case-15 .head-work-int {
  background-color: #5E6E7D; }

/* line 238, ../sass/_colors.scss */
.case-15 .mod-color {
  background-color: #292E37; }

/* line 241, ../sass/_colors.scss */
.case-15 .mod-color--dark {
  background-color: #12171B; }

/* line 244, ../sass/_colors.scss */
.case-15 .content-work-int {
  background-image: url("../img/works/case15/cover_coach2o_case.jpg"); }

/* CASE-16 BG MANRESA  */
/* line 252, ../sass/_colors.scss */
.case-16 .head-work-int {
  background-color: #081740; }

/* line 255, ../sass/_colors.scss */
.case-16 .mod-color {
  background-color: #081740; }

/* line 258, ../sass/_colors.scss */
.case-16 .mod-color--dark {
  background-color: #C6C5CA; }

/* line 261, ../sass/_colors.scss */
.case-16 .content-work-int {
  background-image: url("../img/works/case16/cover_baxi_manresa_case.jpg"); }

/* CASE-17 EXTREME CATWALK  */
/* line 270, ../sass/_colors.scss */
.case-17 .head-work-int {
  background-color: #6D1741; }

/* line 273, ../sass/_colors.scss */
.case-17 .mod-color {
  background-color: #6D1741; }

/* line 276, ../sass/_colors.scss */
.case-17 .mod-color--dark {
  background-color: #AA4677; }

/* line 279, ../sass/_colors.scss */
.case-17 .content-work-int {
  background-image: url("../img/works/case17/cover_the_extreme_catwalk.jpg"); }

/* line 1, ../sass/_components.scss */
main {
  overflow: hidden;
  background-color: #3d3e43; }

/* line 5, ../sass/_components.scss */
.h100 {
  height: 100vh; }

/* line 8, ../sass/_components.scss */
.mod-home--top {
  background-color: #3d3e43;
  height: 100vh;
  padding: 0;
  overflow: hidden;
  position: relative;
  width: 100%; }

/* line 18, ../sass/_components.scss */
.mod-home--top-video {
  background: url(../img/bg-landing.jpg) no-repeat left top/cover;
  /*.video {
      position: relative;
      height: 0;
      padding-bottom: 56.25%;
      width: 100%;
      height: 100%;
  } */ }

/* line 20, ../sass/_components.scss */
.mod-home--top-video h1 {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 80%;
  text-align: center; }

/* line 28, ../sass/_components.scss */
.mod-home--top-video h1 img {
  width: 100%;
  max-width: 500px;
  text-align: center;
  display: inline-block; }

@media only screen and (min-width: 1440px) {
  /* line 28, ../sass/_components.scss */
  .mod-home--top-video h1 img {
    max-width: 697px; } }

/* line 45, ../sass/_components.scss */
.mod-home--top-video video {
  width: 100%;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 0 0;
     object-position: 0 0; }

@media (min-width: 768px) {
  /* line 18, ../sass/_components.scss */
  .mod-home--top-video {
    background: url(../img/searching-help.jpg) no-repeat center top/cover !important;
    background-color: black; } }

/* line 57, ../sass/_components.scss */
.mod-home--bottom {
  padding: 0;
  width: 100%; }

/*Slider home*/
/* line 62, ../sass/_components.scss */
.slider-item--element {
  position: relative;
  z-index: 2; }

/* line 65, ../sass/_components.scss */
.slider-item--element .slider--box-text {
  font-family: "Montserrat", sans-serif;
  color: #ffffff;
  width: 80%;
  padding-top: 16%;
  padding-left: 8%;
  max-width: 400px; }

@media (min-width: 768px) {
  /* line 65, ../sass/_components.scss */
  .slider-item--element .slider--box-text {
    width: 70%; } }

@media (min-width: 1024px) {
  /* line 65, ../sass/_components.scss */
  .slider-item--element .slider--box-text {
    width: 50%;
    /*padding-top: 7%;*/
    max-width: 550px; } }

@media (min-width: 1200px) {
  /* line 65, ../sass/_components.scss */
  .slider-item--element .slider--box-text {
    width: 40%;
    padding-top: 10%; } }

/* line 84, ../sass/_components.scss */
.slider-item--element .slider--box-text .pagination {
  margin-bottom: 10px; }

/* line 86, ../sass/_components.scss */
.slider-item--element .slider--box-text .pagination span {
  color: #ffffff;
  font-weight: 500;
  font-size: 0.75rem; }

/* line 90, ../sass/_components.scss */
.slider-item--element .slider--box-text .pagination span:last-child {
  position: relative;
  margin-left: 46px; }

/* line 93, ../sass/_components.scss */
.slider-item--element .slider--box-text .pagination span:last-child::before {
  content: '';
  height: 1px;
  width: 34px;
  background-color: #ffffff;
  position: absolute;
  top: 7px;
  left: -42px; }

/* line 105, ../sass/_components.scss */
.slider-item--element .slider--box-text .titular {
  color: currentColor;
  -webkit-transform: translate(0, 1rem);
      -ms-transform: translate(0, 1rem);
          transform: translate(0, 1rem);
  opacity: 1;
  -webkit-transition: all 300ms 500ms;
  transition: all 300ms 500ms;
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 2.5rem;
  color: #ffffff;
  margin-bottom: 20px; }

@media (min-width: 768px) {
  /* line 105, ../sass/_components.scss */
  .slider-item--element .slider--box-text .titular {
    font-size: 3.25rem;
    line-height: 3.5rem; } }

@media (min-width: 1200px) {
  /* line 105, ../sass/_components.scss */
  .slider-item--element .slider--box-text .titular {
    font-size: 4.25rem;
    line-height: 4.5rem; } }

@media only screen and (min-width: 1800px) {
  /* line 105, ../sass/_components.scss */
  .slider-item--element .slider--box-text .titular {
    font-size: 5.25rem;
    line-height: 5rem; } }

/* line 128, ../sass/_components.scss */
.slider-item--element .slider--box-text .subtitular {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  color: #ffffff;
  margin-bottom: 15px;
  letter-spacing: 0.14rem; }

/* line 136, ../sass/_components.scss */
.slider-item--element .slider--box-text .texto {
  font-size: 0.8125rem;
  line-height: 1.5rem;
  font-weight: 200;
  color: #ffffff; }

/**works grid**/
/*scroll speed*/
/* line 149, ../sass/_components.scss */
.main--works-grid {
  background-color: #000000; }

/* line 152, ../sass/_components.scss */
.mod--works-grid {
  height: 5000px; }

/* line 155, ../sass/_components.scss */
.row--works-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100vh;
  width: 100%;
  position: fixed;
  top: 0px;
  left: 0px; }

/* line 164, ../sass/_components.scss */
.col--scroll-s {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  text-align: center;
  line-height: 0;
  will-change: transform;
  padding: 0;
  width: 100%; }

/* line 171, ../sass/_components.scss */
.col--scroll-s img {
  width: 100%;
  line-height: 0;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out; }

/* line 176, ../sass/_components.scss */
.col--scroll-s video {
  width: 100%;
  line-height: 0;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out; }

/*grid items*/
/* line 185, ../sass/_components.scss */
.col--scroll-s .btn--item-grid {
  position: relative;
  line-height: 0;
  display: block;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  overflow: hidden;
  text-decoration: none; }

/* line 192, ../sass/_components.scss */
.col--scroll-s .btn--item-grid:hover {
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  /*.content--grid-item {
      opacity: 1;
      transition: all 500ms ease-in-out;
      background-color: #1d1d1d61;
  }*/ }

/* line 194, ../sass/_components.scss */
.col--scroll-s .btn--item-grid:hover img {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out; }

/* line 204, ../sass/_components.scss */
.col--scroll-s .btn--item-grid .content--grid-item {
  width: 100%;
  height: 100%;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  text-align: left;
  padding: 1rem;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #1d1d1d2e;
  /*@include media-breakpoint-up(xl) {
      opacity: 0;
      background-color: transparent;
  }*/ }

/* line 218, ../sass/_components.scss */
.col--scroll-s .btn--item-grid .content--grid-item .content-text--grid-item {
  position: absolute;
  bottom: 30px;
  left: 30px; }

/* line 223, ../sass/_components.scss */
.col--scroll-s .btn--item-grid .content--grid-item .tit-grid-item {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: #ffffff; }

@media (min-width: 1024px) {
  /* line 223, ../sass/_components.scss */
  .col--scroll-s .btn--item-grid .content--grid-item .tit-grid-item {
    font-size: 1.75rem;
    line-height: 2rem; } }

/* line 234, ../sass/_components.scss */
.col--scroll-s .btn--item-grid .content--grid-item .text-grid-item {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 0.6875rem;
  line-height: 1.25rem;
  color: #ffffff;
  letter-spacing: 0.1rem; }

@media (min-width: 1024px) {
  /* line 234, ../sass/_components.scss */
  .col--scroll-s .btn--item-grid .content--grid-item .text-grid-item {
    font-size: 0.6375rem;
    line-height: 1.125rem; } }

/**work int**/
/*head work*/
/* line 256, ../sass/_components.scss */
.head-work-int .content-work-int {
  background-size: cover;
  background-repeat: no-repeat; }

/* line 260, ../sass/_components.scss */
.head-work-int .velo--mob {
  background-color: #1d1d1d61; }

@media (min-width: 1024px) {
  /* line 260, ../sass/_components.scss */
  .head-work-int .velo--mob {
    background-color: transparent; } }

/* line 266, ../sass/_components.scss */
.head-work-int .col-6 {
  width: 100%;
  position: relative; }

@media (min-width: 576px) {
  /* line 266, ../sass/_components.scss */
  .head-work-int .col-6 {
    width: 65%; } }

@media (min-width: 1024px) {
  /* line 266, ../sass/_components.scss */
  .head-work-int .col-6 {
    width: 50%; } }

/* line 335, ../sass/_components.scss */
.box-text--dest {
  font-family: "Montserrat", sans-serif;
  color: #ffffff;
  width: 100%;
  padding-left: 7%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  position: relative;
  top: 50%; }

@media (min-width: 1024px) {
  /* line 335, ../sass/_components.scss */
  .box-text--dest {
    width: 90%;
    padding-left: 25%; } }

@media (min-width: 1200px) {
  /* line 335, ../sass/_components.scss */
  .box-text--dest {
    width: 65%;
    padding-left: 12%; } }

/* line 351, ../sass/_components.scss */
.box-text--dest .titular {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.5rem;
  color: #ffffff;
  margin-bottom: 10px; }

@media (min-width: 576px) {
  /* line 351, ../sass/_components.scss */
  .box-text--dest .titular {
    font-size: 3.25rem;
    line-height: 1.75rem; } }

@media (min-width: 768px) {
  /* line 351, ../sass/_components.scss */
  .box-text--dest .titular {
    font-size: 4.25rem;
    line-height: 3rem; } }

@media (min-width: 1024px) {
  /* line 351, ../sass/_components.scss */
  .box-text--dest .titular {
    font-size: 4.85rem;
    line-height: 4.85rem; } }

@media (min-width: 1200px) {
  /* line 351, ../sass/_components.scss */
  .box-text--dest .titular {
    font-size: 5.25rem;
    line-height: 5.25rem; } }

@media only screen and (min-width: 1800px) {
  /* line 351, ../sass/_components.scss */
  .box-text--dest .titular {
    font-size: 6.25rem;
    line-height: 5.5rem; } }

/* line 378, ../sass/_components.scss */
.box-text--dest .subtitular {
  font-size: 0.75rem;
  line-height: 1.5rem;
  font-weight: 500;
  color: #ffffff;
  margin-bottom: 10px;
  letter-spacing: 0.14rem; }

/* line 386, ../sass/_components.scss */
.box-text--dest .texto {
  font-size: 0.8125rem;
  line-height: 1.5rem;
  font-weight: 200;
  color: #ffffff; }

/* line 393, ../sass/_components.scss */
.share {
  position: absolute;
  bottom: 50px;
  left: 9%; }

@media (min-width: 1024px) {
  /* line 393, ../sass/_components.scss */
  .share {
    left: 27%;
    bottom: 30px; } }

@media (min-width: 1200px) {
  /* line 393, ../sass/_components.scss */
  .share {
    left: 14%; } }

@media only screen and (min-width: 1800px) {
  /* line 393, ../sass/_components.scss */
  .share {
    bottom: 50px; } }

/* line 407, ../sass/_components.scss */
.share .light-share {
  border: none;
  background: transparent;
  cursor: pointer; }

/* line 412, ../sass/_components.scss */
.share p {
  color: #ffffff;
  display: inline-block;
  margin-right: 15px;
  font-family: "Montserrat", sans-serif;
  font-weight: 200;
  font-size: 0.875rem; }

/* line 420, ../sass/_components.scss */
.share ul.menu-rrss {
  display: inline-block;
  margin: 0; }

/* line 424, ../sass/_components.scss */
.share ul.menu-rrss li.menu-rrss--item i {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.9375rem; }

/* line 427, ../sass/_components.scss */
.share ul.menu-rrss li.menu-rrss--item i:hover {
  color: white; }

/* line 434, ../sass/_components.scss */
.mod--wrapper {
  width: 100%;
  max-width: 1200px;
  padding: 50px 10px;
  margin: 0 auto; }

  @media screen and (min-width: 1023px) {
    .mod--wrapper {
      padding: 100px 10px;
    }
  }

/* line 439, ../sass/_components.scss */
.mod--wrapper .margin-top--box-text {
  margin-top: 0px; }

@media (min-width: 768px) {
  /* line 439, ../sass/_components.scss */
  .mod--wrapper .margin-top--box-text {
    margin-top: 40px; } }

@media (min-width: 1024px) {
  /* line 439, ../sass/_components.scss */
  .mod--wrapper .margin-top--box-text {
    margin-top: 60px; } }

@media (min-width: 1200px) {
  /* line 439, ../sass/_components.scss */
  .mod--wrapper .margin-top--box-text {
    margin-top: 70px; } }

/* line 451, ../sass/_components.scss */
.mod--wrapper.clientes {
  padding-top: 0em; }

/* line 456, ../sass/_components.scss */
.mod--wrapper-small {
  width: 100%;
  max-width: 1000px;
  padding: 50px 10px;
  margin: 0 auto; }
  @media screen and (min-width: 1023px) {
    .mod--wrapper-small {
      padding: 65px 10px;
    }
  }
/* line 461, ../sass/_components.scss */
.mod--wrapper-small .margin-top--box-text {
  margin-top: 0px; }

@media (min-width: 768px) {
  /* line 461, ../sass/_components.scss */
  .mod--wrapper-small .margin-top--box-text {
    margin-top: 40px; } }

@media (min-width: 1024px) {
  /* line 461, ../sass/_components.scss */
  .mod--wrapper-small .margin-top--box-text {
    margin-top: 60px; } }

@media (min-width: 1200px) {
  /* line 461, ../sass/_components.scss */
  .mod--wrapper-small .margin-top--box-text {
    margin-top: 70px; } }

/* line 475, ../sass/_components.scss */
.box-text--col {
  font-family: "Montserrat", sans-serif;
  color: #ffffff;
  width: 100%;
  padding: 0; }

@media (min-width: 768px) {
  /* line 475, ../sass/_components.scss */
  .box-text--col {
    padding: 0 20px 0 0; } }

@media (min-width: 1024px) {
  /* line 475, ../sass/_components.scss */
  .box-text--col {
    padding: 0 50px 0 0; } }

/* line 486, ../sass/_components.scss */
.box-text--col .titular {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 2.5rem;
  color: #ffffff;
  margin-bottom: 40px; }

@media (min-width: 576px) {
  /* line 486, ../sass/_components.scss */
  .box-text--col .titular {
    font-size: 3.25rem;
    line-height: 3.25rem; } }

@media (min-width: 768px) {
  /* line 486, ../sass/_components.scss */
  .box-text--col .titular {
    font-size: 4rem;
    line-height: 4rem; } }

/* line 501, ../sass/_components.scss */
.box-text--col .subtitular {
  font-size: 0.875rem;
  line-height: 1.5rem;
  font-weight: 500;
  color: #ffffff;
  margin-bottom: 15px;
  letter-spacing: 0.14rem; }

/* line 509, ../sass/_components.scss */
.box-text--col .texto {
  font-size: 0.8125rem;
  line-height: 1.5rem;
  font-weight: 200;
  color: #ffffff;
  margin-bottom: 20px; }

/* line 516, ../sass/_components.scss */
.box-text--col .texto--big {
  font-size: 0.9375rem; }

/* line 520, ../sass/_components.scss */
.mod-color--white {
  background-color: #ffffff; }

/* line 522, ../sass/_components.scss */
.mod-color--white .mod--wrapper-small {
  padding: 50px 10px; }

@media (min-width: 1024px) {
  /* line 522, ../sass/_components.scss */
  .mod-color--white .mod--wrapper-small {
    padding: 100px 10px; } }

/* line 529, ../sass/_components.scss */
.mod-color--white .box-text--col .titular {
  color: #000000;
  font-size: 1.5rem;
  line-height: 1.5rem;
  margin-bottom: 20px; }

@media (min-width: 1024px) {
  /* line 529, ../sass/_components.scss */
  .mod-color--white .box-text--col .titular {
    font-size: 2rem;
    line-height: 2.5rem; } }

/* line 539, ../sass/_components.scss */
.mod-color--white .box-text--col .subtitular {
  color: #000000;
  font-size: 1rem;
  line-height: 1rem; }

/* line 544, ../sass/_components.scss */
.mod-color--white .box-text--col .texto {
  color: #43474c; }

/* line 547, ../sass/_components.scss */
.mod-color--white .box-text--col .firma-cita {
  font-size: 1.125rem;
  color: #000000;
  font-family: "Montserrat", sans-serif;
  font-weight: 700; }

/* line 555, ../sass/_components.scss */
.box-text--citas {
  margin: 0 0 40px 0; }

/* line 557, ../sass/_components.scss */
.box-text--citas:last-child {
  margin-bottom: 0; }

@media (min-width: 1024px) {
  /* line 555, ../sass/_components.scss */
  .box-text--citas {
    margin: 0 0 60px 0; } }

/*slider--comun*/
/* line 568, ../sass/_components.scss */
.slider--comun .slick-slide img {
  display: block;
  width: 100%; }

/* line 573, ../sass/_components.scss */
.slider--comun .slick-prev {
  left: 12px;
  z-index: 10; }

@media only screen and (min-width: 1280px) {
  /* line 573, ../sass/_components.scss */
  .slider--comun .slick-prev {
    left: -36px; } }

@media only screen and (min-width: 1600px) {
  /* line 573, ../sass/_components.scss */
  .slider--comun .slick-prev {
    left: -50px; } }

/* line 582, ../sass/_components.scss */
.slider--comun .slick-prev::before {
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 11px;
  -ms-transform: rotate(135deg);
      transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  content: ''; }

/* line 592, ../sass/_components.scss */
.slider--comun .slick-next {
  right: 18px;
  z-index: 10; }

@media only screen and (min-width: 1280px) {
  /* line 592, ../sass/_components.scss */
  .slider--comun .slick-next {
    right: -30px; } }

@media only screen and (min-width: 1600px) {
  /* line 592, ../sass/_components.scss */
  .slider--comun .slick-next {
    right: -44px; } }

/* line 601, ../sass/_components.scss */
.slider--comun .slick-next::before {
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 11px;
  -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  content: ''; }

/* line 611, ../sass/_components.scss */
.slider--comun .slick-dots {
  bottom: -70px; }

/* line 615, ../sass/_components.scss */
.slider--comun .slick-dots li button::before {
  color: #6e6e75;
  opacity: 1;
  font-size: 7px; }

/* line 623, ../sass/_components.scss */
.slider--comun .slick-dots li.slick-active button::before {
  color: #ffffff;
  opacity: 1; }

/*margin elemento superpuesto en otra sección*/
/* line 634, ../sass/_components.scss */
.margin-top--neg {
  margin-top: -170px; }

/* line 637, ../sass/_components.scss */
.padding-bottom--top-neg {
  padding-bottom: 130px; }

/*video works*/
/* line 643, ../sass/_components.scss */
.mod-video {
  background-color: #3d3e43;
  padding: 0;
  overflow: hidden;
  position: relative;
  width: 100%; }

/* line 651, ../sass/_components.scss */
.mod-video img {
  width: 100%;
  height: 100%; }

/* line 655, ../sass/_components.scss */
.mod-video video {
  width: 100%;
  /*height: 100vh;
  object-fit: cover;
  object-position: 0 0;*/ }

/* line 661, ../sass/_components.scss */
.mod-video .video_on {
  display: none; }

/* line 664, ../sass/_components.scss */
.mod-video .play_video {
  /* temporal */
  opacity: 0;
  display: inline-block;
  position: absolute;
  width: 91px;
  height: 91px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: transparent;
  border: 0;
  cursor: pointer; }

/* line 676, ../sass/_components.scss */
.mod-video .play_video::before {
  content: '';
  display: block;
  width: 91px;
  height: 91px;
  background-image: url(../img/play_video.png);
  background-repeat: no-repeat; }

/* line 685, ../sass/_components.scss */
.mod-video .on_video {
  display: block; }

/* line 688, ../sass/_components.scss */
.mod-video .off_poster {
  display: none; }

/* line 695, ../sass/_components.scss */
.videoBox {
  position: absolute;
  height: 100vh;
  width: 100vw;
  opacity: 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: black;
  z-index: -1;
  -webkit-transition: opacity 1s ease-in;
  transition: opacity 1s ease-in; }

/* line 707, ../sass/_components.scss */
.videoBox.on {
  opacity: 1;
  z-index: 1000; }
.mod-video .videoBox.on {
  position: relative;
}
/* line 711, ../sass/_components.scss */
.videoBox .out-video-vimeo, .videoBox .iframe-switch-out {
  position: absolute;
  z-index: 1001;
  right: 2em;
  top: 2em;
  cursor: pointer;
  background: transparent;
  border: none;
  font-weight: 400;
  font-size: 2em;
  color: white; }

/* line 727, ../sass/_components.scss */
.playing .main-nav {
  opacity: 0;
  z-index: -1; }

/* line 733, ../sass/_components.scss */
.iframe-switch {
  cursor: pointer; }

/* line 735, ../sass/_components.scss */
.iframe-switch.off {
  opacity: 0; }

/*lightbox*/
/* line 743, ../sass/_components.scss */
.js_lightbox_general {
  display: none;
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 0;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  position: fixed;
  top: 0;
  left: 0;
  margin: 0;
  padding: 100px 30px;
  width: 100%;
  height: 100%;
  z-index: 100000; }

/* line 757, ../sass/_components.scss */
.lightbox--body {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  position: relative; }

/* line 762, ../sass/_components.scss */
.lightbox--body .row {
  padding-top: 100px; }

/* line 765, ../sass/_components.scss */
.lightbox--body p {
  color: #ffffff;
  font-size: 0.875rem;
  font-family: "Montserrat", sans-serif;
  margin: 25px 0; }

/* line 771, ../sass/_components.scss */
.lightbox--body .tit-light {
  font-size: 1.75rem;
  font-weight: 700; }

/* line 775, ../sass/_components.scss */
.lightbox--body .btn-light {
  font-family: "Montserrat", sans-serif;
  font-size: 0.75em;
  line-height: 0.875em;
  color: #000000;
  text-transform: uppercase;
  border-radius: 0;
  padding: 1.1em 2.7em 1em;
  text-decoration: none;
  background-color: #ffffff;
  font-weight: 700;
  cursor: pointer; }

/* line 781, ../sass/_components.scss */
.lightbox--body .share {
  position: relative;
  left: inherit;
  bottom: inherit;
  margin-top: 15px; }

/* line 789, ../sass/_components.scss */
.lightbox--body .share ul li .light-share i {
  color: #ffffff; }

/* line 798, ../sass/_components.scss */
.light-close {
  background: transparent;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  position: absolute;
  top: 30px;
  right: 30px;
  text-indent: -999999px;
  cursor: pointer; }

/* line 808, ../sass/_components.scss */
.close-icon {
  width: 50px;
  height: 50px;
  overflow: hidden; }

/* line 813, ../sass/_components.scss */
.close-icon:hover::before, .close-icon:hover::after {
  background: #6e6e75; }

/* line 817, ../sass/_components.scss */
.close-icon::before, .close-icon::after {
  content: '';
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  background: #ffffff;
  height: 2px;
  margin-top: -2px; }

/* line 827, ../sass/_components.scss */
.close-icon::before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg); }

/* line 830, ../sass/_components.scss */
.close-icon::after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg); }

/* line 834, ../sass/_components.scss */
.lightbox_browser {
  text-align: center;
  display: block;
  opacity: 1;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed; }

/* line 842, ../sass/_components.scss */
.visible_on {
  display: block;
  opacity: 1;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out; }

/*contact*/
/* line 850, ../sass/_components.scss */
.mod-color--black {
  background-color: #000000; }

/* line 852, ../sass/_components.scss */
.mod-color--black h1, .mod-color--black h2, .mod-color--black h3, .mod-color--black p {
  color: #ffffff; }

/* line 855, ../sass/_components.scss */
.mod-color--black .cabeceras {
  font-size: 2.8125rem;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  text-align: center;
  margin: 135px auto 80px; }

@media (min-width: 1024px) {
  /* line 855, ../sass/_components.scss */
  .mod-color--black .cabeceras {
    font-size: 4rem; } }

@media (min-width: 1200px) {
  /* line 855, ../sass/_components.scss */
  .mod-color--black .cabeceras {
    font-size: 4.8125rem; } }

/* line 869, ../sass/_components.scss */
.box-text--sections {
  max-width: 650px;
  margin: 50px auto 50px; }
  @media (min-width: 1023px) {
    .box-text--sections {
      margin: 80px auto 80px; }
  }

/* line 872, ../sass/_components.scss */
.box-text--sections .subtit--section {
  font-size: 2.8125rem;
  margin-bottom: 1rem;
  color: #24272b;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  text-align: center;
  margin: 0 0 2rem 0;
 }

/* line 881, ../sass/_components.scss */
.box-text--sections .text--section {
  font-size: 1rem;
  text-align: center;
  color: #727272;
  line-height: 1.5rem;
  font-family: "Frank Ruhl Libre", serif; }

@media (min-width: 1024px) {
  /* line 889, ../sass/_components.scss */
  .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

/* line 894, ../sass/_components.scss */
.mod-ciudad {
  background-color: #1a1c20;
  padding: 60px 30px;
  -webkit-transition: background 400ms;
  transition: background 400ms; }

/* line 898, ../sass/_components.scss */
.mod-ciudad:hover {
  background: #1a1c20b5; }

/* line 901, ../sass/_components.scss */
.mod-ciudad:not(.mod-ciudad--active) {
  cursor: pointer; }

/* line 904, ../sass/_components.scss */
.mod-ciudad.mod--mad {
  background-image: url(../img/mad.jpg);
  background-repeat: no-repeat;
  background-size: cover; }

/* line 909, ../sass/_components.scss */
.mod-ciudad.mod--bcn {
  background-image: url(../img/bcn.jpg);
  background-repeat: no-repeat;
  background-size: cover; }

/* line 914, ../sass/_components.scss */
.mod-ciudad h3 {
  font-size: 2.25rem;
  color: #ffffff;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  position: relative;
  line-height: 3rem;
  display: inline-block; }

/* line 922, ../sass/_components.scss */
.mod-ciudad h3::after {
  content: '';
  width: 17px;
  height: 3px;
  background-color: #808080;
  position: absolute;
  bottom: 10px;
  right: -26px; }

/* line 932, ../sass/_components.scss */
.mod-ciudad .tit--ciudad-only {
  display: none; }

/* line 935, ../sass/_components.scss */
.mod-ciudad .text-contact--ciudad {
  color: #ffffff;
  font-family: "Frank Ruhl Libre", serif;
  font-size: 0.875rem; }

/* line 940, ../sass/_components.scss */
.mod-ciudad .col-2, .mod-ciudad .col-1 {
  display: none; }

/* line 943, ../sass/_components.scss */
.mod-ciudad .content--ciudad {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; }

@media (min-width: 768px) {
  /* line 947, ../sass/_components.scss */
  .mod-ciudad .col-2, .mod-ciudad .col-1 {
    display: block; } }

@media (min-width: 1024px) {
  /* line 894, ../sass/_components.scss */
  .mod-ciudad {
    width: 25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding: 200px 35px 50px; }
  /* line 957, ../sass/_components.scss */
  .mod-ciudad .content--ciudad {
    display: none; }
  /* line 960, ../sass/_components.scss */
  .mod-ciudad .tit--ciudad-only {
    display: inline-block; }
  /* line 963, ../sass/_components.scss */
  .mod-ciudad.mod--mad {
    background-image: none; }
  /* line 966, ../sass/_components.scss */
  .mod-ciudad.mod--bcn {
    background-image: none; } }

@media only screen and (min-width: 1600px) {
  /* line 894, ../sass/_components.scss */
  .mod-ciudad {
    padding: 300px 35px 50px; } }

@media (min-width: 1024px) {
  /* line 973, ../sass/_components.scss */
  .mod-ciudad.mod-ciudad--active {
    width: 75%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  /* line 979, ../sass/_components.scss */
  .mod-ciudad.mod-ciudad--active .content--ciudad {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    max-width: 750px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end; }
  /* line 984, ../sass/_components.scss */
  .mod-ciudad.mod-ciudad--active .content--ciudad .col-4, .mod-ciudad.mod-ciudad--active .content--ciudad .col-3, .mod-ciudad.mod-ciudad--active .content--ciudad .col-2, .mod-ciudad.mod-ciudad--active .content--ciudad .col-1 {
    padding: 0 0.25em;
    margin: 0; }
  /* line 989, ../sass/_components.scss */
  .mod-ciudad.mod-ciudad--active .tit--ciudad-only {
    display: none; }
  /* line 992, ../sass/_components.scss */
  .mod-ciudad.mod-ciudad--active.mod--mad {
    background-image: url(../img/mad.jpg);
    background-repeat: no-repeat;
    background-size: cover; }
  /* line 997, ../sass/_components.scss */
  .mod-ciudad.mod-ciudad--active.mod--bcn {
    background-image: url(../img/bcn.jpg);
    background-repeat: no-repeat;
    background-size: cover; } }

/* line 1007, ../sass/_components.scss */
.mod--wrapper--100 {
  width: 100%;
  padding: 50px 30px;
  margin: 0 auto; }
@media (min-width: 1023px) {
  /* line 1007, ../sass/_components.scss */
  .mod--wrapper--100 {
    padding: 100px 20px; } }
/* line 1015, ../sass/_components.scss */
.mod--wraper-ser-bot {
  padding-bottom: 50px; }

/* line 1018, ../sass/_components.scss */
.mod-color--gray2 {
  background-color: #f8f8f8; }

/* line 1021, ../sass/_components.scss */
.mod-color--gray4 {
  background: #f2f2f2; }

/* line 1025, ../sass/_components.scss */
.mod-color--dark-section {
  background: #24272b; }

/* line 1029, ../sass/_components.scss */
.listado-cifras {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

/* line 1032, ../sass/_components.scss */
.listado-cifras * {
  color: white; }

@media only screen and (min-width: 1024px) {
  /* line 1033, ../sass/_components.scss */
  .listado-cifras__section {
    width: 50%; } }

/* line 1038, ../sass/_components.scss */
.listado-cifras-datos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

/* line 1043, ../sass/_components.scss */
.listado-cifras-datos__item {
  text-align: center;
  width: 50%; }

@media only screen and (min-width: 1024px) {
  /* line 1029, ../sass/_components.scss */
  .listado-cifras {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }

/* line 1054, ../sass/_components.scss */
.listado-people-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 6rem; }

@media only screen and (min-width: 1024px) {
  /* line 1054, ../sass/_components.scss */
  .listado-people-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }

/* line 1063, ../sass/_components.scss */
.listado-people .texto-people {
  padding: 2rem 0; }
  .listado-people .texto-people:first-child {
    padding-top: 0; }

/* line 1065, ../sass/_components.scss */
.listado-people .texto-people h2 {
  color: #24272b;
  font-weight: 700; }

/* line 1069, ../sass/_components.scss */
.listado-people .texto-people .cargo {
  color: #202226;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0.5rem 0; }

/* line 1074, ../sass/_components.scss */
.listado-people .texto-people .cargo small {
  color: #202226; }

/* line 1078, ../sass/_components.scss */
.listado-people .texto-people p:not(.cargo) {
  margin-top: 1rem; }

/* line 1081, ../sass/_components.scss */
.listado-people .texto-people p {
  font-family: "Frank Ruhl Libre", serif;
  font-size: 0.9175rem;
  line-height: 1.45rem;
  color: #24272b; }

@media only screen and (min-width: 1024px) {
  /* line 1063, ../sass/_components.scss */
  .listado-people .texto-people {
    padding: 0 3rem 0 0;
    width: 40%; } }

/* line 1092, ../sass/_components.scss */
.listado-people .imagen-people {
  position: relative; }

/* line 1094, ../sass/_components.scss */
.listado-people .imagen-people img {
  width: 100%;
  display: block; }

@media only screen and (min-width: 1024px) {
  /* line 1094, ../sass/_components.scss */
  .listado-people .imagen-people img {
    position: absolute;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; } }

@media only screen and (min-width: 1024px) {
  /* line 1092, ../sass/_components.scss */
  .listado-people .imagen-people {
    width: 60%;
    overflow: hidden; } }

/* line 1109, ../sass/_components.scss */
strong {
  font-weight: 700;
  color: #24272b; }

/* line 1113, ../sass/_components.scss */
.lista-servicios {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

/* line 1116, ../sass/_components.scss */
.lista-servicios * {
  color: white; }

/* line 1117, ../sass/_components.scss */
.lista-servicios__item {
  margin-bottom: 4rem;
  line-height: 1rem; }

/* line 1120, ../sass/_components.scss */
.lista-servicios__item h3 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.5rem;
  margin-bottom: 3rem; }

/* line 1126, ../sass/_components.scss */
.lista-servicios__item p {
  font-family: "Frank Ruhl Libre", serif;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #c2c2c2; }

@media only screen and (min-width: 1024px) {
  /* line 1117, ../sass/_components.scss */
  .lista-servicios__item {
    width: 33%;
    padding: 0 2.5rem 0 2.5rem; } }

@media (min-width: 1200px) {
  /* line 1117, ../sass/_components.scss */
  .lista-servicios__item {
    padding: 0 3.5rem 0 3.5rem; } }

@media only screen and (min-width: 1024px) {
  /* line 1113, ../sass/_components.scss */
  .lista-servicios {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; } }

/* line 1146, ../sass/_components.scss */
.tit-text-section {
  font-family: "Frank Ruhl Libre", serif;
  font-size: 1.25rem;
  line-height: 1.8rem;
  max-width: 650px;
  margin: 1rem auto; }

/* line 1153, ../sass/_components.scss */
.listado-servicios-keys {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 5rem 0 0; }

/* line 1157, ../sass/_components.scss */
.listado-servicios-keys .listado-servicios-item {
  margin-bottom: 4em;
  width: 100%; }

@media (min-width: 576px) {
  /* line 1157, ../sass/_components.scss */
  .listado-servicios-keys .listado-servicios-item {
    width: 50%; } }

@media (min-width: 768px) {
  /* line 1157, ../sass/_components.scss */
  .listado-servicios-keys .listado-servicios-item {
    width: 33%; } }

@media only screen and (min-width: 1024px) {
  /* line 1157, ../sass/_components.scss */
  .listado-servicios-keys .listado-servicios-item {
    width: 20%;
    padding: 2rem 1rem; } }

/* line 1171, ../sass/_components.scss */
.listado-servicios-keys h4 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.75rem;
  margin-bottom: 2rem;
  color: #24272b; }

/* line 1179, ../sass/_components.scss */
.listado-servicios-keys .listado-servicios-inner li {
  color: #24272b;
  font-family: "Frank Ruhl Libre", serif;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 0.5rem; }

@media only screen and (min-width: 1024px) {
  /* line 1153, ../sass/_components.scss */
  .listado-servicios-keys {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; } }

/* line 1194, ../sass/_components.scss */
.seidor {
  padding-top: 100px;
  padding-bottom: 50px; }
  @media screen and (min-width: 1023px) {
    .mod--wrapper {
      padding: 100px 0;
    }
  }
/* line 1197, ../sass/_components.scss */
.seidor h3 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.75rem;
  margin-bottom: 2rem;
  color: #24272b; }

/* line 1204, ../sass/_components.scss */
.seidor p {
  color: #24272b;
  font-family: "Frank Ruhl Libre", serif;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 2rem; }

/* line 1210, ../sass/_components.scss */
.seidor p span {
  vertical-align: top;
  display: inline-block;
  margin-right: 16px;
  margin-top: -6px; }

/* line 1218, ../sass/_components.scss */
.listado-clientes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

/* line 1223, ../sass/_components.scss */
.listado-clientes .listado-clientes-item img {
  max-width: 80%;
  display: block;
  margin: 0 auto; }

@media only screen and (min-width: 1024px) {
  /* line 1232, ../sass/_components.scss */
  .order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; } }

@media only screen and (min-width: 1024px) {
  /* line 1238, ../sass/_components.scss */
  .order-2.texto-people {
    padding: 0 0 0 5rem; } }

@media only screen and (min-width: 1024px) {
  /* line 1237, ../sass/_components.scss */
  .order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; } }

/* line 1248, ../sass/_components.scss */
.btn-dark {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875em;
  line-height: 0.875em;
  color: #ffffff;
  border-radius: 0;
  padding: 1.1em 2.7em 1em;
  text-decoration: none;
  background-color: #10141b;
  font-weight: 500;
  cursor: pointer;
  margin: 40px auto;
  display: inline-block;
  -webkit-transition: all 500ms ease-in;
  transition: all 500ms ease-in; }

/* line 1262, ../sass/_components.scss */
.btn-dark:hover {
  background-color: #3d3e43; }

/* line 1266, ../sass/_components.scss */
.btn {
  border: none;
  cursor: pointer; }

/* line 1269, ../sass/_components.scss */
.btn-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 1rem 0; }

/* line 1272, ../sass/_components.scss */
.btn-box .btn {
  margin-right: 1rem; }

/* line 1274, ../sass/_components.scss */
.btn-line {
  background: transparent;
  border: 1px solid #54595f;
  text-transform: uppercase;
  padding: 1.5rem 4rem;
  font-size: 0.7rem;
  color: white;
  height: 5rem;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in; }

/* line 1283, ../sass/_components.scss */
.btn-line:hover {
  background: #54595f; }

/* line 1287, ../sass/_components.scss */
.btn-svg {
  padding: 1.2rem 2rem; }

/* line 1294, ../sass/_components.scss */
.svg.play {
  width: 1rem; }

/* line 1297, ../sass/_components.scss */
.svg .st0 {
  fill: white; }

/* line 1304, ../sass/_components.scss */
.slick-slide {
  position: relative; }

/* line 1305, ../sass/_components.scss */
.slick-slide .slick-active {
  position: relative; }

/* line 1307, ../sass/_components.scss */
.slick-slide .videoBox.on {
  position: relative;
  height: 100%; }

/* line 1311, ../sass/_components.scss */
.slick-slide .inner-slide.play-video-vimeo {
  position: relative;
  display: block;
  width: 100%; }

/* line 1315, ../sass/_components.scss */
.slick-slide .inner-slide.play-video-vimeo img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 3; }

/* line 1326, ../sass/_components.scss */
.imgCover {
  cursor: pointer;
  position: relative;
  opacity: 1;
  -webkit-transition: all 1s ease-in;
  transition: all 1s ease-in; }

/* line 1331, ../sass/_components.scss */
.imgCover.off {
  z-index: -1;
  opacity: 0; }

/* line 1338, ../sass/_components.scss */
.videoBox-slide {
  opacity: 0;
  padding-bottom: 56%;
  display: none;
  background: black; }

/* line 1343, ../sass/_components.scss */
.videoBox-slide.on {
  -webkit-animation: show 1s ease-in forwards;
          animation: show 1s ease-in forwards;
  display: block; }

/* line 1349, ../sass/_components.scss */
.video-slider {
  position: relative;
  width: 100%;
  background: black; }

/* line 1353, ../sass/_components.scss */
.video-slider .play-video-vimeo {
  position: relative;
  z-index: 100; }

/* line 1357, ../sass/_components.scss */
.video-slider .out-video-vimeo {
  position: absolute;
  right: 0;
  z-index: 101;
  color: white;
  font-size: 2em;
  padding: 1em;
  border: none;
  cursor: pointer;
  background: transparent; }

/* line 1371, ../sass/_components.scss */
.playing .play-video-vimeo {
  position: absolute;
  z-index: -1; }

/* line 1377, ../sass/_components.scss */
.main-nav {
  background: transparent;
  -webkit-transition: transform 0.5s ease-in;
  -webkit-transition: -webkit-transform 0.5s ease-in;
  transition: -webkit-transform 0.5s ease-in;
  transition: transform 0.5s ease-in;
  transition: transform 0.5s ease-in, -webkit-transform 0.5s ease-in; }

/* line 1380, ../sass/_components.scss */
.main-nav.nav-up {
  -ms-transform: translate(0, -100%);
  -webkit-transform: translate(0, -100%);
  transform: translate(0, -100%);
  background: transparent; }

/* line 1384, ../sass/_components.scss */
.main-nav.nav-down {
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  background: rgba(0, 0, 0, 0.3); }

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

@keyframes show {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/* line 1399, ../sass/_components.scss */
.listado-cifras h4 {
  font-weight: 600;
  font-size: 2em;
  line-height: 1;
  text-transform: lowercase; }

.listado-cifras h4:first-letter {
  text-transform: uppercase; }

/* line 1403, ../sass/_components.scss */
.listado-cifras h4 + p {
  margin: 2em 0; }

/* line 1407, ../sass/_components.scss */
.listado-cifras p {
  font-size: 1.4em;
  font-family: "Frank Ruhl Libre", serif;
  font-size: 1em; }

/* line 1412, ../sass/_components.scss */
.listado-cifras .destacado {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 4em;
  margin-bottom: 0.5em;
  display: block; }

/* line 1421, ../sass/_components.scss */
.listado-cifras-datos {
  text-align: center; }

/* line 1423, ../sass/_components.scss */
.listado-cifras-datos__item {
  padding: 1em;
  margin-bottom: 2em; }

/* line 1429, ../sass/_components.scss */
.scroll-top {
  position: fixed;
  bottom: 1em;
  right: 1em;
  cursor: pointer;
  z-index: 15;
  display: block;
  -ms-transform: translate(0, 200%);
  -webkit-transform: translate(0, 200%);
  transform: translate(0, 200%);
  -webkit-transition: transform 1.5s ease-in 2s;
  -webkit-transition: -webkit-transform 1.5s ease-in 2s;
  transition: -webkit-transform 1.5s ease-in 2s;
  transition: transform 1.5s ease-in 2s;
  transition: transform 1.5s ease-in 2s, -webkit-transform 1.5s ease-in 2s;
  will-change: transform; }

/* line 1439, ../sass/_components.scss */
.scroll-top img {
  width: 42px;
  height: 83px; }

/* line 1443, ../sass/_components.scss */
.scroll-top.on {
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0); }

/* line 1450, ../sass/_components.scss */
.modulo.video {
  background: black; }

/* line 1451, ../sass/_components.scss */
.modulo.video * {
  background: transparent; }

/* line 1456, ../sass/_components.scss */
.yslandia-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  padding: 0 15%; }

/* line 1463, ../sass/_components.scss */
.yslandia-detail h2 {
  font-size: 2em;
  font-weight: 700;
  color: #202226;
  line-height: 1; }

@media only screen and (min-width: 1024px) {
  /* line 1463, ../sass/_components.scss */
  .yslandia-detail h2 {
    font-size: 3.5em; } }

/* line 1472, ../sass/_components.scss */
.yslandia-detail .presentacion {
  font-size: 0.9em;
  font-weight: 300;
  margin-top: 2em; }

@media only screen and (min-width: 1024px) {
  /* line 1472, ../sass/_components.scss */
  .yslandia-detail .presentacion {
    font-size: 1.3em; } }

@media only screen and (min-width: 1024px) {
  /* line 1456, ../sass/_components.scss */
  .yslandia-detail {
    padding: 0 25%; } }

/* alvaro */
/* line 1488, ../sass/_components.scss */
.btn-line {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.25);
  text-decoration: none; }

/* line 1266, ../sass/_components.scss */
/* line 1494, ../sass/_components.scss */
.btn-line:hover {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid white; }

/* line 1499, ../sass/_components.scss */
.loader {
  background: url(../img/loading.png) no-repeat center center;
  background-color: black;
  position: absolute;
  z-index: 1000;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  -webkit-transition: opacity 1.5s ease-in-out;
  transition: opacity 1.5s ease-in-out; }

/* line 1512, ../sass/_components.scss */
.loader.ready {
  opacity: 0;
  z-index: 1; }

/* line 2, ../sass/_home.scss */
.fp-enabled body {
  background-color: #3d3e43; }

/* line 6, ../sass/_home.scss */
#fullpage {
  /*solves problem with overflowing video in Mac with Chrome */
  /* Hiding video controls
  * See: https://css-tricks.com/custom-controls-in-html5-video-full-screen/
  * --------------------------------------- */ }

/* line 8, ../sass/_home.scss */
#fullpage .section {
  overflow: hidden; }

/* line 12, ../sass/_home.scss */
#fullpage #myVideo {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  background-color: black;
  /* in case the video doesn't fit the whole page*/
  /*background-image:  our video */
  background-position: center center;
  background-size: contain;
  -o-object-fit: cover;
     object-fit: cover;
  /*cover video background */
  z-index: 3;
  display: none; }

@media (min-width: 1024px) {
  /* line 12, ../sass/_home.scss */
  #fullpage #myVideo {
    display: block; } }

/* line 32, ../sass/_home.scss */
#fullpage .bg-img--cover {
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  z-index: 3;
  opacity: 1; }

@media (min-width: 1024px) {
  /* line 32, ../sass/_home.scss */
  #fullpage .bg-img--cover {
    display: none; } }

/* line 46, ../sass/_home.scss */
#fullpage #section0 .layer {
  position: absolute;
  z-index: 4;
  width: 100%;
  left: 0;
  top: 43%;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  /*@include media-breakpoint-up(xl) {
              display: none;
          }*/ }

/* line 60, ../sass/_home.scss */
#fullpage #section0 {
  overflow: hidden; }

/* line 68, ../sass/_home.scss */
#fullpage video::-webkit-media-controls {
  display: none !important; }

/* line 73, ../sass/_home.scss */
.bg-img--home {
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out; }

/* line 85, ../sass/_home.scss */
.fp-viewing-2 .bg-img--home2 {
  opacity: 1; }

/* line 90, ../sass/_home.scss */
.fp-viewing-3 .bg-img--home3 {
  opacity: 1; }

/* line 95, ../sass/_home.scss */
.fp-viewing-4 .bg-img--home4 {
  opacity: 1; }

/* line 100, ../sass/_home.scss */
.fp-viewing-5 .bg-img--home5 {
  opacity: 1; }

/* line 105, ../sass/_home.scss */
.fp-viewing-6 .bg-img--home6 {
  opacity: 1; }

/* line 110, ../sass/_home.scss */
.fp-viewing-7 .bg-img--home7 {
  opacity: 1; }

/* line 115, ../sass/_home.scss */
.fp-viewing-8 .bg-img--home8 {
  opacity: 1; }

/* line 120, ../sass/_home.scss */
.fp-viewing-9 .bg-img--home9 {
  opacity: 1; }

/* line 125, ../sass/_home.scss */
.fp-viewing-10 .bg-img--home10 {
  opacity: 1; }

/* line 130, ../sass/_home.scss */
.fp-viewing-11 .bg-img--home11 {
  opacity: 1; }

/* line 135, ../sass/_home.scss */
.fp-viewing-12 .bg-img--home12 {
  opacity: 1; }

.fp-viewing-13 .bg-img--home13 {
  opacity: 1; }

  .fp-viewing-14 .bg-img--home13 {
    opacity: 1; }
/* line 141, ../sass/_home.scss */
#section01 {
  background: #f8f8f8 !important; }

/* line 147, ../sass/_home.scss */
#fp-nav {
  position: absolute;
  bottom: 3em;
  left: 50%;
  margin-top: 0 !important;
  width: 3em;
  height: 3em;
  top: auto;
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  display: none;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in 0.5s;
  transition: opacity 0.5s ease-in 0.5s; }

/* line 159, ../sass/_home.scss */
#fp-nav ul li a span {
  background: transparent; }

/* line 163, ../sass/_home.scss */
.fp-viewing-0 #fp-nav {
  display: block;
  opacity: 1; }

/* line 166, ../sass/_home.scss */
.fp-viewing-0 #fp-nav li {
  display: none !important; }

/* line 168, ../sass/_home.scss */
.fp-viewing-0 #fp-nav li:nth-child(2) {
  width: 20px;
  height: 51px;
  display: block !important;
  background: url(../img/scroll_down.svg) no-repeat center center/cover; }

/* line 179, ../sass/_home.scss */
.fp-viewing-1 #fp-nav {
  display: block;
  opacity: 1; }

/* line 182, ../sass/_home.scss */
.fp-viewing-1 #fp-nav li {
  display: none !important; }

/* line 184, ../sass/_home.scss */
.fp-viewing-1 #fp-nav li:nth-child(3) {
  width: 20px;
  height: 51px;
  display: block !important;
  background: url(../img/scroll_down.svg) no-repeat center center/cover; }

/* line 194, ../sass/_home.scss */
.logo-home {
  display: none; }

@media only screen and (min-width: 1024px) {
  /* line 194, ../sass/_home.scss */
  .logo-home {
    display: block; } }

/*menu hamburguesa*/
@-webkit-keyframes inMiddle {
  0% {
    top: 9px; }
  50% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(45deg); } }

@keyframes inMiddle {
  0% {
    top: 9px; }
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); } }

@-webkit-keyframes outMiddle {
  50% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(45deg); } }

@keyframes outMiddle {
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); } }

@-webkit-keyframes inTop {
  0% {
    top: 0; }
  50% {
    top: 9px;
    -webkit-transform: rotate(0deg); }
  100% {
    top: 9px;
    -webkit-transform: rotate(135deg); } }

@keyframes inTop {
  0% {
    top: 0; }
  50% {
    top: 9px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    top: 9px;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg); } }

@-webkit-keyframes outTop {
  0% {
    top: 0; }
  50% {
    top: 6px;
    -webkit-transform: rotate(0deg); }
  100% {
    top: 6px;
    -webkit-transform: rotate(135deg); } }

@keyframes outTop {
  0% {
    top: 0; }
  50% {
    top: 6px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    top: 6px;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg); } }

@-webkit-keyframes inBottom {
  0% {
    top: 18px; }
  50% {
    top: 9px;
    -webkit-transform: rotate(0deg); }
  100% {
    top: 9px;
    -webkit-transform: rotate(135deg); } }

@keyframes inBottom {
  0% {
    top: 18px; }
  50% {
    top: 9px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    top: 9px;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg); } }

@-webkit-keyframes outBottom {
  0% {
    top: 18px; }
  50% {
    top: 6px;
    -webkit-transform: rotate(0deg); }
  100% {
    top: 6px;
    -webkit-transform: rotate(135deg); } }

@keyframes outBottom {
  0% {
    top: 18px; }
  50% {
    top: 6px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    top: 6px;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg); } }

/*Fade*/
/* line 234, ../sass/_animations.scss */
.fade {
  opacity: 1;
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
  position: fixed;
  width: 100%;
  z-index: 0; }

/* line 241, ../sass/_animations.scss */
.zindex--effect-fade {
  position: relative;
  z-index: 2; }

/* line 247, ../sass/_animations.scss */
.logo-home img {
  -webkit-animation: slide-down 2s ease 0.5s forwards;
  animation: slide-down 2s ease 0.5s forwards;
  opacity: 0;
  -ms-transform: translate(0, -80%);
  -webkit-transform: translate(0, -80%);
  transform: translate(0, -80%); }

@-webkit-keyframes slide-down {
  0% {
    -ms-transform: translate(0, -80%);
    -webkit-transform: translate(0, -80%);
    transform: translate(0, -80%);
    opacity: 0; }
  30% {
    opacity: 0; }
  100% {
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1; } }

@keyframes slide-down {
  0% {
    -ms-transform: translate(0, -80%);
    -webkit-transform: translate(0, -80%);
    transform: translate(0, -80%);
    opacity: 0; }
  30% {
    opacity: 0; }
  100% {
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1; } }

/*slick slide*/
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url('../images/ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url('fonts/slick.eot');
  src: url('fonts/slick.eot?#iefix') format("embedded-opentype"), url('fonts/slick.woff') format("woff"), url('fonts/slick.ttf') format("truetype"), url('fonts/slick.svg#slick') format("svg");
  font-weight: normal;
  font-style: normal; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

/* line 18, ../sass/style.scss */
body {
  font-size: 15px;
  background: black; }

/* line 23, ../sass/style.scss */
* {
  font-family: "Montserrat", sans-serif;
  color: #808080;
  line-height: 1;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

/* line 33, ../sass/style.scss */
h1 {
  font-size: 2.5rem;
  font-weight: 400; }

/* line 34, ../sass/style.scss */
h2 {
  font-size: 2rem;
  font-weight: 400; }

/* line 35, ../sass/style.scss */
h3 {
  font-size: 1.375rem;
  font-weight: 400; }

/* line 36, ../sass/style.scss */
h4 {
  font-size: 1.125rem;
  font-weight: 400; }

/* line 37, ../sass/style.scss */
h5 {
  font-size: 1rem;
  font-weight: 400; }

/* line 38, ../sass/style.scss */
h6 {
  font-size: 0.875rem;
  font-weight: 400; }

/* line 39, ../sass/style.scss */
p {
  font-size: 1rem;
  font-weight: 400; }

/* line 40, ../sass/style.scss */
ul {
  padding: 0;
  list-style-type: none; }

/* line 48, ../sass/style.scss */
.text--left {
  text-align: left; }

/* line 51, ../sass/style.scss */
.text--right {
  text-align: right; }

/* line 54, ../sass/style.scss */
.text--center {
  text-align: center; }

/* line 60, ../sass/style.scss */
.display--block {
  display: block; }

/* line 61, ../sass/style.scss */
.display--inline {
  display: inline; }

/* line 64, ../sass/style.scss */
.hidden {
  display: none; }

@media only screen and (min-width: 48em) {
  /* line 66, ../sass/style.scss */
  .hidden--sm {
    display: block; } }

@media only screen and (min-width: 64em) {
  /* line 71, ../sass/style.scss */
  .hidden--md {
    display: block; } }

.pad-no--top {
  padding-top: 0 !important; }

.pad-no--bottom {
  padding-bottom: 0 !important; }

.pad-no--left {
  padding-left: 0 !important; }

.pad-no--right {
  padding-right: 0 !important; }

.margin-no--top {
  margin-top: 0 !important; }

.margin-no--bottom {
  margin-bottom: 0 !important; }

.margin-no--left {
  margin-left: 0 !important; }

.margin-no--right {
  margin-right: 0 !important; }

/* CAMBIOS ALVARO 3-05-2019 ICONOS LOGO AWARDS SECCION DATOS */
.imagen-premium {
  text-align: center; }

.imagen-premium img {
  width: 100%;
  height: auto;
  display: inline-block;
  max-width: 140px; }

.main--contact.contact .modulo.mod-color--black.bg_header {
  background-image: url(../img/contact/cover_contact.png);
  background-size: cover;
  background-position: center; }

.main--contact.services .modulo.mod-color--black.bg_header {
  background-image: url(../img/services/cover_services.png);
  background-size: cover;
  background-position: center; }

.main--contact.people .modulo.mod-color--black.bg_header {
  background-image: url(../img/people/cover_our_team.jpg);
  background-size: cover;
  background-position: center; }

.case-13 .head-work-int {
  background-color: #6D1541; }

.case-13 .mod-color {
  background-color: #6D1541; }

.case-13 .mod-color--dark {
  background-color: #AA4678; }

/* Sebastián */
.idiom {
  display: none; }

.head-work-int .share {
  display: none; }

.listado-people .texto-people .cargo small {
  color: #202226;
  line-height: 1.5;
  display: block;
  margin-top: 2em; }

.text-contact--ciudad a {
  color: white;
  text-decoration: none; }

.mod-home--top-video h1 {
  margin-top: 3em; }

@media screen and (min-width: 768px) {
  footer .modulo .row .col-4 .menu-list {
    font-size: 0.6rem; } }

.case-15 .box-text--dest * {
  color: #5f6e7c !important; }

.case-14 .box-text--dest * {
  color: #94755b !important; }

.case-15 .head-work-int {
  background-color: #292E37; }

.case-6 .head-work-int {
  background-color: #35264A; }

.box-text--sections .text--section, .seidor p, .listado-servicios-keys .listado-servicios-inner li, .tit-text-section, .lista-servicios__item p, .listado-cifras p, .listado-people .texto-people p, .mod-ciudad .text-contact--ciudad {
  font-family: "Montserrat", sans-serif; }

.listado-people .texto-people p {
  font-size: 0.875rem; }

.mod-ciudad .text-contact--ciudad {
  font-size: 0.75rem; }

.imagen-premium img {
  width: 100%;
  max-width: 70px; }

.listado-cifras p {
  font-size: 0.8125rem; }

.lista-servicios__item p {
  font-size: 0.875rem; }

.box-text--sections .text--section {
  font-size: 0.9375rem; }

.seidor p {
  font-size: 0.875rem; }

/* line 135, ../sass/_home.scss */
.fp-viewing-11 .bg-img--home9 {
  opacity: 1; }

#section4 .slider--box-text * {
  color: #94755b; }

#section7 .slider--box-text * {
  color: #5f6e7c; }

#section4 .svg .st0 {
  fill: #94755b; }

#section7 .svg .st0 {
  fill: #5f6e7c; }

#section4 .btn-line {
  border: 1px solid #94755b; }

#section7 .btn-line {
  border: 1px solid #5f6e7c; }

#section4 .slider-item--element .slider--box-text .pagination span:last-child::before {
  background-color: #94755b; }

#section7 .slider-item--element .slider--box-text .pagination span:last-child::before {
  background-color: #5f6e7c; }

.btn-line {
  padding: 1.125rem 2rem;
  height: 4rem; }

.btn-line {
  padding: 1.5rem 2rem;
  height: 4rem;
  text-align: center; }

@media screen and (min-width: 1024px) {
  .btn-line {
    padding: 1.5rem 4rem;
    height: 5rem; }
  .fullpage-wrapper .btn-line {
    padding: 1.5rem 1rem;
    height: 5rem;
    line-height: 1.9375rem;
    width: 210px; }
  .fullpage-wrapper .play-video-vimeo {
    width: 140px;
    line-height: inherit; } }

.slider--comun .slick-dots li button::before {
  font-size: 22px; }

.fp-viewing-0 #fp-nav li:nth-child(2), .fp-viewing-1 #fp-nav li:nth-child(3) {
  width: 12px;
  height: 30px; }

.main-nav--menu .menu-list .menu-list--item a span {
  line-height: 1;
  margin-top: 6px; }

/*n*/
.row.no-gutter.velo--mob::before {
  content: '';
  background-color: #1d1d1d61;
  width: 100%;
  height: 100%;
  position: absolute; }

@media (min-width: 1024px) {
  .row.no-gutter.velo--mob::before {
    background-color: transparent; } }

@media (min-width: 576px) {
  .box-text--dest .titular {
    line-height: 1; } }

.box-text--dest .titular {
  line-height: 1; }

.listado-cifras p {
  line-height: 1.5; }

.box-text--col .texto {
  line-height: 1.5; }

.mod-ciudad .text-contact--ciudad {
  font-size: 0.875rem;
  line-height: 1.5; }

.yslandia-detail .presentacion {
  line-height: 1.5; }

#fullpage .fp-section::before {
  content: '';
  background-color: #1d1d1d61;
  width: 100%;
  height: 100%;
  position: absolute; }

@media (min-width: 1024px) {
  #fullpage .fp-section::before {
    background-color: transparent; } }

.fp-viewing-0 #fullpage .fp-section::before, .fp-viewing-1 #fullpage .fp-section::before {
  display: none; }


/* JAG */

  /*.slider-1 .play-video-vimeo{display: none;}*/


/* SEBAS LANDING */

/* line 19, ../sass/_variables.scss */
a {
  color: inherit;
  text-decoration: none;
}

/* line 23, ../sass/_variables.scss */
ul {
  padding-left: 0;
  list-style-type: none;
}

/* line 30, ../sass/_variables.scss */
.block {
  display: block;
}

/* line 31, ../sass/_variables.scss */
.txt-center {
  text-align: center;
}

/* line 32, ../sass/_variables.scss */
.txt-right {
  text-align: right;
}

/* line 33, ../sass/_variables.scss */
.txt-right {
  text-align: left;
}

/* line 34, ../sass/_variables.scss */
.off {
  display: none;
}

/* line 35, ../sass/_variables.scss */
.clear {
  clear: both;
}

@media screen and (min-width: 1024px) {
  /* line 36, ../sass/_variables.scss */
  .only-mobile {
    display: none;
  }
}

/* line 42, ../sass/_variables.scss */
.only-desktop-block {
  display: none;
}
@media screen and (min-width: 1024px) {
  /* line 42, ../sass/_variables.scss */
  .only-desktop-block {
    display: block;
  }
}
/* line 48, ../sass/_variables.scss */
.only-desktop-inline {
  display: none;
}
@media screen and (min-width: 1024px) {
  /* line 48, ../sass/_variables.scss */
  .only-desktop-inline {
    display: inline-block;
  }
}

/* line 3, ../sass/_components.scss */
.landing-sh .titulo {
  color: #ffd788;
  font-family: brandon-grotesque, sans-serif;
  font-style: normal;
  font-weight: 390;
  letter-spacing: 4px;
  margin-bottom: 2.5em;
  font-size: 2.2em;
}
/* line 11, ../sass/_components.scss */
.landing-sh .titulo.destacado {
  margin-bottom: 1em;
}
/* line 16, ../sass/_components.scss */
.landing-sh .wrapper {
  width: 80%;
  margin: 0 auto;
  max-width: 120em;
}

.landing-sh .section4 ul .wrapper {
  display: flex;
  flex-direction: column-reverse;
}

@media screen and (min-width: 1024px) {
  /* line 23, ../sass/_components.scss */
  .landing-sh .destacado + .destacado {
    margin-bottom: 1em;
  }
}
@media screen and (min-width: 1024px) {
  /* line 22, ../sass/_components.scss */
  .landing-sh .destacado {
    max-width: 70%;
    margin: 0 auto;
  }
}
/* line 34, ../sass/_components.scss */
.landing-sh .header {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  background: url(../img/bg-landing.jpg) no-repeat center center/cover;
}
/* line 42, ../sass/_components.scss */
.landing-sh .header .wrapper {
  z-index: 3;
  position: relative;
}
/* line 45, ../sass/_components.scss */
.landing-sh .header .wrapper img {
  display: block;
  width: 100%;
  margin: 0 auto;
  position: static;
}
@media screen and (min-width: 1024px) {
  /* line 42, ../sass/_components.scss */
  .landing-sh .header .wrapper {
    display: none;
  }
}
/* line 53, ../sass/_components.scss */
.landing-sh .header .down-arrow {
  display: inline-block;
  position: absolute;
  bottom: 4em;
  z-index: 4;
  width: 3.2em;
  transform: scale(.7);
}
/* line 60, ../sass/_components.scss */
.landing-sh .header .videoBg {
  display: none;
}
@media screen and (min-width: 1024px) {
  /* line 60, ../sass/_components.scss */
  .landing-sh .header .videoBg {
    display: block;
  }
  .landing-sh .header .down-arrow {
    display: inline-block;
  }
}
@media screen and (min-width: 1024px) {
  /* line 34, ../sass/_components.scss */
  .landing-sh .header {
    height: 100vh;
    justify-content: flex-end;
    background: none;
  }
}
/* line 73, ../sass/_components.scss */
.landing-sh .section {
  padding: 4em 1em;
}
@media screen and (min-width: 1024px) {
  /* line 73, ../sass/_components.scss */
  .landing-sh .section {
    padding: 5em 1em;
  }
}
/* line 78, ../sass/_components.scss */
.landing-sh .section1 {
  padding-bottom: 0;
}
/* line 81, ../sass/_components.scss */
.landing-sh .section2 {
  padding: 0;
  position: relative;
}
@media screen and (min-width: 1024px) {
  /* line 84, ../sass/_components.scss */
  .landing-sh .section2 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 2em 0 6em;
  }
}
/* line 92, ../sass/_components.scss */
.landing-sh .section2 li {
  padding: 2em 1em;
  text-align: left;
}
/* line 95, ../sass/_components.scss */
.landing-sh .section2 li p {
  padding: 0 2em 0 0;
}
@media screen and (min-width: 1024px) {
  /* line 95, ../sass/_components.scss */
  .landing-sh .section2 li p {
    padding: 0 4em 0 0;
  }
}
/* line 101, ../sass/_components.scss */
.landing-sh .section2 li img {
  transform: scale(0.6);
  transform-origin: left bottom;
  display: block;
}
@media screen and (min-width: 1024px) {
  /* line 92, ../sass/_components.scss */
  .landing-sh .section2 li {
    padding: 0 0 0 2%;
    width: 25%;
    margin: 0 0% 0 6%;
  }
}
/* line 113, ../sass/_components.scss */
.landing-sh .section3 {
  background: #342b4d;
}
/* line 116, ../sass/_components.scss */
.landing-sh .section4 {
  position: relative;
}
@media screen and (min-width: 1024px) {
  /* line 118, ../sass/_components.scss */
  .landing-sh .section4 ul {
    transform: translate(0, 5%);
  }
}
/* line 124, ../sass/_components.scss */
.landing-sh .section4 li .wrapper {
  align-items: center;
}
/* line 127, ../sass/_components.scss */
.landing-sh .section4 li .wrapper .imageBox img {
  display: block;
  width: 80%;
  margin: 3em auto;
}
@media screen and (min-width: 1024px) {
  /* line 127, ../sass/_components.scss */
  .landing-sh .section4 li .wrapper .imageBox img {
    width: 70%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1024px) {
  /* line 126, ../sass/_components.scss */
  .landing-sh .section4 li .wrapper .imageBox {
    width: 40%;
  }
}
/* line 139, ../sass/_components.scss */
.landing-sh .section4 li .wrapper .textBox {
  text-align: left;
  padding: 2em 0;
  margin-bottom: 1em;
}



@media screen and (min-width: 1024px) {
  /* line 139, ../sass/_components.scss */
  .landing-sh .section4 li .wrapper .textBox {
    width: 60%;
    padding: 0 30% 0 0;
  }
  .landing-sh .section4 li:nth-child(2) .textBox {
    text-align: right;
  }
}
@media screen and (min-width: 1024px) {
  /* line 124, ../sass/_components.scss */
  .landing-sh .section4 li .wrapper {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
  }
}
@media screen and (min-width: 1024px) {
  /* line 152, ../sass/_components.scss */
  .landing-sh .section4 li .wrapper.reverted {
    flex-direction: row-reverse;
  }
}


@media screen and (min-width: 1024px) {
  /* line 161, ../sass/_components.scss */
  .landing-sh .section4 li:nth-child(2) .imageBox img {
    transform: translate(0, -10%);
  }
  .landing-sh .section4 li:nth-child(2) {
    background: #342b4d;
  }
}
/* line 167, ../sass/_components.scss */
.landing-sh .section4 li:nth-child(2) .textBox {
  text-align: left;
}
@media screen and (min-width: 1024px) {
  /* line 167, ../sass/_components.scss */
  .landing-sh .section4 li:nth-child(2) .textBox {
    width: 60%;
    padding-right: 0;
    padding: 0 0 0 30%;
    transform: translate(0, -30%);
  }

}
@media screen and (min-width: 1024px) {
  /* line 158, ../sass/_components.scss */
  .landing-sh .section4 li:nth-child(2) {
    position: relative;
    z-index: -1;
    top: -5em;
  }
}
@media screen and (min-width: 1024px) {
  /* line 182, ../sass/_components.scss */
  .landing-sh .section4 li:nth-child(3) {
    transform: translate(0, -40%);
  }
}
/* line 188, ../sass/_components.scss */
.landing-sh .section4 li.reverted::after {
  background: #201931;
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  right: 0;
  height: 10em;
  z-index: -1;
}
/* line 201, ../sass/_components.scss */
.landing-sh .section4 .numero {
  color: #ffd788;
  font-size: 5.6em;
  line-height: 1;
  margin: 0;
}
@media screen and (min-width: 1024px) {
  /* line 116, ../sass/_components.scss */
  .landing-sh .section4 {
    padding: 5em 0em;
  }
}
/* line 212, ../sass/_components.scss */
.landing-sh .section5 .light {
  background: #342b4d;
  position: relative;
}
/* line 215, ../sass/_components.scss */
.landing-sh .section5 .light::before {
  content: "";
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  height: 8em;
  background: #201931;
  position: absolute;
}
/* line 225, ../sass/_components.scss */
.landing-sh .section5 .light::after {
  content: "";
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  height: 17em;
  background: #201931;
  position: absolute;
}
@media screen and (min-width: 1024px) {
  /* line 236, ../sass/_components.scss */
  .landing-sh .section5 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
/* line 244, ../sass/_components.scss */
.landing-sh .section5 li p {
  text-align: center;
  width: 90%;
  margin: 2em auto;
  padding: 1em;
}
.landing-sh .section5 li:nth-child(3) p {
  margin: 2em auto 0;
}
/* line 249, ../sass/_components.scss */
.landing-sh .section5 li p b {
  color: #ffd788;
  font-size: 1.5em;
  font-family: brandon-grotesque, sans-serif;
  font-weight: 300;
}
@media screen and (min-width: 1024px) {
  /* line 244, ../sass/_components.scss */
  .landing-sh .section5 li p {
    padding: 0 0 2em 0;
    margin: 0 auto;
  }
  .landing-sh .section5 li:nth-child(3) p {
    margin: 0 auto;
  }
}
@media screen and (min-width: 1024px) {
  /* line 258, ../sass/_components.scss */
  .landing-sh .section5 li:first-child p {
    transform: translate(12%, 0px);
  }
}
@media screen and (min-width: 1024px) {
  /* line 264, ../sass/_components.scss */
  .landing-sh .section5 li:nth-child(2) {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 5em;
  }
}
@media screen and (min-width: 1024px) {
  /* line 243, ../sass/_components.scss */
  .landing-sh .section5 li {
    width: 31%;
  }
}
/* line 275, ../sass/_components.scss */
.landing-sh .section5 img {
  display: block;
  width: 90%;
  margin: 0 auto;
}

.landing-sh .section5 li:nth-child(2) img.only-mobile {
  width: auto;
}


.landing-sh .section5 li:nth-child(3) img {
  transform: scale(.8);
}


@media screen and (min-width: 1024px) {
  /* line 279, ../sass/_components.scss */

  .landing-sh .section5 img.app {
    width: 57%;
  }
  .landing-sh .section5 img {
    transform: none;
  }
  .landing-sh .section5 li:nth-child(1) img {
    transform: none;
  }
  .landing-sh .section5 li:nth-child(3) img {
    transform: none;
  }
}
/* line 285, ../sass/_components.scss */
.landing-sh .section5 .wrapper {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  /* line 211, ../sass/_components.scss */
  .landing-sh .section5 {
    padding: 0;
  }
}
@media screen and (min-width: 1024px) {
  /* line 293, ../sass/_components.scss */
  .landing-sh .section6 {
    transform: translate(0, -80%);
  }
}
/* line 301, ../sass/_components.scss */
.landing-sh .footer {
  background: black;
}
/* line 305, ../sass/_components.scss */
.landing-sh .radial {
  display: none;
}
@media screen and (min-width: 1024px) {
  /* line 305, ../sass/_components.scss */
  .landing-sh .radial {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#342b4d+0,342b4d+70&1+0,0+70 */
    background: -moz-radial-gradient(center, ellipse cover, #342b4d 0%, rgba(52, 43, 77, 0) 70%);
    /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, #342b4d 0%, rgba(52, 43, 77, 0) 70%);
    /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, #342b4d 0%, rgba(52, 43, 77, 0) 70%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#342b4d', endColorstr='#00342b4d',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */
    width: 100vh;
    height: 100vh;
    position: absolute;
    opacity: .8;
    display: inline-block;
  }
  /* line 318, ../sass/_components.scss */
  .landing-sh .radial.radial1 {
    top: -50%;
    left: -30%;
  }
  /* line 322, ../sass/_components.scss */
  .landing-sh .radial.radial2 {
    top: -50%;
    right: -30%;
    z-index: 2;
  }
  /* line 327, ../sass/_components.scss */
  .landing-sh .radial.radial3 {
    top: 0;
    left: -30%;
  }
  .landing-sh .section5 li:nth-child(2) img.only-mobile {
    display:none
  }
}
/* line 335, ../sass/_components.scss */
.landing-sh .videoBg video {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  object-fit: cover;
  object-position: center;
}
/* line 349, ../sass/_components.scss */
.landing-sh .bg-bottom {
  display: none;
}
@media screen and (min-width: 1024px) {
  /* line 349, ../sass/_components.scss */
  .landing-sh .bg-bottom {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#201931+0,201931+100&0+0,1+100 */
    background: -moz-linear-gradient(top, rgba(32, 25, 49, 0) 0%, #201931 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(32, 25, 49, 0) 0%, #201931 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(32, 25, 49, 0) 0%, #201931 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00201931', endColorstr='#201931',GradientType=0 );
    /* IE6-9 */
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    display: inline-block;
    height: 25vh;
    z-index: 1;
  }
}

/**
 * Featherlight - ultra slim jQuery lightbox
 * Version 1.7.9 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2017, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all {
  /* line 8, ../sass/_featherlight.min.scss */
  html.with-featherlight {
    overflow: hidden;
  }

  /* line 8, ../sass/_featherlight.min.scss */
  .featherlight {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2147483647;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    background: #333;
    background: transparent;
  }

  /* line 8, ../sass/_featherlight.min.scss */
  .featherlight:last-of-type {
    background: rgba(0, 0, 0, 0.8);
  }

  /* line 8, ../sass/_featherlight.min.scss */
  .featherlight:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }

  /* line 8, ../sass/_featherlight.min.scss */
  .featherlight .featherlight-content {
    position: relative;
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    overflow: auto;
    padding: 25px 25px 0;
    border-bottom: 25px solid transparent;
    margin-left: 5%;
    margin-right: 5%;
    max-height: 95%;
    background: #fff;
    cursor: auto;
    white-space: normal;
  }

  /* line 8, ../sass/_featherlight.min.scss */
  .featherlight .featherlight-inner {
    display: block;
  }

  /* line 8, ../sass/_featherlight.min.scss */
  .featherlight link.featherlight-inner, .featherlight script.featherlight-inner, .featherlight style.featherlight-inner {
    display: none;
  }

  /* line 8, ../sass/_featherlight.min.scss */
  .featherlight .featherlight-close-icon {
    position: absolute;
    z-index: 9999;
    top: 0;
    right: 0;
    line-height: 25px;
    width: 25px;
    cursor: pointer;
    text-align: center;
    font-family: Arial,sans-serif;
    background: #fff;
    background: rgba(255, 255, 255, 0.3);
    color: #000;
    border: 0;
    padding: 0;
  }

  /* line 8, ../sass/_featherlight.min.scss */
  .featherlight .featherlight-close-icon::-moz-focus-inner {
    border: 0;
    padding: 0;
  }

  /* line 8, ../sass/_featherlight.min.scss */
  .featherlight .featherlight-image {
    width: 100%;
  }

  /* line 8, ../sass/_featherlight.min.scss */
  .featherlight-iframe .featherlight-content {
    border-bottom: 0;
    padding: 0;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
  }

  /* line 8, ../sass/_featherlight.min.scss */
  .featherlight iframe {
    border: 0;
  }

  /* line 8, ../sass/_featherlight.min.scss */
  .featherlight * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 8, ../sass/_featherlight.min.scss */
  .featherlight .featherlight-content {
    margin-left: 0;
    margin-right: 0;
    max-height: 98%;
    padding: 10px 10px 0;
    border-bottom: 10px solid transparent;
  }
}
@media print {
  @page {
    size: landscape;
  }
  /* line 8, ../sass/_featherlight.min.scss */
  html.with-featherlight > * > :not(.featherlight) {
    display: none;
  }
}
/* line 4, ../sass/_animation.scss */
.landing-sh .module-up {
  opacity: 0;
  transform: translate(0, 100px);
}
/* line 7, ../sass/_animation.scss */
.landing-sh .module-up.on {
  animation: slideUp 1.5s ease-in-out forwards 0.5s;
}
/* line 12, ../sass/_animation.scss */
.landing-sh .section2 {
  opacity: 0;
  transform: translate(0, 150px);
}
/* line 15, ../sass/_animation.scss */
.landing-sh .section2.on {
  animation: slideUp 1.5s ease-in-out forwards 0.5s;
}
/* line 20, ../sass/_animation.scss */
.landing-sh .section3 {
  opacity: 0;
  transform: translate(0, 150px);
}
/* line 23, ../sass/_animation.scss */
.landing-sh .section3.on {
  animation: slideUp 1s ease-in-out forwards 0.7s;
}
/* line 28, ../sass/_animation.scss */
.landing-sh .section4 {
  opacity: 0;
  transform: translate(0, 150px);
}
/* line 31, ../sass/_animation.scss */
.landing-sh .section4.on {
  animation: slideUp 2s ease-in-out forwards 0.7s;
}
/* line 36, ../sass/_animation.scss */
.landing-sh .section5 {
  opacity: 0;
  transform: translate(0, 150px);
}
/* line 39, ../sass/_animation.scss */
.landing-sh .section5.on {
  animation: slideUp3 1s ease-in-out forwards 0.7s;
}
/* line 44, ../sass/_animation.scss */
.landing-sh .section6 {
  opacity: 0;
  transform: translate(0, 100px);
}
.landing-sh .section9 {
  opacity: 0;
  transform: translate(0, 100px);
}
.landing-sh .section9.on {
  animation: slideUp 2s ease-in-out forwards ;
}
.video-box {
  position: relative;
}

.video-box img {
  display: block;
  width: 100%;
}

.video-box .video-tag {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.video-box-poster {
  position: relative;
  cursor: pointer;
  transition: opacity 0.5s ease;
  z-index: 1;
}

.video-box-poster.on {
  opacity: 0;
}
.video-box-poster.on.off {
  z-index: -1;
}
/* line 47, ../sass/_animation.scss */
.landing-sh .section6.on {
  animation: slideUp2 1s ease-in-out forwards 0.5;
}
@keyframes slideUp {
  0% {
    opacity: 0;
    -moz-transform: translate(0, 150px);
    -ms-transform: translate(0, 150px);
    -webkit-transform: translate(0, 150px);
    transform: translate(0, 150px);
  }
  100% {
    opacity: 1;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes slideUp2 {
  0% {
    opacity: 1;
    -moz-transform: translate(0, 150px);
    -ms-transform: translate(0, 150px);
    -webkit-transform: translate(0, 150px);
    transform: translate(0, 150px);
  }
  100% {
    opacity: 1;
    -moz-transform: translate(0, -80%);
    -ms-transform: translate(0, -80%);
    -webkit-transform: translate(0, -80%);
    transform: translate(0, -80%);
  }
}
@keyframes slideUp3 {
  0% {
    opacity: 0;
    -moz-transform: translate(0, 150px);
    -ms-transform: translate(0, 150px);
    -webkit-transform: translate(0, 150px);
    transform: translate(0, 150px);
  }
  100% {
    opacity: 1;
    -moz-transform: translate(0, -1%);
    -ms-transform: translate(0, -1%);
    -webkit-transform: translate(0, -1%);
    transform: translate(0, -1%);
  }
}
/* line 11, ../sass/styles.scss */
* {
  box-sizing: border-box;
}

/* line 15, ../sass/styles.scss */
.landing-sh {
  font-size: 13px;
  font-family: 'Montserrat', sans-serif;
  color: white;
  background: #201931 !important;
  text-align: center;
  font-weight: 300;
  line-height: 1.8;
  overflow-x: hidden;
}

.landing-sh main {
  background: #201931 !important;
}

.landing-sh .section4 .numero b {
  color: #ffd788;
  font-family: brandon-grotesque, sans-serif;
  font-weight: 300;
}

.landing-sh p, .landing-sh b {
  color: white;
  font-weight: 300;
  line-height: 1.8
}

.landing-sh .section.fp-auto-height {
  padding:0;
}

.landing-sh .section.section6.destacado.on {
  opacity: 1;
}


.text-slider.sh {
    position: absolute;
    top: 0;
    left: 9em;
    color: white;
}

.text-slider.sh h3, .text-slider.sh p {
    color: white;
}

.text-slider.sh h3 {
  margin-bottom: 1em;
  font-size:2em;
  font-weight: 700;
  line-height: 1;
  max-width: 50%;
}


.text-slider.sh p {
    color: white;
    line-height: 1.5;
    max-width: 50%;
    font-size: 0.9em;
}
@media screen and (min-width: 1023px) {
  .text-slider.sh h3 {
    font-size:3.5em;
  }
  .text-slider.sh p {
    font-size:1em;
  }
}
.text-slider.sh .btn-box {
  margin-top: 2em;
}

@media screen and (max-width: 1023px) {
  .text-slider.sh {
      top: -9em;
      left: 2em;
  }

  .text-slider.sh p {
      max-width: 95%;
  }

}

.landing-sh .main-nav {z-index: 1000;}
.landing-sh .main-nav--menu {text-align: left;}

.landing-sh .header .wrapper {
  transform: none;
}



@media screen and (max-width: 1023px) {
  /* temporal */
  .fp-viewing-0 #fp-nav li:nth-child(2) {
    display: none !important;
  }
  .landing-sh .header .wrapper li:nth-child(2) img {
    transform: translate(0,-30%);
  }
  .landing-sh .section5 li:nth-child(1) img {
    transform: translate(-21%,0);
    width: 120%;
  }
  .landing-sh .section5 li:nth-child(2) img.only-desktop-block {
    display: none;
  }
  .landing-sh .section5 li:nth-child(2) img.only-mobile {
    width: auto;
    display: block;
  }
  .absoluteVideoSH {
    display: none;
  }
  .landing-sh .header .wrapper {
    transform: translate(0,-15%);
  }
  .landing-sh .section4 li .wrapper .textBox {
    text-align: center !important;
  }
}



.absoluteVideoSH {
    object-fit:cover;
    object-position: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: red;
}

.landing-sh .section5 .light p.only-mobile {

    transform: translate(0,-30%);

}

@media screen and (max-height: 650px) and (min-width: 1024px) {
  .landing-sh .header .down-arrow {
      right: 5em;
  }
}


/* ********CAREERS******** */
.text--color-base {
  color: #24272b;
}
.text--color-texts {
  color: #24272b;
}
.text--plane {
  font-family: 'Frank Ruhl Libre', serif;
  font-size: 1rem;
  line-height: 1.5rem;
  margin: 0 0 2.5rem 0;
}
.text--plane--small {
  font-size: 0.875rem;
}
.text--plane--medium {
  font-size: 1.125rem;
  line-height: 1.85rem;
}
.text--plane--big {
  font-size: 1.25rem;
  line-height: 1.9rem;
}
.box--ofertas h3 {
  font-size: 1.125rem;
  margin: 0 0 2.5rem 0;
}
.box--ofertas .tit--oferta-int {
  font-size: 2.25rem;
  line-height: 2.5rem;
}
@media screen and (min-width: 1023px) {
  .box--ofertas .tit--oferta-int {
    font-size: 2.75rem;
    line-height: 3rem;
  }
}

.box--ofertas .text--ciudad {
  font-size: 1rem;
  font-weight: 500;
}
.tit--form-oferta {
  margin-bottom: 1.5rem;
  font-size: 2.1rem;
}
.box-text--sections-careers-top {
  width: 100%;
  max-width: 645px;
  color: #24272b;
}
@media screen and (min-width: 1023px) {
  .box-text--sections-careers-top {
    width: 63%;
  }
}
.box-text--sections .subtit--section-careers {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-family: 'Frank Ruhl Libre', serif;
  font-weight: 300;
  color: #24272b;
}
@media screen and (min-width: 1023px) {
  .box-text--sections .subtit--section-careers {
    font-size: 1.85rem;
    line-height: 2.5rem;
  }
}

.box-list--departamentos {
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
}
.tit--departaments {
  font-size: 1.125rem;
  font-weight: 600;
  color: #24272b;
}
.text--departaments {
  font-size: 1.125rem;
  font-weight: 300;
  color: #24272b;
  margin-top: 2rem;
  margin-bottom: 0rem;
}
.box--departaments {
  margin: 0 1em;
  padding: 0 1em;
}
@media screen and (min-width: 768px) {
  .text--departaments {
    margin-top: 0rem;
    margin-bottom: 1rem;
  }
  .box--departaments {
    margin: 1em;
    padding: 1em;
  }
}

.text--departaments span {
  font-weight: 500;
  color: #24272b;
  margin-right: 1rem;
}
.box--oferta-abierta .titular--secundario {
  font-weight: 800;
  color: #24272b;
  font-size: 2.25rem;
  margin: 0 0 1.25rem 0;
}
.box--oferta-abierta .text--plane--medium {
  font-size: 1.125rem;
  color: #7f8081;
}
.list--ofertas-abiertas li {
  margin-bottom: 1.5rem;
}
.list--ofertas-abiertas li a {
  color: #24272b;
  font-size: 1.25rem;
  font-family: 'Frank Ruhl Libre', serif;
}
@media screen and (min-width: 768px) {
  .box--oferta-abierta .titular--secundario {
    font-size: 2.75rem;
    margin: 0 0 2.75rem 0;
  }
  .list--ofertas-abiertas {
    margin-top: 5.5rem;
  }
}

.mod--wrapper-row {
  max-width: 1200px;
  margin: 0 auto;
  padding: 50px 0 20px;
}
.mod-row {
  border-bottom: 1px solid #dfdfdf;
}
.mod-row:last-child {
  border-bottom: none;
}
@media screen and (min-width: 768px) {
  .mod--wrapper-row {
    padding: 80px 0 45px;
  }
}

/*list general bullets*/
.list--general-bullets {
  list-style-type: disc;
  list-style-position: outside;
  padding-left: 0.20rem;
  margin-left: 1.15rem;
   }
  .list--general-bullets--item {
    padding: 0 0 0 0.5rem;
    margin: 0 0 1.5rem; 
    color: #727272;
    line-height: 1.85rem;
  }
/*ofertas abiertas*/
.list-ofertas--item {
  padding: 2rem 2rem 0 2.5rem;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  border-bottom: 1px solid #e5e5e5; }
  .list-ofertas--item:first-child {
    border-top: 1px solid #e5e5e5; }
  .list-ofertas--item a {
    text-decoration: none;
    display: block;
    padding-bottom: 3rem;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    position: relative; }
  .list-ofertas--item h3 {
    font-size: 1.25rem;
    margin-top: 1rem; }
  .list-ofertas--item span {
    display: inline-block;
    max-width: 90%;
    opacity: 0.5;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    margin-top: 0.5rem;
    position: absolute;
    top: -8px;
    right: 7px; }
  .list-ofertas--item:hover {
    background-color: #f8f8f8;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease; }
    .list-ofertas--item:hover span {
      display: inline-block;
      -webkit-transition: all 500ms ease;
      transition: all 500ms ease;
      opacity: 1;
      right: 12px; }

/*box--oferta-int*/
.box--oferta-int h3 {
  margin-top: 3rem; }

.list-oferta-int {
  padding-left: 2rem; }
  .list-oferta-int .list--general-bullets {
    padding-left: 2rem; }
/*form*/
.box-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 2rem 0 0; }
  .box-form--element {
    width: 100%;
    padding: 0.5rem 1rem; }
    @media (min-width: 1024px) {
      .box-form--element {
        width: 50%;
        margin: 0.5rem 0 0; } }
  .box-form select, .box-form .input-select {
    background-color: transparent;
    padding: 0rem 1rem;
    width: 100%;
    height: 33px;
    color: #000000;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    cursor: pointer;
    font-size: 1rem; 
    }
  .box-form button {
    background-color: #000000;
    color: #ffffff;
    padding: 0rem 1rem;
    width: 100%;
    height: 33px;
    margin: 0;
    cursor: pointer;
    text-transform: uppercase; }
  .box-form .btn--buscar {
    border: 1px solid #000000;
    text-transform: uppercase;
    font-size: 0.75rem; }
  .box-form .btn--enviar {
    border: 1px solid #000000;
    width: 100%;
    text-transform: uppercase;
    font-size: 0.75rem; }
    @media (min-width: 1024px) {
      .box-form .btn--enviar {
        width: 60%; } }
  .box-form .box-form--select {
    position: relative; }
    .box-form .box-form--select::after {
      content: '';
      border: solid #000000;
      border-width: 0 1px 1px 0;
      padding: 3px;
      transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      width: 4px;
      height: 4px;
      display: block;
      position: absolute;
      right: 35px;
      top: 25px; }
  .box-form .input--comun {
    border: 0;
    border-bottom: 1px solid #808183;
    color: #24272b;
    font-size: 1rem;
    padding: 0.5rem;
    background-color: transparent;
    width: 100%; 
    font-family: 'Frank Ruhl Libre', serif;}
  .box-form label {
    margin: 0.5rem 0 1.5rem;
    display: block; }
  .box-form .custom_check {
    width: 1.25rem;
    height: 1.25rem;
    background-color: white;
    border: 1px solid #000000;
    display: block;
    position: absolute;
    top: 12px;
    left: 18px;
    z-index: 3;
    pointer-events: none;
    overflow: hidden; }
    .box-form .custom_check.custom_check--active:before {
      content: "";
      background-image: url("../img/check.svg");
      background-repeat: no-repeat;
      font-size: 1rem;
      text-align: center;
      height: 0.25rem;
      display: block;
      margin-top: 0.2rem;
      margin-left: 0.15rem;
      padding-top: 0.5rem; }
  .box-form .box-form--check {
    display: flex;
    width: 100%;
    margin-bottom: 1rem;
    position: relative; }
    .box-form .box-form--check .form-check {
      width: 19px;
      height: 24px;
      cursor: pointer;
      margin-left: 3px;
      margin-top: 3px;
      margin-right: 10px; }
    .box-form .box-form--check label {
      margin-left: 12px;
      margin: 0; }
      .box-form .box-form--check label a {
        text-decoration: none; }

        .box-form input[type="file"] {
          width: 0.1px;
          height: 0.1px;
          opacity: 0;
          overflow: hidden;
          position: absolute;
          z-index: -1;
        }
        .box-form .label--file {
          font-weight: 700;
          text-align: center;
          display: inline-block;
          border: 1px solid #000000;
          width: 100%;
          text-transform: uppercase;
          -webkit-appearance: none;
          -moz-appearance: none;
          -ms-appearance: none;
          appearance: none;
          cursor: pointer;
          font-size: 0.75rem;
          margin-top: 1.5rem;
          background-color: transparent;
          font-weight: 400;
          padding: 0.875rem 0.5rem 0.5rem;
          height: 40px;
      }
      
      #inputcv:focus + .label--file,
      #inputcv + .label--file:hover {
          background-color: #000000;
          color: white;
      }
      #inputcarta:focus + .label--file,
      #inputcarta + .label--file:hover {
          background-color: #000000;
          color: white;
      }
      @media (min-width: 1024px){
        .box-form .label--file {
          width: 65%;
        }
      }

/************news************/

.news--dest {
  margin: 0 0 2rem 0;
}
.news--dest.col-8 {
  width: 66.6%;
}
.news--dest.col-4 {
  width: 33.3%;
}
.news--dest.col-6 {
  width: 50%;
}
.news--dest.col-4 a {
  margin: 0 0 3.5rem 0;
}
.news--dest a {
  display: block;
}
.news--dest img {
  width: 100%;
}
.news--dest h2 {
  margin: 2.25rem 0 0;
  font-size: 1.25rem;
  line-height: 2rem;
  font-weight: 500;
}
.news--dest-head--big h2 {
  margin: 2.25rem 0 0;
  font-size: 2.25rem;
  line-height: 2.75rem;
  color: #000000;
  font-weight: 500;
  padding-right: 3rem;
}
.news--dest p {
  color: #727272;
  font-size: 1rem;
  margin: 2rem 0 0;
}
.news--dest .text-fecha-news {
  color: #727272;
  font-size: 0.75rem;
  text-transform: uppercase;
  margin: 2.25rem 0 0;
}