/*--------------------------------- Archivos del config -----------------------------------*/
/* FLEXBOX */
/**/
/* Icono del menu del movil */
/*-----------------------------*/
/*-----------------------------*/
/*--------  COLORES
/*-----------------------------*/
/*-----------------------------*/
/*-----------------------------*/
/*-----------------------------*/
/*--------  Z-INDEX
/*-----------------------------*/
/*-----------------------------*/
/*-----------------------------*/
/*-----------------------------*/
/*--------  FONT FAMILY
/*-----------------------------*/
/*-----------------------------*/
/*-----------------------------*/
/*-----------------------------*/
/*--------  LINE HEIGHTS
/*-----------------------------*/
/*-----------------------------*/
/*---------------------------------- Archivos del base ------------------------------------*/
@font-face {
  font-family: 'Mukta';
  src: url("../fonts/Mukta-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Mukta-Bold';
  src: url("../fonts/Mukta-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Mukta-Light';
  src: url("../fonts/Mukta-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Mukta-ExtraBold';
  src: url("../fonts/Mukta-ExtraBold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Mukta-ExtraLight';
  src: url("../fonts/Mukta-ExtraLight.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Mukta-Medium';
  src: url("../fonts/Mukta-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Mukta-SemiBold';
  src: url("../fonts/Mukta-Semibold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

/*--------------------------------------- Modules -----------------------------------------*/
body {
  margin: 0; }

/** landing-lookbook-primaverav18 **/
.landing-lookbook-otono-i18 {
  max-width: 1920px;
  margin: 0 auto;
  font-family: "Mukta", sans-serif;
  display: block;
  text-align: left;
  background: #F2F1F2;
  /** GENERAL STYLES **/ }
  .landing-lookbook-otono-i18 a {
    text-decoration: none; }
  .landing-lookbook-otono-i18 p {
    padding: 0;
    line-height: 120%; }
  .landing-lookbook-otono-i18 img {
    display: block;
    max-width: 100%; }
  .landing-lookbook-otono-i18 .has-padding {
    padding: 0 5%; }
  .landing-lookbook-otono-i18 .ui-text {
    font-size: 4.5vw;
    line-height: 150%; }
  .landing-lookbook-otono-i18 .hidden-xs {
    display: none; }
  .landing-lookbook-otono-i18 h1, .landing-lookbook-otono-i18 h2, .landing-lookbook-otono-i18 h3, .landing-lookbook-otono-i18 h4 {
    margin: 0px; }
  .landing-lookbook-otono-i18__slide {
    padding: 15px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left center;
    position: relative; }
    .landing-lookbook-otono-i18__slide__image {
      margin: auto; }
    .landing-lookbook-otono-i18__slide__text {
      -webkit-transform: translateX(50%);
      -moz-transform: translateX(50%);
      -o-transform: translateX(50%);
      -ms-transform: translateX(50%);
      transform: translateX(50%);
      position: absolute;
      right: 50%;
      top: 55%;
      width: 90%;
      text-align: center;
      color: #383431; }
      .landing-lookbook-otono-i18__slide__text__title {
        margin: 0;
        font-weight: bold;
        letter-spacing: 2px;
        font-size: 6.0vw; }
      .landing-lookbook-otono-i18__slide__text__subtitle {
        margin: 0;
        margin-top: 10px;
        text-transform: uppercase;
        letter-spacing: 2.5px;
        font-size: 3.0vw; }
      .landing-lookbook-otono-i18__slide__text__logo {
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
        width: 100%;
        max-width: 60% !important;
        margin-top: 6vw; }
  .landing-lookbook-otono-i18__image-title {
    height: 60px;
    background-size: cover;
    background-position: center center; }
  .landing-lookbook-otono-i18__block {
    display: block;
    padding: 40px 20px;
    text-align: center; }
    .landing-lookbook-otono-i18__block__title {
      color: #c10000;
      line-height: 120%;
      font-size: 22px;
      font-weight: 600; }
    .landing-lookbook-otono-i18__block__text {
      color: #383431;
      display: block;
      margin: 0;
      margin-top: 20px;
      font-size: 16px; }
  .landing-lookbook-otono-i18__collections {
    display: -webkit-box ;
    /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox ;
    /* TWEENER - IE 10 */
    display: -webkit-flex ;
    /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex ;
    /* NEW, Spec - Firefox, Chrome, Opera */
    -ms-flex-wrap: wrap;
    /* IE10 */
    -webkit-wrap: wrap;
    /* Safari / iOS */
    flex-wrap: wrap;
    padding: 0 20px; }
    .landing-lookbook-otono-i18__collections__item {
      position: relative;
      width: 100%; }
    .landing-lookbook-otono-i18__collections__image {
      width: 100%; }
    .landing-lookbook-otono-i18__collections__link {
      position: absolute;
      -webkit-transform: translate(50%, -50%);
      -moz-transform: translate(50%, -50%);
      -o-transform: translate(50%, -50%);
      -ms-transform: translate(50%, -50%);
      transform: translate(50%, -50%);
      position: absolute;
      right: 50%;
      top: 50%;
      text-align: center;
      color: #000000;
      width: 70%;
      max-width: 55vw;
      padding: 20px 10px;
      text-transform: uppercase;
      letter-spacing: 3px;
      font-weight: bold;
      font-size: 14px;
      line-height: 120%;
      background: rgba(255, 255, 255, 0.8);
      font-size: 3.2vw;
      height: 3vw;
      max-height: 30px;
      -webkit-box-sizing: content-box;
      box-sizing: content-box;
      display: -webkit-box ;
      /* OLD - iOS 6-, Safari 3.1-6, BB7 */
      display: -ms-flexbox ;
      /* TWEENER - IE 10 */
      display: -webkit-flex ;
      /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
      display: flex ;
      /* NEW, Spec - Firefox, Chrome, Opera */
      -ms-flex-direction: column;
      /* IE10 */
      -webkit-flex-direction: column;
      /* Safari / iOS */
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-justify-content: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .landing-lookbook-otono-i18__collections__link span {
        letter-spacing: 7px; }
  .landing-lookbook-otono-i18__collection-title {
    display: block;
    padding: 40px 20px;
    text-align: center; }
    .landing-lookbook-otono-i18__collection-title__title {
      font-family: "Mukta-Bold", sans-serif;
      color: #e20026;
      display: block;
      padding-bottom: 20px;
      padding-top: 20px;
      line-height: 120%;
      font-size: 32px; }
    .landing-lookbook-otono-i18__collection-title__text {
      color: #383431;
      display: block;
      margin: 0;
      font-size: 16px; }
  .landing-lookbook-otono-i18__collection-list {
    display: -webkit-box ;
    /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox ;
    /* TWEENER - IE 10 */
    display: -webkit-flex ;
    /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex ;
    /* NEW, Spec - Firefox, Chrome, Opera */
    -ms-flex-wrap: wrap;
    /* IE10 */
    -webkit-wrap: wrap;
    /* Safari / iOS */
    flex-wrap: wrap; }
    .landing-lookbook-otono-i18__collection-list__item {
      display: block;
      position: relative;
      margin: 0 10%;
      margin-bottom: 10%; }
      .landing-lookbook-otono-i18__collection-list__item:first-child {
        margin-top: 10%; }
      .landing-lookbook-otono-i18__collection-list__item.small-padding {
        margin-left: 5%;
        margin-right: 5%; }
      .landing-lookbook-otono-i18__collection-list__item:last-child {
        margin-bottom: 0; }
      .landing-lookbook-otono-i18__collection-list__item:hover .landing-lookbook-otono-i18__collection-list__image-hover {
        z-index: 1;
        opacity: 1; }
      .landing-lookbook-otono-i18__collection-list__item.is-big {
        margin-right: 0;
        margin-left: 0; }
    .landing-lookbook-otono-i18__collection-list__text {
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      position: absolute;
      left: 50%;
      top: 50%;
      width: 65%;
      text-align: center;
      color: #FFF;
      text-transform: uppercase;
      letter-spacing: 1.5px;
      margin: 0;
      font-size: 4.5vw;
      font-weight: 600;
      line-height: 140% !important; }
    .landing-lookbook-otono-i18__collection-list__image {
      width: 100%; }
    .landing-lookbook-otono-i18__collection-list__image-hover {
      -webkit-transition: 0.3s opacity ease-in-out;
      -moz-transition: 0.3s opacity ease-in-out;
      -o-transition: 0.3s opacity ease-in-out;
      transition: 0.3s opacity ease-in-out;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      width: 100%;
      z-index: -1;
      opacity: 0; }
  .landing-lookbook-otono-i18__video {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    height: auto; }
    .landing-lookbook-otono-i18__video__content {
      position: relative; }
    .landing-lookbook-otono-i18__video__img {
      cursor: pointer;
      width: 100%;
      position: relative;
      z-index: 1;
      display: block; }
    .landing-lookbook-otono-i18__video iframe {
      background: #000000;
      border: 0;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .landing-lookbook-otono-i18__collections-footer {
    display: block;
    text-align: center;
    padding: 40px 20px; }
    .landing-lookbook-otono-i18__collections-footer__title {
      line-height: 120%;
      font-size: 16px;
      font-weight: 600;
      padding-bottom: 20px; }
    .landing-lookbook-otono-i18__collections-footer__text {
      font-size: 16px;
      color: #383431;
      margin: 0;
      width: 80%;
      margin-left: auto;
      margin-right: auto; }
    .landing-lookbook-otono-i18__collections-footer__img {
      margin: 0 auto;
      margin-top: 20px;
      width: 100%; }
    .landing-lookbook-otono-i18__collections-footer__buttons {
      display: block;
      margin-top: 40px; }
    .landing-lookbook-otono-i18__collections-footer__link {
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      cursor: pointer;
      display: inline-block;
      display: block;
      text-transform: uppercase;
      padding: 6px 10px;
      letter-spacing: 2px;
      font-weight: bold;
      color: #FFF;
      background: #e20026;
      margin: 0 auto;
      margin-bottom: 20px;
      max-width: 280px;
      height: 6vw;
      max-height: 40px;
      line-height: 120%;
      -webkit-box-sizing: content-box;
      box-sizing: content-box;
      display: -webkit-box ;
      /* OLD - iOS 6-, Safari 3.1-6, BB7 */
      display: -ms-flexbox ;
      /* TWEENER - IE 10 */
      display: -webkit-flex ;
      /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
      display: flex ;
      /* NEW, Spec - Firefox, Chrome, Opera */
      -ms-flex-direction: column;
      /* IE10 */
      -webkit-flex-direction: column;
      /* Safari / iOS */
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-justify-content: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .landing-lookbook-otono-i18__collections-footer__link span {
        letter-spacing: 5px; }
      .landing-lookbook-otono-i18__collections-footer__link:last-child {
        margin-bottom: 0; }
      .landing-lookbook-otono-i18__collections-footer__link:hover {
        color: #FFF;
        background: #363332; }

/*------------------------------------- Breakpoints ---------------------------------------*/
/* MEDIAQUERY 768PX
*********************************************************************/
@media all and (min-width: 769px) {
  /** landing-lookbook-primaverav18 768px **/
  .landing-lookbook-otono-i18 .hidden-xs {
    display: block; }
  .landing-lookbook-otono-i18 .hidden-md {
    display: none; }
  .landing-lookbook-otono-i18__slide {
    background-position: bottom center; }
    .landing-lookbook-otono-i18__slide__text {
      -webkit-transform: translate(0, -50%);
      -moz-transform: translate(0, -50%);
      -o-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      left: auto;
      right: 0;
      top: 50%;
      width: 36%;
      padding-right: 15px; }
      .landing-lookbook-otono-i18__slide__text__title {
        font-size: 3vw; }
      .landing-lookbook-otono-i18__slide__text__subtitle {
        font-size: 1.4vw;
        letter-spacing: 0.3vw; }
      .landing-lookbook-otono-i18__slide__text__logo {
        margin-top: 20px;
        width: 220px;
        max-width: 100% !important; }
  .landing-lookbook-otono-i18__block {
    padding: 60px 40px; }
    .landing-lookbook-otono-i18__block__title {
      font-size: 3vw; }
    .landing-lookbook-otono-i18__block__text {
      font-size: 2.2vw;
      margin-top: 0; }
  .landing-lookbook-otono-i18__collections {
    padding: 0 15px; }
    .landing-lookbook-otono-i18__collections__item {
      -webkit-box-flex: 1;
      /* OLD - iOS 6-, Safari 3.1-6 */
      -webkit-flex: 1;
      /* Safari 6.1+. iOS 7.1+, BB10 */
      -ms-flex: 1;
      /* IE 10 */
      flex: 1;
      /* NEW, Spec - Firefox, Chrome, Opera */ }
      .landing-lookbook-otono-i18__collections__item img {
        height: 100%; }
    .landing-lookbook-otono-i18__collections__link {
      font-size: 14px;
      padding: 12px 10px; }
  .landing-lookbook-otono-i18__collection-title {
    padding: 40px; }
    .landing-lookbook-otono-i18__collection-title__title {
      padding-bottom: 10px;
      font-size: 4vw; }
    .landing-lookbook-otono-i18__collection-title__text {
      font-size: 2.2vw; }
  .landing-lookbook-otono-i18__collection-list {
    margin-top: 5px; }
    .landing-lookbook-otono-i18__collection-list__item {
      width: calc(33% - (55px / 3));
      margin: 0;
      margin-right: 30px;
      padding: 0; }
      .landing-lookbook-otono-i18__collection-list__item:last-child {
        margin-right: 0; }
      .landing-lookbook-otono-i18__collection-list__item:first-child {
        width: calc(50% - (15% / 2));
        margin-left: 5%;
        margin-right: 5%;
        margin-top: 0; }
      .landing-lookbook-otono-i18__collection-list__item:nth-child(2) {
        width: calc(50% - (15% / 2));
        margin-right: 5%; }
      .landing-lookbook-otono-i18__collection-list__item:nth-child(3) {
        width: calc(100% - 10%);
        margin: 5%; }
    .landing-lookbook-otono-i18__collection-list__text {
      line-height: 120% !important;
      font-size: 2vw;
      width: 70%; }
  .landing-lookbook-otono-i18__video {
    padding: 0 10%;
    padding-bottom: 40px; }
  .landing-lookbook-otono-i18__collections-footer {
    padding-top: 60px; }
    .landing-lookbook-otono-i18__collections-footer__title {
      font-size: 3vw; }
    .landing-lookbook-otono-i18__collections-footer__text {
      margin-top: 10px;
      font-size: 2.2vw; }
    .landing-lookbook-otono-i18__collections-footer img {
      max-width: 40%;
      margin-left: auto;
      margin-right: auto; }
    .landing-lookbook-otono-i18__collections-footer__buttons {
      display: -webkit-box ;
      /* OLD - iOS 6-, Safari 3.1-6, BB7 */
      display: -ms-flexbox ;
      /* TWEENER - IE 10 */
      display: -webkit-flex ;
      /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
      display: flex ;
      /* NEW, Spec - Firefox, Chrome, Opera */
      -webkit-justify-content: space-between;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 40px;
      max-width: 40%;
      margin-left: auto;
      margin-right: auto; }
    .landing-lookbook-otono-i18__collections-footer__link {
      width: 50%;
      max-width: none;
      margin: 0; }
      .landing-lookbook-otono-i18__collections-footer__link:first-child {
        margin-right: 20px; } }

/* MEDIAQUERY 980PX
*********************************************************************/
@media all and (min-width: 980px) {
  /** landing-lookbook-primaverav18 980px **/ }

/* MEDIAQUERY 1200PX
*********************************************************************/
@media all and (min-width: 1200px) {
  /** landing-lookbook-primaverav18 1200px **/
  .landing-lookbook-otono-i18__slide__text {
    width: 37%; }
    .landing-lookbook-otono-i18__slide__text__title {
      font-size: 38px; }
    .landing-lookbook-otono-i18__slide__text__subtitle {
      font-size: 16px; }
    .landing-lookbook-otono-i18__slide__text__logo {
      width: 280px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 40px; }
  .landing-lookbook-otono-i18__image-title {
    height: 100px; }
  .landing-lookbook-otono-i18__block {
    width: 80%;
    margin-left: auto;
    margin-right: auto; }
    .landing-lookbook-otono-i18__block__title {
      font-size: 36px; }
    .landing-lookbook-otono-i18__block__text {
      font-size: 18px;
      letter-spacing: 2px;
      line-height: 160% !important; }
  .landing-lookbook-otono-i18__collections__item:hover .landing-lookbook-otono-i18__collections__link {
    background: rgba(0, 0, 0, 0.8);
    color: #FFF; }
  .landing-lookbook-otono-i18__collections__link {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-size: 17px;
    padding: 12px 10px; }
  .landing-lookbook-otono-i18__collection-title__title {
    font-size: 40px;
    margin-bottom: 30px; }
  .landing-lookbook-otono-i18__collection-title__text {
    font-size: 18px;
    letter-spacing: 2px; }
  .landing-lookbook-otono-i18__collection-list {
    margin-top: 10px; }
    .landing-lookbook-otono-i18__collection-list__item {
      width: calc(33% - 3px);
      margin-right: 10px;
      margin-bottom: 10px; }
  .landing-lookbook-otono-i18__collections-footer__title {
    font-size: 36px; }
  .landing-lookbook-otono-i18__collections-footer__text {
    font-size: 18px;
    letter-spacing: 2px; }
  .landing-lookbook-otono-i18__collections-footer__buttons {
    margin-bottom: 55px; } }