.boxShad1{
	box-shadow: 0 10px 20px 0 rgb(0 0 0 / 24%);
  background-color: #00000075;
  color: white;
  padding: 0.75rem;
}

.fsize65{
	font-size: 0.65rem;
}

.fsize75{
	font-size: 0.75rem;
}

.fsize85{
	font-size: 0.85rem;
}

.transporte-busq{
position: relative;
animation-name: desp;
animation-duration: 2s;
}

.btnpop{
  text-transform: lowercase;
  cursor: pointer;
}


.inflex{
  display: inline-flex;
}





.dgf{
  background: #c5323217!important;

}

  @keyframes desp {
    from {left: 680px;}
    to {left: 0px;}
  }


   /*Paralax*/
    /* Override UGG site */
    #main {
      width: 100%;
      padding: 0;
    }
    .content-asset p {
      margin: 0 auto;
    }
    .breadcrumb {
      display: none;
    }

    /* Helpers */
    /**************************/
    .margin-top-10 {
      padding-top: 10px;
    }
    .margin-bot-10 {
      padding-bottom: 10px;
    }

    /* Typography */
    /**************************/
    #parallax-world-of-ugg h1 {
      font-family: "Oswald", sans-serif;
      font-size: 24px;
      font-weight: 400;
      text-transform: uppercase;
      color: black;
      padding: 0;
      margin: 0;
    }
    #parallax-world-of-ugg h2 {
      font-family: "Oswald", sans-serif;
      font-size: 70px;
      letter-spacing: 10px;
      text-align: center;
      color: white;
      font-weight: 400;
      text-transform: uppercase;
      z-index: 10;
      opacity: 0.9;
    }
    #parallax-world-of-ugg h3 {
      font-family: "Oswald", sans-serif;
      font-size: 14px;
      /*line-height: 0;*/
      font-weight: 400;
      letter-spacing: 8px;
      text-transform: uppercase;
      color: black;
    }
    #parallax-world-of-ugg p {
      font-family: "Source Sans Pro", sans-serif;
      font-weight: 400;
      font-size: 14px;
      line-height: 24px;
    }
    .first-character {
      font-weight: 400;
      float: left;
      font-size: 84px;
      line-height: 64px;
      padding-top: 4px;
      padding-right: 8px;
      padding-left: 3px;
      font-family: "Source Sans Pro", sans-serif;
    }

    .sc {
      color: #3b8595;
    }
    .ny {
      color: #3d3c3a;
    }
    .atw {
      color: #c48660;
    }
    .txt-capitalize{
      text-transform: capitalize!important;
    }

    /* Section - Title */
    /**************************/
    #parallax-world-of-ugg .title {
      background: white;
      padding: 60px;
      margin: 0 auto;
      text-align: center;
    }
    #parallax-world-of-ugg .title h1 {
      font-size: 35px;
      letter-spacing: 8px;
    }

    /* Section - Block */
    /**************************/
    #parallax-world-of-ugg .block {
      background: white;
      padding: 60px;
      width: 820px;
      margin: 0 auto;
      text-align: justify;
    }
    #parallax-world-of-ugg .block-gray {
      background: #f2f2f2;
      padding: 60px;
    }
    #parallax-world-of-ugg .section-overlay-mask {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: black;
      opacity: 0.7;
    }

    /* Section - Parallax */
    /**************************/
    #parallax-world-of-ugg .parallax-one {
      padding-top: 200px;
      padding-bottom: 200px;
      overflow: hidden;
      position: relative;
      width: 100%;
      background-image: url(../img/parallax/parallax-caribe.jpg);
      background-attachment: fixed;
      background-size: cover;
      -moz-background-size: cover;
      -webkit-background-size: cover;
      background-repeat: no-repeat;
      background-position: top center;
    }
    #parallax-world-of-ugg .parallax-two {
      padding-top: 200px;
      padding-bottom: 200px;
      overflow: hidden;
      position: relative;
      width: 100%;
      background-image: url(../img/parallax/parallax-playa-del-carmen-2.jpg);
      background-attachment: fixed;
      background-size: cover;
      -moz-background-size: cover;
      -webkit-background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
    }
    #parallax-world-of-ugg .parallax-three {
      padding-top: 200px;
      padding-bottom: 200px;
      overflow: hidden;
      position: relative;
      width: 100%;
      background-image: url(../img/parallax/parallax-pto-morelos.png);
      background-attachment: fixed;
      background-size: cover;
      -moz-background-size: cover;
      -webkit-background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
    }

    #parallax-world-of-ugg .parallax-four {
      padding-top: 200px;
      padding-bottom: 200px;
      overflow: hidden;
      position: relative;
      width: 100%;
      background-image: url(../img/parallax/parallax-tulum.png);
      background-attachment: fixed;
      background-size: cover;
      -moz-background-size: cover;
      -webkit-background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
    }

    #parallax-world-of-ugg .parallax-five {
      padding-top: 200px;
      padding-bottom: 200px;
      overflow: hidden;
      position: relative;
      width: 100%;
      background-image: url(../img/parallax/parallax-bacalar.png);
      background-attachment: fixed;
      background-size: cover;
      -moz-background-size: cover;
      -webkit-background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
    }

    /* Extras */
    /**************************/
    #parallax-world-of-ugg .line-break {
      border-bottom: 1px solid black;
      width: 150px;
      margin: 0 auto;
    }

    /* Media Queries */
    /**************************/
    @media screen and (max-width: 959px) and (min-width: 768px) {
      #parallax-world-of-ugg .block {
        padding: 40px;
        width: 620px;
      }
    }
    @media screen and (max-width: 767px) {
      #parallax-world-of-ugg .block {
        padding: 30px;
        width: 420px;
      }
      #parallax-world-of-ugg h2 {
        font-size: 30px;
      }
      #parallax-world-of-ugg .block {
        padding: 30px;
      }
      #parallax-world-of-ugg .parallax-one,
      #parallax-world-of-ugg .parallax-two,
      #parallax-world-of-ugg .parallax-three {
        padding-top: 100px;
        padding-bottom: 100px;
      }
    }
    @media screen and (max-width: 479px) {
      #parallax-world-of-ugg .block {
        padding: 30px 15px;
        width: 290px;
      }
    }
  /*Paralax*/

  /*Loader*/
    .bg-load{
      width: 100%;
      height: 100%;
      position: fixed;
      background: rgba(0, 0, 0, 0.6);
      z-index: 9000;
    }
    .backLoad {
        margin-top: -140px;
        position: fixed;
        height: 140%;
        background-color: #000000bf;
        z-index: 9991;
        width: 100%;
    }
    .load-spin{
        margin-top: 380px;
        width: 7rem;
        height: 7rem;
    }
    .txtLoad{
      color: white;
    }
    .loader-93 {
      width: 96px;
      height: 48px;
      display: inline-block;
      position: relative;
      background: #fff;
      border-radius: 48px 48px 0 0;
      overflow: hidden;
    }
    .loader-93::after {
      content: "";
      position: absolute;
      width: 24px;
      height: 12px;
      border-radius: 24px 24px 0 0;
      background: #ffa900;
      left: 50%;
      transform: translateX(-50%);
      bottom: 0;
    }
    .loader-93::before {
      content: "";
      position: absolute;
      width: 4px;
      height: 32px;
      left: 0;
      right: 0;
      margin: auto;
      bottom: 0;
      background: #ffa900;
      transform-origin: 50% 100%;
      -webkit-animation: animloader93 2s linear infinite alternate;
              animation: animloader93 2s linear infinite alternate;
    }
    @-webkit-keyframes animloader93 {
      0% {
        transform: rotate(-70deg);
      }
      10% {
        transform: rotate(-40deg);
      }
      20%, 45%, 35% {
        transform: rotate(-10deg);
      }
      40%, 30% {
        transform: rotate(-30deg);
      }
      50%, 60% {
        transform: rotate(20deg);
      }
      55%, 65%, 75% {
        transform: rotate(40deg);
      }
      70% {
        transform: rotate(45deg);
      }
      85%, 90% {
        transform: rotate(50deg);
      }
      95% {
        transform: rotate(75deg);
      }
      100%, 93% {
        transform: rotate(70deg);
      }
    }
    @keyframes animloader93 {
      0% {
        transform: rotate(-70deg);
      }
      10% {
        transform: rotate(-40deg);
      }
      20%, 45%, 35% {
        transform: rotate(-10deg);
      }
      40%, 30% {
        transform: rotate(-30deg);
      }
      50%, 60% {
        transform: rotate(20deg);
      }
      55%, 65%, 75% {
        transform: rotate(40deg);
      }
      70% {
        transform: rotate(45deg);
      }
      85%, 90% {
        transform: rotate(50deg);
      }
      95% {
        transform: rotate(75deg);
      }
      100%, 93% {
        transform: rotate(70deg);
      }
    }
  /*Loader*/

  .bg_mh{
    background-image: url('../img/bgs/bg1_mh.png');
    height: 60vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-bottom: -15rem;
    /*
    position: absolute;
    top: -9rem;
    padding-top: 9rem;
    */
  }

  .form-outline .form-control-index {
    color: white;
    font-size: 0.85rem;
  }

  .form-control-index{
    background-color: #0000004a;
    color: white;
  }

  .wdate::-webkit-calendar-picker-indicator {
    filter: invert(1);
  }

  .inline-flex{
    display: inline-flex;
  }

  .btn1{
    text-transform: capitalize;
    margin-top: -0.55rem;
  }

  .form-check-input:checked {
    border-color: #ffa900;
  }

  .form-check-input[type=radio]:checked:after{
    border-color: #ffa900;
    background-color: #ffa900;
  }

  .form-check-input:checked:focus {
    border-color: #ffa900;
  }

  .lab60{
    font-size: 0.60rem;
  }

  .lab65{
    font-size: 0.65rem;
  }

  .lab70{
    font-size: 0.70rem;
  }

  .lab75{
    font-size: 0.75rem;
  }

  .lab80{
    font-size: 0.80rem;
  }

  .lab85{
    font-size: 0.85rem;
  }

  .lab90{
    font-size: 0.90rem;
  }

  .lab95{
    font-size: 0.95rem;
  }

  .lab100{
    font-size: 1rem;
  }

  .hide{
    display: none!important;
  }

  .form-control-index:focus {
    color: #ffffff;
    background-color: #000;
    border-color: #ffa900;
    -webkit-box-shadow: inset 0 0 0 1px #ffa900;
    box-shadow: inset 0 0 0 1px #ffa900bf;
  }

  .form-check-input:checked:focus:before {
    -webkit-box-shadow: 0 0 0 13px #ffffff;
    box-shadow: 0 0 0 13px #ffffff;
  }

  .lStyleUnits{ 
    color: #ffa900;
  }

  .fa-long-arrow-alt-right{
    color: #ffa900;
  }

  .linkats{
    text-decoration: none;
    color: #262626;
  }

  .linkats:hover{
    color: #262626; 
  }

  .main-mt{
    margin-top: 10rem;
  }

  .container-search{
    background-color: #00000091;
    padding: 1rem;
  }

  .progress-bar{
    background-color: #2663c3;
  }

  .img-1{
    
  }

  .ls1{
    color: #39c0ed;
  }

  .infoTxt{
    
  }

  .input:-internal-autofill-selected {
    background-color: red !important;
  }

  .btn-light {
    color: white;
    background-color: #f8f9fa00;
    border-color: #f8f9fa;
  }

  .btn-check:focus+.btn-light, .btn-light:focus {
      color: white !important;
      background-color: #f9fafb00!important;
      border-color: #000000!important;
      box-shadow: 0 0 0 0.25rem rgb(255 255 255 / 18%)!important;
  }

  .btn-light:hover {
      color: white;
      background-color: #f9fafb00;
      border-color: #f9fafb;
  }

  .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
      text-transform: capitalize;
      font-size: 0.85rem;
  }

  .bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
      color: #fff;
  }

  .dropdown-menu {
    font-size: 0.85rem;
    color: #ffffff;
    background-color: #000;
    border: 1px solid rgb(254 252 252 / 15%);
  }

  .dropdown-item {
      font-size: 0.85rem;
      color: #ffffff;
  }

  .btn-check:active+.btn-light, .btn-check:checked+.btn-light, .btn-light.active, .btn-light:active, .show>.btn-light.dropdown-toggle {
      color: #fff;
      background-color: #f9fafb00;
      border-color: #f9fafb;
  }

  .bootstrap-select .no-results {
      padding: 3px;
      background: #f5f5f500;
      margin: 0 5px;
      white-space: nowrap;
  }

  .dropdown-item.active, .dropdown-item:active {
      color: #fff;
      text-decoration: none;
      background-color: #bebebe;
  }

  .btn-warning {
      border-color: #ffc10700;
      color: white;
  }

  .btn-warning:hover {
      border-color: #ffffff;
  }

  .btn-check:active+.btn-warning, .btn-check:checked+.btn-warning, .btn-warning.active, .btn-warning:active, .show>.btn-warning.dropdown-toggle {
      border-color: #ffffff;
  }

  .btn-check:focus+.btn-warning, .btn-warning:focus {
      border-color: #ffffff;
      box-shadow: 0 0 0 0.25rem rgb(0 0 0 / 50%);
  }

  .form-check-input:checked[type=checkbox] {
      background-image: url();
  }

  .navbar-light .navbar-nav .nav-link {
      color: rgb(255 255 255);
  }

  .bg-light {
    background-color: #0000009e!important;
  }

  .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
      color: rgb(255 193 7);
  }

  .btn-reserva {
      color: #ffffff;
      background-color: #ffc107;
      border: 1px solid black;
  }

  .btn-reserva:hover{
    color: black;
    background-color: #ffc107;
    border-color: #fff;
  }

  .justify-center{
    justify-content: center;
    text-align: center;
  }

  .text-justify{
    text-align: justify;
  }

  .divalert1{
    position: absolute;
    top: 3.9rem;
    right: 5%;
  }
  
  .btn-outline-warning.disabled, .btn-outline-warning:disabled {
      color: #d49f00;
      background-color: #00000021;
  }
  /*Filosofia*/
    .bgmain {
        font-family: Lora;
        background-image: linear-gradient(rgb(255 255 255),rgb(172 235 254 / 0%)),url(../img/assets/caribe.jpg);
        background-attachment: fixed;
        background-position: center;
        background-size: cover;
    }
    .intro {
        position: relative;
        padding-top: 10rem;
    }
    .bg-faded {
        background-color: rgba(255,255,255,.85);
    }
    .rounded {
        border-radius: .25rem!important;
    }

    .dropdown-menu{
      max-width: 100%;
      max-height: 280px;
    }

  .dropdown-item.active, .dropdown-item:active {
      background-color: #ac8212;
  }

    @media (min-width: 992px){
      .intro .intro-img {
          width: 75%;
          float: right;
      }
    }
    @media (min-width: 992px){

      .mb-lg-0, .my-lg-0 {
          margin-bottom: 0!important;
      }
    }
    @media (min-width: 992px){

      .intro .intro-text {
          left: 0;
          width: 60%;
          margin-top: 3rem;
          position: absolute;
      }
    }
    .cta {
      padding-top: 5rem;
      padding-bottom: 5rem;
      background-color: #ffffffb8;
      margin-top: 5rem;
      color: black;
    }
    .navbar-light .navbar-toggler {
        color: rgb(255 255 255);
    }
  /*Filosofia*/
  
  .title1{
    font-size: 0.8rem;
  }

  .title2{
    font-size: 1rem;
  }

  .btn-ctc{
    text-align: center;
  }

  .ls1 {
      color: #ffc107;
  }

  /*Media Queries Generales*/
  @media (min-width: 576px) {

  }

  @media (min-width: 768px) {

  }

  @media (min-width: 992px) {
    .dropdown-menu{
      max-width: 100vh;
    }

    .dropdown-menu{
      max-height: 280px;
    }

    .title1{
      font-size: 1rem;
    }

    .title2{
      font-size: 1rem;
    }


  }

  @media (min-width: 1200px) {

  }
  /*Media Queries Generales*/