/*
%grayscale {
	filter: grayscale(100%);
}

.grayscale {
	@extend %grayscale;
}
*/
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes arrow-bounce {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  16% {
    transform: translateX(1rem);
    opacity: 0;
  }
  28% {
    transform: translateX(-1rem);
    opacity: 0;
  }
  44% {
    transform: translateX(0);
    opacity: 1;
  }
  56% {
    transform: translateX(0);
    opacity: 1;
  }
  72% {
    transform: translateX(1rem);
    opacity: 0;
  }
  84% {
    transform: translateX(-1rem);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.fade-enter-active {
  transition: all 0.3s ease;
}

.fade-leave-active {
  transition: all 0.3s ease;
}

.fade-enter,
.fade-leave-to {
  opacity: 0;
}

.my-account.col-nav ul.my-account-navigation li:last-of-type {
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgwIiBoZWlnaHQ9IjQ5MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+QWNjb3VudCBpY29uPC90aXRsZT48ZGVzYz5TaW1wbGUgb3V0bGluZSBvZiBoZWFkIGFuZCBzaG91bGRlcnMuPC9kZXNjPjxwYXRoIGQ9Ik0zNDIuNTQyIDI3My43NWMzMi42NjYtMjguNjY3IDUzLjcwOC03MC4yMDggNTMuNzA4LTExNy4wODNDMzk2LjI1IDcwLjM3NSAzMjYuMjkyLjQxNyAyNDAgLjQxN1M4My43NSA3MC4zNzUgODMuNzUgMTU2LjY2N2MwIDQ2Ljg3NSAyMS4wNDIgODguNDE2IDUzLjcwOCAxMTcuMDgzQzU2LjUgMzEyLjE2Ny40MTcgMzk0LjQxNy40MTcgNDkwaDYyLjVjMC05Ny44MzMgNzkuMjkxLTE3Ny4wODMgMTc3LjA4My0xNzcuMDgzIDk3LjgzMyAwIDE3Ny4wODMgNzkuMjUgMTc3LjA4MyAxNzcuMDgzaDYyLjVjMC05NS41ODMtNTYuMTI1LTE3Ny44MzMtMTM3LjA0MS0yMTYuMjV6TTE0Ni4yNSAxNTYuNjY3YzAtNTEuNzkyIDQxLjk1OC05My43NSA5My43NS05My43NSA1MS43NSAwIDkzLjc1IDQxLjk1OCA5My43NSA5My43NSAwIDUxLjc5MS00MiA5My43NS05My43NSA5My43NS01MS43OTIgMC05My43NS00MS45NTktOTMuNzUtOTMuNzV6IiBmaWxsLXJ1bGU9Im5vbnplcm8iIGZpbGw9IiMwMDAiLz48L3N2Zz4=");
}

.my-account.col-nav ul.my-account-navigation:not(.expand), .my-account__destinations .my-account__modal .tab-list:not(.expand) {
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSIxMSI+PHBhdGggZD0iTTAgMi45NjJsNS40NzMgMi4zNEwxMSAyLjk2MiA1LjUgOC4wMzh6Ii8+PC9zdmc+");
}

p.info-icon::after, label.info-icon::after {
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTMuNjE5MSIgY3k9IjEzLjYxOTEiIHI9IjEwLjY0MjkiIHN0cm9rZT0iIzAwMCIvPjxwYXRoIGQ9Ik0xNS40MDkgMTcuMTYyMWwtLjEyODkuNTI3NGMtLjM4NjcuMTUyMy0uNjk1My4yNjc1LS45MjU3LjM0NTctLjIzMDUuMDgyLS40OTgxLjEyMy0uODAyOC4xMjMtLjQ2ODcgMC0uODM0LS4xMTMzLTEuMDk1Ny0uMzM5OC0uMjU3OC0uMjMwNS0uMzg2Ny0uNTIxNS0uMzg2Ny0uODczMSAwLS4xMzY3LjAwOTgtLjI3NTQuMDI5My0uNDE2LjAxOTUtLjE0NDUuMDUwOC0uMzA2Ni4wOTM3LS40ODYzbC40ODA1LTEuNzExYy4wNDMtLjE2NC4wNzgxLS4zMTgzLjEwNTUtLjQ2MjkuMDMxMi0uMTQ4NC4wNDY5LS4yODMyLjA0NjktLjQwNDMgMC0uMjE4Ny0uMDQ1LS4zNzEtLjEzNDgtLjQ1Ny0uMDg5OS0uMDg1OS0uMjYxNy0uMTI4OS0uNTE1Ni0uMTI4OS0uMTI1IDAtLjI1MzkuMDE5NS0uMzg2OC4wNTg2LS4xMjg5LjAzOTEtLjI0MDIuMDc2Mi0uMzMzOS4xMTEzbC4xMjg5LS41MjczYy4zMTY0LS4xMjg5LjYxOTEtLjIzODMuOTA4Mi0uMzI4MS4yODktLjA5MzguNTYyNS0uMTQwNy44MjAzLS4xNDA3LjQ2NDggMCAuODIyMi4xMTMzIDEuMDcyMi4zMzk5LjI1NC4yMjI2LjM4MDkuNTEzNi4zODA5Ljg3MyAwIC4wNzQyLS4wMDk4LjIwNTEtLjAyOTMuMzkyNi0uMDE1Ni4xODc1LS4wNDY5LjM1OTQtLjA5MzcuNTE1NmwtLjQ4MDUgMS43MDUxYy0uMDM5MS4xMzY3LS4wNzQyLjI5My0uMTA1NS40Njg4LS4wMzEyLjE3NTctLjA0NjkuMzA4NS0uMDQ2OS4zOTg0IDAgLjIyNjYuMDUwOC4zODA5LjE1MjQuNDYyOS4xMDE2LjA4Mi4yNzczLjEyMy41MjczLjEyMy4xMTcyIDAgLjI1LS4wMTk1LjM5ODUtLjA1ODYuMTQ4NC0uMDQyOS4yNTU4LS4wOC4zMjIyLS4xMTEzem0uMTIzMS03LjE1NDNjMCAuMjk2OS0uMTEzMy41NTA4LS4zMzk5Ljc2MTctLjIyMjYuMjA3MS0uNDkyMS4zMTA2LS44MDg2LjMxMDYtLjMxNjQgMC0uNTg3OC0uMTAzNS0uODE0NC0uMzEwNi0uMjI2Ni0uMjEwOS0uMzM5OC0uNDY0OC0uMzM5OC0uNzYxNyAwLS4yOTY4Ni4xMTMyLS41NTA3Ny4zMzk4LS43NjE3MS4yMjY2LS4yMTA5My40OTgtLjMxNjQuODE0NC0uMzE2NC4zMTY1IDAgLjU4Ni4xMDU0Ny44MDg2LjMxNjQuMjI2Ni4yMTA5NC4zMzk5LjQ2NDg1LjMzOTkuNzYxNzF6IiBmaWxsPSIjMDAwIi8+PC9zdmc+");
}

/* ICONS */
/* Import all icons used via custom font */
.icon-logo-orient_express-se_asia {
  font-size: 50px;
  font-size: 5rem;
}
@media (min-width: 601px) {
  .icon-logo-orient_express-se_asia {
    font-size: 60px;
    font-size: 6rem;
    margin-top: -0.5rem;
  }
}
@media (min-width: 1201px) {
  .icon-logo-orient_express-se_asia {
    font-size: 80px;
    font-size: 8rem;
    margin-top: 0;
    top: 0;
  }
}

.icon-logo-belmond {
  display: block;
}

/* Icons created via CSS */
.left-arrow::after, .right-arrow::after, .down-arrow::after, .up-arrow::after {
  border-bottom: 0.1rem solid #000;
  border-right: 0.1rem solid #000;
  content: " ";
  display: inline-block;
  width: 0.9rem;
  height: 0.9rem;
  margin-bottom: 0.25rem;
}

.up-arrow::after {
  transform: rotate(225deg);
}

.down-arrow::after {
  transform: rotate(45deg);
}

.right-arrow::after {
  transform: rotate(-45deg);
}

.left-arrow::after {
  transform: rotate(135deg);
}

.bullet::before {
  transform: rotate(45deg);
  border: 0.1rem solid #000;
  content: " ";
  display: inline-block;
  height: 0.5rem;
  width: 0.5rem;
}

.drop-down {
  padding-right: 2rem;
}
.drop-down::before {
  background-color: transparent;
  border-bottom: 0.1rem solid gainsboro;
  border-right: 0.1rem solid gainsboro;
  content: " ";
  display: inline-block;
  height: 1rem;
  position: absolute;
  left: 0;
  margin: 0 auto;
  right: 0;
  width: 1rem;
}
.drop-down::before {
  transform: rotate(45deg);
}
.drop-down::before {
  background-color: transparent;
  border-bottom: 0.1rem solid gainsboro;
  border-right: 0.1rem solid gainsboro;
  content: " ";
  display: inline-block;
  height: 1rem;
  position: absolute;
  left: 0;
  margin: 0 auto;
  right: 0;
  width: 1rem;
}
.drop-down::before {
  background: transparent;
  border-bottom: 0.1rem solid #000;
  border-right: 0.1rem solid #000;
}
.drop-down::before {
  transition: all 0.25s ease-in-out;
  top: 0.125rem;
}
.drop-down.up::before {
  transform: rotate(225deg);
  margin-top: 0.35rem;
}
.drop-down::before {
  left: auto;
  height: 0.7rem;
  right: 2rem;
  width: 0.7rem;
}

.cross {
  display: inline-block;
  height: 4rem;
  overflow: hidden;
  position: relative;
  width: 4rem;
}
.cross::before {
  transform: rotate(45deg);
  border-bottom: 0.1rem solid #757575;
  content: " ";
  left: -0.75rem;
  position: absolute;
  top: 2rem;
  width: 5.5rem;
}
.cross::after {
  transform: rotate(-45deg);
  border-bottom: 0.1rem solid #757575;
  content: " ";
  position: absolute;
  right: -0.75rem;
  top: 2rem;
  width: 5.5rem;
}
.cross:hover::before, .cross:hover::after {
  border-color: #000;
}

.rectangle-19 {
  width: 14px;
  height: 14px;
}

.icon {
  font-family: "belmond";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  display: inline-block;
  vertical-align: middle;
}

/*@font-face {
	font-family: 'Theano Didot';
	src:
	url('fonts/theano-didot/theanodidot-regular-webfont.woff2') format('woff2'),
	url('fonts/theano-didot/theanodidot-regular-webfont.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}*/
/*@font-face {
	font-family: 'Beyond Infinity';
	src:
	url('fonts/beyond-infinity/beyond_infinity-webfont.eot') format('eot'),
	url('fonts/beyond-infinity/beyond_infinity-webfont.woff') format('woff'),
	url('fonts/beyond-infinity/beyond_infinity-webfont.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}*/
/*$font-montserrat: 'Montserrat', sans-serif; // 300, 400, 500, 700
$font-theano-didot: 'Theano Didot', serif; // 400
$font-beyond-infinity: 'Beyond Infinity', serif;*/
.small-copy, body {
  /*font-family: $font-montserrat;
  font-weight: 300;
  letter-spacing: $body-gbl-letter-spacing;
  @include font-size(12);*/
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.small-copy {
  font-size: 10px;
  font-size: 1rem;
}

p {
  /*@extend %body-copy;

  line-height: $body-gbl-line-height;
  margin: 0 0 $body-gbl-margin-bottom 0;
  text-align: left;*/
}

.montserrat {
  font-family: "";
}

.theano {
  font-family: "";
}

.font-weight-extralight {
  font-weight: 200;
}

.font-weight-light {
  font-weight: 300;
}

.font-weight-regular {
  font-weight: 400;
}

.font-weight-medium, .selected-text, .emphasis, .pdp-emphasis {
  font-weight: 500;
}

/* %campaign-dash {
	display: block;
	position: relative;
	padding-left: 2.4rem;

	@include media('>=tablet') {
		padding-left: 3.9rem;
	}

	&::before {
		content: '';
		width: 1.4rem;
		height: 0.2rem;
		position: absolute;
		top: calc(50% - 0.1rem);
		left: 0;

		@include media('>=tablet') {
			width: 2.4rem;
			height: 0.3rem;
			top: calc(50% - 0.15rem);
		}
	}
}
*/
.my-account__modal h2, .my-account .my-account__section-header h2, .extranet-page .module-header h1,
.extranet-page .module-header h2, .module .module-header h1,
.module .module-header h2 {
  font-family: Montserrat, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.06rem;
}

.my-account__destinations .destination-postcard span.destination-postcard--name, .my-account__profile-newsletter .my-account__checkblock span, .extranet-page .module-header p, .module .module-header p {
  font-family: "Theano Didot", serif;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0.06rem;
}

.extranet-page .module-header h1,
.extranet-page .module-header h2, .module .module-header h1,
.module .module-header h2 {
  font-size: 3.2rem;
  line-height: 1.1;
  margin-bottom: 1rem;
}
@media (min-width: 1024px) {
  .extranet-page .module-header h1,
.extranet-page .module-header h2, .module .module-header h1,
.module .module-header h2 {
    font-size: 4rem;
  }
}

.extranet-page .module-header p, .module .module-header p {
  font-size: 2rem;
  line-height: 1.4;
}

.my-account__modal h2, .my-account .my-account__section-header h2 {
  font-size: 2rem;
  line-height: 1.4;
}
@media (min-width: 1024px) {
  .my-account__modal h2, .my-account .my-account__section-header h2 {
    font-size: 2.6rem;
    line-height: 1.2;
  }
}

.my-account__destinations .destination-postcard span.destination-postcard--name, .my-account__profile-newsletter .my-account__checkblock span {
  font-size: 2rem;
  line-height: 1.4;
}

.my-account .sub-module.my-account__section-header.my-account__section-header--fancy + header h3, .my-account__destinations .my-account__modal .tab-list li, .my-account__profile dl, .extranet-page .module-header p, .module .module-header p {
  font-family: Montserrat, sans-serif;
  font-size: 1.3rem;
  line-height: 1.8;
  font-weight: 300;
  letter-spacing: 0.06rem;
}

.my-account__profile {
  position: relative;
  background: #faf9f7;
  background-image: url("undefined/assets/my-account/paper-bg01.jpg");
  padding: 5rem 1rem 7rem;
  width: calc(100% - 4rem);
  margin: 0 auto;
}
@media (min-width: 769px) {
  .my-account__profile {
    width: 100%;
    max-width: 700px;
    padding: 5rem 5rem 10rem;
  }
}
.my-account__profile .form-jqv.edit {
  margin-bottom: 0;
  padding: 0;
}
.my-account__profile .form-jqv.edit .form-row {
  justify-content: space-between;
  margin: 2rem 0;
}
.my-account__profile .form-jqv.edit .form-row .form-group {
  margin-right: 0;
}
.my-account__profile .form-jqv.edit .form-row .form-group.email {
  width: 100%;
}
@media (min-width: 1202px) {
  .my-account__profile .form-jqv.edit .form-row .form-group.email {
    width: 65%;
  }
}
.my-account__profile .form-jqv.edit .form-row.cols1 .form-group {
  width: 100%;
  margin-right: 0;
}
@media (min-width: 768px) {
  .my-account__profile .form-jqv.edit .form-row.cols2 .form-group {
    width: 47%;
    margin-right: 6%;
  }
}
@media (min-width: 768px) {
  .my-account__profile .form-jqv.edit .form-row.cols2 .form-group:last-of-type {
    margin-right: 0;
  }
}
.my-account__profile .profile-edit {
  position: absolute;
  top: 4rem;
  right: 4rem;
  cursor: pointer;
}
.my-account__profile dl {
  display: flex;
  flex-flow: row wrap;
  text-align: left;
  width: calc(100% - 40px);
  margin-left: auto;
}
@media (min-width: 377px) {
  .my-account__profile dl {
    width: fit-content;
    max-width: 240px;
    margin: 0 auto;
  }
}
.my-account__profile dl dt {
  flex: 1 1 40%;
  margin-bottom: 1rem;
}
.my-account__profile dl dd {
  flex: 1 1 60%;
  margin-left: 0;
  margin-bottom: 1rem;
}
@media (min-width: 602px) {
  .my-account__profile dl dd {
    max-width: 140px;
  }
}
.my-account__profile .loading {
  background: rgba(255, 255, 255, 0.5);
}
.my-account__profile header.my-account__section-header {
  padding: 4rem 0;
  opacity: 1 !important;
  animation: none !important;
}
.my-account__profile .btn {
  background: transparent;
}
.my-account__profile-logged-out {
  margin-top: 7rem;
}
@media (min-width: 1026px) {
  .my-account__profile-logged-out {
    margin-top: 0;
  }
}
.my-account__profile-pen {
  position: absolute;
  bottom: 0;
  right: -2rem;
  height: 120px;
  width: 230px;
  pointer-events: none;
  overflow: hidden;
  z-index: 10;
}
.my-account__profile-pen img {
  position: absolute;
  bottom: 1rem;
  right: -160px;
  width: 250px;
}
@media (min-width: 769px) {
  .my-account__profile-pen {
    overflow: visible;
    height: 120px;
    width: 350px;
    right: 0;
  }
  .my-account__profile-pen img {
    position: absolute;
    bottom: -2.5rem;
    right: -5rem;
    width: 350px;
  }
}
.my-account .profile__error {
  color: #d0011b;
  list-style: none;
  line-height: 2;
  margin: 0 0 4rem;
  padding: 0;
}
.my-account__profile-newsletter {
  max-width: 700px;
  margin: 5rem auto 0;
  text-align: left;
}
@media (min-width: 769px) {
  .my-account__profile-newsletter {
    margin: 7rem auto 0;
  }
}
.my-account__profile-newsletter .my-account__checkblock {
  position: relative;
  background: #fff;
  box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.16);
}
@media (min-width: 601px) {
  .my-account__profile-newsletter .my-account__checkblock .content-container {
    width: 70% !important;
  }
}
@media (max-width: 768px) {
  .my-account__profile-newsletter .my-account__checkblock {
    width: calc(100% - 4rem);
    margin-left: 2rem;
  }
}
.my-account__profile-newsletter .my-account__checkblock .img-block {
  width: 30%;
  padding-bottom: 2rem;
}
.my-account__profile-newsletter .my-account__checkblock .img-block img {
  max-height: 100%;
  max-width: none;
  width: 100%;
  animation: none;
}
.my-account__profile-newsletter .my-account__checkblock .checkbox label {
  display: flex;
  flex-direction: column;
}
.my-account__profile-newsletter p {
  text-align: center;
  width: calc(100% - 4rem);
  margin-top: 5rem;
  margin-left: 2rem;
}
@media (min-width: 769px) {
  .my-account__profile-newsletter p {
    margin-top: 3rem;
  }
}

.my-account__destinations-background {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: top;
  background-repeat: no-repeat;
  z-index: -1;
}
.my-account__destinations-background::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100px;
  background: linear-gradient(to bottom, #fff 0%, rgba(255, 255, 255, 0) 100%);
}
@media (min-width: 602px) {
  .my-account__destinations-background {
    background-position: center;
    background-size: cover;
  }
  .my-account__destinations-background::after {
    height: 100%;
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0) 60%, white 70%, white 100%);
  }
}
.my-account__destinations-postcards {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 950px;
  margin-left: auto;
}
.my-account__destinations-postcards svg .trail-path {
  fill: none;
  stroke: #946f64;
  stroke-dasharray: 8 4;
  stroke-width: 1.25;
  stroke-linejoin: round;
}
.my-account__destinations-postcards svg .trail-mask {
  fill: none;
  stroke: white;
  stroke-width: 1.25;
}
.my-account__destinations-postcards > svg {
  width: 90%;
  position: absolute;
  top: 0;
  right: 0;
  display: none;
}
.my-account__destinations-postcards > svg .trail-mask {
  stroke-dasharray: 1510;
  stroke-dashoffset: 1510;
  animation: dash 3s 0.5s linear forwards;
}
@media (min-width: 602px) {
  .my-account__destinations-postcards {
    margin: 0 auto;
  }
  .my-account__destinations-postcards svg {
    display: block;
  }
}
@media (min-width: 1026px) {
  .my-account__destinations-postcards {
    padding-left: 5rem;
  }
}
.my-account__destinations .destination-postcard {
  position: relative;
  padding-bottom: 5rem;
  width: calc(100% - 4rem);
}
.my-account__destinations .destination-postcard > svg {
  height: 260px;
  position: absolute;
  bottom: 1rem;
  transform: translateY(25%);
}
.my-account__destinations .destination-postcard > svg .trail-mask {
  stroke-dasharray: 316;
  stroke-dashoffset: -316;
  animation: dash 2s linear forwards;
}
.my-account__destinations .destination-postcard:nth-of-type(odd) svg {
  right: 2rem;
}
.my-account__destinations .destination-postcard:nth-of-type(even) svg {
  left: 2rem;
}
@media (min-width: 602px) {
  .my-account__destinations .destination-postcard {
    width: 33.3333%;
    padding: 0 2.5vw 2.5vw;
  }
  .my-account__destinations .destination-postcard svg {
    display: none;
  }
}
@media (min-width: 1202px) {
  .my-account__destinations .destination-postcard {
    padding: 0 4rem 5rem;
  }
}
.my-account__destinations .destination-postcard img {
  width: 100%;
}
.my-account__destinations .destination-postcard .postcard-stamp {
  position: absolute;
  width: 100px;
  height: auto;
  box-shadow: none;
  background: none;
  z-index: 100;
}
.my-account__destinations .destination-postcard:nth-of-type(1) .trail-mask {
  animation-delay: 0.5s;
}
.my-account__destinations .destination-postcard:nth-of-type(1) .postcard-stamp {
  top: -20px;
  left: -20px;
  animation-delay: 4.2s;
}
.my-account__destinations .destination-postcard:nth-of-type(2) .trail-mask {
  animation-delay: 2s;
}
.my-account__destinations .destination-postcard:nth-of-type(2) .postcard-stamp {
  top: -30px;
  right: -20px;
  width: 80px;
}
.my-account__destinations .destination-postcard:nth-of-type(3) .trail-mask {
  animation-delay: 3.5s;
}
.my-account__destinations .destination-postcard:nth-of-type(3) .postcard-stamp {
  top: 50px;
  right: -10px;
}
.my-account__destinations .destination-postcard:nth-of-type(4) .trail-mask {
  animation-delay: 5s;
}
.my-account__destinations .destination-postcard:nth-of-type(4) .postcard-stamp {
  top: -20px;
  left: -10px;
  width: 130px;
}
.my-account__destinations .destination-postcard:nth-of-type(5) .postcard-stamp {
  bottom: 50px;
  left: -20px;
  width: 80px;
}
@media (min-width: 602px) {
  .my-account__destinations .destination-postcard:nth-of-type(5) .postcard-stamp {
    bottom: 110px;
  }
}
.my-account__destinations .destination-postcard button {
  position: relative;
  border-bottom: 0;
  display: block;
}
.my-account__destinations .destination-postcard button .postcard-image {
  padding: 1rem;
  border-radius: 3px;
  background: #faf9f7;
  box-shadow: 3px 3px 10px 2px #dbd9d9;
}
.my-account__destinations .destination-postcard button .postcard-image span {
  margin: 0;
  display: block;
  overflow: hidden;
}
.my-account__destinations .destination-postcard button .postcard-image img {
  display: block;
  transition: transform 0.4s;
}
.my-account__destinations .destination-postcard button span {
  margin-top: 1rem;
  font-size: 11px;
  font-size: 1.1rem;
}
.my-account__destinations .destination-postcard button .line--animated {
  transition: width 0.3s;
}
@media (min-width: 769px) {
  .my-account__destinations .destination-postcard button:hover .line--animated {
    width: 0;
  }
  .my-account__destinations .destination-postcard button:hover .postcard-image img {
    transform: scale(1.05);
  }
}
.my-account__destinations .destination-postcard span.destination-postcard--name {
  margin-top: 1.5rem;
  margin-bottom: 0.2rem;
  display: block;
}
.my-account__destinations .destination-postcard span.line--link-animation {
  font-weight: 500;
  text-transform: uppercase;
}
@media (min-width: 769px) {
  .my-account__destinations .my-account__modal > div {
    height: 100%;
    max-height: 700px;
  }
}
.my-account__destinations .my-account__modal .tab-list {
  position: absolute;
  top: 0.5rem;
  left: 2.5rem;
  right: 2.5rem;
  display: flex;
  flex-direction: column;
  text-align: left;
  list-style: none;
  background: #fff;
  padding: 2rem 0 0.5rem;
  margin: 0;
  border-bottom: solid 1px #dbd9d9;
  z-index: 100;
}
@media (min-width: 769px) {
  .my-account__destinations .my-account__modal .tab-list {
    justify-content: center;
    flex-direction: row;
    text-transform: uppercase;
    background: transparent;
    padding: 4rem 1rem 0;
    border-bottom: 0;
  }
}
.my-account__destinations .my-account__modal .tab-list:not(.expand) {
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 15px;
}
@media (min-width: 769px) {
  .my-account__destinations .my-account__modal .tab-list:not(.expand) {
    background-image: none;
  }
}
@media (max-width: 1025px) {
  .my-account__destinations .my-account__modal .tab-list.expand li {
    display: block !important;
    padding: 0 0 1rem;
  }
  .my-account__destinations .my-account__modal .tab-list.expand li.tab-active {
    color: #000;
  }
}
.my-account__destinations .my-account__modal .tab-list li {
  display: none;
  cursor: pointer;
  margin: 0;
  padding-bottom: 0.2rem;
  font-weight: 500;
  text-transform: uppercase;
}
@media (min-width: 769px) {
  .my-account__destinations .my-account__modal .tab-list li {
    margin: 0 2rem;
    display: block;
    font-weight: 500;
    color: #000;
  }
}
.my-account__destinations .my-account__modal .tab-list li.tab-active {
  display: block;
}
@media (min-width: 769px) {
  .my-account__destinations .my-account__modal .tab-list li.tab-active {
    font-weight: 600;
    border-bottom: solid 2px #464646;
  }
}
.my-account__destinations .my-account__modal .continent {
  position: relative;
  text-align: left;
  padding: 6.5rem 2rem 0;
  overflow-y: scroll;
  height: 100%;
}
@media (max-width: 768px) {
  .my-account__destinations .my-account__modal .continent {
    background-image: none !important;
  }
}
@media (min-width: 769px) {
  .my-account__destinations .my-account__modal .continent {
    display: flex;
    flex-direction: column;
    padding: 6.5rem 0 0;
    background-position: 50% 0%;
    background-size: auto 300px;
    background-repeat: no-repeat;
    overflow: hidden;
  }
  .my-account__destinations .my-account__modal .continent.animate-left {
    animation: moveBackgroundLeft 0.7s forwards;
  }
  .my-account__destinations .my-account__modal .continent.animate-right {
    animation: moveBackgroundRight 0.7s forwards;
  }
  @keyframes moveBackgroundLeft {
    from {
      background-position: 55% 0%;
      opacity: 0.7;
    }
    to {
      background-position: 50% 0%;
      opacity: 1;
    }
  }
  @keyframes moveBackgroundRight {
    from {
      background-position: 45% 0%;
      opacity: 0.7;
    }
    to {
      background-position: 50% 0%;
      opacity: 1;
    }
  }
  .my-account__destinations .my-account__modal .continent::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(ellipse at top, rgba(255, 255, 255, 0) 20%, #fff 50%);
  }
}
.my-account__destinations .my-account__modal .continent header {
  position: relative;
  display: none;
  max-width: 768px;
  height: 14rem;
  text-align: center;
  margin: 0 auto;
  flex-shrink: 0;
  overflow: hidden;
  animation: fadeInHeader 0.7s forwards;
}
@keyframes fadeInHeader {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
@media (min-width: 769px) {
  .my-account__destinations .my-account__modal .continent header {
    display: block;
  }
}
.my-account__destinations .my-account__modal .continent header h2 {
  margin-top: 4rem;
  margin-bottom: 1rem;
}
.my-account__destinations .my-account__modal .continent header p {
  line-height: 2;
  margin-top: 0;
  text-align: center;
}
.my-account__destinations .my-account__modal .continent__illustration {
  display: none;
}
@media (min-width: 769px) {
  .my-account__destinations .my-account__modal .continent__illustration {
    display: block;
    position: absolute;
    width: 13rem;
    bottom: 0;
    right: 0;
    z-index: 2;
    animation: slideIllustrationInFromRight 0.7s forwards;
  }
}
.my-account__destinations .my-account__modal .continent .checkbox {
  line-height: 1.6;
}
.my-account__destinations .my-account__modal .continent .checkbox input {
  opacity: 1;
  z-index: -1;
}
.my-account__destinations .my-account__modal .continent .checkbox input:focus + label {
  outline: 1px dotted #000;
}
.my-account__destinations .my-account__modal .continent .checkbox input[type=checkbox] + label::after {
  top: 0.6rem;
}
@media (min-width: 769px) {
  .my-account__destinations .my-account__modal .continent > .checkbox {
    padding-top: 3rem;
    padding-left: 5rem;
  }
}
.my-account__destinations .my-account__modal .continent__places {
  position: relative;
  height: 100%;
  width: calc(100% - 2px);
  border-top: dashed 1px #b9b9b9;
  background: #fff;
  margin: 2rem 0 0;
  padding: 2rem 0;
}
@media (min-width: 769px) {
  .my-account__destinations .my-account__modal .continent__places {
    height: auto;
    overflow-y: scroll;
    margin: 1rem 0 0;
    padding: 1rem 0;
  }
  .my-account__destinations .my-account__modal .continent__places::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 6px;
  }
  .my-account__destinations .my-account__modal .continent__places::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
  }
}
.my-account__destinations .my-account__modal .continent__places ul {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 769px) {
  .my-account__destinations .my-account__modal .continent__places ul {
    flex-direction: row;
    padding: 0 13rem 0 5rem;
  }
}
.my-account__destinations .my-account__modal .continent__places ul li {
  width: 100%;
  text-align: left;
  padding: 1rem 0;
}
@media (min-width: 769px) {
  .my-account__destinations .my-account__modal .continent__places ul li {
    width: 33.3333%;
    padding: 0.5rem 3rem 0.5rem 0;
  }
}
.my-account__destinations .my-account__modal .modal-utility {
  position: relative;
  display: flex;
  justify-content: flex-end;
  background-clip: padding-box;
  text-align: right;
  margin-top: auto;
  padding: 2rem 0;
  box-shadow: 0px -4px 8px -2px #dbd9d9;
}
.my-account__destinations .my-account__modal .modal-utility .loading {
  background: rgba(255, 255, 255, 0.5);
}
.my-account__destinations .my-account__modal .modal-utility .utility__error {
  color: #d0011b;
  margin-right: 2rem;
}
@media (min-width: 769px) {
  .my-account__destinations .my-account__modal .modal-utility {
    padding: 2rem;
  }
}
.my-account__destinations .my-account__modal .modal-utility__dev {
  font-size: 10px;
}
@media (max-width: 768px) {
  .my-account__destinations .my-account__modal .modal-utility__dev {
    display: none;
  }
}
.my-account__destinations .my-account__modal .modal-utility .btn {
  color: #464646;
  border: solid 1px #464646;
}
@media (max-width: 768px) {
  .my-account__destinations .my-account__modal .modal-utility .btn {
    min-width: 0;
    flex-grow: 1;
  }
}
.my-account__destinations .my-account__modal .modal-utility .btn.updates {
  color: #fff;
  background: #464646;
}
.my-account__destinations .my-account__modal .modal-utility .btn--process {
  min-height: 3.8rem;
}
@media (max-width: 768px) {
  .my-account__destinations .my-account__modal .modal-utility .btn--process {
    margin-right: 2rem;
    max-width: 18rem;
  }
}
.my-account__destinations .my-account__modal .modal-utility .btn--close {
  min-width: 12rem;
  background: none;
  border: none !important;
  font-weight: 500;
  flex-grow: 0;
  text-transform: none;
}
@media (min-width: 1026px) {
  .my-account__destinations .my-account__modal .modal-utility .btn--close {
    display: none;
  }
}

@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes slideIllustrationInFromRight {
  from {
    transform: translateX(50%);
    opacity: 0;
  }
  to {
    transform: translateX(0%);
    opacity: 1;
  }
}
@keyframes slideIllustrationInFromLeft {
  from {
    transform: translateX(-50%);
    opacity: 0;
  }
  to {
    transform: translateX(0%);
    opacity: 1;
  }
}
.account-page #myAccountBase {
  margin-bottom: 7rem;
}
@media (max-width: 768px) {
  .account-page footer.footer {
    padding-top: 0.5rem;
  }
}

.my-account-framework {
  position: relative;
  display: flex;
  width: 100%;
  max-width: 1280px;
  margin: 3rem auto 0;
  flex-direction: column;
}
@media (min-width: 1026px) {
  .my-account-framework {
    flex-direction: row;
    margin: 0 auto;
  }
}

.my-account {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}
@media (min-width: 1026px) {
  .my-account {
    flex-flow: row wrap;
  }
}
.my-account.col-nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3.5rem;
  margin: 0 auto;
  z-index: 99;
}
@media (min-width: 1026px) {
  .my-account.col-nav {
    position: relative;
    left: 0;
    width: 235px;
    height: auto;
    flex: 1 0 auto;
    margin-left: 5%;
    margin-top: 5rem;
    padding-right: 7rem;
    z-index: 10;
  }
}
.my-account.col-nav.disabled ul.my-account-navigation {
  pointer-events: none;
  opacity: 0.4;
}
.my-account.col-nav ul.my-account-navigation {
  height: fit-content;
  text-align: left;
  list-style: none;
  width: calc(100% - 4rem);
  background: #fff;
  padding: 0;
  margin: 0 auto;
}
@media (min-width: 1026px) {
  .my-account.col-nav ul.my-account-navigation {
    position: sticky;
    width: 100%;
    top: 9.3rem;
    transition: top 0.3s;
  }
}
@media (min-width: 1202px) {
  .my-account.col-nav ul.my-account-navigation {
    top: 19.4rem;
  }
}
.my-account.col-nav ul.my-account-navigation.header-collapsed {
  top: 5.8rem;
  transition: top 0.7s 0.2s;
}
@media (min-width: 1202px) {
  .my-account.col-nav ul.my-account-navigation.header-collapsed {
    top: 7rem;
  }
}
.my-account.col-nav ul.my-account-navigation:not(.expand) {
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 15px;
}
@media (min-width: 1026px) {
  .my-account.col-nav ul.my-account-navigation:not(.expand) {
    background-image: none;
  }
}
@media (max-width: 1025px) {
  .my-account.col-nav ul.my-account-navigation.expand {
    padding: 0.5rem 1.5rem;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
  }
  .my-account.col-nav ul.my-account-navigation.expand li {
    display: block !important;
    padding: 2px 0 1px;
  }
}
@media (max-width: 1025px) {
  .my-account.col-nav ul.my-account-navigation li {
    display: none;
  }
}
.my-account.col-nav ul.my-account-navigation li a {
  display: block;
  width: 100%;
  color: #757575;
  border-bottom: none;
  padding: 1rem 0;
  font-weight: 500;
  font-size: 14px;
  font-size: 1.4rem;
}
.my-account.col-nav ul.my-account-navigation li:last-of-type {
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 23px;
}
.my-account.col-nav ul.my-account-navigation li:last-of-type a {
  transition: color 0.2s;
}
.my-account.col-nav ul.my-account-navigation li:last-of-type a:hover {
  color: #000;
}
.my-account.col-nav ul.my-account-navigation li:not(:last-of-type) {
  position: relative;
  letter-spacing: 2px;
  border-bottom: 2px solid #dbd9d9;
  transition: color 0.2s, border 0.2s;
}
@media (min-width: 1026px) {
  .my-account.col-nav ul.my-account-navigation li:not(:last-of-type) {
    margin-bottom: 1.5rem;
  }
}
.my-account.col-nav ul.my-account-navigation li:not(:last-of-type)::after {
  transition: filter 0.2s;
}
.my-account.col-nav ul.my-account-navigation li:not(:last-of-type):hover {
  color: #000;
  cursor: pointer;
  border-bottom: 2px solid #000;
}
@media (min-width: 1026px) {
  .my-account.col-nav ul.my-account-navigation li:not(:last-of-type):hover::after {
    content: "";
    position: absolute;
    top: calc(50% - 0.6rem);
    right: 0;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSIxMSI+PHRpdGxlPkFycm93IHJpZ2h0IGljb248L3RpdGxlPjxkZXNjPkFycm93IHBvaW50aW5nIHJpZ2h0LjwvZGVzYz48cGF0aCBkPSJNMi45NjIgMTFsMi4zNC01LjQ3M0wyLjk2MiAwbDUuMDc2IDUuNXoiLz48L3N2Zz4=");
    background-size: contain;
    background-repeat: no-repeat;
    height: 12px;
    width: 12px;
    filter: invert(0.8);
  }
}
.my-account.col-nav ul.my-account-navigation li:not(:last-of-type).active {
  display: block;
  border-bottom: 2px solid #464646;
}
.my-account.col-nav ul.my-account-navigation li:not(:last-of-type).active a {
  color: #464646;
}
@media (min-width: 1026px) {
  .my-account.col-nav ul.my-account-navigation li:not(:last-of-type).active::after {
    content: "";
    position: absolute;
    top: calc(50% - 0.6rem);
    right: 0;
    color: #979797;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSIxMSI+PHRpdGxlPkFycm93IHJpZ2h0IGljb248L3RpdGxlPjxkZXNjPkFycm93IHBvaW50aW5nIHJpZ2h0LjwvZGVzYz48cGF0aCBkPSJNMi45NjIgMTFsMi4zNC01LjQ3M0wyLjk2MiAwbDUuMDc2IDUuNXoiLz48L3N2Zz4=");
    background-size: contain;
    background-repeat: no-repeat;
    height: 12px;
    width: 12px;
    filter: invert(0);
  }
}
.my-account.col-nav ul.my-account-navigation li:not(:last-of-type) a {
  text-transform: uppercase;
}
.my-account.col-main {
  position: relative;
  width: 100%;
}
.my-account.col-main .veil {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}
@media (min-width: 1026px) {
  .has-nav .my-account.col-main {
    min-height: 70vh;
    flex: 1 1 auto;
  }
  .has-nav .my-account.col-main > * {
    margin-top: 5rem;
    border-left: 2px solid #000;
  }
}
.my-account.col-main .veil > .loading {
  background: #fff;
}
.my-account.col-main > div > div .loading {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.my-account.col-main > div > div .loading .icon-belmond-logo-symbol {
  padding: 0;
  color: #000;
  line-height: 0;
  font-size: 45px;
  font-size: 4.5rem;
}
.my-account.col-main > div > div .loading .icon-belmond-logo-symbol::before {
  width: 3rem;
  height: 3rem;
  filter: invert(0);
}
.my-account .my-account__section-header {
  max-width: 700px;
  margin: 0 auto;
  padding: 8rem 4rem 4rem;
}
.my-account .my-account__section-header:not(.my-account__section-header--fancy) {
  opacity: 0;
  animation: fadeInChange 1s 0.1s forwards;
}
@media (min-width: 1026px) {
  .my-account .my-account__section-header {
    padding: 4rem 0;
  }
}
.my-account .my-account__section-header--fancy header {
  padding-top: 120px;
  background-size: 120px auto;
  background-position: center top;
  background-repeat: no-repeat;
}
.my-account .my-account__section-header--fancy header h2 {
  font-family: "Beyond Infinity", serif;
  font-weight: 400;
  text-transform: none;
  padding: 0;
  opacity: 0;
  animation: fadeInChange 1s 0.1s forwards;
  font-size: 40px;
  font-size: 4rem;
}
@media (min-width: 1026px) {
  .my-account .my-account__section-header--fancy header h2 {
    padding: 5rem 0;
  }
}
@media (min-width: 1201px) {
  .my-account .my-account__section-header--fancy header h2 {
    font-size: 60px;
    font-size: 6rem;
  }
}
@media (min-width: 1026px) {
  .my-account .my-account__section-header--fancy header {
    padding-top: 0;
    background-position: left top;
    background-size: 180px auto;
  }
}
.my-account .my-account__section-header h2 {
  margin: 0;
}
.my-account .my-account__section-header p {
  line-height: 2;
  margin-top: 1rem;
  margin-bottom: 2.2rem;
  text-align: center;
}
.my-account__modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1050;
  display: flex;
  padding: 3rem 2rem;
}
@media (min-width: 1026px) {
  .my-account__modal {
    justify-content: center;
    align-items: center;
    padding: 5rem;
  }
}
.my-account__modal > div {
  position: relative;
  width: 100%;
  max-width: 1200px;
  height: auto;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  background-clip: content-box;
  padding: 5px;
  border: solid 1px #fff;
  margin: 0 auto;
}
.my-account__modal .modal-close {
  display: none;
  position: absolute;
  top: 2rem;
  right: 2rem;
  width: 2.5rem;
  height: 2.5rem;
  cursor: pointer;
  z-index: 110;
  border: none;
}
.my-account__modal .modal-close svg {
  fill: #757575;
}
@media (min-width: 1026px) {
  .my-account__modal .modal-close {
    display: block;
  }
  .my-account__modal .modal-close .close-tooltip {
    width: 20rem;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 120;
    background: #fff;
    text-align: right;
  }
  .my-account__modal .modal-close .close-tooltip button {
    background: transparent;
    border: 0.1rem solid #464646;
    color: #464646;
    margin-left: 0.5rem;
    padding: 0.8rem;
    font-size: 11px;
    font-size: 1.1rem;
  }
}
.my-account > * {
  width: 100%;
}
.my-account .sub-module.my-account__section-header.my-account__section-header--fancy + header h3 {
  margin-bottom: 2rem;
}

@keyframes fadeInChange {
  from {
    transform: translateY(10%);
    opacity: 0;
  }
  to {
    transform: translateY(0%);
    opacity: 1;
  }
}
.lifted-edges--top::before, .lifted-edges--top::after {
  content: "";
  position: absolute;
  right: 30px;
  top: 27px;
  width: 160px;
  height: 50px;
  background: transparent;
  box-shadow: 27px -13px 4px 3px #000;
  transform: skew(-7deg, -7deg);
  z-index: -1;
  opacity: 0.1;
}
.lifted-edges--top::after {
  right: auto;
  left: 5px;
  top: 25px;
  box-shadow: 15px -17px 4px 5px #000;
  transform: skew(7deg, 7deg);
}
.lifted-edges--bottom::before, .lifted-edges--bottom::after {
  content: "";
  position: absolute;
  left: 30px;
  bottom: 25px;
  width: 160px;
  height: 50px;
  background: transparent;
  box-shadow: -15px 20px 5px #000;
  transform: skew(-7deg, -7deg);
  z-index: -1;
  opacity: 0.1;
}
.lifted-edges--bottom::after {
  left: auto;
  right: 15px;
  bottom: 25px;
  box-shadow: 15px 20px 5px #000;
  transform: skew(7deg, 7deg);
}

@media (min-width: 1201px) {
  body.extranet-page .after-header.extranet-logged-in {
    padding-top: 17.2rem;
  }
}
@media (min-width: 1201px) {
  body.extranet-page.with-m033 .after-header {
    padding-top: 24rem;
  }
}

.extranet-page .logo-belmond > svg {
  max-height: none;
}
.extranet-page .module-m042 h1, .extranet-page .module-m042 h2, .extranet-page .module-m042 p,
.extranet-page .module-m046 h1,
.extranet-page .module-m046 h2,
.extranet-page .module-m046 p,
.extranet-page .module-m046a h1,
.extranet-page .module-m046a h2,
.extranet-page .module-m046a p {
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.extranet-page .my-account__profile .btn,
.extranet-page .btn,
.extranet-page .btn-pri--invert {
  color: #fff;
  border: 1px solid #000 !important;
  background-color: #000;
}
.extranet-page .my-account__profile .btn:hover,
.extranet-page .btn:hover,
.extranet-page .btn-pri--invert:hover {
  color: #000;
  border: 1px solid #000;
  background-color: #fff;
}
.extranet-page .btn-pri--invert.wcag--opens-new-window {
  position: relative;
  filter: none;
}
.extranet-page .btn-pri--invert.wcag--opens-new-window::after {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 4px;
  right: 4px;
  content: "";
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE5LjAyNSAyMS42NjhIMi4zMTlWNC45NjJoMTEuODU1VjMuNjQ0SDF2MTkuMzQzaDE5LjM0NFY5LjgxM2gtMS4zMTl6Ii8+PHBhdGggZD0iTTE1LjYyNSAxbDMuMjAyIDMuMjAyLTguMjMzIDguMjMyLjkzMy45MzMgOC4yMzMtOC4yMzJMMjMgOC4zNzVWMXoiLz48L3N2Zz4=") no-repeat center;
  background-size: 12px 12px;
  filter: invert(1);
}
.extranet-page .btn-pri--invert.wcag--opens-new-window:hover::after {
  content: none;
}
.extranet-page .my-account__destinations .my-account__modal .modal-utility {
  display: flex;
}
.extranet-page .my-account__destinations .my-account__modal .modal-utility p.utility__error {
  align-self: center;
}
.extranet-page .my-account__destinations .my-account__modal .modal-utility .btn--process.updates,
.extranet-page .my-account__destinations .my-account__modal .modal-utility .btn--process {
  color: #fff;
}
.extranet-page .my-account__destinations .my-account__modal .modal-utility .btn--process.updates:hover,
.extranet-page .my-account__destinations .my-account__modal .modal-utility .btn--process:hover {
  color: #000 !important;
  background-color: #fff;
}
.extranet-page #myAccountBase {
  margin-bottom: 7rem;
}
.extranet-page section.module.m042-product-child-header .cta:hover {
  color: #000;
}

section.login {
  padding-top: 10rem;
}
@media (min-width: 601px) {
  section.login {
    padding-top: 7rem;
  }
}
@media (min-width: 1201px) {
  section.login {
    padding-top: 9rem;
  }
}
@media (min-width: 601px) {
  section.login .module-header {
    width: auto;
    max-width: none;
    padding: 3rem;
    background: url("undefined/assets/my-account/paper-bg01.jpg") #f6f4f0;
    box-shadow: 0 0 0.8rem 0 rgba(0, 0, 0, 0.15);
  }
}
@media (min-width: 1201px) {
  section.login .module-header {
    max-width: 720px;
    padding: 0;
    background: transparent;
    box-shadow: none;
  }
}
section.login form {
  margin: 0;
  padding: 0;
}
section.login form .form-row .form-group {
  width: 100%;
  margin-right: 0;
}
section.login form .form-row.cols1 .form-group {
  width: 100%;
  margin-right: 0;
}
@media (min-width: 768px) {
  section.login form .form-row.cols2 .form-group {
    width: 47%;
    margin-right: 6%;
  }
}
@media (min-width: 768px) {
  section.login form .form-row.cols2 .form-group:last-of-type {
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  section.login form .form-row.cols3 .form-group {
    width: 30%;
    margin-right: 5%;
  }
}
@media (min-width: 768px) {
  section.login form .form-row.cols3 .form-group:last-of-type {
    margin-right: 0;
  }
}
section.login form div.text > p {
  text-align: center;
}
section.login form div.help-block__extranet {
  text-align: center;
}
section.login form div.help-block__extranet p {
  text-align: center;
}
section.login form div.help-block__extranet p + a {
  width: fit-content;
  display: inline-block;
  margin-bottom: 3.2rem;
}
section.login form div.help-block__extranet + a {
  width: fit-content;
  display: inline-block;
  margin-bottom: 3.2rem;
}
section.login form p#sentMessage {
  text-align: center;
  margin-bottom: 3.2rem;
}
section.login form p.text {
  text-align: center;
}
@media (min-width: 768px) {
  section.login form.extranet-form--register .one .form-group:nth-child(1) {
    width: 20%;
    margin-right: 5%;
  }
  section.login form.extranet-form--register .one .form-group:nth-child(2) {
    width: 35%;
    margin-right: 5%;
  }
  section.login form.extranet-form--register .one .form-group:nth-child(3) {
    width: 35%;
  }
}
section.login form.extranet-form--login .btn {
  margin-top: 3rem;
}
section.login form.extranet-form--create .my-account__checkblock {
  box-shadow: none;
  border: 1px solid #dbd9d9;
}
section.login form.extranet-form--create .checkbox {
  margin-bottom: 0;
}
section.login form.extranet-form--create .checkbox.legal label {
  margin-bottom: 0;
  text-align: left;
}
section.login form.extranet-form--create .btn {
  margin-top: 3rem;
}

form input:not([type=checkbox], [type=radio]):disabled {
  color: #757575;
  border-bottom: none !important;
}
form#profileFRM {
  margin-bottom: 3.2rem;
}
form#extranet-login {
  margin-bottom: 0;
  padding: 0;
}
form#extranet-login #loginUserButton {
  height: 0;
  padding: 0;
}
form#extranet-login .help-block__extranet {
  display: none;
  background-color: #FCF2F4;
  text-align: left;
}
form#extranet-login + div .module-spacer {
  margin-top: 0;
}

p.info-icon, label.info-icon {
  width: fit-content;
  position: relative;
}
p.info-icon::after, label.info-icon::after {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  top: 3px;
  background-size: 15px 15px;
  filter: invert(0.5);
}
p.info-icon.after, label.info-icon.after {
  padding-right: 1.7rem;
}
p.info-icon.after::after, label.info-icon.after::after {
  right: 0;
}
p.info-icon.before, label.info-icon.before {
  padding-left: 2rem;
}
p.info-icon.before::after, label.info-icon.before::after {
  left: 0;
}

label.info-icon::after {
  top: 0;
}

.my-account__profile dl {
  max-width: 320px;
}

fieldset legend {
  text-align: left;
}

.my-account__profile-newsletter .my-account__checkblock {
  box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.16);
  background: #fff;
  display: flex;
  margin-bottom: 2rem;
  padding: 2rem 0;
  align-items: center;
  text-align: left;
}
.my-account__profile-newsletter .my-account__checkblock .content-container {
  margin: 0;
  padding: 0 2rem;
}
.my-account__profile-newsletter .my-account__checkblock .content-container label {
  color: #000;
}
.my-account__profile-newsletter .my-account__checkblock .content-container h2 {
  text-align: left;
}
.my-account__profile-newsletter .my-account__checkblock .content-container span {
  margin-bottom: 1rem;
  text-align: left;
  display: block;
}
@media (min-width: 601px) {
  .my-account__profile-newsletter .my-account__checkblock .content-container {
    width: 70%;
    padding-left: 3rem;
  }
}
.my-account__profile-newsletter .my-account__checkblock .content-container input[type=checkbox] + label::after, .my-account__profile-newsletter .my-account__checkblock .content-container input[type=checkbox] + label::before {
  position: absolute;
  top: 0.9rem;
}
.my-account__profile-newsletter .my-account__checkblock .content-container .checkbox {
  margin-bottom: 0;
}
.my-account__profile-newsletter .my-account__checkblock .img-block.right {
  display: none;
}
@media (min-width: 601px) {
  .my-account__profile-newsletter .my-account__checkblock .img-block.right {
    width: 30%;
    display: block;
  }
}

.my-account__checkblock .my-account__modal > div {
  max-width: 700px;
  align-items: center;
}
.my-account__checkblock .my-account__modal h2 {
  margin: 5rem 0 1rem;
  padding: 0 2rem;
}
@media (min-width: 769px) {
  .my-account__checkblock .my-account__modal h2 {
    margin: 3rem 0 1rem;
  }
}
.my-account__checkblock .my-account__modal p {
  margin: 0 0 3rem 0;
  padding: 0 2rem;
  text-align: center;
}
.my-account__checkblock .my-account__modal .modal-utility {
  margin-bottom: 3rem;
}
.my-account__checkblock .my-account__modal .modal-utility .btn {
  border: solid 1px #464646;
  margin: 0 5px;
  background: #fff;
  color: #000;
}
.my-account__checkblock .my-account__modal .modal-utility .btn--continue {
  color: #fff;
  background: #464646;
}
@media (max-width: 768px) {
  .my-account__checkblock .my-account__modal .modal-utility .btn {
    min-width: 12rem;
  }
}

#forgotten-password-msg.extranet-divide-dashed {
  border-bottom: 1px dashed #e4e4e4;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
}
#forgotten-password-msg.extranet-divide-dashed:empty {
  display: none;
}

header.header {
  font-weight: 500;
}
header.header + .tint.tint-header {
  display: none;
}
header.header + .tint.tint-header + .header-bg {
  background: rgba(0, 0, 0, 0.7);
}
header.header .icon-hamburger::before {
  filter: invert(1);
}
header.header a:not(.product-search__results-scrollable p a) {
  font-weight: 500;
}
header.header.ghost.active nav.top-view .main-menu.nav-level-1 {
  background: transparent;
}
header.header.ghost.active nav.top-view .main-menu.nav-level-1 a:hover:not(.selected) {
  text-shadow: 0 0 1px #000;
}
header.header.ghost.active nav.top-view ul.display-filter li {
  color: #000;
}
header.header.ghost.active nav.top-view.utility-nav ul li a::before {
  filter: invert(0);
}
header.header.ghost.active .extranet-product-chooser .product-search__input::placeholder {
  color: #000;
}
header.header.solid {
  background-color: #000;
  color: #fff;
}
header.header.solid select {
  color: #fff;
  background: url(/dist/icons/forms/select-arrow-thin-white.svg) no-repeat top 5px right 3px;
  background-size: 12px;
}
header.header.solid.active nav.top-view .main-menu {
  border-bottom-color: #757575 !important;
}
header.header.solid.active nav.top-view .main-menu a {
  transition: all 0.2s;
}
header.header.solid.active nav.top-view .main-menu a:hover:not(.selected) {
  text-shadow: 0 0 1px #fff;
}
header.header.solid.active.collapsed {
  color: #000;
}
header.header.solid.active.collapsed a {
  color: #000;
}
header.header.solid.active.collapsed .main-menu.nav-level-1 {
  background-color: #fff;
  border-bottom: 1px solid #dbd9d9 !important;
}
header.header.solid.active.collapsed nav.top-view .main-menu a:hover:not(.selected) {
  text-shadow: 0 0 1px #000;
}
header.header.solid a {
  color: #fff;
}
header.header.solid nav .main-menu.nav-level-1 {
  border-top-color: #757575;
  border-bottom-color: #757575;
  background-color: #757575;
}
header.header.solid nav .main-menu.nav-level-1 li:not(:last-child)::after {
  background-color: #fff;
  opacity: 0.5 !important;
}
@media (min-width: 1201px) {
  header.header.solid nav.belmond-nav {
    background-color: #000;
  }
}
header.header.solid nav.utility-nav ul li a::before {
  filter: invert(1);
}
header.header.solid .main-logo .logo-belmond svg g,
header.header.solid .main-logo .logo-belmond svg path {
  fill: #fff !important;
}
header.header .utility-nav .icon-search {
  float: right;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxNyI+PHRpdGxlPlNlYXJjaCBpY29uPC90aXRsZT48ZGVzYz5PdXRsaW5lIG9mIGEgbWFnbmlmeWluZyBnbGFzcyBpbmRpY2F0aW5nIHNlYXJjaC48L2Rlc2M+PGcgZmlsbC1ydWxlPSJub256ZXJvIiBmaWxsPSJ3aGl0ZSI+PHBhdGggZD0iTTYuNTAzIDEzLjAwNkE2LjUwMyA2LjUwMyAwIDExNi41MDMgMGE2LjUwMyA2LjUwMyAwIDAxMCAxMy4wMDZ6bTAtMUE1LjUwMyA1LjUwMyAwIDEwNi41MDMgMWE1LjUwMyA1LjUwMyAwIDAwMCAxMS4wMDZ6Ii8+PHBhdGggZD0iTTEwLjQwMiAxMS4xMWw1LjU4NCA1LjU4My43MDctLjcwNy01LjU4My01LjU4NHoiLz48L2c+PC9zdmc+");
  background-position: left top 7px;
  background-size: 14px 14px;
}
header.header .utility-nav .icon-search::before {
  filter: invert(1);
}
header.header .utility-nav .product-search__input-container {
  padding-left: 0.2rem;
}
header.header.active:not(.solid) .icon-arrow-triangle-down {
  filter: invert(1);
}
header.header.module-m033-pad nav.utility-nav {
  height: 120px;
  top: auto;
  bottom: -120px;
}
@media (min-width: 1201px) {
  header.header.module-m033-pad .module-m033 .close-btn {
    position: absolute;
    right: 7rem;
  }
}

nav.top-view .main-menu.nav-level-1 {
  opacity: 0;
  background: rgba(117, 117, 117, 0.7);
  animation: fadeInHeaderBg 0.8s 0.6s forwards;
}

.area-nav li a {
  font-size: 13px;
  font-size: 1.3rem;
  padding: 0;
  font-weight: 500;
  letter-spacing: 0.18rem !important;
  text-transform: uppercase;
  border-bottom: none;
}

@media (min-width: 1201px) {
  header.header.solid ul.display-filter {
    position: relative;
    top: 1px;
  }
}
header.header nav.pull-out-nav a {
  color: #000;
}
header.header nav.pull-out-nav ul.display-filter {
  display: flex;
  justify-content: center;
  padding: 2.5rem;
  border-bottom: 1px solid #dbd9d9;
}
header.header nav.pull-out-nav ul.display-filter li {
  padding: 0.5rem 1rem;
}
header.header nav.pull-out-nav ul.display-filter li:last-of-type {
  border-left: 1px solid #dbd9d9;
}
header.header nav.pull-out-nav ul.display-filter a {
  position: relative;
}
header.header nav.pull-out-nav ul.display-filter a.active::before {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: -8px;
  background-color: #000;
}

nav.utility-nav {
  margin-top: 0 !important;
  right: 2rem;
}
@media (min-width: 768px) {
  nav.utility-nav {
    right: 5rem;
  }
}
@media (max-width: 601px) {
  nav.utility-nav {
    max-width: 110px;
  }
}
@media (min-width: 1201px) {
  nav.utility-nav {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    right: 5rem;
    height: calc(100% - 51px);
  }
}
nav.utility-nav ul {
  margin: 0;
  padding: 0;
}
nav.utility-nav ul li a {
  margin: 0;
  padding: 0;
}
nav.utility-nav ul li:nth-of-type(2n) a {
  margin: 0;
}
nav.utility-nav ul.display-global li {
  display: inline-block;
}
nav.utility-nav ul.display-global li span:not(#nav-login-name) {
  display: none;
}
@media (min-width: 1201px) {
  nav.utility-nav ul.display-global li span:not(#nav-login-name) {
    display: inline-block;
    text-transform: uppercase;
  }
}
nav.utility-nav ul select {
  right: 0;
  padding-right: 1rem;
  text-transform: uppercase;
}
nav.utility-nav ul.display-filter {
  display: none;
}
@media (min-width: 1201px) {
  nav.utility-nav ul.display-filter {
    display: block;
  }
}
@media (min-width: 1280px) {
  nav.utility-nav ul.display-filter {
    padding-right: 1.8rem;
  }
}
nav.utility-nav ul.display-filter li {
  font-size: 13px;
  font-size: 1.3rem;
  margin: 0 0.5rem;
  font-weight: 400;
  letter-spacing: 0.18rem;
}
nav.utility-nav ul.display-filter li:last-of-type {
  padding-left: 1.5rem;
  margin-right: 0;
  border-left: 1px solid #dbd9d9;
}
nav.utility-nav ul.display-filter a {
  position: relative;
  border-bottom: none;
}
nav.utility-nav ul.display-filter a.active::before {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: -8px;
  background-color: #757575;
}

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