@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);
  }
  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;
            transform-origin: top center;
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
  }
}
@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;
            transform-origin: top center;
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
  }
}
/**
 * [Strip the pesky units from values]
 * @param  {[Number]} $value
 */
/**
 * [Fluid Type]
 */
.aspect-ratio-1-1 {
  aspect-ratio: 1;
}

.aspect-ratio-2-3 {
  aspect-ratio: 0.6667;
}

.aspect-ratio-3-2 {
  aspect-ratio: 1.5;
}

.aspect-ratio-3-4 {
  aspect-ratio: 0.75;
}

.aspect-ratio-4-3 {
  aspect-ratio: 1.3333;
}

.aspect-ratio-4-5 {
  aspect-ratio: 0.8;
}

.aspect-ratio-5-4 {
  aspect-ratio: 1.25;
}

.aspect-ratio-16-9 {
  aspect-ratio: 1.7778;
}

.aspect-ratio-21-9 {
  aspect-ratio: 2.3333;
}

.aspect-ratio-25-9 {
  aspect-ratio: 2.7777;
}

@media (min-width: 768px) {
  .aspect-ratio-md-1-1 {
    aspect-ratio: 1;
  }
  .aspect-ratio-md-2-3 {
    aspect-ratio: 0.6667;
  }
  .aspect-ratio-md-3-2 {
    aspect-ratio: 1.5;
  }
  .aspect-ratio-md-3-4 {
    aspect-ratio: 0.75;
  }
  .aspect-ratio-md-4-3 {
    aspect-ratio: 1.3333;
  }
  .aspect-ratio-md-4-5 {
    aspect-ratio: 0.8;
  }
  .aspect-ratio-md-5-4 {
    aspect-ratio: 1.25;
  }
  .aspect-ratio-md-16-9 {
    aspect-ratio: 1.7778;
  }
  .aspect-ratio-md-21-9 {
    aspect-ratio: 2.3333;
  }
  .aspect-ratio-md-25-9 {
    aspect-ratio: 2.7777;
  }
}
@media (min-width: 1280px) {
  .aspect-ratio-lg-1-1 {
    aspect-ratio: 1;
  }
  .aspect-ratio-lg-2-3 {
    aspect-ratio: 0.6667;
  }
  .aspect-ratio-lg-3-2 {
    aspect-ratio: 1.5;
  }
  .aspect-ratio-lg-3-4 {
    aspect-ratio: 0.75;
  }
  .aspect-ratio-lg-4-3 {
    aspect-ratio: 1.3333;
  }
  .aspect-ratio-lg-4-5 {
    aspect-ratio: 0.8;
  }
  .aspect-ratio-lg-5-4 {
    aspect-ratio: 1.25;
  }
  .aspect-ratio-lg-16-9 {
    aspect-ratio: 1.7778;
  }
  .aspect-ratio-lg-21-9 {
    aspect-ratio: 2.3333;
  }
  .aspect-ratio-lg-25-9 {
    aspect-ratio: 2.7777;
  }
}
@media (min-width: 1920px) {
  .aspect-ratio-xl-1-1 {
    aspect-ratio: 1;
  }
  .aspect-ratio-xl-2-3 {
    aspect-ratio: 0.6667;
  }
  .aspect-ratio-xl-3-2 {
    aspect-ratio: 1.5;
  }
  .aspect-ratio-xl-3-4 {
    aspect-ratio: 0.75;
  }
  .aspect-ratio-xl-4-3 {
    aspect-ratio: 1.3333;
  }
  .aspect-ratio-xl-4-5 {
    aspect-ratio: 0.8;
  }
  .aspect-ratio-xl-5-4 {
    aspect-ratio: 1.25;
  }
  .aspect-ratio-xl-16-9 {
    aspect-ratio: 1.7778;
  }
  .aspect-ratio-xl-21-9 {
    aspect-ratio: 2.3333;
  }
  .aspect-ratio-xl-25-9 {
    aspect-ratio: 2.7777;
  }
}
.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: 0.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: 0.875rem;
}
.designer-broker--content__asset strong {
  margin-top: 1rem;
  display: block;
  font-family: "Archivo";
  font-size: 0.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: 250px;
  }
}

.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: 0.625rem;
}

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

.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: 0.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: -0.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: 0.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: -0.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;
  }
}

.signup-message {
  font-size: 14px;
  color: #505050;
  letter-spacing: 0.5px;
  margin-bottom: 20px;
  text-transform: none;
}
.signup-message a {
  text-decoration: underline;
}

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