@import url(https://fonts.googleapis.com/css?family=Archivo);
@import url(https://fonts.googleapis.com/css?family=PT+Serif:400,700);
@charset "UTF-8";
/* FRETTE: Start Variables
-------------------------- */
@font-face {
  font-family: 'Didot';
  src: url("../fonts/Didot/DidoteTextPro-Regular.otf") format("opentype"); }

@font-face {
  font-family: 'Didot';
  font-weight: bold;
  src: url("../fonts/Didot/DidoteTextPro-Bold.otf") format("opentype"); }

@font-face {
  font-family: 'Didot';
  font-style: italic;
  src: url("../fonts/Didot/DidoteTextPro-Italic.otf") format("opentype"); }

@font-face {
  font-family: 'Didot';
  font-weight: bold;
  font-style: italic;
  src: url("../fonts/Didot/DidoteTextPro-BoldItalic.otf") format("opentype"); }

@font-face {
  font-family: 'HelveticaNeue';
  src: url("../fonts/HelveticaNeue/HelveticaNeueeTextPro-Roman.otf") format("opentype"); }

@font-face {
  font-family: 'HelveticaNeueMd';
  src: url("../fonts/HelveticaNeue/HelveticaNeueeTextPro-Md.otf") format("opentype"); }

/*Replace old fonts with new fonts by default*/
body {
  margin: 0; }

/* FRETTE: End Variables
------------------------ */
/*------------------------------------*\
  #FORMS
\*------------------------------------*/
/*------------------------------------*\
  #TRANSITIONS
\*------------------------------------*/
/**
 * [Adds styles to allow an element's height scale proportionatelly]
 * @param  {[Number]} $width
 * @param  {[Number]} $height
 */
/**
 * [Calculates the percentage aspect ratio (what % height is compared to the width)]
 * @param  {[Number]} $width
 * @param  {[Number]} $height
 * @return {[Number(%)]}
 */
/**
 * *****REMEMBER TO USE MARGIN OR PADDING AND NOT TOP/BOTTOM******
 * [Calculates the center of an element in relation to a provided width and height.
 * Useful to place an absolute element at the center of another when
 * the positioned element cannot be the target's child ]
 * @param  {[Number]} $width
 * @param  {[Number]} $height
 * @return {[Number(%)]}
 */
/**
 * [In the  awful case you can't use Flexbox to vertically align something]
 * @param  {[type]} $transform:       false         [Use transforms to align instead of the absolute trick]
 * @param  {[type]} $pos:             absolute      [position type]
 * @param  {[type]} $posAdj:          0             [position adjustment. If $transform is true, this value only affects the 'top' property.]
 * @param  {[type]} $alignHorizontal: false         [Includes horizontal alignment]
 */
@-webkit-keyframes flipdown
  0% {
  opacity: 0;
  -webkit-transform-origin: top center;
          transform-origin: top center;
  -webkit-transform: rotateX(-90deg);
          transform: rotateX(-90deg); }
@keyframes flipdown
  0% {
  opacity: 0;
  -webkit-transform-origin: top center;
          transform-origin: top center;
  -webkit-transform: rotateX(-90deg);
          transform: rotateX(-90deg); }

5% {
  opacity: 1; }

80% {
  -webkit-transform: rotateX(8deg);
          transform: rotateX(8deg); }

83% {
  -webkit-transform: rotateX(6deg);
          transform: rotateX(6deg); }

92% {
  -webkit-transform: rotateX(-3deg);
          transform: rotateX(-3deg); }

100% {
  -webkit-transform-origin: top center;
      -ms-transform-origin: top center;
          transform-origin: top center;
  -webkit-transform: rotateX(0deg);
          transform: rotateX(0deg); }

/**
 * [Strip the pesky units from values]
 * @param  {[Number]} $value
 */
/**
 * [Fluid Type]
 */
.broker-designer__form {
  max-width: 375px;
  width: 100%; }
  .broker-designer__form .forgot-password {
    margin-top: 0.625rem;
    margin-bottom: 0.625rem; }

.broker-designer__form--margin {
  margin-right: 3.125rem; }

.broker-designer__btn {
  max-width: 8.5rem;
  padding: 0.5rem 0.625rem; }

.designer-broker--content__asset {
  margin-top: 2rem; }
  .designer-broker--content__asset h2 {
    font-family: "Butler";
    font-size: 1.5rem;
    letter-spacing: 1px;
    line-height: 1.51;
    color: #031e2f; }
  .designer-broker--content__asset p {
    line-height: 1.51;
    letter-spacing: 0.7px;
    font-family: "Archivo";
    font-size: .875rem;
    color: #505050; }
    .designer-broker--content__asset p:first-child {
      margin-top: 1rem; }
  .designer-broker--content__asset ul {
    margin-top: 0.625rem; }
  .designer-broker--content__asset li {
    letter-spacing: 0.5px;
    line-height: 1.51;
    font-family: "Archivo";
    color: #505050;
    font-size: .875rem; }
  .designer-broker--content__asset strong {
    margin-top: 1rem;
    display: block;
    font-family: "Archivo";
    font-size: .875rem;
    color: #505050; }
  .designer-broker--content__asset a {
    text-decoration: underline;
    font-family: "Archivo";
    font-size: 0.875rem;
    color: #031e2f;
    letter-spacing: 0.7px;
    line-height: 1.51;
    margin-bottom: 1rem;
    display: block; }

.customer--container {
  max-width: 638px;
  margin-top: 1rem;
  margin-bottom: 3rem; }
  @media (max-width: 768.98px) {
    .customer--container {
      max-width: 100%;
      padding-left: 1.5rem;
      padding-right: 1.5rem;
      margin-top: 2rem; } }
  @media (max-width: 543.98px) {
    .customer--container {
      padding-left: 0;
      padding-right: 0; } }

.designer-broker--pading {
  padding-left: 1rem;
  padding-right: 1rem; }

.designer-broker--hero {
  position: relative;
  max-width: 1371px; }
  @media (max-width: 543.98px) {
    .designer-broker--hero .body-type--deca {
      font-size: 2.5rem; } }

.designer-broker__btn {
  max-width: 613px;
  margin-top: 4rem;
  margin-bottom: 6rem; }
  .designer-broker__btn-inner {
    display: inline-block;
    width: 100%;
    height: 100%; }

.designer-broker__btn--space {
  margin-top: 4rem;
  margin-bottom: 2rem; }

.customer-service__btn--medium_space {
  margin-top: 2rem; }

.designer-broker__p-space {
  margin-bottom: 0.625rem; }

@media (max-width: 543.98px) {
  .designer-broker--hero__media img {
    min-height: 200px; } }

.customer-service--form-large {
  max-width: 1160px; }

.customer-service--reset .container {
  padding-left: 0;
  padding-right: 0; }

.customer-service__form-left {
  max-width: 532px; }
  .customer-service__form-left .broker-document-upload {
    height: 2.75rem; }

@media (max-width: 768.98px) {
  .form-right-side,
  .customer-service__form-left {
    max-width: 50%; } }

@media (max-width: 543.98px) {
  .form-right-side,
  .customer-service__form-left {
    max-width: 100%; } }

.customer-service--heading_margin {
  margin-bottom: 2rem; }

.customer-service--heading_margin-top {
  margin-top: 3rem;
  margin-bottom: 5rem; }

.customer-service--medium-form {
  padding-right: 100px;
  border-right: solid 1px #031e2f; }
  @media (max-width: 768.98px) {
    .customer-service--medium-form {
      padding-right: 1rem; } }

.customer-service--medium-form-left {
  padding-left: 100px; }
  @media (max-width: 768.98px) {
    .customer-service--medium-form-left {
      padding-left: 1rem; } }

.customer-service__leftnav a {
  color: #505050;
  display: block;
  text-decoration: underline;
  margin-bottom: 1rem;
  font-family: "Archivo";
  letter-spacing: 1px;
  line-height: 1.9;
  font-size: .625rem; }

@media (max-width: 768.98px) {
  .customer-service-hero__headline .main-hero__overlay {
    padding: 1rem 0; } }

.designer-broker__fields select {
  text-transform: uppercase;
  font-size: 0.625rem;
  font-family: "Archivo"; }

.customer-service--confirmation {
  margin-top: 2rem;
  margin-bottom: 4rem; }
  @media (max-width: 543.98px) {
    .customer-service--confirmation {
      margin-top: 1rem;
      margin-bottom: 2rem; } }

.contactus-hero:before {
  background: none !important; }

.contactus-parent .contactus--storeinfo {
  max-width: 1440px; }

.contactus-parent .contactus__email {
  word-wrap: break-word; }

.contactus-parent .contactus__message .contactformfields:after {
  content: " *"; }

.contactus-parent .contactus__subject .subject-select {
  font-size: 0.875em;
  letter-spacing: 0.5px; }

.contactus-parent .customer--container {
  max-width: 638px; }

.btn.btn-block {
  font-family: 'Archivo-Medium';
  font-weight: 500; }

.main-hero {
  max-width: 86.25rem;
  margin: 0 auto;
  position: relative; }
  .main-hero:before {
    content: '';
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1; }
  .main-hero .main-hero__content {
    position: relative;
    z-index: 1; }

.main-hero__center {
  position: relative; }
  @media (max-width: 768.98px) {
    .main-hero__center {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse; } }

.main-hero__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  color: #ffffff; }
  @media (min-width: 769px) {
    .main-hero__overlay {
      padding: 5% 4.375rem; } }
  @media (max-width: 768.98px) {
    .main-hero__overlay {
      padding: 25% 1rem; } }
  .main-hero__overlay.set--alignment-middle {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center; }
    .main-hero__overlay.set--alignment-middle .main-hero__content {
      max-width: 38.5rem; }
  .main-hero__overlay.set--alignment-right {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    text-align: right; }
  .main-hero__overlay.set--v-alignment-top {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .main-hero__overlay.set--v-alignment-middle {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .main-hero__overlay.set--v-alignment-bottom {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
    @media (min-width: 769px) {
      .main-hero__overlay.set--v-alignment-bottom.set--layout-large {
        padding-bottom: 10.87%; } }

.main-hero__content {
  max-width: 31.125rem; }

.main-hero__title {
  margin-bottom: .35em;
  font-weight: 200; }

.main-hero__description:not(:last-child) {
  margin-bottom: 2rem; }

.home__2up--b {
  max-width: 1360px;
  width: 100%;
  margin: 0 auto; }
  @media (max-width: 1024px) {
    .home__2up--b {
      width: 100%; } }
  @media (max-width: 543.98px) {
    .home__2up--b .featured-hotel__paragraph {
      display: none; } }
  .home__2up--b .main-2up--b {
    margin-bottom: 6rem; }
    @media (max-width: 768.98px) {
      .home__2up--b .main-2up--b {
        margin-bottom: 2rem; } }
    .home__2up--b .main-2up--b .wrapper__2up--b {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      @media (max-width: 768.98px) {
        .home__2up--b .main-2up--b .wrapper__2up--b {
          display: block;
          height: 100%; } }
    .home__2up--b .main-2up--b .left {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; }
    .home__2up--b .main-2up--b .right {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse; }
  .home__2up--b img {
    height: auto; }
    @media (max-width: 543.98px) {
      .home__2up--b img {
        max-height: 345px;
        width: 100%;
        padding-left: 1rem;
        padding-right: 1rem; } }

.content--img {
  width: 50%; }
  @media (max-width: 768.98px) {
    .content--img {
      width: 100%;
      max-width: 680px;
      margin: 0 auto; } }
  .content--img .mobile {
    display: none; }
  @media (max-width: 543.98px) {
    .content--img .mobile {
      display: block; }
    .content--img .desktop {
      display: none; } }

.content--info {
  width: 50%;
  position: relative; }
  @media (min-width: 992px) {
    .content--info {
      padding-left: 9.375rem;
      padding-right: 9.375rem; } }
  @media (min-width: 769px) and (max-width: 991.98px) {
    .content--info {
      padding-left: 4.25rem;
      padding-right: 4.25rem; } }
  @media (max-width: 768.98px) {
    .content--info {
      position: static;
      width: 100%;
      padding-left: 1rem;
      padding-right: 1rem;
      margin-bottom: 3.75rem; } }
  .content--info p {
    color: #757575; }

@media (max-width: 768.98px) {
  .content--alignment {
    width: 100%;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    margin: 1.75rem 0 2rem 0; } }

.featured-hotel__img-grid-heading {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  display: block; }

.featured-hotel__paragraph {
  margin-bottom: 1.5rem; }

.hotel-partner__no-line .line-animation {
  display: none; }

.login-page .text-color--matterhorn {
  color: #757575; }

.login-page .form-control:not(.is-invalid) {
  border-color: #71767c; }

.login-page .login {
  margin-bottom: 20px; }
  .login-page .login .error-message-form {
    padding: 0.625em;
    background-color: #dc3545;
    color: #fff;
    border-radius: 0.188em; }

@media (min-width: 769px) {
  .login-page {
    margin-bottom: 6.625rem;
    border-top: solid 0.125rem rgba(3, 30, 47, 0.12); } }

.login-page .nav-tabs {
  border-bottom: 0.125rem solid #d0d0d0; }
  @media (min-width: 769px) {
    .login-page .nav-tabs {
      border: 0;
      border-bottom-width: 1px; } }
  @media (max-width: 768.98px) {
    .login-page .nav-tabs {
      margin-right: -1rem;
      margin-left: -1rem;
      padding-right: 1rem;
      padding-left: 1rem; }
      .login-page .nav-tabs .nav-item {
        margin-bottom: -.125rem; } }
  .login-page .nav-tabs .nav-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
    .login-page .nav-tabs .nav-item .nav-link {
      font-family: "Butler";
      font-size: 1.5em !important;
      letter-spacing: 0.5px;
      text-align: left;
      color: #031e2f !important; }
      .login-page .nav-tabs .nav-item .nav-link.active {
        border-bottom: 0.125rem solid #031e2f; }
        @media (min-width: 769px) {
          .login-page .nav-tabs .nav-item .nav-link.active {
            border-bottom-width: 1px; } }
      .login-page .nav-tabs .nav-item .nav-link:not(.active) {
        opacity: 0.6; }

@media (min-width: 769px) {
  .login-page__section {
    padding-top: 2rem; }
    .login-page__section:not(:last-child) {
      border-right: solid 0.125rem rgba(3, 30, 47, 0.12); } }

@media (min-width: 992px) {
  .login-page__section:not(:last-child) {
    padding-right: 5.875rem; }
  .login-page__section:last-child {
    padding-left: 5.875rem; } }

@media (min-width: 769px) and (max-width: 991.98px) {
  .login-page__section:not(:last-child) {
    padding-right: 2.5rem; }
  .login-page__section:last-child {
    padding-left: 2.5rem; } }

@media (max-width: 768.98px) {
  .login-page__section {
    margin-bottom: 3.5rem; } }

.registration-page .privacy-policy {
  margin-top: 1rem; }

.login-banner {
  background-image: url("../images/account.jpg");
  background-position-y: 40%; }

.login-title {
  font-family: "Butler";
  font-size: 1.5em;
  letter-spacing: 1px;
  text-align: center;
  margin-top: 10px;
  color: #031e2f;
  margin-bottom: 36px; }
  @media (min-width: 769px) {
    .login-title {
      font-size: 2em;
      letter-spacing: 0.5px; } }

.login .custom-control-label:before, .registration .custom-control-label:before {
  content: "" !important;
  background: none;
  border-radius: 0;
  border: 1px solid #71767c; }

.login, .registration {
  margin-top: 1.25rem; }

.remember-me {
  margin-bottom: 26px; }
  .remember-me .custom-control-label {
    text-transform: capitalize; }

.track-order__header {
  font-family: "Butler";
  font-size: 1.5rem;
  letter-spacing: 0.5px;
  color: #031e2f;
  text-transform: capitalize; }
  @media (min-width: 769px) {
    .track-order__header {
      margin-bottom: 2.5rem; } }
  @media (max-width: 768.98px) {
    .track-order__header {
      margin-bottom: 1.25rem;
      text-align: center; } }

@media (min-width: 769px) {
  .track-order-header-text {
    margin-bottom: 1.5rem;
    line-height: 1.64; } }

@media (max-width: 768.98px) {
  .track-order-header-text {
    margin-bottom: .75rem;
    text-align: center;
    line-height: 2; } }

.registration {
  margin-bottom: 20px; }

.benefits-desktop {
  margin-top: 36px;
  font-size: 14px;
  color: #505050;
  letter-spacing: 0.5px; }
  .benefits-desktop ul {
    list-style: none;
    padding: 0;
    margin: 0;
    letter-spacing: 0.5px;
    line-height: 1.64;
    margin-bottom: 20px; }
    .benefits-desktop ul li {
      padding-left: 1.5em;
      text-indent: -.7em; }
      .benefits-desktop ul li:before {
        content: "\2022   ";
        color: #505050;
        padding-right: 14px; }

.registration .newsletter-signup-reg {
  text-transform: none; }

.breadcrumbs--designer {
  max-width: 1380px; }
  @media (min-width: 769px) {
    .breadcrumbs--designer {
      padding-left: 0; }
      .breadcrumbs--designer .breadcrumb-list {
        margin-left: 0;
        padding-left: 0; } }


/*# sourceMappingURL=login.css.map*/