@import url(https://fonts.googleapis.com/css?family=Muli:400,700,800);

    .idk { background-color: #121212 !important; }
    .idk .container { padding: 25% !important; }
    #indigoyellowsecslider { display: none; }

    .fp-section  { margin: 0 !important; padding: 0 !important; }
      .fp-table  { margin: 0 !important; padding: 0 !important; }
      .fp-completely { margin: 0 !important; padding: 0 !important; }
      .fp-tableCell { margin: 0 !important; padding: 0 !important; }
      #fullpage .section { overflow: hidden !important; }
      #home { text-align: right;}
      #home2 { display: none; }

      p { font-size: 14px !important; }
      a { font-size: 12.6px !important; }
      h3 { font-size: 24px !important; }
      .wrapper .content { padding: 5% 0 0 0 !important; }
      .text-indigo h2 { text-align: left; font-size: 49px !important; }
      .text-indigo-spotlight h3 { text-align: left; }
      .text-indigo-spotlight p { text-align: left; }
      footer { font-size: 11.2px !important; }
      .toggle { position: absolute; z-index: 999; margin: 2% 0 0 80%;  }

    /* ICON STYLES - ICON FROM: http://fontastic.me/
    –––––––––––––––––––––––––––––––––––––––––––––––––– */

    [class^="icon-"]:after,
    [class*=" icon-"]:after {
      font-family: "untitled-font-1";
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      speak: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

    .icon-up-open-big { display: inline-block; }

    .icon-up-open-big:after {
      content: "a";
      font-size: 2.5em;
      display: block;
      -webkit-transform: rotateX(180deg);
              transform: rotateX(180deg);
      color: black;
      transition: color .3s;
    }

    .icon-up-open-big:hover:after {
      color: white; 
    }

    .scroll-icon {
      position: absolute;
      left: 50%;
      bottom: 30px;
      padding: 0 10px;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
    }



    /* HELPER CLASSES
    –––––––––––––––––––––––––––––––––––––––––––––––––– */

    .clearfix:before,
    .clearfix:after {
      content: "";
      display: table;
    }

    .clearfix:after {
      clear: both;
    }

    .l-left {
      float: left;
    }

    .l-right {
      float: right;
    }

    .end {
      margin-top: 30px;
      font-size: 3em;
      font-weight: bold;
      opacity: 0;
      -webkit-transform: translateY(300px);
              transform: translateY(300px);
      transition: opacity, -webkit-transform 1s;
      transition: opacity, transform 1s;
      transition: opacity, transform 1s, -webkit-transform 1s;
      transition-delay: 1s;
    }



    /* RESET-GENERAL STYLES
    –––––––––––––––––––––––––––––––––––––––––––––––––– */

    * {
      margin: 0;
      padding: 0;
      font-family: 'Muli', Arial, sans-serif;
    }

    html {
      font-size: 62.5%;
    }

    body {
      color: black;
      margin-top: -15px;
      overflow-x: hidden;
      width: 101%;
    }

    a {
      text-decoration: none;
      color: white;
    }

    ul, li {
      list-style-type: none;
    }

    /* NAV STYLES
    –––––––––––––––––––––––––––––––––––––––––––––––––– */

    h5.hello{
      color: rgb(131, 194, 196);
      font-weight: bold;
      font-size: 6.5em;
   }

   h5.hello, h6.nice-to-meet-you {
      margin-left: 12%;
    }

   h6.nice-to-meet-you{
      color: rgb(131, 194, 196);
      font-weight: bold;
      font-size: 3em;
      margin-top: -10px;
      margin-bottom: 26px;
   }

   hr.info-lines {
       border: solid .5px #18408a;
       margin-left: 12%;
       width: 222px;
       margin-bottom: 10px;
   }

   hr.fer-line, hr.naths-line {
       border: solid .5px #fff;
       width: 300px;
   }

   hr.naths-line{
      width: 140px;
   }

   .blur-body {
      transition: all 0.35s ease-in-out;
      -webkit-filter: blur(3px);
      -moz-filter: blur(3px);
      -o-filter: blur(3px);
      -ms-filter: blur(3px);
      filter: blur(3px);
    }

  div#contentresponsive {
      margin-left: -1%;
  }

  .footer {
    background-color: transparent !important;
  }

  .floating-text-01{
      width: 30%;
      text-align: center;
      right: 10%;
      position: absolute;
  }

    .floating-text-01 p {
      font-size: 3em !important;
      margin-top: -24%;
      color: #19408b;
      font-weight: bold;
    }

    .floating-text-02{
      width: 30%;
      text-align: left;
      left: 20%;
      position: absolute;
  }

  .floating-text-long-voyage{
    width: 43%;
    text-align: right;
    right: 10%;
    position: absolute;
  }

    .floating-text-long-voyage p {
      font-size: 3em !important;
      margin-top: -9%;
      color: #19408b;
      font-weight: bold;
    }

    .go-back{
      top: 11.5vh;
      left: 10vw;
      color: #19408b;
      font-weight: bolder;
      margin-left: 2%;
      z-index: 9999999;
      position: absolute;

    }

    li.Muli.welcome {
      position: fixed;
      z-index: 9999;
  }


    .margin-left-0{
      margin-left: 0%;
    }

    #standout{
      transform(rotate(270deg));
      /* Safari */
      -webkit-transform: rotate(-90deg);
      /* Firefox */
      -moz-transform: rotate(-90deg);
      /* IE */
      -ms-transform: rotate(-90deg);
      /* Opera */
      -o-transform: rotate(-90deg);
      /* Internet Explorer */
      filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    }

    .thisbutton {
      color: white !important;
      visibility: hidden;
      background-color: #faf6f9;
      position: absolute;
      width: 100px;
      top: 35px;
      right: 1%;
      z-index: 14;
    }


    #fer-naths{
      background-color: rgb(25, 64, 139);
      padding: 8%;
      overflow-x: hidden;
      min-height: 90vh;
    }

    #fernanda {
      background-color: rgb(94,161,204);
      color: #fff;
      text-align: justify;
    }

    #fernanda h4, #nathaly h4{
      color: #F9E48F;
      font-weight: bold;
      font-family: 'Open Sans', sans-serif;
      font-size: 1.9em;
      letter-spacing: 1px;
      padding-top: 5%;
   }

   #nathaly h4{
      color: rgb(108,191,192);
   }

   #fernanda h5, #nathaly h5 {
       font-size: 1.6em;
       font-weight: bold;
       font-family: 'Open Sans', sans-serif;
       letter-spacing: 1px;
   }

   #fernanda h6, #nathaly h6 {
       font-size: 1.4em;
       letter-spacing: 1px;
   }

   #fernanda .col-md-9{
       padding: 6% 8% 4% 5%;
   }

     #foo {
      visibility: hidden;
      position: absolute;
      width: 100%;
      height: 96vh;
      z-index: 11;
      transition: all 0.35s ease-in-out;
    }

    .visiblemenu { 
      visibility: visible !important; 

    }

    ul#foo{
       height: 95vh;
       float: left;
       width: 97vw;
       transition: all 0.35s ease-in-out;

    }

    #foo li{
      position: absolute;
      list-style-type: none;
      z-index: 13;
      transition: all 0.35s ease-in-out;
    }

    #foo #top-tog {
      transition: all 0.35s ease-in-out;
      position: absolute;
        list-style-type: none;
        top: 5%;
        left: 45%;
    }

    #foo #bottom-tog {
      transition: all 0.35s ease-in-out;
        position: absolute;
        list-style-type: none;
        top: 90%;
        left: 45%;
    }

    #foo #left-tog {
      transition: all 0.35s ease-in-out;
        position: absolute;
        list-style-type: none;
        left: 1%;
        top: 50%;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        /* IE */
        -ms-transform: rotate(-90deg);
        /* Opera */
        -o-transform: rotate(-90deg);
    }

    #foo #right-tog {
      transition: all 0.35s ease-in-out;
        position: absolute;
        list-style-type: none;
        right: 2%;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        /* IE */
        -ms-transform: rotate(-90deg);
        /* Opera */
        -o-transform: rotate(-90deg);
        top: 50%;
    }

    #foo li a{
      transition: all 0.35s ease-in-out;
      color: #F9E48F;
      font-size: .9em;
      letter-spacing: 5px;
      text-decoration: none;
    }

    #info-01 .col-md-6 {
        padding: 5% 0% 5% 0;
    }

    #info-01 h2 {
       color: rgb(25, 64, 139);
       font-weight: bold;
       font-size: 4em;
       padding: 0 0 20px;
   }

    #info-01 h4 {
       font-weight: bold;
       font-size: 2em;
   }
   #info-01 h2, #info-01 h4, #info-01 p {
       margin-left: 12%;
   }

    #info-01 p {
        padding-right: 8%;
    }

   #nathaly{
      background-color: rgb(34,108,149);
      text-align: justify;
      color: #fff;
   }

   #nathaly .col-md-9 {
       padding: 6% 4% 4% 10%;
    }

   #nathaly img {
      width: 337px;
   }


    header {
      width: 100%;
      position: absolute;
      top: 0;
      bottom: 0;
    }

    .header-top {
      /*background: rgba(0, 47, 77, .3);*/
      position: absolute;
      height: 70px;
      margin: 0 !important;
      padding: 0 10px;
      top: 0;
      width: 100%;
      z-index: 12;
      box-sizing: border-box;
    }

    h1 {
      line-height: 70px;
      height: 70px;
    }

    h1 a {
      display: block;
      padding: 0 10px;
    }

    .toggle-menu {
      width: 50px;
      height: 50px;
      display: inline-block;
      position: relative;
      top: 10px;
    }

    .toggle-menu i {
      position: absolute;
      display: block;
      height: 2px;
      background: white;
      width: 30px;
      left: 10px;
      transition: all .3s;
    }

    .toggle-menu i:nth-child(1) {
      top: 16px;
    }

    .toggle-menu i:nth-child(2) {
      top: 24px;
    }

    .toggle-menu i:nth-child(3) {
      top: 32px;
    }

    .open-menu i:nth-child(1) {
      top: 25px;
      -webkit-transform: rotateZ(45deg);
              transform: rotateZ(45deg);
    }

    .open-menu i:nth-child(2) {
      background: transparent;
    }

    .open-menu i:nth-child(3) {
      top: 25px;
      -webkit-transform: rotateZ(-45deg);
              transform: rotateZ(-45deg);
    }
 
    .open-menu ~ nav {
      opacity: 1;
      padding: 80px 0;
      z-index: 15;
      height: calc(90vh - 70px);
    }

    .overflow-hidden{
      overflow-x: hidden;
    }

    .overflow-hidden .col {
        padding: 0;
    }

    nav ul {
      padding: 0 10px;
      display: flex;
    }

    nav li {
      flex: 1;
    }

    nav li a {
      font-size: 2em;
      display: block;
/*      padding: 30px;*/
      text-align: center;
      transition: background .3s;
    }

    nav#menu-4-puntos li a:hover {
      text-decoration: none;
    }

    nav li.active a,
    body.fp-viewing-fifthSection-1 #menu li:last-child a {
      background: #453659;
    }
      

    /* ___________________ CUSTOM STYLES _________________*/

  
    footer{
      padding: 1% 5%;
      font-size: .8em;
      letter-spacing: 1px;
      bottom: 3%;
      margin-top:3%;
    }

    .absolute{
      position: absolute;
    }

    .align-left{
      text-align: left;
    }

    .align-right{
      text-align: right;
    }

    .amaranto{
      background-image: url('https://indigocreative.mx/images/Indigo-Creative-and-Advertising-Brandhouse-Amaranto-Organic.png');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100%;
    }

    .amaranto img { margin-bottom: 2%; }
    
    .amaranto .img-1 { 
      height: 250px; 
    }
    
    .amaranto .img-2 { 
      height: 200px; 
    }

    .amaranto {
      padding: 10% 0 10% 0;
    }

    .amaranto-main-img{
      text-align: right;
      padding: 0 0 0 31%;
      width: 90%;
    }

    .amaranto-padding{
      padding: 8% 6%;
      overflow-x: hidden;
    }

    .amaranto-titulo{
      font-size: 8rem;
      text-align: left;
      top: 34%;
      position: absolute;
      color: #19408b;
      font-weight: bolder;
      padding-left: 3%;
    }

    .bolder{
      font-weight: bolder;
    }

    .blue{
      color: #19408b;
    }

    .center{
      text-align: center;
    }

    .last{
      letter-spacing: 1px;  
      opacity: 0;
      position: absolute;
      right: 11%;
      bottom: 23%;
      font-weight: 700;
      font-size: 1em;
      z-index: 2;
    }

    .mancha{
      padding-left: 11%;
      padding-top: 2%;
      padding-bottom: 4%;
    }

    .mancha-derecha{
      padding-left: 39%;
      padding-top: 2%;
      padding-bottom: 4%;
    }

    .margin-left-4{
      margin-left: 4%;
    }

    .muli{
      font-family: 'Muli', sans-serif;
    }
    
    .padding-bottom-3{
      padding-bottom: 3%;
    }

    .mezcalero img { 
      margin-bottom: 2%; 
    }

    .mezcalero .img-1 { 
      height: 250px; 
    }

    .mezcalero .img-2 { 
      height: 200px !important; 
    }

    .mezcalero {
      padding: 10% 0 10% 0;
    }

    .modal-title{
      color: #19408B;
    }

    .padding-bottom-3{
      padding-bottom: 3%;
    }


    .panel {
      /*position: absolute;*/
      width: 100%;
      bottom: 0;
      left: 0;
      background: #ffffff;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 5% 7%;
      -webkit-transform: scaleY(0);
              transform: scaleY(0);
      -webkit-transform-origin: bottom;
              transform-origin: bottom;
      z-index: 2;
    }

    .panel img {
      position: absolute;
      /*width: 120px;*/
      right: 50px;
      /*opacity: 0;*/
      -webkit-transform: scaleY(0);
              transform: scaleY(0);
      -webkit-transform-origin: bottom;
              transform-origin: bottom;
    }

    .panel p {
      letter-spacing: 1px;
      font-size: 1em;
      width: 80%;
      opacity: 0;
      font-weight: 700;
    }


    .azul-fuerte{
      color: #226C95;
    }

    .behind{
      z-index: -2;
    }

    .col-sm-4.padding-top-11.no-sides-padding img {
        height: 530px;
    }

    .col-sm-4.padding-top-11.no-sides-padding {
        width: 28%;
        z-index: 9;
    }

    .col-sm-6.no-sides-padding.street img {
        width: 130%;
        z-index: 0;
        margin-left: -16%;
    }

    .written img {
        height: 345px;
    }

    .fondo-amarillo{
      background: #F9E48F;
     /* margin-top: 1%; */
    }

    .saving-moments{
      font-weight: bold;
      font-size: 3em !important;
      margin-left: 2%;
    }
  
    .size-5em{
      font-size: 5em !important;
    }

    .slide {
      max-height: 1000px;
    }

    .slidersection { overflow: hidden !important; }

    .fondo-home{  
      background-image: url('https://indigocreative.mx/images/Indigo-Creative-and-Advertising-Brandhouse-Home-background.png');
        background-repeat: no-repeat;
        background-color: #19408B;
    }

    .slide #home { margin: 20% 65% 0 0; }
    
    .fondo-jade{
      background-color: #70C4C5;
    }

    .fondo-mezcalero{
      background-image: url('https://indigocreative.mx/images/Indigo-Creative-and-Advertising-Brandhouse-Mezcalero-background.jpg');
        background-repeat: no-repeat;
        background-size: 100%;
    }

    .fondo-roof{
      background-image: url('https://indigocreative.mx/images/Indigo-Creative-and-Advertising-Brandhouse-Roof-background.jpg');
        background-repeat: no-repeat;
        background-position: center bottom !important;
    }

    .carousel { margin: 0; padding: 0; height: 100vh; }
    .carousel-item { height: 100vh; }

    #amaranto-text{    
      font-size: 1.1rem;
      letter-spacing: 0.3px;
    }

    #bottoma_ .b, #bottoma .b {
      color: #61adb9 !important;
/*      margin-left: 35px; /* Muy separado el face, SPan e insta */
  }

    #desk-menu li a {
      color: #F9E48F;
      font-size: .9em;
      letter-spacing: 5px;
      text-decoration: none;
      cursor: pointer;
      position: fixed;
  }

  #desk-menu li#left {
    position: fixed;
    list-style-type: none;
    left: -2%
    width 13%;
  }

  #desk-menu li#right {
    position: fixed;
    list-style-type: none;
    right: 2%;
    -webkit-transform: rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    bottom: 51%;
    width: 7%;
  }

    #carousel-control {
      width: 52px;
      position: absolute;
      top: 75%;
      bottom: 0;
      left: 85%;
      font-size: 20px;
      text-align: center;
      opacity: 1;
    }

    #carousel-img-prev {
        width: 52px;
        height: 60px;
        border-width: 0;
        border: none;
        background-repeat: no-repeat;
        background-image: url('https://indigocreative.mx/images/prev1.png');
    }

    #carouselExampleIndicators #carousel-img-next {
        width: 52px;
        height: 62px;
        border-width: 0;
        border: none;
        background-repeat: no-repeat;
        background-image: url('https://indigocreative.mx/images/next1.png');
    }

    .prev2 {
      background-image: url('https://indigocreative.mx/images/prev2.png') !important;
    }

    #carouselExampleIndicators .next2 {
        background-image: url('https://indigocreative.mx/images/next2.png') !important;
    }

    .prev3 {
      background-image: url('https://indigocreative.mx/images/prev.png') !important;
    }

    #carouselExampleIndicators .next3 {
        background-image: url('https://indigocreative.mx/images/next.png') !important;
    }

    .prev4 {
      background-image: url('https://indigocreative.mx/images/prev4.png') !important;
    }

    #carouselExampleIndicators .next4 {
        background-image: url('https://indigocreative.mx/images/next4.png') !important;
    }

    .slide .fp-controlArrow.fp-prev {
        right: 8%;
        top: 89%;
        left: inherit;
        width: 43px;
        height: 60px;
        border-width: 0;
        border: none;
        background-repeat: no-repeat;
        background-image: url('https://indigocreative.mx/images/prev.png');
    }

    .fp-controlArrow.fp-next {
        right: 4%;
        top: 89%;
        width: 52px;
        height: 62px;
        border-width: 0;
        border: none;
        background-repeat: no-repeat;
        background-image: url('https://indigocreative.mx/images/next.png');
    }

    .second .fp-controlArrow.fp-prev {
        background-image: url('https://requestreduce.org/images/left-arrow-image-19.jpg') !important;      
    }

    .second .fp-controlArrow.fp-prev {
        background-image: url('https://requestreduce.org/images/left-arrow-image-19.jpg') !important;      
    }

    .fp-slide, .fp-slidesContainer {
        height: 102%;
    }

    .fp-tableCell {
        display: table-cell;
        vertical-align: inherit;
    }

    .justify{
      text-align: justify;
    }

    .letter-spacing-1{
      letter-spacing: 1px;
    }

    .margin-left-4{
      margin-left: 4%;
    }

    .margin-none{
      margin:0;
    }

    .margin-top-1{
      margin-top: 1%;
    }

    .margin-top-7{
      margin-top: 7%;
    }

    .mezcalero.row{
      background-image: url('https://indigocreative.mx/images/Indigo-Creative-and-Advertising-Brandhouse-Mezcalero-Image03.png');
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
    }

    .middle{
      margin-top: 5%;
    }

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

    .no-sides-padding{
      padding-left: 0;
      padding-right: 0;
    }

    .padding-9{
      padding: 9% 4% 0;
    }

    .padding-top-2{
      padding-top: 2%;
    }

    .padding-top-8-5{
      padding-top: 8.5%;
    }

    .padding-top-11{
      padding-top: 11%;
    }

    .right {
      text-align: right;
    }

    .row.align-left img {
      width: 70%;
      margin-bottom: 4%;
      margin-top: 3%;
    }

    .row.align-right img {
        width: 70%;
    }

    .size-1-25{
      font-size: 1.25em;
    }

    .size-3-5{
      font-size: 3.5em;
    }

    .weight-600{
      font-weight: 600;
    }

    .weight-900{
      font-weight: 900;
    }

    .width-40{
      width:40%;
    }

    .width-50{
      width:50%;
    }

    .width-75{
        width: 75%;
        padding-left: 4%;
    }

    .width-86{
      width: 86%;
    }

    .width-96{
      width: 96%;
    }

    .width-40.inline.avengers {
        padding-left: 4%;
        letter-spacing: 1px;
    }

    .white{
      color: #FFFFFF;
    }

    .wrapper{
      padding: 2% 6%;
    }

    img.fondo {
      width: 62%;
      float: right;
      display: inline-block;
      margin-right: 3%;
    }

    img.logo {
        width: 120px;
        position: fixed;
        top: 2%;
        left: 4%;
    }

    
    div#mezcalero-movil img {
      display: none;
    }

    li#top {
        position: absolute;
        bottom: 4%;
        margin: 0 auto;
    }

    li#top:hover{
      font-weight: bolder;
      transition: ease-out all 1s;
    }

    li#right {
        position: absolute;
        bottom: 4%;
        margin: 0 auto;
    }

    li#right:hover{
      font-weight: bolder;
      transition: ease-out all 1s;
    }

    ul#desk-menu{
      transition: all 0.35s ease-in-out;
       height: 95vh;
       float: left;
       width: 97vw;
    }

    #desk-menu li{
      position: absolute;
      list-style-type: none;
      z-index: 13;
    }

    #desk-menu li#bottom {
        position: absolute;
        list-style-type: none;
        bottom: 5%;
        left: 45%;
    }

    #desk-menu li#bottom:hover{
        font-weight: bolder;
        transition: ease-out all 1s;
    }

    #desk-menu li#left {
        position: absolute;
        list-style-type: none;
        left: 1%;
        top: 45%;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        /* IE */
        -ms-transform: rotate(-90deg);
        /* Opera */
        -o-transform: rotate(-90deg);
    }

    #desk-menu li#left:hover{
      font-weight: bolder;
      transition: ease-out all 1s;
    }

    #desk-menu li#top {
        position: absolute;
        list-style-type: none;
        top: 5%;
        left: 45%;
    }

    #desk-menu li#right {
        position: absolute;
        list-style-type: none;
        right: 2%;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        /* IE */
        -ms-transform: rotate(-90deg);
        /* Opera */
        -o-transform: rotate(-90deg);
        bottom: 45%;
    }

    #desk-menu li a{
      color: #F9E48F;
      font-size: .9em;
      letter-spacing: 5px;
      text-decoration: none;
      cursor: pointer;
    }

    #home{
        z-index: -1;
    }

    #marquesina {
        display: inline-block;
        min-height: auto;
        margin-top: 0;
        padding-left: 25px;
    }

    #marquesina img {
      width: 2560px;
      height: auto;
      padding: 1% 0;
    }

    /* ___________________ INICIO MODAL STYLES ____________*/

    button.close:focus {
        outline: none;
    }

    button.close:hover{
        cursor: pointer;
    }

    form {
        position: absolute;
        z-index: 99;
    }
    /*
    header img {
        width: 13%;
        padding-bottom: 0%;
        padding-left: 7px;
    }
    */

    input[type="text"] {
        width: 26%;
        border-bottom: solid 1px;
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 0.5% 1%;
        text-align: center;
    }

    input[type=email], input[type=tel] {
        border-bottom: #3c3c3c solid 1px;
        border-top: none;
        border-left: none;
        border-right: none;
    }

    input#name, input#last_name, input#mail, input#telephone, input#subject, input#message, input#city {
        background-color: transparent;
        display: block;
        width: 100%;
        font-size: 1.2em;
        text-align: left;
        line-height: 30px;
    }

    input#mail {
        font-size: 1.2em;
        line-height: 30px;
    }

    input#telephone {
        line-height: 27px;
    }

    .openModal {
        background: none;
        border: none;
        color: #000;
    }

    input[type=submit]{
        background: #000;
        border: none;
        /* color: #000; */
        border-radius: 0;
        padding: 3% 12%;
        width: 43%;
        margin-bottom: 6%;
    }

    h2.amaranto-titulo.wrapper {
        padding-left: 12%;
    } 

    hr{
        border-top: 2px solid rgba(0,0,0,.1);
        margin: 2.5% 0;
    }

    .btn{
        letter-spacing: 2px;
    }

    .btn-primary:hover {
        color: #000;
        cursor: pointer;
        background-color: #fff;
        border: none;
        border-radius: 0;
    }

    .btn-secondary:hover {
        color: #fff;
        background-color: #404040;
        border: none;
        cursor: pointer;
    }

    .close {
        /* float: right; */
        font-size: 4.5rem;
        font-weight: lighter;
        line-height: 1;
        color: #000;
        text-shadow: none;
        opacity: .5;
        width: 2%;
        text-align: right;
        font-family: 'Muli', sans-serif;
    }

    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        margin: 0;
        padding: 0 2% 0% 0;
        text-align: right;
    }

    .col-6.info p {
        font-weight: 300;
    }

    .col-6.info {
        margin-left: 2%;
    }

    .col-6.info.margin-left-23{
        margin-left: 23%;
    }

    .col-4.disponibilidad {
        max-width: 31% !important;
        padding-top: 5%;
    }

    .col-4.disponibilidad a {
        padding: 3.5% 6% 3.5% 8%;
        font-size: .85em;
        display: inline-block;
        width: 100%;
    }

    .contact-btn{
        background: #000;
        color: #fff;
    /*    padding: 2% 0%;*/
        letter-spacing: 3px;
        width: 38%;
        margin-right: 10%;
        margin-top: 3%;
        margin-bottom: 3%;
        border-radius: 0;
        border: none;
    }

    a.contact-btn:hover {
        text-decoration: none;
        color: #fff;
        background: #f7f5f5;
    }

    button.contact-btn:hover {
        cursor: pointer;
        outline: none;
    }

     .container {
        overflow-x: hidden;
    }

    .detail{
        width: 97%;
        margin: 0 2% 0 0;
    }

    .font-reviews{
        font-size: 1.25em;
        font-weight: 400;

    }

    .fsize-big{
      font-size: 4.5em;
    }

    .fsize-1_2{
        font-size: 1.7em;
    }

    .fsize-1 {
        font-size: 1em;
    }

    .full-width{
      width: 100%;
        margin-top: 0.2%;
    }

    .full-width-line{
        border-top: 2px solid rgba(0,0,0,.1);
        margin: 2.5% 0 2.5% -8%;
        width: 115%;
    }

    .inline{
      display: inline-block;
    }

    .inline-btns{
        display: inline-block;
        width: 40%;
        padding: 0;
        margin-right: 15px;
    }

    .info{
        text-transform: uppercase;
    }

    .info h4{
        font-weight: 600;
    }

    .info.text-left ul {
        list-style-type: none;
        margin: 16% 0 20% 0;
        padding: 0;
        text-transform: initial;
        font-weight: 300;
        font-size: 0.85em;
        letter-spacing: 1px;
    }

    .info.text-left li {
        text-align: left;
    }

    .label-messages{
        display: inline-block;
        margin-bottom: .5rem;
        text-transform: capitalize;
        font-size: 1.2em;
        margin-left: 4px;
        margin-top: 6px;
    }

    .left{
        text-align: left;
        font-weight: bold;
        letter-spacing: 3px;
        padding: 0;
        vertical-align: baseline;
    }

    .modal-body{
        font-size: 0.8em;
    }

    .modal-content{
        border: none;
        background-color: #FCF8E4 !important;
        border-radius: none !important;
        box-shadow: #000 3px 3px 21px;
        outline: 0;
        width: 126%;
        line-height: 23px;
        padding: 4% 6%;
    }

    .modal-content.messages{
        width: 100%;
    }

    .modal-dialog.messages {
        max-width: 500px;
        margin: 30px auto;
    }


    .modal-footer{
        border-top: none;
        padding: 0;
        justify-content: center;
    }

    .modal-header{
        border-bottom: none;
    }


    .max-width-75{
        max-width: 75%; 
    }

    .margin-bottom-1{
        margin-bottom: 1%;
    }

    .margin-left-6{
        margin-left: 6%;
    }

    .med{
        font-size: 1em;
    }

    .menu_admin a {
        background: #fff;
        color: #000;
        text-transform: uppercase;
        margin-right: 4%;
        font-weight: 600;
        letter-spacing: 2px;
        border-bottom: 4px solid #FFF;
    }

    .menu_admin a:hover{
        text-decoration: none;
        color: #000;
        border-bottom: 4px solid #FED756;
    }

    .mid-width{
        width: 41%;
        margin-left: 6%;
    }

    .margin-left{
        margin-left: 64%;
     }

    .margin-reduce{
        width: 22%;
        margin: 0 0.8%;
        text-align: center;
    }

    .spaced{
        letter-spacing: 1px;
    }

    .tagline{
      font-weight: bolder;
      text-indent: 1em;
      font-size: 7em !important;
      color: #19408b;
    }

    .tagline-small{
      color: #19408b;
      font-size: 2em !important;
      margin-top: -2em;
      text-indent: 4em;      
    }


    .text-left{
        text-align: left;
    }

    .textarea-messages{
      background-color: transparent;
        overflow: auto;
        resize: vertical;
        width: 100%;
        height: 85px;
    }

    #challenge div {
        display: block;
    }

    #challenge-content{
        font-weight: 300;
        font-size: .8em;
        max-width: 85%;
        min-height: 450px;
        text-align: justify;
        padding: 5.6% 49% 3% 4%;
        background: #f7f5f5;
        position: absolute;
        z-index: -2;
    }


    #challenge-content span{
      font-weight: 600;

    }

    #contacto, #contacto-img{
      color: #000;
      display: block;
      font-size: 0.8em;
      letter-spacing: 3px;
      margin-top: 3%;
      width: 100%;
      text-align: right;
      text-transform: uppercase;
    }

    #contacto-img{
        text-align: left;
    }

    #contact-side-text {
        display: inline-block;
        padding: 0 0 0 5%;
        width: 50%;
        letter-spacing: 1px;
        vertical-align: -webkit-baseline-middle;
    }

    #contact-side-text h4{
        font-size: 1.3em;
        font-weight: 400;
    }
    /*** ---------------------------------------------  HASTA 430 CELULARES   -----------------------------------------------------------*****/

    @media screen and (max-width: 430px){
      .bar1, .bar2, .bar3 {
        height: 5px;
        background-color: #19408b !important;
      }

      div#home {
        display: none;
      }         
     
      div#home2 {
        display: inline-block;
        margin: 0px;
        text-align: right;
        position: absolute;
        width: 100%;
        left: 0px;
        right: 5%;
        bottom: 21%;
        padding-right: 12%;
        padding-left: 10%;
      }
      
      #fernanda img {
        padding-top: 4%;
        max-width: 68vw;
      }

      .fondo-home{
        background-position: 48% 35%;
        background-size: 86%;
      }

      .floating-text-long-voyage {
        width: 95%;
        text-align: right;
        right: 0%;
        position: inherit;
        padding-top: 9%;
      }

      html {
        font-size: 50%;
      }
    
      h2.weight-900.azul-fuerte.wrapper.size-3-5.letter-spacing-1.no-bottom {
          text-align: left !important;
          font-size: 3em !important;
          padding: 5%;
          letter-spacing: 2px;
      }

      h2.amaranto-titulo.wrapper {
        text-align: left !important;
      }
  
      #fernanda .row {
        margin-right: 0;
        margin-left: 0;
      }

      .Muli.welcome {
        top: 10%;
      }

      nav li a {
        padding: 1px;
      }

      #nathaly img {
        width: 337px;
      }

      #nathaly .col-md-9 {
        padding: 6% 10% 4% 10%;
      }

      .row {
        margin-right: 0 !important;
        margin-left: 0 !important;
      }

      .row.align-left img {
        width: 91%;
        margin-bottom: 25%;
        margin-top: 34%;
      }

      .tagline {
        text-indent: 0;
        font-size: 5em !important;
        padding-left: 4vw;
      }
      .tagline-small {
        margin-top: -1em;
        text-indent: 4vw;
      }

      video{
        max-width: 85%;
      }

      .welcome {
        left: 38vw;
      }
      .width-40.inline.avengers {
        width: 93%;
        padding-top: 7%;
      }
      .width-50 {
        width: 90%;
      }  
      
      .white.absolute.middle.margin-left-4 {
        top: 57%;
        left: 11%;
      }
    }


  /*** --------------------------- HASTA 576 PX ------------------------------------------------**/
    @media screen and (max-width: 576px){

    .amaranto-main-img {
      padding: 25vh 0 0 0;
      width: 80vw;
    }

    .amaranto-padding {
      padding: 0;
      text-align: center;
    }
    .amaranto-titulo {
      font-size: 4rem;
      text-align: left;
      top: 12%;
      position: absolute;
    }
  
    .col-md-3 {
      text-align: center;
      margin: 0 auto;
    }
    .modal_b {
      padding-top: 33rem;
    }

    #fernanda .col-md-9 {
      padding: 6% 11% 4% 11%;
    }
    #nathaly img {
      width: 64vw;
      margin: 0% auto 19% auto;
    }
    .scrolling-container {
      padding: 17% 0 15% 0;
    }
    .welcome {
      left: 41vw;
    }
    .width-40.inline.avengers {
      width: 87vw;
      padding-top: 7%;
    }
    .width-50 {
      width: 86vw;
      padding-left: 2vw;
    }
    .width-75 {
      width: 90%;
      padding-left: 0%;
    }  
  }

  /*** ------------------------ DESDE 431 HASTA 576 PX ------------------------------------------------**/
    @media screen and (min-width: 431px) and (max-width: 576px){

      .adoro-il-gelato p{
        font-size: 3.5em !important;
        text-align: left;
        font-weight: bold;
        color: #19408b;
        margin-left: 6%;
      }
      .amaranto .img-1 {
        height: 112px;
        margin-bottom: 13%;
      }
      .amaranto .img-2 {
        height: 84px;
        margin-top: 17%;
      }
      .container-fluid {
        padding-right: 6% !important;
        padding-left: 6% !important;
      }
      #fernanda .col-md-9 {
        padding: 6% 11% 4% 11%;
      }
      .floating-text-long-voyage {
        width: 95%;
        position: inherit;
        padding-top: 9%;
      }
      .avengers{
        padding-left: 2%;
      }
  
      div#home2 {
        bottom: 20%;
        padding-right: 17%;
        padding-left: 10%;
    }
      
      .carousel #home2 {
        display: inline-block;
        margin: 0px;
        text-align: right;
        position: absolute;
        width: 100%;
        left: 0px;
        right: 5%;
      }
       .carousel-indicators li {
        width: 13px !important;
        height: 13px !important;
        border-radius: 50% !important;
      }
      .col-md-3 {
        margin: 0 auto;
        text-align: center;
    }
      .col-sm-4.padding-top-11.no-sides-padding img {
        display: none;
      }

      .col-sm-4.padding-top-8-5.no-sides-padding.written {
        display: none;
      }

      .col-sm-6.no-sides-padding.street.padding-top-2 img {
          display: none;
      }

      div#contentresponsive {
        text-align: left;
      }

      div#home {
        display: none;
      }         
      
      div#mezcalero-movil img {
        width: 82%;
        margin-top: 10%;
      }

      div#roof-background-movil img {
        width: 99%;
        margin-top: -150px;
      }
    
      .fondo-home{
        background-position: 49% 35%;
        background-size: 70%;
    }
      #fernanda .row {
        margin-right: 0;
        margin-left: 0;
      }

      #fernanda img {
        width: 56%;
        margin: 16% auto 0% auto;
    }
      .row {
        margin-right: 0 !important;
        margin-left: 0 !important;
      }

      footer.wrapper.align-left {
        position: absolute;
        bottom: 2%;
        margin-bottom: 5px;
        margin-left: 4%;
      }
    
    .fondo-amarillo.container-fluid {
        padding: 0;
      }
    
    img.width-86{
        display: none;
    }

    div#contentresponsive{
        padding-right: 7%;
    }

    .mezcalero .img-1 {
        height: 130px;
    }

    .mezcalero.container .img-2 {
        display: none;
    }

    .modal-dialog {
      max-width: 90%;
      margin: 30px auto 30px 28%;
    }

      #foo #bottom-tog {
        left: 31%;
      }

      #foo #left-tog {
        left: -6%;
      }

      #marquesina.container{
        padding-right: 0;
        padding-left: 0;
      }

      #marquesina img {
        height: 2.5em;
        padding: 1.7% 0 0 0;
      }

      #marquesina{
        margin-top: 0;
        padding: 0;
      }

      #nathaly img {
          width: 50vw;
      }

    #nathaly .col-md-9 {
        padding: 6% 10% 4% 10%;
    }
    .tagline {
      text-indent: 0em;
      padding-left: 4vw;
    }
    .tagline-small {
      margin-top: -1em;
      text-indent: 5vw;
    }
    .text-indigo h2 {
        font-size: 36px;
        padding-left: 8%;
        padding-top: 7%;
    }

  }

 /*** ----------------------- HASTA 700px ---------------------------------*****/
 @media screen and (min-width: 577px) and (max-width: 700px) {           
        div#home {
          display: none;
      }         
      .modal_b {
        padding-top: 33rem;
    }

      .carousel #home2 {
        display: inline-block;
        margin: 0px;
        text-align: right;
        position: absolute;
        width: 100%;
        left: 0px;
        right: 5%;
        bottom: 20%;
        padding-right: 17%;
        padding-left: 10%;
      }
  }


   /*** ----------------------- HASTA 700px ---------------------------------*****/
 @media screen and (min-width: 701px) and (max-width: 999px) {           
    .modal_b {
      padding-top: 33rem;
    }
  }
    /*** ----------------------- DESDE 577 HASTA 767px ---------------------------------*****/
    @media screen and (min-width: 577px) and (max-width: 767px) {        
      .amaranto-main-img {
          text-align: center;
          padding: 26% 0 0 0%;
          width: 96%;
      }
      .amaranto-padding {
        text-align: center;
      }

      .amaranto-titulo {
          font-size: 5rem;
          top: 14%;
          position: absolute;
       }

      .bar1, .bar2, .bar3 {
          height: 5px;
      }
      
      .container-fluid div#wrapper-row {
        padding: 0 10px 9%;
      }
     
      .col-md-3 {
        text-align: center;
      }
      .col-6 {
          max-width: 93%;
      }

      .col-6.info.margin-left-23 {
          margin-left: 17%;
      }

      .col-4.disponibilidad {
          width: 100% !important;
          padding-top: 8%;
          display: block;
      }

      .col-4.right{
          margin-right: 18%;
      }

      .col-md-6 h5.hello, .nice-to-meet-you {
          margin-left: 12%;
      }

      #challenge-content{
          max-width: 84%;
          padding: 7.6% 7% 3% 7%;
      }

      #challenge-img img {
          float: none;
          margin-left: -9px;
          margin-top: 159%;
          width: 115%;
          margin-bottom: 0;
       }

       #contact-side-text{
          width: 100%;
       }

      div#contentresponsive {
          margin-left: 1%;
      }
 
      #desk-menu { 
        visibility: hidden !important; display: none; 
      }

      #fernanda .row {
        margin-right: 0;
        margin-left: 0;
      }

      #fernanda .row .col-md-9 {
        max-width: 99vw;
        padding-left: 12%;
      }
      #fernanda .col-md-9 {
        padding: 0% 8% 4% 5%;
      }

      #fernanda img {
        width: 100%;
      }

      .floating-text-long-voyage {
        width: 82%;
        padding-top: 10%;
        left: 9%;
        position: relative;
      }

      footer {
          margin: 7% 0 10% 0;
          font-size: .7em;
      }

      .fondo-amarillo { 
        margin-top: 0 ; 
      }

      .fondo-home{
        background-position: 50% 47%;
        background-size: 76%;
      }

      .fondo-mezcalero {
       background-size: cover !important; 
      }
      
      .fp-section {
       height: auto !important; 
      }
      
      .fp-table  {
       height: auto !important; 
      }
      
      .fp-completely { 
        height: auto !important; 
      }
      
      .fp-tableCell { height: auto !important; 
      }

      .full-width-line {
          border-top: 2px solid rgba(0,0,0,.1);
          margin: 2.5% 0 2.5% 0%;
          width: 100%;
      }

      #fernanda img{
        width: 50%;
        padding-top: 6%;
      }

      #fernanda .col-md-9 {
        margin: 6% 3% 4% 3%;
      }
    
      h2.weight-900.azul-fuerte.wrapper.size-3-5.letter-spacing-1.no-bottom {
        text-align: left !important;
    }

      hr{
          margin: 5.5% 0;
      }

      h4 {
          font-size: 0.78em;
          letter-spacing: 1px;
      }
      header img {
          width: 22%;
      }
      
      .info{
          width: 170%;
      }

      .info.text-left{
          display: block;
          width: 390%;
      }

      .inline-btns {
          display: block;
          width: 65%;
          padding: 1%;
          margin: 0 auto;
      }        

      img.detail {
          display: block;
          width: 150%;
          margin: 0% 0% 0 -5%;
      }

      input#name, input#last_name, input#mail, input#telephone, input#subject, input#message,input#city {
          font-size: 1em;
          line-height: 27px;
      }

      input[type="submit"]{
          width: 55%;
          padding: 3% 12% 3% 7%;
      }

      .kichink {
          margin: 10% 0 5% 0;
      }

      .kichink img {
          width: 45%;
          margin-top: 1%;
          margin-bottom: 4%;
      }

      .left, .right {
          letter-spacing: 0;
      }

      .margin-reduce {
          width: 33%;
          margin: 8% auto;
          display: block;
      }

      .med{
          font-size: 0.8em;
      }
      
      .mid-width {
          width: 93%;
          margin-left: 6%;
          display: block;
          margin-bottom: 8%;
      }

      .modal-content.messages {
          width: 86%;
          margin-left: 8%;
      }

      .modal-dialog.messages{
          width: 95%;
      }

      .modal-dialog {
          position: relative;
          width: 67%;
          margin: 10px 0 10px 8%;
      }
      

      nav ul {
        flex-direction: column;
      }

      nav li {
        margin-top: 1px;
      }
      
      nav li a {
        font-size: 1.5em;
      }
    
      #nathaly img {
        width: 50vw;
        margin: 0% auto 19% auto;
      }

      #nathaly .col-md-9 {
        padding: 6% 11% 4% 11%;
      }
    
      p.bloque {
        display: block;
        width: 100%;
        padding: 5% 6% 0 2%;
      }
     
      p.justify {
        padding: 0 3%;
      }
    
      p.social-media-book-menu a {
        letter-spacing: 1px;
        color: #7d7d7d;
      }

      .reviews{
          padding: 0 0 5% 0;
      }

      .row {
        margin-right: 0 !important;
        margin-left: 0 !important;
      }

      .row.margin-left-6 {
          padding-top: 0%;
          padding-bottom: 0%;
          margin-left: 0;
      }

      section#challenge{
          margin-top: 7%;
          margin-bottom: 13%;
      }

      section#reviews{
          margin-bottom: 7%;
      }

      section#relacionado{
          min-height: 165px;
      }

      section#relacionado img {
          margin-right: 0%;
          width: 34%;
          margin-top: 3%;
          padding-bottom: 5%;
      }

      section#relacionado a{
          margin: 0 2%;
      }

      .scrolling-container {
        padding: 8% 0 6%;
    }

      .slidesection {
        padding: 0 !important; margin: 0 !important;
      }
      .slide {
        padding: 0 !important; margin: 0 !important;
      }

      .slide #home { 
        margin: 40% 65% 0 0; 
      }

      span.line-break {
          display: block;
          width: 100%;
      }

      .scroll-icon {
        display: none;
      }
      .tagline-small {
        margin-top: -1em;
        text-indent: 4vw;
      }
      .tagline {
        text-indent: 0em;
        padding-left: 4vw;
      }
      .text-indigo p { 
        font-size: 1.3vh; 
      }
            
      .texto-gaby {
        display: block;
        width: 100%;
        margin: 0% 0 0 2%;
        padding: 10%;
      }

      .texto-georgina {
        display: block;
        width: 80%;
        margin: 0% 3% 4% 9%;
      }

      .texto-lorena {
        width: 84%;
        margin-left: 11%;
        margin-top: 4%;
      }

      .title-challenge {
          width: 78%;
      }

      .thisbutton { 
        visibility: visible !important; 
      }

      .ver-mas {
        right: 10%;
        bottom: 24%;
        width: 81%;
        height: 30%;
        border: none;
        color: transparent;
      }
      a.ver-mas:hover{
          background: none;
          color: transparent;
          border:none;
      }
      .welcome {
        left: 45vw;
      }

      .width-20 img {
          width: 29%;
          display: block;
      }
      .width-40.inline.avengers {
        width: 85vw;
        padding-top: 4vh;
      }
      .width-50 {
          width: 94% !important;
      }
      .width-75 {
        width: 93%;
        padding-left: 0%;
      }

    ul.primary li a {
      /*   border-bottom: solid 4px #fff;
        */ display: block;
        padding: 5px 15px;
        margin-left: 25px;
        width: 100%;
    }
  }
    /*** ---------------------------------------------------- DESDE 768 HASTA 868 px -----------------------------------------------------------------*****/
		@media screen and (min-width: 768px) and (max-width: 868px){
			#fernanda .col-md-9 {
        padding: 6% 8% 4% 26%;
        max-width: 85vw;
    }

      .fp-scrollable{
			height: initial !important;
			}

      .modal-card, .modal-content {
        height: 100% !important;
      }
      .tagline {
        text-indent: 0em;
        padding-left: 5vw;
      }
      .tagline-small {
        margin-top: -1em;
        text-indent: 0;
        padding-left: 6vw;
      }
      .welcome {
        left: 43vw;
      }      
      .width-40.inline.avengers {
        padding-top: 7%;
        width: 97%;
      }
      .width-50 {
        width: 98%;
        padding-left: 2%;
      }    
		}

    /*** ---------------------------------------------------- DESDE 869 HASTA 1199 px -----------------------------------------------------------------*****/
		@media screen and (min-width: 869px) and (max-width: 1199px){
      #fernanda .col-md-9 {
        padding: 6% 8% 4% 26%;
        max-width: 85vw;
      }
      .tagline {
        text-indent: 0em;
        padding-left: 4vw;
      }
      .tagline-small {
        text-indent: 0;
        padding-left: 5vw;
      }
    }

    /*** ---------------------------------------------------- HASTA 800 px -----------------------------------------------------------------*****/
    @media screen and (max-width: 800px){	
      .arrow {
          display: none;
      }
  
      .arrow.animated.bounce {
        display: none;
      }
      
      .bar1, .bar2, .bar3 {
        height: 5px;
        background-color: #19408b;
      }

      .blur{
        filter: blur(4px);
        transition: .5s all ease-in-out;
      }

      #bottom a span{
        margin-right: 1vw;
      }

      div#mov-menu-redes-sociales {
        position: fixed;
        bottom: 5vh;
        left: 5vw;
        width: 90vw;
      }

      .meet-indigo {
        bottom: 12vh;
        left: calc(50vw - 10%);
       }

      #menu-redes-sociales{
        display: none;
      }
      
      nav#menu-4-puntos {
        display: none;
      }
    
      nav#mov-menu li a {
        background-color: #f8e58f;
      }

      #mov-menu-redes-sociales li a {
        background-color: transparent !important;
      }

      #mov-menu-redes-sociales li a, #mov-menu-redes-sociales span {
        display: inline-block;
        width: auto;
        margin-right: 1vw;
      }

      #mov-menu-redes-sociales span {
        margin-right: 1vw !important;
        color: #F9E48F !important;
      }

      .works .cell {
        display: block;
        width: 100%;
        height: 100%;
      } 

      .wrapper-mov-menu {
        position: fixed;
        display: inline-block;
        cursor: pointer;
        z-index: 99;
        right: 10%;
        top: 4%;
      }
      /*** ------- 01 WELCOME --------*****/
      .welcome{
        list-style-type: none; 
        position: fixed;
        padding-top: 3%; 
        font-size:.9em; 
        z-index: 20; 
        letter-spacing: 5px;
        top: 13%;
      }

      /*** ------- 02 BOOK --------*****/
      .book{
        list-style-type: none; 
        right: 25px; 
        font-size:.9em; 
        z-index: 20; 
        margin-top:50vh; 
        transform: rotate(-90deg); 
        letter-spacing: 5px;
        position:fixed; 
        right: 25px; 
        margin-top:50vh; 
      }

      /*** ------- 03 MEET INDIGO --------*****/
      .meet-indigo{
        list-style-type: none; 
        bottom: 10vh; 
        font-size:.9em; 
        z-index: 20; 
        left:40vw; 
        letter-spacing: 5px;
        position:fixed;
      }

      /*** ------- 04 GET IN TOUCH --------*****/
      .get-in-touch{
        list-style-type: none; 
        padding-left: 5px; 
        font-size:.9em; 
        z-index: 20; 
        margin-top:50vh; 
        transform: rotate(-90deg); 
        letter-spacing: 5px;
        position:fixed; 
        left: -10px; 
        margin-top:50vh; 
      }


   .wrapper-mov-menu {
    position: fixed;
    display: inline-block;
    cursor: pointer;
    z-index: 99;
    right: 10%;
    top: 4%;
  }

    #menu-redes-sociales {
      left: 7%;
      width: 100%;
  }

    }
    /*** ------------------------ DESDE 431 HASTA 800PX ------------------------------------------------**/
    @media screen and (min-width: 431px) and (max-width: 800px){
      .image {
        width: 100%;
      }
      .works .cell {
        display: block;
        height: 100%;
        width: 100%;
      }
    }

/*** ------------------------ DESDE 801PX ------------------------------------------------**/
  @media screen and (min-width: 801px){
  
    div#mov-menu-4-puntos {
      display: none;
    }
    .image {
      display: inline-block;
      width: 400px;
      height: auto;
    }
    .meet-indigo{
      list-style-type: none; 
      position:absolute; 
      bottom: 6vh; 
      font-size:.9em; 
      z-index: 20; 
      left:43vw; 
      letter-spacing: 5px;
    }
    .works .cell {
      display: inline-block;
      width: 400px;
      height: 400px;
      overflow: hidden;
    }
    nav#menu-4-puntos li a {
      background-color: #F9E48F;
      color: #19408b !important;
    }

    nav#mov-menu a{
      color: #19408b;
      background-color: #F9E48F;
    }
    
    .welcome {
      left: 45vw;
      top: 6vh;
    }

  }

    /*** ----------------------------------------------------  DESDE 768 HASTA 1199px -----------------------------------------------------------------*****/
    @media screen and (min-width: 768px) and (max-width: 1199px) {   

    .amaranto-main-img {
      padding: 12% 0 0 31%;
    }

    #carousel-control { 
      left: 73%; 
      display: none;
    }
    
    .carousel { 
      margin: 0; 
      padding: 0; 
    }

    .carousel-item { 
      height: 98vh; 
      background-size: cover; 
      padding-top: 30% !important; 
    }
      
    .carousel #home2 { 
      display: inline-block; 
      margin: 70% 10% 10% 10%; 
      text-align: right;
    }

    .carousel #home2 p, h3 { 
      font-size: 1.5vh;
     }

    .col-md-6 { 
      max-width: 100% !important; 
    }

    div#wrapper-row {
      padding-left: 6%;
      padding-right: 6%;
  }

    .fondo-home {  
      background-image: url('https://indigocreative.mx/images/Indigo-Creative-and-Advertising-Brandhouse-Home-background.png');
      background-repeat: no-repeat;
      background-position: 77% 49%;
      background-size: 61%;
    }
    
    .floating-text-long-voyage {
        width: 90%;
        text-align: right;
        left: 4%;
        position: relative;
        padding-top: 7%;
    }
    #fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {
      width: 16px;
      height: 16px;
      margin: -8px 0 0 -8px;
      background: transparent;
      box-sizing: border-box;
      border: 1px solid #24221F;
    }

    .fp-section  { 
      height: auto !important; 
    }
    
    .fp-table  { 
      height: auto !important; 
    }

    .fp-completely { 
      height: auto !important; 
    }

    .fp-tableCell { 
      height: auto !important; 
    }

    .fondo-amarillo { 
      margin-top: 0 ; 
    }

    #fp-nav ul li a span, .fp-slidesNav ul li a span {
      background: white;
      width: 8px;
      height: 8px;
      margin: -4px 0 0 -4px;
    }
    h2 {
      text-transform: lowercase;
      font-size: 4em;
      margin-bottom: 20px;
    }

    h3 {
      font-weight: 300;
      font-size: 2.8em;
    }

    #nathaly .row .col-md-9 {
        max-width: 67vw;
    }
      
      .slidesection {
        padding: 0 !important; margin: 0 !important;
      }
      .slide {
        padding: 0 !important; margin: 0 !important;
      }
      .slidersection { margin: 0; padding: 0; }
      

      #contentresponsive { width: 100% !important; padding: 0 !important; }
      .text-indigo { padding-bottom: 5% !important; }
      .text-indigo-spotlight { text-align: center !important; }
     
    .width-40.inline.avengers {
        padding-top: 7%;
        width: 85%;
    }
      .width-50 {
        width: 85%;
    }

    #desk-menu { 
      visibility: hidden !important; display: none; 
    }

    #fernanda .row {
      margin-right: 0;
      margin-left: 0;
    }

    #fernanda img {   
      width: 410px;
      padding: 16% 15% 20% 17%;
    }

    #nathaly .row .col-md-9 {
      max-width: 53vw;
    }

    .row {
      margin-right: 0 !important;
      margin-left: 0 !important;
    }

    .slide #home {
      margin: -8% 65% 0 0;
    }

    .thisbutton { 
      transition: all 0.35s ease-in-out;
      visibility: visible !important; 
    }

    .text-indigo h2 {
      text-align: left;
      font-size: 2em;
    }

  }





    /*** -----------------------   DESDE 1200 EN ADELANTE   -----------------------***/
    @media screen and (min-width: 1200px){

      .container {
        max-width: 1140px;
        overflow-x: hidden;
      }

      .col-md-6.fondo-amarillo.align-left {
        max-width: 49%;
      }

      #fernanda .row {
        margin-right: 0;
        margin-left: 0;
      }
      
      #fernanda img {   
        width: 410px;
        padding: 16% 15% 20% 17%;
    }

      #fernanda .row .col-md-9 {
        max-width: 76vw;
        padding-left: 10%;
      }

      .floating-text-long-voyage {
        width: 77%;
        text-align: right;
        left: 19%;
        position: relative;
        padding-top: 5%;
      }

      footer.wrapper.align-left {
        bottom: 5vh;
        position: absolute;
    }

      .fondo-home {
          background-image: url(https://indigocreative.mx/images/Indigo-Creative-and-Advertising-Brandhouse-Home-background.png);
          background-repeat: no-repeat;
          background-position: 83% center;
          background-size: 60%;
      }
      
      #nathaly .row .col-md-9 {
        max-width: 66vw;
      }
      #nathaly img {
        padding-top: 10%;
      }
      .row {
        margin-right: 0 !important;
        margin-left: 0 !important;
      }
      .tagline{
        text-indent: 0;
      }
      .tagline-small {
        margin-top: -1em;
        text-indent: 0;
        padding-left: 1vw;
      }

    }