@charset "UTF-8";
/*
%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;
}

header.header.solid .main-logo .icon-account:before,
header.header.solid .utility-nav .icon-account:before, header.header.active .main-logo .icon-account:before,
header.header.active .utility-nav .icon-account:before, header.header.ghost.dark-nav .icon-account:before {
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgwIiBoZWlnaHQ9IjQ5MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+QWNjb3VudCBpY29uPC90aXRsZT48ZGVzYz5TaW1wbGUgb3V0bGluZSBvZiBoZWFkIGFuZCBzaG91bGRlcnMuPC9kZXNjPjxwYXRoIGQ9Ik0zNDIuNTQyIDI3My43NWMzMi42NjYtMjguNjY3IDUzLjcwOC03MC4yMDggNTMuNzA4LTExNy4wODNDMzk2LjI1IDcwLjM3NSAzMjYuMjkyLjQxNyAyNDAgLjQxN1M4My43NSA3MC4zNzUgODMuNzUgMTU2LjY2N2MwIDQ2Ljg3NSAyMS4wNDIgODguNDE2IDUzLjcwOCAxMTcuMDgzQzU2LjUgMzEyLjE2Ny40MTcgMzk0LjQxNy40MTcgNDkwaDYyLjVjMC05Ny44MzMgNzkuMjkxLTE3Ny4wODMgMTc3LjA4My0xNzcuMDgzIDk3LjgzMyAwIDE3Ny4wODMgNzkuMjUgMTc3LjA4MyAxNzcuMDgzaDYyLjVjMC05NS41ODMtNTYuMTI1LTE3Ny44MzMtMTM3LjA0MS0yMTYuMjV6TTE0Ni4yNSAxNTYuNjY3YzAtNTEuNzkyIDQxLjk1OC05My43NSA5My43NS05My43NSA1MS43NSAwIDkzLjc1IDQxLjk1OCA5My43NSA5My43NSAwIDUxLjc5MS00MiA5My43NS05My43NSA5My43NS01MS43OTIgMC05My43NS00MS45NTktOTMuNzUtOTMuNzV6IiBmaWxsLXJ1bGU9Im5vbnplcm8iIGZpbGw9IiMwMDAiLz48L3N2Zz4=");
}

header.header.ghost .icon-account:before {
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0ODAiIGhlaWdodD0iNDkwIj48dGl0bGU+QWNjb3VudCBpY29uPC90aXRsZT48ZGVzYz5TaW1wbGUgb3V0bGluZSBvZiBoZWFkIGFuZCBzaG91bGRlcnMuPC9kZXNjPjxwYXRoIGQ9Ik0zNDIuNTQyIDI3My43NWMzMi42NjYtMjguNjY3IDUzLjcwOC03MC4yMDggNTMuNzA4LTExNy4wODNDMzk2LjI1IDcwLjM3NSAzMjYuMjkyLjQxNyAyNDAgLjQxN1M4My43NSA3MC4zNzUgODMuNzUgMTU2LjY2N2MwIDQ2Ljg3NSAyMS4wNDIgODguNDE2IDUzLjcwOCAxMTcuMDgzQzU2LjUgMzEyLjE2Ny40MTcgMzk0LjQxNy40MTcgNDkwaDYyLjVjMC05Ny44MzMgNzkuMjkxLTE3Ny4wODMgMTc3LjA4My0xNzcuMDgzIDk3LjgzMyAwIDE3Ny4wODMgNzkuMjUgMTc3LjA4MyAxNzcuMDgzaDYyLjVjMC05NS41ODMtNTYuMTI1LTE3Ny44MzMtMTM3LjA0MS0yMTYuMjV6TTE0Ni4yNSAxNTYuNjY3YzAtNTEuNzkyIDQxLjk1OC05My43NSA5My43NS05My43NSA1MS43NSAwIDkzLjc1IDQxLjk1OCA5My43NSA5My43NSAwIDUxLjc5MS00MiA5My43NS05My43NSA5My43NS01MS43OTIgMC05My43NS00MS45NTktOTMuNzUtOTMuNzV6IiBmaWxsLXJ1bGU9Im5vbnplcm8iIGZpbGw9IndoaXRlIi8+PC9zdmc+");
}

.m046a-hero .m046a-hero-screen.dark-theme .scroll-arrow-container A.icon-arrow-triangle-down::before {
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSIxMSI+PHBhdGggZD0iTTAgMi45NjJsNS40NzMgMi4zNEwxMSAyLjk2MiA1LjUgOC4wMzh6Ii8+PC9zdmc+");
}

.m046a-hero .m046a-hero-screen .scroll-arrow-container A.icon-arrow-triangle-down::before {
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSIxMSIgZmlsbD0id2hpdGUiPjx0aXRsZT5BcnJvdyBkb3duIGljb248L3RpdGxlPjxkZXNjPkFycm93IHBvaW50aW5nIGRvd253YXJkcy48L2Rlc2M+PHBhdGggZD0iTTAgMi45NjJsNS40NzMgMi4zNEwxMSAyLjk2MiA1LjUgOC4wMzh6Ii8+PC9zdmc+");
}

nav.pull-out-nav ul.product li.link--bel a::before, nav.pull-out-nav ul li.link--bel a::after {
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDk5LjU0NCA1OS43MDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQyLjI1MyAyOC40NzNjMy43NDItMi45MTcgNS43NS03LjA0NiA1Ljc1LTEyLjAwMnYtLjE1OGMwLTMuODM1LTEuNDA3LTcuMjYzLTQuMDY4LTkuOTItMy40NDgtMy40NTYtOC45MDMtNS4zNi0xNS4zNjItNS4zNkgwdjU3LjMxM2gyOS42ODljMTIuNzEyIDAgMjEuMjUzLTYuNzE2IDIxLjI1My0xNi43MTMgMC01Ljg2MS0zLjA0NC0xMC4zODctOC42ODktMTMuMTZ6TTI4LjEzIDI1LjMwMUg4LjYyNlY5LjMzNGgxOS44NTVjNi43ODMgMCAxMC44MyAyLjc0NSAxMC44MyA3LjM0N3YuMTVjMCA3Ljg2LTguNTU4IDguNDctMTEuMTggOC40N3pNOC42MjYgMzMuNjE5aDE5Ljk0NmM1LjEwNCAwIDEzLjY3IDEuMDIgMTMuNjcgNy44NjUgMCA1LjQwMi00LjYzNCA4LjU0LTEyLjM5MyA4LjU0SDguNjI2VjMzLjYxOXptODAuMjcyIDE2LjQwNFYzMy42MTloMzMuNTM2di04LjMxOEg4OC44OThWOS4zMzdoMzUuOFYxLjAyOUg4MC4yODlWNTguMzRoNDQuNzk2di04LjMxOEg4OC44OTh6bTc1LjI2OSAwVjEuMDNoLTguNjMydjU3LjMxMWg0NS4xNDl2LTguMzE4ek0yNzAuNTA5IDEuMDNoLTEuMjUzbC0uNyAxLjAzNC0xOS4xODggMjguMjUtMTkuMTk1LTI4LjI1LS43MDItMS4wMzRoLTcuMzAydjU3LjMxMWg4LjQ5NVYxNy44MzhsMTYuNzYgMjQuMjEgMS45NCAyLjgwNSAxLjkzNS0yLjgxMSAxNi42MzctMjQuMTY5djQwLjQ2OGg4LjYwN1YxLjAzem0xNDYuNTA1IDBoLTIuMzU1djQxLjM2NmwtMzIuMTYtNDAuNDc1LS43MS0uODloLTcuMTdWNTguMzRoOC40ODVWMTYuMDA0bDMyLjg4MyA0MS40NDYuNzA5Ljg5aDYuNDM2VjEuMDI5aC02LjExOHptNTIuMTc4IDBoLTIxLjAxMXY1Ny4zMTFoMjEuMDExYzE3LjU4NyAwIDMwLjM1Mi0xMi4wNTEgMzAuMzUyLTI4LjY1MnYtLjE0NGMwLTE2LjUyLTEyLjc2NS0yOC41MTUtMzAuMzUyLTI4LjUxNXptMjEuNTc5IDI4LjY2YzAgMTIuMDM2LTguODcxIDIwLjMzMy0yMS41NzYgMjAuMzMzaC0xMi4zODJWOS4zMzhoMTIuMzgyYzEyLjcwNSAwIDIxLjU3NiA4LjM3IDIxLjU3NiAyMC4zNTF6TTMyNy4yNjcgMGMtMTYuNDg1IDAtMjkuOTAzIDEzLjM5LTI5LjkwMyAyOS44NXMxMy40MTQgMjkuODUxIDI5LjkwMyAyOS44NTEgMjkuODktMTMuMzkgMjkuODktMjkuODVTMzQzLjc0OSAwIDMyNy4yNjcgMHptMCA1MC44NzhjLTExLjc2IDAtMjEuMzI2LTkuNTQ0LTIxLjMyNi0yMS4yNzZzOS41Ny0yMS4yODQgMjEuMzI2LTIxLjI4NCAyMS4zMSA5LjU0NCAyMS4zMSAyMS4yODQtOS41NjMgMjEuMjc2LTIxLjMxIDIxLjI3NnoiLz48L3N2Zz4=");
}

nav.pull-out-nav ul li.link--close-nav button::before {
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHRpdGxlPmNyb3NzLWJpZzwvdGl0bGU+PGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+PHBhdGggZmlsbD0iIzAwMCIgZD0iTTEuMDQ5IDBMLjM0Mi43MDdsOC44NSA4Ljg1MUwwIDE4Ljc1bC43MDcuNzA3TDkuOSAxMC4yNjVsOC45NjggOC45NjkuNzA3LS43MDd2LS4wMDFsLTguOTY5LTguOTY4TDE5LjIzNC45MzFsLS43MDgtLjcwN0w5LjkgOC44NTF6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=");
}

nav.pull-out-nav ul.product-portfolio.media li a.media-icon.facebook::before {
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHRpdGxlPkZpbGwgNDwvdGl0bGU+PGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+PHBhdGggZD0iTS4zNzcgNi4zN2gxLjg3NFY0LjUyNmMwLS44MTEuMDItMi4wNjUuNjA1LTIuODRDMy40Ny44NjggNC4zMTQuMzA4IDUuNzY1LjMwOGMyLjM2NCAwIDMuMzYuMzQyIDMuMzYuMzQybC0uNDY4IDIuODA3cy0uNzgxLS4yMjgtMS41MS0uMjI4LTEuMzgyLjI2NC0xLjM4MiAxVjYuMzdoMi45OWwtLjIwOSAyLjc0Mkg1Ljc2NXY5LjUyOEgyLjI1MVY5LjExSC4zNzdWNi4zN3oiIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");
}

nav.pull-out-nav ul.product-portfolio.media li a.media-icon.instagram::before {
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxwYXRoIGQ9Ik0xMjcuOTk5NzQ2IDIzLjA2MzUzYzM0LjE3NzYzOSAwIDM4LjIyNTY0Ny4xMzAwNzI3IDUxLjcyMjczLjc0NTg4NjEgMTIuNDc5ODc0LjU2OTU3NjUgMTkuMjU3Mzc3IDIuNjU0ODA1NyAyMy43NjgyNiA0LjQwNzIzMTYgNS45NzQyMDIgMi4zMjIwMDI0IDEwLjIzODY1OSA1LjA5NjIxMDkgMTQuNzE3NTMyIDkuNTc1MDg0MiA0LjQ3ODg3MyA0LjQ3ODg3MzMgNy4yNTMwODIgOC43NDMzMjk4IDkuNTc0NTc2IDE0LjcxNzUzMTkgMS43NTI5MzQgNC41MTA4ODM0IDMuODM4MTYzIDExLjI4ODM4NjYgNC40MDc3NCAyMy43Njc3NTIyLjYxNTgxMyAxMy40OTc1OTE1Ljc0NTg4NiAxNy41NDU1OTg3Ljc0NTg4NiA1MS43MjMyMzggMCAzNC4xNzc2MzktLjEzMDA3MyAzOC4yMjU2NDctLjc0NTg4NiA1MS43MjI3My0uNTY5NTc3IDEyLjQ3OTg3NC0yLjY1NDgwNiAxOS4yNTczNzctNC40MDc3NCAyMy43NjgyNi0yLjMyMTQ5NCA1Ljk3NDIwMi01LjA5NTcwMyAxMC4yMzg2NTktOS41NzQ1NzYgMTQuNzE3NTMycy04Ljc0MzMzIDcuMjUzMDgyLTE0LjcxNzUzMiA5LjU3NDU3NmMtNC41MTA4ODMgMS43NTI5MzQtMTEuMjg4Mzg2IDMuODM4MTY0LTIzLjc2ODI2IDQuNDA3NzQtMTMuNDk1MDUxLjYxNTgxMy0xNy41NDMwNTguNzQ1ODg2LTUxLjcyMjczLjc0NTg4Ni0zNC4xNzk2NzE4IDAtMzguMjI3Njc5LS4xMzAwNzMtNTEuNzIyNzMtLjc0NTg4Ni0xMi40Nzk4NzM2LS41Njk1NzYtMTkuMjU3Mzc2OS0yLjY1NDgwNi0yMy43Njc3NTIyLTQuNDA3NzQtNS45NzQ3MTAyLTIuMzIxNDk0LTEwLjIzOTE2NjctNS4wOTU3MDMtMTQuNzE4MDQtOS41NzQ1NzZzLTcuMjUzMDgxOC04Ljc0MzMzLTkuNTc0NTc2MS0xNC43MTc1MzJjLTEuNzUyOTMzOS00LjUxMDg4My0zLjgzODE2MzItMTEuMjg4Mzg2LTQuNDA3NzM5Ny0yMy43Njc3NTItLjYxNTgxMzQtMTMuNDk3NTkxLS43NDU4ODYxLTE3LjU0NTU5OS0uNzQ1ODg2MS01MS43MjMyMzggMC0zNC4xNzc2MzkzLjEzMDA3MjctMzguMjI1NjQ2NS43NDU4ODYxLTUxLjcyMjcyOTkuNTY5NTc2NS0xMi40Nzk4NzM3IDIuNjU0ODA1OC0xOS4yNTczNzY5IDQuNDA3NzM5Ny0yMy43NjgyNjAzIDIuMzIxNDk0My01Ljk3NDIwMjEgNS4wOTU3MDI4LTEwLjIzODY1ODYgOS41NzQ1NzYxLTE0LjcxNzUzMTkgNC40Nzg4NzMzLTQuNDc4ODczMyA4Ljc0MzMyOTgtNy4yNTMwODE4IDE0LjcxODA0LTkuNTc1MDg0MiA0LjUxMDM3NTMtMS43NTI0MjU5IDExLjI4Nzg3ODYtMy44Mzc2NTUxIDIzLjc2NzI0NDEtNC40MDcyMzE2IDEzLjQ5NzU5MTUtLjYxNTgxMzQgMTcuNTQ1NTk4Ny0uNzQ1ODg2MSA1MS43MjMyMzgxLS43NDU4ODYxbTAtMjMuMDYzNTNDOTMuMjM2Nzc5MSAwIDg4Ljg3ODMyNDcuMTQ3MzQ4MDcgNzUuMjI1NzYzNy43NzAyNzQ3NSA2MS42MDExNDggMS4zOTIxODUyMyA1Mi4yOTY4Nzk0IDMuNTU1NjYxNCA0NC4xNTQ2MjgxIDYuNzIwMDg4MjggMzUuNzM3NDk2NiA5Ljk5MTIxNTQ4IDI4LjU5OTI0NDYgMTQuMzY3OTYxMyAyMS40ODMzNDg5IDIxLjQ4Mzg1NyAxNC4zNjc0NTMyIDI4LjU5OTc1MjcgOS45OTA3MDczOSAzNS43MzgwMDQ2IDYuNzE5NTgwMTkgNDQuMTU1MTM2MiAzLjU1NTE1MzMxIDUyLjI5NzM4NzUgMS4zOTE2NzcxNCA2MS42MDE2NTYxLjc2OTc2NjY1IDc1LjIyNjI3MTguMTQ2ODM5OTggODguODc4MzI0NyAwIDkzLjIzNzI4NzIgMCAxMjguMDAwMjU0YzAgMzQuNzYyOTY3LjE0NjgzOTk4IDM5LjEyMTkyOS43Njk3NjY2NSA1Mi43NzM5ODIuNjIxOTEwNDkgMTMuNjI0NjE2IDIuNzg1Mzg2NjYgMjIuOTI4ODg1IDUuOTQ5ODEzNTQgMzEuMDcxMTM2IDMuMjcxMTI3MiA4LjQxNjYyMyA3LjY0Nzg3MzAxIDE1LjU1NTM4MyAxNC43NjM3Njg3MSAyMi42NzEyNzkgNy4xMTU4OTU3IDcuMTE1ODk2IDE0LjI1NDE0NzcgMTEuNDkyNjQyIDIyLjY3MTI3OTIgMTQuNzYzNzY5IDguMTQyMjUxMyAzLjE2NDQyNyAxNy40NDY1MTk5IDUuMzI3OTAzIDMxLjA3MTEzNTYgNS45NDk4MTNDODguODc4MzI0NyAyNTUuODUzMTYgOTMuMjM2Nzc5MSAyNTYgMTI3Ljk5OTc0NiAyNTZjMzQuNzYyOTY3IDAgMzkuMTIxOTI5LS4xNDY4NCA1Mi43NzM5ODItLjc2OTc2NyAxMy42MjQ2MTYtLjYyMTkxIDIyLjkyODg4NS0yLjc4NTM4NiAzMS4wNzExMzYtNS45NDk4MTMgOC40MTcxMzEtMy4yNzExMjcgMTUuNTU1MzgzLTcuNjQ3ODczIDIyLjY3MTI3OS0xNC43NjM3NjkgNy4xMTU4OTYtNy4xMTU4OTYgMTEuNDkyNjQyLTE0LjI1NDE0OCAxNC43NjM3NjktMjIuNjcxMjc5IDMuMTY0NDI3LTguMTQyMjUxIDUuMzI3OTAzLTE3LjQ0NjUyIDUuOTQ5ODEzLTMxLjA3MTEzNi42MjI5MjctMTMuNjUyMDUzLjc3MDI3NS0xOC4wMTEwMTUuNzcwMjc1LTUyLjc3Mzk4MiAwLTM0Ljc2Mjk2NjgtLjE0NzM0OC0zOS4xMjE5MjkzLS43NzAyNzUtNTIuNzczOTgyMi0uNjIxOTEtMTMuNjI0NjE1Ny0yLjc4NTM4Ni0yMi45Mjg4ODQzLTUuOTQ5ODEzLTMxLjA3MTEzNTYtMy4yNzExMjctOC40MTcxMzE2LTcuNjQ3ODczLTE1LjU1NTM4MzUtMTQuNzYzNzY5LTIyLjY3MTI3OTItNy4xMTU4OTYtNy4xMTU4OTU3LTE0LjI1NDE0OC0xMS40OTI2NDE1Mi0yMi42NzEyNzktMTQuNzYzNzY4NzItOC4xNDIyNTEtMy4xNjQ0MjY4Ny0xNy40NDY1Mi01LjMyNzkwMzA1LTMxLjA3MTEzNi01Ljk0OTgxMzUzQzE2Ny4xMjE2NzUuMTQ3MzQ4MDcgMTYyLjc2MjcxMyAwIDEyNy45OTk3NDYgMHptMCA2Mi4yNzAzMTE1Yy0zNi4zMDE0ODQgMC02NS43Mjk5NDI2IDI5LjQyODQ1ODUtNjUuNzI5OTQyNiA2NS43Mjk5NDI1czI5LjQyODQ1ODYgNjUuNzI5OTQzIDY1LjcyOTk0MjYgNjUuNzI5OTQzIDY1LjcyOTk0My0yOS40Mjg0NTkgNjUuNzI5OTQzLTY1LjcyOTk0My0yOS40Mjg0NTktNjUuNzI5OTQyNS02NS43Mjk5NDMtNjUuNzI5OTQyNXptMCAxMDguMzk2ODYzNWMtMjMuNTY0MDA1IDAtNDIuNjY2OTIwOC0xOS4xMDI5MTYtNDIuNjY2OTIwOC00Mi42NjY5MjFzMTkuMTAyOTE1OC00Mi42NjY5MjA3IDQyLjY2NjkyMDgtNDIuNjY2OTIwN2MyMy41NjQwMDUgMCA0Mi42NjY5MjEgMTkuMTAyOTE1NyA0Mi42NjY5MjEgNDIuNjY2OTIwNyAwIDIzLjU2NDAwNS0xOS4xMDI5MTYgNDIuNjY2OTIxLTQyLjY2NjkyMSA0Mi42NjY5MjF6bTgzLjY4NjU5Mi0xMTAuOTkzNzQ2M2MwIDguNDgzMTg0Mi02Ljg3NjU4MyAxNS4zNjAyNzQ0LTE1LjM1OTc2NyAxNS4zNjAyNzQ0cy0xNS4zNjAyNzQtNi44NzcwOTAyLTE1LjM2MDI3NC0xNS4zNjAyNzQ0IDYuODc3MDktMTUuMzU5NzY2MyAxNS4zNjAyNzQtMTUuMzU5NzY2M2M4LjQ4MzE4NCAwIDE1LjM1OTc2NyA2Ljg3NjU4MjEgMTUuMzU5NzY3IDE1LjM1OTc2NjN6IiBmaWxsPSJjdXJyZW50Q29sb3IiLz48L3N2Zz4=");
}

nav.pull-out-nav ul.product-portfolio.media li a.media-icon.pinterest::before {
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHRpdGxlPkZpbGwgMzwvdGl0bGU+PGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+PHBhdGggZD0iTTkuNzIuNzUyQzQuNzE0Ljc1Mi42NTUgNC44NTUuNjU1IDkuOTE3YTkuMTY4IDkuMTY4IDAgMDA1LjQyNyA4LjM5NGMtLjAyNy0uNjQtLjAwNS0xLjQwOC4xNTYtMi4xMDQuMTc1LS43NDQgMS4xNjctNC45OTQgMS4xNjctNC45OTRzLS4yOS0uNTg1LS4yOS0xLjQ1YzAtMS4zNTkuNzgtMi4zNzMgMS43NS0yLjM3My44MjMgMCAxLjIyMi42MjYgMS4yMjIgMS4zNzYgMCAuODM5LS41MjkgMi4wOTEtLjggMy4yNTMtLjIyOC45NzIuNDgyIDEuNzY0IDEuNDMgMS43NjQgMS43MTcgMCAyLjg3NC0yLjIzIDIuODc0LTQuODcyIDAtMi4wMDgtMS4zMzgtMy41MTItMy43NzItMy41MTItMi43NSAwLTQuNDYyIDIuMDczLTQuNDYyIDQuMzg5IDAgLjc5OS4yMzIgMS4zNjEuNTk3IDEuNzk4LjE2OC4yLjE5LjI4LjEzLjUxLS4wNDMuMTY5LS4xNDMuNTc2LS4xODUuNzM2LS4wNi4yMzItLjI0Ni4zMTUtLjQ1My4yM0M0LjE4IDEyLjUzNyAzLjU5IDExLjEzNSAzLjU5IDkuNTZjMC0yLjYwNCAyLjE3Mi01LjcyNyA2LjQ3OS01LjcyNyAzLjQ2MSAwIDUuNzQgMi41MzMgNS43NCA1LjI1IDAgMy41OTctMS45NzcgNi4yODItNC44OTMgNi4yODItLjk3NyAwLTEuODk4LS41MzUtMi4yMTMtMS4xNDIgMCAwLS41MjggMi4xMTEtLjYzOSAyLjUxOS0uMTkxLjcwNy0uNTY4IDEuNDEzLS45MTIgMS45NjRhOC45NiA4Ljk2IDAgMDAyLjU3LjM3NmM1LjAwNSAwIDkuMDY1LTQuMTA1IDkuMDY1LTkuMTY2IDAtNS4wNjItNC4wNi05LjE2NS05LjA2Ni05LjE2NSIgZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");
}

nav.pull-out-nav ul.product-portfolio.media li a.media-icon.twitter::before {
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHRpdGxlPkZpbGwgNDwvdGl0bGU+PGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+PHBhdGggZD0iTTE5LjU3OCAyLjVhNy42NjUgNy42NjUgMCAwMS0yLjIyNi42MTZBMy45MTIgMy45MTIgMCAwMDE5LjA1NS45NWE3LjY1OCA3LjY1OCAwIDAxLTIuNDYyLjk1IDMuODQ4IDMuODQ4IDAgMDAtMi44My0xLjIzN0MxMS42MjUuNjYyIDkuODkgMi40MTcgOS44OSA0LjU4YzAgLjMwNy4wMzMuNjA1LjEuODkyQzYuNzY3IDUuMzEgMy45MSAzLjc1MSAxLjk5OCAxLjM3N2EzLjk1IDMuOTUgMCAwMC0uNTI1IDEuOTczQTMuOTMgMy45MyAwIDAwMy4xOTggNi42MWEzLjg0MyAzLjg0MyAwIDAxLTEuNzU3LS40ODh2LjA0OGMwIDEuOSAxLjMzNiAzLjQ4NCAzLjExIDMuODQyYTMuNzU0IDMuNzU0IDAgMDEtMS4wMjIuMTM4Yy0uMjUgMC0uNDkzLS4wMjMtLjcyOC0uMDcuNDkyIDEuNTU3IDEuOTI0IDIuNjkyIDMuNjIgMi43MjFhNy43MjUgNy43MjUgMCAwMS00LjgxNCAxLjY3OWMtLjMxMyAwLS42MjItLjAxOC0uOTI1LS4wNTRhMTAuOTAxIDEwLjkwMSAwIDAwNS45NDMgMS43NmM3LjEzMSAwIDExLjAzLTUuOTcyIDExLjAzLTExLjE1MSAwLS4xNy0uMDA0LS4zNC0uMDEyLS41MDdhNy45MTggNy45MTggMCAwMDEuOTM1LTIuMDMiIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");
}

nav.pull-out-nav ul.product-portfolio.media li a.media-icon.youtube::before {
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMwIDIxIj48cGF0aCBkPSJNMjkuMzczIDMuMjc5QTMuNzU2IDMuNzU2IDAgMDAyNi43MjEuNjI3QzI0LjM4MSAwIDE1IDAgMTUgMFM1LjYxOSAwIDMuMjc5LjYyN0EzLjc1NiAzLjc1NiAwIDAwLjYyNyAzLjI3OSAzOS4wMzggMzkuMDM4IDAgMDAwIDEwLjVhMzkuMDM4IDM5LjAzOCAwIDAwLjYyNyA3LjIyMSAzLjc1NiAzLjc1NiAwIDAwMi42NTIgMi42NTJDNS42MTkgMjEgMTUgMjEgMTUgMjFzOS4zODEgMCAxMS43MjEtLjYyN2EzLjc1NiAzLjc1NiAwIDAwMi42NTItMi42NTJBMzkuMDM4IDM5LjAzOCAwIDAwMzAgMTAuNWEzOS4wMzggMzkuMDM4IDAgMDAtLjYyNy03LjIyMXoiIGZpbGw9IiMyODI5MjkiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTIgMTVWNmw3Ljc5NCA0LjVMMTIgMTV6Ii8+PC9zdmc+");
}

nav.pull-out-nav ul.product-portfolio.media li a.media-icon.linkedin::before {
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZD0iTTE4LjE5MSAwSDEuODA5QTEuODA5IDEuODA5IDAgMDAwIDEuODA5djE2LjM4MkExLjgwOSAxLjgwOSAwIDAwMS44MDkgMjBoMTYuMzgyQTEuODA5IDEuODA5IDAgMDAyMCAxOC4xOTFWMS44MDlBMS44MDkgMS44MDkgMCAwMDE4LjE5MSAwem0tMTIgMTcuMjY5YS41MjcuNTI3IDAgMDEtLjUyNy41MjdIMy40MjFhLjUyNi41MjYgMCAwMS0uNTI2LS41MjdWNy44NzVhLjUyNi41MjYgMCAwMS41MjYtLjUyN2gyLjI0MWEuNTI3LjUyNyAwIDAxLjUyNy41Mjd6TTQuNTQyIDYuNDYyYTIuMTI5IDIuMTI5IDAgMTEyLjEyOS0yLjEyOSAyLjEyOSAyLjEyOSAwIDAxLTIuMTI5IDIuMTI5ek0xNy45IDE3LjMxMmEuNDg0LjQ4NCAwIDAxLS40ODQuNDg0aC0yLjQwNGEuNDg0LjQ4NCAwIDAxLS40ODQtLjQ4NHYtNC40MDdjMC0uNjU3LjE5My0yLjg4MS0xLjcxOC0yLjg4MS0xLjQ4MiAwLTEuNzgzIDEuNTIyLTEuODQzIDIuMjA1djUuMDgzYS40ODQuNDg0IDAgMDEtLjQ4NC40ODRIOC4xNTdhLjQ4NC40ODQgMCAwMS0uNDg0LS40ODR2LTkuNDhhLjQ4NC40ODQgMCAwMS40ODQtLjQ4NGgyLjMyNmEuNDg0LjQ4NCAwIDAxLjQ4NC40ODR2LjgyYTMuMyAzLjMgMCAwMTMuMS0xLjQ2MmMzLjg1MSAwIDMuODI5IDMuNiAzLjgyOSA1LjU3NXY0LjU0N3oiIGZpbGw9IiMwMTAxMDEiLz48L3N2Zz4=");
}

/**
 * The Kickoff Flexbox Grid
 * =================================
 * Default grid classes
 * Grid gutter options
 * Modifier Classes (column height and cell alignment)
 * Legacy fallbacks for flexbox
 * Grid span classes
 * Breakpoint stacking
 */
/* Import Grid helpers and mixins */
/**
 * Grid Variables
 * =================================
 * These are defined here so that the grid can run as a standalone module (outside of Kickoff),
 * as well as allowing these files to be generated into standard CSS.
 *
 * When importing the grid into your own project, copy the variables from this file into your own variables.scss
 * They will then override the values specified here (as long as the grid is imported below where your own variables are defined).
 */
/**
 * Basic Usage:
 * =================================
	<div class="g">
		<div class="g-col g-span4 g-span6--mid"></div>
		<div class="g-col g-span8 g-span6--mid"></div>
	</div>
 */
.g {
  display: flex !important;
  flex-wrap: wrap;
  flex-direction: row;
}
.g img {
  max-width: 100%;
}

.g-col {
  display: block;
  box-sizing: border-box;
  flex: 1 0 0;
  min-width: 0;
}

/**
 * Gutter calcs – applied to grid columns in our grid (direct descendants only)
 * Default: pixels (can look at changing to percentage)
 * Usage: gutterCalc() or gutterCalc(false)
 */
.g--gutter {
  margin-left: -10px;
  margin-right: -10px;
}
.g--gutter > .g-col {
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 376px) {
  .g--gutter--narrow {
    margin-left: -10px;
    margin-right: -10px;
  }
  .g--gutter--narrow > .g-col {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (min-width: 601px) {
  .g--gutter--mid {
    margin-left: -10px;
    margin-right: -10px;
  }
  .g--gutter--mid > .g-col {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (min-width: 1201px) {
  .g--gutter--wide {
    margin-left: -10px;
    margin-right: -10px;
  }
  .g--gutter--wide > .g-col {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (min-width: 1801px) {
  .g--gutter--huge {
    margin-left: -10px;
    margin-right: -10px;
  }
  .g--gutter--huge > .g-col {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (min-width: 376px) {
  .g--gutter--phone {
    margin-left: -10px;
    margin-right: -10px;
  }
  .g--gutter--phone > .g-col {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (min-width: 601px) {
  .g--gutter--tablet {
    margin-left: -10px;
    margin-right: -10px;
  }
  .g--gutter--tablet > .g-col {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (min-width: 768px) {
  .g--gutter--tablet-ipad {
    margin-left: -10px;
    margin-right: -10px;
  }
  .g--gutter--tablet-ipad > .g-col {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (min-width: 1025px) {
  .g--gutter--desktop-small {
    margin-left: -10px;
    margin-right: -10px;
  }
  .g--gutter--desktop-small > .g-col {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (min-width: 1201px) {
  .g--gutter--desktop {
    margin-left: -10px;
    margin-right: -10px;
  }
  .g--gutter--desktop > .g-col {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (min-width: 1801px) {
  .g--gutter--desktop-wide {
    margin-left: -10px;
    margin-right: -10px;
  }
  .g--gutter--desktop-wide > .g-col {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (min-width: 450px) {
  .g--gutter--phone-landscape-height {
    margin-left: -10px;
    margin-right: -10px;
  }
  .g--gutter--phone-landscape-height > .g-col {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (min-width: 768px) {
  .g--gutter--tablet-landscape-height {
    margin-left: -10px;
    margin-right: -10px;
  }
  .g--gutter--tablet-landscape-height > .g-col {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (min-width: 634px) {
  .g--gutter--tablet-landscape-height-simplify {
    margin-left: -10px;
    margin-right: -10px;
  }
  .g--gutter--tablet-landscape-height-simplify > .g-col {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (min-width: 575px) {
  .g--gutter--desktop-fullscreen-height {
    margin-left: -10px;
    margin-right: -10px;
  }
  .g--gutter--desktop-fullscreen-height > .g-col {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.g--gutter--scaled > .g-col {
  margin-left: ko-gutterCalc();
  margin-right: 0;
}
.g--gutter--scaled > .g-col:first-child {
  margin-left: 0;
}

.g--stack > .g-col {
  flex-basis: 100%;
  max-width: 100%;
}
.g--stack.g--gutter--scaled > .g-col {
  margin-left: 0;
}

/**
 * .g--equalHeight – Equal Height Child Elements
 */
.g--equalHeight > .g-col {
  display: flex;
}
.g--equalHeight > .g-col > * {
  flex-basis: 100%;
}

/**
 * Alignment
 * Modifier classes to move our grid elements around
 */
.g--alignTop {
  align-items: flex-start;
}

.g--alignBottom {
  align-items: flex-end;
}

.g--alignSelfBottom {
  align-self: flex-end;
}

.g--alignRight {
  justify-content: flex-end;
}

.g--alignCenter {
  justify-content: center;
}

.g--alignCenter--v {
  align-items: center;
}

/**
 * Centering
 * Centers an individual column, rather than the entire grid
 */
.g-col--centered {
  margin: 0 auto;
}

/**
 * Shrinking Content
 * Shrink a .g-col down to only the space it needs (flexbox only)
 *
 * Effectively just changes it’s values back to the default flex properties
 */
.g-col--shrink {
  flex: 0 1 auto;
}

/**
 * Add fallbacks for non-flexbox supporting browsers (for example, IE8/9)
 */
.no-flexbox .g {
  display: block !important;
}
.no-flexbox .g-col {
  float: left;
  min-height: 1px;
  clear: none;
  box-sizing: border-box;
}
.no-flexbox .g--stack .g-col {
  width: 100%;
}
.no-flexbox .g--equalHeight > .g-col {
  display: block;
}

/**
 * Grid Span classes (for different breakpoints)
 *
 * Applied by using .g-spanx to .g-col elements, where x is the number of columns
 */
/**
 * Kickoff grid helpers
 */
/**
 * Grid stacking
 * Stack grids based on a given breakpoint
 *
 * Usage:
 * .g--stack--narrow
 * .g--stack--wide
 */
/**
 * Gutter Calculations
 * Default: percent
 * Usage: ko-gutterCalc() or ko-gutterCalc(false)
 * When show-unit is true, returns the percentage, otherwise return a decimal
 */
/**
 * Grid columns width calculations
 * This is where the magic of working out the column widths happens
 *
 * $column-span: define the width for the number of columns required
 * $show-unit: Switch return value between percentage (default) and decimal
 * $include-gutters: if gutters should be included in the calculations. Default = false
 * $legacy-calc: if we are working out a legacy column width calculation, or not. Default = false
 */
/**
 * Column width mixin
 * Usage:
 * @include column(2);
 */
/**
 * Grid Variables
 * =================================
 * These are defined here so that the grid can run as a standalone module (outside of Kickoff),
 * as well as allowing these files to be generated into standard CSS.
 *
 * When importing the grid into your own project, copy the variables from this file into your own variables.scss
 * They will then override the values specified here (as long as the grid is imported below where your own variables are defined).
 */
/* 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, nav.pull-out-nav ul li.link--portfolio a::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);
}

nav.pull-out-nav ul li.link--portfolio a::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;*/
.area-nav ul a.icon-hamburger, nav.side-view .sub-menu-wrapper h3, nav .sub-menu-wrapper h3, nav .menu-header .overlay-text, .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);
		}
	}
}
*/
nav .menu-header .overlay-text span, .module .module-header h1,
.module .module-header h2 {
  font-family: Montserrat, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.06rem;
}

nav.pull-out-nav ul.product-portfolio li.product-name h2 a, nav.pull-out-nav ul.product-portfolio li.product-name h2, .module .module-header p {
  font-family: "Theano Didot", serif;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0.06rem;
}

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

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

nav .menu-header .overlay-text span {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.1;
}

nav.pull-out-nav ul.product-portfolio li.product-name h2 a, nav.pull-out-nav ul.product-portfolio li.product-name h2 {
  font-size: 2.4rem;
  line-height: 1.1;
}
@media (min-width: 1024px) {
  nav.pull-out-nav ul.product-portfolio li.product-name h2 a, nav.pull-out-nav ul.product-portfolio li.product-name h2 {
    font-size: 2.6rem;
  }
}

.tooltip-content, .module .module-header p {
  font-family: Montserrat, sans-serif;
  font-size: 1.3rem;
  line-height: 1.8;
  font-weight: 300;
  letter-spacing: 0.06rem;
}

.reset-list {
  padding-left: 0;
  padding-right: 0;
}

.clearfix::after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

* html .clearfix {
  zoom: 1;
}

/* IE6 */
*:first-child + html .clearfix {
  zoom: 1;
}

/* IE7 */
.left {
  float: left;
}

.right {
  float: right;
}

.full-width {
  width: 100%;
}

.image-bleed-foreground {
  overflow: hidden;
  position: relative;
  padding: 0;
  text-align: center;
}
.image-bleed-foreground img {
  object-fit: cover;
  object-position: center;
  font-family: "object-fit: ${fit}; object-position: ${position}";
  display: inline-block;
  height: 100%;
  width: 100%;
}

.vertical-centered-parent {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

.pull-up {
  margin-top: -10rem;
}

.pull-up-desktop {
  margin-top: 0;
}

.allow-overflow {
  overflow: visible !important;
}

.show {
  display: block !important;
}

.full-width {
  width: 100%;
}

.hide {
  display: none !important;
}

/* MOBILE ONLY */
@media screen and (max-width: 600px) {
  .only-tablet {
    display: none !important;
  }

  .only-desktop {
    display: none !important;
  }
}
/* UP TO TABLET */
@media screen and (max-width: 1200px) {
  .only-desktop {
    display: none !important;
  }
}
/* TABLET ONLY */
@media screen and (min-width: 601px) and (max-width: 1200px) {
  .mobile-only {
    display: none !important;
  }

  .only-desktop {
    display: none !important;
  }
}
/* DESKTOP ONLY */
@media screen and (min-width: 1201px) {
  .mobile-only {
    display: none !important;
  }

  .only-mobile-tablet {
    display: none !important;
  }
  header.mobile-menu-active .only-mobile-tablet {
    display: inherit !important;
  }

  .only-tablet {
    display: none !important;
  }

  .show-desktop {
    display: block !important;
  }
  .show-desktop.g {
    display: flex !important;
  }

  .pull-up-desktop {
    margin-top: -18rem;
  }
}
/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@media (print), (prefers-reduced-motion: reduce) {
  .animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
}
img {
  max-width: 100%;
}

BUTTON {
  letter-spacing: 0.06rem;
  font-weight: 500;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
}
BUTTON.line--link-animation {
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 500;
  padding-bottom: 0;
  border: none;
  background: transparent;
}
BUTTON.line--link-animation span.line--animated {
  display: block;
  width: 100%;
  border-bottom: 0.1rem solid #000;
  margin-top: 0.6rem;
}

SPAN.line--link-animation {
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 500;
  padding-bottom: 0;
  border: none;
  background: transparent;
  display: inline-block;
}
SPAN.line--link-animation span.line--animated {
  display: block;
  width: 100%;
  border-bottom: 0.1rem solid #000;
  margin-top: 0.6rem !important;
}

.btn {
  font-size: 13px;
  font-size: 1.3rem;
  font-family: Montserrat, sans-serif;
  display: inline-block;
  min-width: 17rem;
  padding: 1.2rem 2.5rem;
  border: 0.1rem solid #b9b9b9 !important;
  background: transparent;
  line-height: 1;
  letter-spacing: 0.06rem;
  font-weight: 500;
  transition: 0.5s linear;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  color: #000;
}
.btn:hover {
  border-color: #000 !important;
}
@media (min-width: 1201px) {
  .btn.btn-right {
    float: right;
  }
}

.btn-secondary {
  border-color: #979797;
  color: #979797;
}

.btn-disabled {
  cursor: default;
}

a {
  /*&.wcag--opens-new-window {
  	padding-right: 17px;
  	background: url(/dist/icons/icon-off-page-link.svg) no-repeat top right;
  	background-size: 12px 12px;

  	&.line--link-animation {
  		padding-top: 0;
  		background: url(/dist/icons/icon-off-page-link.svg) no-repeat top right;
  		background-size: 12px 12px;
  	}
  }*/
}
a.line--link-animation {
  font-size: 13px;
  font-size: 1.3rem;
  display: inline-block;
  font-weight: 500;
  text-transform: uppercase;
  padding-bottom: 0;
  border: none;
}
a.line--link-animation span.line--animated {
  display: block;
  width: 100%;
  border-bottom: 0.1rem solid #000;
  margin-top: 0.3rem;
}
a.btn.wcag--opens-new-window {
  padding-left: 3rem;
  padding-right: 3rem;
  background-position: top 4px right 4px;
}

.expand-contract {
  background: transparent;
  border: 0.1rem solid #fff;
  border-radius: 50%;
  cursor: pointer;
  height: 3.8rem;
  position: relative;
  width: 3.8rem;
  z-index: 200;
}
.expand-contract::before, .expand-contract::after {
  background-color: #fff;
  content: "";
  height: 0.1rem;
  left: 1.1rem;
  position: absolute;
  top: 1.8rem;
  width: 1.4rem;
}
.expand-contract::after {
  transform: rotate(90deg);
  transition: all 0.25s ease-in-out;
}
.expand-contract.expand-contract-minus::after {
  transform: rotate(0deg);
}

.logo-belmond {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 100px;
  height: 22px;
  padding-bottom: 0;
  border-bottom: 0;
}
@media (min-width: 1201px) {
  .logo-belmond {
    max-width: none;
  }
}
.logo-belmond > svg {
  display: block;
  height: 100%;
  max-height: 70px;
}
.logo-belmond > svg#logo-bel {
  max-height: 22px;
}
.logo-belmond > svg.logo-single-svg {
  max-height: 45px;
}
.logo-belmond--product {
  max-width: 165px;
  height: 45px;
}
@media (min-width: 601px) {
  .logo-belmond--product {
    max-width: 235px;
  }
}
@media (min-width: 1201px) {
  .logo-belmond--product {
    max-width: 372px;
    min-height: 70px;
    max-height: 70px;
  }
}
.logo-belmond--product > svg.logo-rom-svg {
  max-width: 164px;
}
@media (min-width: 1201px) {
  .logo-belmond--product > svg.logo-vso-svg, .logo-belmond--product > svg.logo-eoe-svg, .logo-belmond--product > svg.logo-21c-svg, .logo-belmond--product > svg.logo-chg-svg, .logo-belmond--product > svg.logo-vma-svg, .logo-belmond--product > svg.logo-ext-svg, .logo-belmond--product > svg.logo-baf-svg {
    position: relative;
    bottom: 7px;
  }
}
@media (min-width: 1201px) {
  .logo-belmond--product > svg.logo-vso-svg, .logo-belmond--product > svg.logo-eoe-svg {
    min-height: 80px;
  }
}
@media (min-width: 1201px) {
  .logo-belmond--product > svg.logo-chg-svg {
    max-width: 300px;
  }
}
@media (min-width: 1201px) {
  .logo-belmond--product > svg.logo-vma-svg, .logo-belmond--product > svg.logo-log-svg, .logo-belmond--product > svg.logo-lal-svg {
    max-width: 260px;
  }
}
@media (max-width: 419px) {
  .logo-belmond--product > svg.logo-lbb-svg {
    max-height: 30px;
  }
}
.logo-belmond--center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.logo-belmond-mobile {
  width: 90px;
  height: 40px;
  position: absolute;
  left: calc(50% - 45px);
  top: calc(50% - 20px);
}

.tooltip:not(button) {
  display: flex;
  border: 1px solid #757575;
  color: #757575;
  border-radius: 1rem;
  width: 2rem;
  height: 2rem;
  align-items: center;
  justify-content: center;
}
.tooltip:not(button) span {
  display: block;
}
.tooltip:not(button):hover {
  background-color: #757575;
  color: #fff;
  cursor: pointer;
}

.tooltip-content {
  position: absolute;
  top: -1px;
  z-index: 2000;
  background-color: #fff;
  box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.2);
  padding: 10px 10px 0 10px;
  min-width: 200px;
  max-width: 200px;
  text-align: center;
  text-align: left;
}
@media (max-width: 767px) {
  .tooltip-content {
    right: 14px;
    left: auto !important;
  }
}
.tooltip-content .tooltip-arrow {
  background: url(/dist/icons/forms/tooltip-down-arrow.svg) no-repeat center center;
  width: 100%;
  height: 14px;
  position: relative;
  bottom: -12px;
  z-index: 2001;
}
@media (max-width: 767px) {
  .tooltip-content .tooltip-arrow {
    background: url(/dist/icons/forms/tooltip-down-arrow.svg) no-repeat center right;
  }
}

/*
** HEADER **
*/
.product-page nav.belmond-nav.visible {
  transition: color 0.5s, background-color 0.5s, position 0.25s;
}
.product-page .launch-modal {
  margin-right: 1.8rem;
}

header.header {
  display: block;
  margin-top: 0;
  height: 8.3rem;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 1001;
}
header.header .main-menu {
  max-height: 83px;
  display: none;
}
@media (min-width: 601px) {
  header.header .main-menu {
    max-height: 52px;
  }
}
@media (min-width: 1201px) {
  header.header .main-menu {
    max-height: none;
    display: block;
  }
}
body.body-has-m046 header.header {
  background-color: #fff;
}
@media (min-width: 1201px) {
  header.header.header--collapse.collapsed .compact-hidden {
    pointer-events: none;
    display: none;
  }
  header.header.header--collapse.collapsed ul.main-menu li a {
    margin: 0 0.75rem;
  }
  header.header.header--collapse.collapsed ul.main-menu li::after {
    display: none;
  }
  header.header.header--collapse.collapsed nav.utility-nav ul.second-menu {
    padding-right: 0;
  }
  header.header.header--collapse.collapsed nav.utility-nav ul.second-menu .search-nav {
    width: auto;
  }
}
@media (min-width: 1280px) {
  header.header.header--collapse.collapsed ul.main-menu li a {
    margin: 0 1.2rem;
  }
}
header.header:not(.header--collapse) {
  position: relative;
  /*+ .blur-bg-wrapper + .after-header,*/
}
header.header:not(.header--collapse) + .header-bg + .after-header,
header.header:not(.header--collapse) + .after-header {
  padding-top: 0;
}
@media screen and (min-width: 1201px) {
  header.header {
    margin-top: 0;
    height: 17.2rem;
    text-align: center;
  }
  header.header .title {
    /* Good browsers */
    opacity: 1 !important;
  }
  header.header.compact {
    min-height: 0;
  }
}
header.header .title {
  display: flex;
  position: absolute;
  text-align: center;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
header.header .title a {
  text-decoration: none;
  border: 0;
  position: relative;
  top: 18px;
}
@media (min-width: 1201px) {
  header.header .title a {
    top: 30px;
  }
}
header.header a.logo-belmond:not(.logo-belmond--product) {
  top: 32px;
}
@media (min-width: 1201px) {
  header.header a.logo-belmond:not(.logo-belmond--product) {
    top: 48px;
  }
}
header.header span.main-logo-name {
  position: absolute;
  text-indent: -1000rem;
}
header.header.ghost .main-logo,
header.header.ghost .utility-nav,
header.header.ghost a {
  color: #fff;
}
header.header.ghost .main-logo a header:not(.mobile-menu-active),
header.header.ghost .main-logo h1 header:not(.mobile-menu-active),
header.header.ghost .main-logo h2 header:not(.mobile-menu-active),
header.header.ghost .main-logo h3 header:not(.mobile-menu-active),
header.header.ghost .main-logo h4 header:not(.mobile-menu-active),
header.header.ghost .main-logo .invertable header:not(.mobile-menu-active),
header.header.ghost .main-logo .invertable::after header:not(.mobile-menu-active),
header.header.ghost .utility-nav a header:not(.mobile-menu-active),
header.header.ghost .utility-nav h1 header:not(.mobile-menu-active),
header.header.ghost .utility-nav h2 header:not(.mobile-menu-active),
header.header.ghost .utility-nav h3 header:not(.mobile-menu-active),
header.header.ghost .utility-nav h4 header:not(.mobile-menu-active),
header.header.ghost .utility-nav .invertable header:not(.mobile-menu-active),
header.header.ghost .utility-nav .invertable::after header:not(.mobile-menu-active),
header.header.ghost a a header:not(.mobile-menu-active),
header.header.ghost a h1 header:not(.mobile-menu-active),
header.header.ghost a h2 header:not(.mobile-menu-active),
header.header.ghost a h3 header:not(.mobile-menu-active),
header.header.ghost a h4 header:not(.mobile-menu-active),
header.header.ghost a .invertable header:not(.mobile-menu-active),
header.header.ghost a .invertable::after header:not(.mobile-menu-active) {
  border-color: #fff;
  color: #fff;
}
header.header.ghost .main-logo nav .main-menu.nav-level-1 li:not(:last-child)::after,
header.header.ghost .main-logo .divider-diamond::after,
header.header.ghost .utility-nav nav .main-menu.nav-level-1 li:not(:last-child)::after,
header.header.ghost .utility-nav .divider-diamond::after,
header.header.ghost a nav .main-menu.nav-level-1 li:not(:last-child)::after,
header.header.ghost a .divider-diamond::after {
  background-color: #fff;
}
header.header.ghost .main-logo .drop-down::before,
header.header.ghost .main-logo .divider-dashed::after,
header.header.ghost .utility-nav .drop-down::before,
header.header.ghost .utility-nav .divider-dashed::after,
header.header.ghost a .drop-down::before,
header.header.ghost a .divider-dashed::after {
  border-color: #fff;
  color: #fff;
}
header.header.ghost .main-logo .menu-divider,
header.header.ghost .utility-nav .menu-divider,
header.header.ghost a .menu-divider {
  border-color: #fff;
}
header.header.ghost .main-logo input.search-nav__input,
header.header.ghost .utility-nav input.search-nav__input,
header.header.ghost a input.search-nav__input {
  font-family: "Montserrat", sans-serif;
  margin-left: 3rem;
  color: #fff;
}
header.header.ghost .main-logo input.search-nav__input::placeholder,
header.header.ghost .utility-nav input.search-nav__input::placeholder,
header.header.ghost a input.search-nav__input::placeholder {
  color: #fff;
}
header.header.ghost .module-m033 a {
  color: #000;
}
header.header.ghost .pull-out-nav a {
  color: #000;
}
header.header.ghost .pull-out-nav .search-nav__input-container:hover .search-nav__input {
  border-bottom-color: #000;
}
header.header.ghost .pull-out-nav .search-nav__input-container.icon-search {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHRpdGxlPkdyb3VwPC90aXRsZT48ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz48ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIGZpbGw9IiMwMDAiPjxwYXRoIGQ9Ik02LjUwMyAxMy4wMDZBNi41MDMgNi41MDMgMCAxMTYuNTAzIDBhNi41MDMgNi41MDMgMCAwMTAgMTMuMDA2em0wLTFBNS41MDMgNS41MDMgMCAxMDYuNTAzIDFhNS41MDMgNS41MDMgMCAwMDAgMTEuMDA2eiIvPjxwYXRoIGQ9Ik0xMC40MDIgMTEuMTFsNS41ODQgNS41ODMuNzA3LS43MDctNS41ODMtNS41ODR6Ii8+PC9nPjwvc3ZnPg==");
}
header.header.ghost .pull-out-nav input.search-nav__input::placeholder {
  color: #000;
}
header.header.ghost .search-nav__result a {
  color: #000;
}
header.header.ghost .logo-belmond svg:not(.logo-21c-svg):not(.logo-chg-svg):not(.logo-dav-svg):not(.logo-baf-svg) g,
header.header.ghost .logo-belmond svg:not(.logo-21c-svg):not(.logo-chg-svg):not(.logo-dav-svg):not(.logo-baf-svg) path,
header.header.ghost .logo-belmond svg:not(.logo-21c-svg):not(.logo-chg-svg):not(.logo-dav-svg):not(.logo-baf-svg) circle,
header.header.ghost .logo-belmond svg:not(.logo-21c-svg):not(.logo-chg-svg):not(.logo-dav-svg):not(.logo-baf-svg) ellipse {
  fill: #fff;
  transition: fill 0.2s;
}
header.header.ghost .logo-21c-text {
  fill: #fff;
  transition: fill 0.2s;
}
header.header.ghost .icon-search {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxNyI+PGcgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTYuNTAzIDEzLjAwNkE2LjUwMyA2LjUwMyAwIDExNi41MDMgMGE2LjUwMyA2LjUwMyAwIDAxMCAxMy4wMDZ6bTAtMUE1LjUwMyA1LjUwMyAwIDEwNi41MDMgMWE1LjUwMyA1LjUwMyAwIDAwMCAxMS4wMDZ6Ii8+PHBhdGggZD0iTTEwLjQwMiAxMS4xMWw1LjU4NCA1LjU4My43MDctLjcwNy01LjU4My01LjU4NHoiLz48L2c+PC9zdmc+");
}
header.header.ghost .icon-hamburger:before {
  filter: invert(1);
}
@media (min-width: 1201px) {
  header.header.ghost {
    color: #fff;
  }
  header.header.ghost a header:not(.mobile-menu-active),
header.header.ghost h1 header:not(.mobile-menu-active),
header.header.ghost h2 header:not(.mobile-menu-active),
header.header.ghost h3 header:not(.mobile-menu-active),
header.header.ghost h4 header:not(.mobile-menu-active),
header.header.ghost .invertable header:not(.mobile-menu-active),
header.header.ghost .invertable::after header:not(.mobile-menu-active) {
    border-color: #fff;
    color: #fff;
  }
  header.header.ghost nav .main-menu.nav-level-1 li:not(:last-child)::after,
header.header.ghost .divider-diamond::after {
    background-color: #fff;
  }
  header.header.ghost .drop-down::before,
header.header.ghost .divider-dashed::after {
    border-color: #fff;
    color: #fff;
  }
  header.header.ghost .menu-divider {
    border-color: #fff;
  }
  header.header.ghost input.search-nav__input {
    font-family: "Montserrat", sans-serif;
    margin-left: 3rem;
    color: #fff;
  }
  header.header.ghost input.search-nav__input::placeholder {
    color: #fff;
  }
}
header.header.ghost .side-view .menu-wrapper a {
  color: #000;
}
header.header.ghost select {
  background: url(/dist/icons/forms/select-arrow-thin-white.svg) no-repeat top 5px right 3px !important;
  background-size: 12px !important;
  color: #fff;
}
header.header.ghost select option {
  color: #000;
}
header.header.ghost.active select {
  background: url(/dist/icons/forms/select-arrow-thin.svg) no-repeat top 5px right 3px !important;
  background-size: 12px !important;
  color: #000;
}
header.header.ghost.active .product .first-menu .menu-belmond {
  border-left: 1px solid #000;
}
header.header.ghost.active .icon-hamburger:before {
  filter: none;
}
header.header.ghost.active .icon-search {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHRpdGxlPkdyb3VwPC90aXRsZT48ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz48ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIGZpbGw9IiMwMDAiPjxwYXRoIGQ9Ik02LjUwMyAxMy4wMDZBNi41MDMgNi41MDMgMCAxMTYuNTAzIDBhNi41MDMgNi41MDMgMCAwMTAgMTMuMDA2em0wLTFBNS41MDMgNS41MDMgMCAxMDYuNTAzIDFhNS41MDMgNS41MDMgMCAwMDAgMTEuMDA2eiIvPjxwYXRoIGQ9Ik0xMC40MDIgMTEuMTFsNS41ODQgNS41ODMuNzA3LS43MDctNS41ODMtNS41ODR6Ii8+PC9nPjwvc3ZnPg==");
}
header.header.ghost .product .first-menu .menu-belmond {
  border-left: 1px solid #fff;
}
header.header.ghost.dark-nav .main-logo a header:not(.mobile-menu-active),
header.header.ghost.dark-nav .main-logo h1 header:not(.mobile-menu-active),
header.header.ghost.dark-nav .main-logo h2 header:not(.mobile-menu-active),
header.header.ghost.dark-nav .main-logo h3 header:not(.mobile-menu-active),
header.header.ghost.dark-nav .main-logo h4 header:not(.mobile-menu-active),
header.header.ghost.dark-nav .main-logo .invertable header:not(.mobile-menu-active),
header.header.ghost.dark-nav .main-logo .invertable::after header:not(.mobile-menu-active),
header.header.ghost.dark-nav .utility-nav a header:not(.mobile-menu-active),
header.header.ghost.dark-nav .utility-nav h1 header:not(.mobile-menu-active),
header.header.ghost.dark-nav .utility-nav h2 header:not(.mobile-menu-active),
header.header.ghost.dark-nav .utility-nav h3 header:not(.mobile-menu-active),
header.header.ghost.dark-nav .utility-nav h4 header:not(.mobile-menu-active),
header.header.ghost.dark-nav .utility-nav .invertable header:not(.mobile-menu-active),
header.header.ghost.dark-nav .utility-nav .invertable::after header:not(.mobile-menu-active) {
  border-color: #000;
  color: #000;
}
header.header.ghost.dark-nav .main-logo nav .main-menu.nav-level-1 li:not(:last-child)::after,
header.header.ghost.dark-nav .main-logo .divider-diamond::after,
header.header.ghost.dark-nav .utility-nav nav .main-menu.nav-level-1 li:not(:last-child)::after,
header.header.ghost.dark-nav .utility-nav .divider-diamond::after {
  background-color: #000;
}
header.header.ghost.dark-nav .main-logo .drop-down::before,
header.header.ghost.dark-nav .main-logo .divider-dashed::after,
header.header.ghost.dark-nav .utility-nav .drop-down::before,
header.header.ghost.dark-nav .utility-nav .divider-dashed::after {
  border-color: #000;
  color: #000;
}
header.header.ghost.dark-nav .main-logo .menu-divider,
header.header.ghost.dark-nav .utility-nav .menu-divider {
  border-color: #000;
}
header.header.ghost.dark-nav .main-logo input.search-nav__input,
header.header.ghost.dark-nav .utility-nav input.search-nav__input {
  margin-left: 3rem;
  font-family: "Montserrat", sans-serif;
  color: #000;
}
header.header.ghost.dark-nav .main-logo input.search-nav__input::placeholder,
header.header.ghost.dark-nav .utility-nav input.search-nav__input::placeholder {
  color: #000;
}
header.header.ghost.dark-nav .logo-belmond svg:not(.logo-21c-svg):not(.logo-chg-svg):not(.logo-dav-svg):not(.logo-baf-svg) g,
header.header.ghost.dark-nav .logo-belmond svg:not(.logo-21c-svg):not(.logo-chg-svg):not(.logo-dav-svg):not(.logo-baf-svg) path,
header.header.ghost.dark-nav .logo-belmond svg:not(.logo-21c-svg):not(.logo-chg-svg):not(.logo-dav-svg):not(.logo-baf-svg) circle,
header.header.ghost.dark-nav .logo-belmond svg:not(.logo-21c-svg):not(.logo-chg-svg):not(.logo-dav-svg):not(.logo-baf-svg) ellipse {
  fill: #000;
}
header.header.ghost.dark-nav .logo-21c-text {
  fill: #000;
}
header.header.ghost.dark-nav .icon-search {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHRpdGxlPkdyb3VwPC90aXRsZT48ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz48ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIGZpbGw9IiMwMDAiPjxwYXRoIGQ9Ik02LjUwMyAxMy4wMDZBNi41MDMgNi41MDMgMCAxMTYuNTAzIDBhNi41MDMgNi41MDMgMCAwMTAgMTMuMDA2em0wLTFBNS41MDMgNS41MDMgMCAxMDYuNTAzIDFhNS41MDMgNS41MDMgMCAwMDAgMTEuMDA2eiIvPjxwYXRoIGQ9Ik0xMC40MDIgMTEuMTFsNS41ODQgNS41ODMuNzA3LS43MDctNS41ODMtNS41ODR6Ii8+PC9nPjwvc3ZnPg==");
}
header.header.ghost.dark-nav .icon-hamburger:before {
  filter: invert(0);
}
header.header.ghost.dark-nav a header:not(.mobile-menu-active),
header.header.ghost.dark-nav h1 header:not(.mobile-menu-active),
header.header.ghost.dark-nav h2 header:not(.mobile-menu-active),
header.header.ghost.dark-nav h3 header:not(.mobile-menu-active),
header.header.ghost.dark-nav h4 header:not(.mobile-menu-active),
header.header.ghost.dark-nav .invertable header:not(.mobile-menu-active),
header.header.ghost.dark-nav .invertable::after header:not(.mobile-menu-active) {
  border-color: #000;
  color: #000;
}
header.header.ghost.dark-nav nav .main-menu.nav-level-1 li:not(:last-child)::after,
header.header.ghost.dark-nav .divider-diamond::after {
  background-color: #000;
}
header.header.ghost.dark-nav .drop-down::before,
header.header.ghost.dark-nav .divider-dashed::after {
  border-color: #000;
  color: #000;
}
header.header.ghost.dark-nav .menu-divider {
  border-color: #000;
}
header.header.ghost.dark-nav input.search-nav__input {
  margin-left: 3rem;
  font-family: "Montserrat", sans-serif;
  color: #000;
}
header.header.ghost.dark-nav input.search-nav__input::placeholder {
  color: #000;
}
header.header.ghost.dark-nav a, header.header.ghost.dark-nav button {
  color: #000;
}
header.header.ghost.dark-nav a.is-current::after {
  background-color: #000 !important;
}
header.header.ghost.dark-nav select {
  background: url(/dist/icons/forms/select-arrow-thin.svg) no-repeat top 5px right 3px !important;
  background-size: 12px !important;
  color: #000;
}
header.header.ghost.dark-nav .product .first-menu .menu-belmond {
  border-left: 1px solid #000;
}
header.header.ghost.dark-nav.active .product .first-menu .menu-belmond {
  border-left: 1px solid #000;
}
header.header.solid .main-logo nav,
header.header.solid .utility-nav nav, header.header.active .main-logo nav,
header.header.active .utility-nav nav {
  background-color: #fff;
}
header.header.solid .main-logo a header:not(.mobile-menu-active),
header.header.solid .main-logo h1 header:not(.mobile-menu-active),
header.header.solid .main-logo h2 header:not(.mobile-menu-active),
header.header.solid .main-logo h3 header:not(.mobile-menu-active),
header.header.solid .main-logo h4 header:not(.mobile-menu-active),
header.header.solid .main-logo .invertable header:not(.mobile-menu-active),
header.header.solid .main-logo .invertable::after header:not(.mobile-menu-active),
header.header.solid .utility-nav a header:not(.mobile-menu-active),
header.header.solid .utility-nav h1 header:not(.mobile-menu-active),
header.header.solid .utility-nav h2 header:not(.mobile-menu-active),
header.header.solid .utility-nav h3 header:not(.mobile-menu-active),
header.header.solid .utility-nav h4 header:not(.mobile-menu-active),
header.header.solid .utility-nav .invertable header:not(.mobile-menu-active),
header.header.solid .utility-nav .invertable::after header:not(.mobile-menu-active), header.header.active .main-logo a header:not(.mobile-menu-active),
header.header.active .main-logo h1 header:not(.mobile-menu-active),
header.header.active .main-logo h2 header:not(.mobile-menu-active),
header.header.active .main-logo h3 header:not(.mobile-menu-active),
header.header.active .main-logo h4 header:not(.mobile-menu-active),
header.header.active .main-logo .invertable header:not(.mobile-menu-active),
header.header.active .main-logo .invertable::after header:not(.mobile-menu-active),
header.header.active .utility-nav a header:not(.mobile-menu-active),
header.header.active .utility-nav h1 header:not(.mobile-menu-active),
header.header.active .utility-nav h2 header:not(.mobile-menu-active),
header.header.active .utility-nav h3 header:not(.mobile-menu-active),
header.header.active .utility-nav h4 header:not(.mobile-menu-active),
header.header.active .utility-nav .invertable header:not(.mobile-menu-active),
header.header.active .utility-nav .invertable::after header:not(.mobile-menu-active) {
  border-color: #000;
  color: #000;
}
header.header.solid .main-logo nav .main-menu.nav-level-1 li:not(:last-child)::after,
header.header.solid .main-logo .divider-diamond::after,
header.header.solid .utility-nav nav .main-menu.nav-level-1 li:not(:last-child)::after,
header.header.solid .utility-nav .divider-diamond::after, header.header.active .main-logo nav .main-menu.nav-level-1 li:not(:last-child)::after,
header.header.active .main-logo .divider-diamond::after,
header.header.active .utility-nav nav .main-menu.nav-level-1 li:not(:last-child)::after,
header.header.active .utility-nav .divider-diamond::after {
  background-color: #000;
}
header.header.solid .main-logo .drop-down::before,
header.header.solid .main-logo .divider-dashed::after,
header.header.solid .utility-nav .drop-down::before,
header.header.solid .utility-nav .divider-dashed::after, header.header.active .main-logo .drop-down::before,
header.header.active .main-logo .divider-dashed::after,
header.header.active .utility-nav .drop-down::before,
header.header.active .utility-nav .divider-dashed::after {
  border-color: #000;
  color: #000;
}
header.header.solid .main-logo .menu-divider,
header.header.solid .utility-nav .menu-divider, header.header.active .main-logo .menu-divider,
header.header.active .utility-nav .menu-divider {
  border-color: #000;
}
header.header.solid .main-logo input.search-nav__input,
header.header.solid .utility-nav input.search-nav__input, header.header.active .main-logo input.search-nav__input,
header.header.active .utility-nav input.search-nav__input {
  margin-left: 3rem;
  font-family: "Montserrat", sans-serif;
  color: #000;
}
header.header.solid .main-logo input.search-nav__input::placeholder,
header.header.solid .utility-nav input.search-nav__input::placeholder, header.header.active .main-logo input.search-nav__input::placeholder,
header.header.active .utility-nav input.search-nav__input::placeholder {
  color: #000;
}
header.header.solid .main-logo .color-mine-shaft,
header.header.solid .utility-nav .color-mine-shaft, header.header.active .main-logo .color-mine-shaft,
header.header.active .utility-nav .color-mine-shaft {
  color: #000 !important;
}
header.header.solid .main-logo .logo-belmond:not(.velocity-animating) svg:not(.logo-21c-svg):not(.logo-chg-svg):not(.logo-dav-svg):not(.logo-baf-svg) g,
header.header.solid .main-logo .logo-belmond:not(.velocity-animating) svg:not(.logo-21c-svg):not(.logo-chg-svg):not(.logo-dav-svg):not(.logo-baf-svg) path,
header.header.solid .main-logo .logo-belmond:not(.velocity-animating) svg:not(.logo-21c-svg):not(.logo-chg-svg):not(.logo-dav-svg):not(.logo-baf-svg) circle,
header.header.solid .main-logo .logo-belmond:not(.velocity-animating) svg:not(.logo-21c-svg):not(.logo-chg-svg):not(.logo-dav-svg):not(.logo-baf-svg) ellipse,
header.header.solid .utility-nav .logo-belmond:not(.velocity-animating) svg:not(.logo-21c-svg):not(.logo-chg-svg):not(.logo-dav-svg):not(.logo-baf-svg) g,
header.header.solid .utility-nav .logo-belmond:not(.velocity-animating) svg:not(.logo-21c-svg):not(.logo-chg-svg):not(.logo-dav-svg):not(.logo-baf-svg) path,
header.header.solid .utility-nav .logo-belmond:not(.velocity-animating) svg:not(.logo-21c-svg):not(.logo-chg-svg):not(.logo-dav-svg):not(.logo-baf-svg) circle,
header.header.solid .utility-nav .logo-belmond:not(.velocity-animating) svg:not(.logo-21c-svg):not(.logo-chg-svg):not(.logo-dav-svg):not(.logo-baf-svg) ellipse, header.header.active .main-logo .logo-belmond:not(.velocity-animating) svg:not(.logo-21c-svg):not(.logo-chg-svg):not(.logo-dav-svg):not(.logo-baf-svg) g,
header.header.active .main-logo .logo-belmond:not(.velocity-animating) svg:not(.logo-21c-svg):not(.logo-chg-svg):not(.logo-dav-svg):not(.logo-baf-svg) path,
header.header.active .main-logo .logo-belmond:not(.velocity-animating) svg:not(.logo-21c-svg):not(.logo-chg-svg):not(.logo-dav-svg):not(.logo-baf-svg) circle,
header.header.active .main-logo .logo-belmond:not(.velocity-animating) svg:not(.logo-21c-svg):not(.logo-chg-svg):not(.logo-dav-svg):not(.logo-baf-svg) ellipse,
header.header.active .utility-nav .logo-belmond:not(.velocity-animating) svg:not(.logo-21c-svg):not(.logo-chg-svg):not(.logo-dav-svg):not(.logo-baf-svg) g,
header.header.active .utility-nav .logo-belmond:not(.velocity-animating) svg:not(.logo-21c-svg):not(.logo-chg-svg):not(.logo-dav-svg):not(.logo-baf-svg) path,
header.header.active .utility-nav .logo-belmond:not(.velocity-animating) svg:not(.logo-21c-svg):not(.logo-chg-svg):not(.logo-dav-svg):not(.logo-baf-svg) circle,
header.header.active .utility-nav .logo-belmond:not(.velocity-animating) svg:not(.logo-21c-svg):not(.logo-chg-svg):not(.logo-dav-svg):not(.logo-baf-svg) ellipse {
  fill: #000;
}
header.header.solid .main-logo .logo-21c-text,
header.header.solid .utility-nav .logo-21c-text, header.header.active .main-logo .logo-21c-text,
header.header.active .utility-nav .logo-21c-text {
  fill: #000;
}
header.header.solid .main-logo .icon-hamburger:before,
header.header.solid .utility-nav .icon-hamburger:before, header.header.active .main-logo .icon-hamburger:before,
header.header.active .utility-nav .icon-hamburger:before {
  filter: invert(0);
}
@media (min-width: 1201px) {
  header.header.solid nav, header.header.active nav {
    background-color: #fff;
  }
  header.header.solid a header:not(.mobile-menu-active),
header.header.solid h1 header:not(.mobile-menu-active),
header.header.solid h2 header:not(.mobile-menu-active),
header.header.solid h3 header:not(.mobile-menu-active),
header.header.solid h4 header:not(.mobile-menu-active),
header.header.solid .invertable header:not(.mobile-menu-active),
header.header.solid .invertable::after header:not(.mobile-menu-active), header.header.active a header:not(.mobile-menu-active),
header.header.active h1 header:not(.mobile-menu-active),
header.header.active h2 header:not(.mobile-menu-active),
header.header.active h3 header:not(.mobile-menu-active),
header.header.active h4 header:not(.mobile-menu-active),
header.header.active .invertable header:not(.mobile-menu-active),
header.header.active .invertable::after header:not(.mobile-menu-active) {
    border-color: #000;
    color: #000;
  }
  header.header.solid nav .main-menu.nav-level-1 li:not(:last-child)::after,
header.header.solid .divider-diamond::after, header.header.active nav .main-menu.nav-level-1 li:not(:last-child)::after,
header.header.active .divider-diamond::after {
    background-color: #000;
  }
  header.header.solid .drop-down::before,
header.header.solid .divider-dashed::after, header.header.active .drop-down::before,
header.header.active .divider-dashed::after {
    border-color: #000;
    color: #000;
  }
  header.header.solid .menu-divider, header.header.active .menu-divider {
    border-color: #000;
  }
  header.header.solid input.search-nav__input, header.header.active input.search-nav__input {
    margin-left: 3rem;
    font-family: "Montserrat", sans-serif;
    color: #000;
  }
  header.header.solid input.search-nav__input::placeholder, header.header.active input.search-nav__input::placeholder {
    color: #000;
  }
}
header.header.solid {
  background-color: #fff;
  border-bottom: 1px solid #dbd9d9;
}
header.header.solid select {
  color: #000;
}
header.header.ghost.active nav,
header.header.ghost.active .belmond-nav.visible {
  transition: color 0.5s, background-color 0.5s;
  background-color: #fff;
}
header.header.ghost.active a,
header.header.ghost.active button,
header.header.ghost.active h1,
header.header.ghost.active h2,
header.header.ghost.active h3,
header.header.ghost.active h4,
header.header.ghost.active .invertable,
header.header.ghost.active .invertable::after {
  transition: all 0.5s;
  color: #000 !important;
}
header.header.ghost.active .menu-divider {
  border-color: #000;
  transition: all 0.5s;
}
header.header.compact .title {
  font-size: 60px;
  font-size: 6rem;
}
header.header li {
  list-style: none;
}
header.header H1.main-logo.main-logo-bypass {
  top: 1rem;
}
@media (min-width: 1201px) {
  header.header H1.main-logo.main-logo-bypass {
    top: 0;
  }
}
header.header .logo-bypass {
  height: 5rem;
  vertical-align: middle;
}
@media (min-width: 601px) {
  header.header .logo-bypass {
    height: 6rem;
  }
}
@media (max-width: 600px) {
  header.header .logo-bypass.icon-logo-mqs {
    height: 4rem;
  }
}
@media (min-width: 1201px) {
  header.header .logo-bypass {
    height: 8rem;
  }
}
header.header.ghost:not(.active) .logo-bypass-black, header.header.ghost:not(.dark-nav) .logo-bypass-black {
  display: none;
}
header.header.ghost:not(.active) .logo-bypass-white, header.header.ghost:not(.dark-nav) .logo-bypass-white {
  display: inline;
}
header.header.ghost.active .logo-bypass-black, header.header.ghost.dark-nav .logo-bypass-black, header.header.solid .logo-bypass-black {
  display: inline;
}
header.header.ghost.active .logo-bypass-white, header.header.ghost.dark-nav .logo-bypass-white, header.header.solid .logo-bypass-white {
  display: none;
}
header.header + .tint.tint-header {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%);
}

.tint-header,
.header-bg {
  height: 8.3rem;
}
@media (min-width: 1202px) {
  .tint-header,
.header-bg {
    height: 17.3rem;
  }
}

/*.side-view {
	.bullet::before {
		border-color: $colour-black !important;
		color: $colour-black !important;
	}
}*/
.header-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}
.header-wrapper header.header {
  position: absolute;
}
.header-wrapper header.header + .tint-header + .header-bg {
  opacity: 0;
  background: rgba(0, 0, 0, 0.1);
  animation: fadeInHeaderBg 0.8s 0.6s forwards;
}
.header-wrapper header.header.dark-nav + .tint-header + .header-bg {
  opacity: 0;
  background: rgba(255, 255, 255, 0.2);
  animation: fadeInHeaderBg 0.8s 0.6s forwards;
}
.header-wrapper .tint.tint-header {
  position: relative;
}

.header-bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  box-sizing: border-box;
  display: inline-block;
  overflow: hidden;
  width: 100% !important;
}

@keyframes fadeInHeaderBg {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.hide-above {
  /* Good browsers */
  opacity: 0 !important;
  height: 0;
  visibility: hidden;
  width: 100%;
}

/*
** NAV **
*/
nav {
  transition: color 0.5s, background-color 0.5s;
}
@media (min-width: 1202px) {
  nav {
    position: absolute;
    width: 100%;
  }
}
nav strong,
nav b {
  font-weight: 500;
}
nav.belmond-nav, nav.product-nav {
  position: absolute;
  width: 100%;
  height: 8.3rem;
}
.compact nav {
  padding-top: 0;
}
.compact nav .modal {
  display: none !important;
}
nav ul {
  box-sizing: border-box;
  margin: 0;
  padding-left: 4rem;
  padding-right: 4rem;
}
@media (min-width: 1280px) {
  nav ul {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
nav ul a[class^=icon-],
nav ul a[class*=" icon-"],
nav ul a.light-link {
  border-bottom: 0;
}
nav ul a[class^=icon-]:hover,
nav ul a[class*=" icon-"]:hover,
nav ul a.light-link:hover {
  text-decoration: none;
}
nav .sub-menu-wrapper .bg-text-static {
  bottom: -2rem;
  color: #f6f4f0;
  line-height: 65%;
  position: absolute;
  right: -6rem;
  text-transform: uppercase;
  z-index: 1;
}
nav li {
  text-transform: uppercase;
}
nav .menu-header {
  box-sizing: border-box;
  color: #000;
  text-align: center;
  max-width: 375px;
  width: 100%;
  z-index: 200;
}
nav .menu-header .controls {
  position: fixed;
  top: 0;
  visibility: hidden;
  background: #fff;
  border-bottom: 0.1rem solid gainsboro;
  box-sizing: border-box;
  height: 8.3rem;
  left: -375px;
  max-width: 375px;
  padding: 3rem 4rem;
  text-transform: uppercase;
  width: 100%;
}
nav .menu-header a {
  color: #000;
}
nav .menu-header .overlay-text-wrapper {
  position: relative;
}
nav .menu-header .overlay-text {
  font-weight: 500;
  bottom: 0.7rem;
  color: #fff;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  height: 50%;
  display: block;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
}
nav .menu-header .overlay-text span {
  font-weight: 500;
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
}
nav .text-content li,
nav .text-content {
  text-transform: none;
}

@media (min-width: 1201px) {
  nav.belmond-nav, nav.product-nav {
    height: 17.2rem;
  }
}
nav ul.li-vertical {
  padding: 0;
}
nav ul.li-vertical li {
  display: block;
  text-align: left;
}
nav ul.li-vertical a {
  margin: 0;
  padding: 1rem 0;
}
nav ul.li-vertical .bullet::before {
  height: 0.4rem;
  width: 0.4rem;
  top: -0.1rem;
  left: 0;
  display: inline-block;
  position: relative;
}
nav .divider::after {
  border-right: 0.1rem dashed #000;
  box-sizing: border-box;
  content: " ";
  display: inline-block;
  height: 2.75rem;
  margin-top: 1.25rem;
  position: absolute;
  width: 0.1rem;
}
header.solid nav .divider::after, header.ghost.active nav .divider::after {
  border-right: 0.1rem dashed #b9b9b9;
}
nav .menu-header {
  display: none;
}
nav .sub-menu-wrapper {
  overflow: hidden;
  box-sizing: border-box;
  display: none;
  padding: 4rem 5rem 2rem;
  position: relative;
  text-align: left;
}
.solid nav .sub-menu-wrapper .divider-diamond::after, .active nav .sub-menu-wrapper .divider-diamond::after,
.solid nav .sub-menu-wrapper .divider::after,
.active nav .sub-menu-wrapper .divider::after {
  /* Good browsers */
  opacity: 1 !important;
}
nav .sub-menu-wrapper.wrapper-level-4 {
  border: 0;
  border-color: #979797;
  border-style: dashed;
  border-left-width: 0.1rem;
  padding-bottom: 0;
  padding-top: 0;
  overflow: visible;
}
nav .sub-menu-wrapper.wrapper-level-4::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;
}
nav .sub-menu-wrapper.wrapper-level-4::before {
  transform: rotate(315deg);
  bottom: 0;
  margin: auto 0;
  right: auto;
  top: 0;
}
nav .sub-menu-wrapper.wrapper-level-4::after {
  transform: rotate(45deg);
  background-color: #000;
  content: " ";
  display: inline-block;
  height: 0.5rem;
  margin-bottom: 0.125rem;
  width: 0.5rem;
}
.solid nav .sub-menu-wrapper.wrapper-level-4::after {
  /* Good browsers */
  opacity: 0.25 !important;
}
nav .sub-menu-wrapper.wrapper-level-4::before {
  left: -0.8rem;
  height: 1.5rem;
  width: 1.5rem;
}
nav .sub-menu-wrapper.wrapper-level-4::after {
  /* Good browsers */
  opacity: 1 !important;
  bottom: 0;
  height: 0.7rem;
  left: -0.6rem;
  margin: auto 0;
  position: absolute;
  right: auto;
  top: 0;
  width: 0.75rem;
}
nav .sub-menu-wrapper.tint, nav .sub-menu-wrapper.tint .sub-menu-wrapper {
  background-color: #faf9f7;
}
nav .sub-menu-wrapper.tint.wrapper-level-4::before, nav .sub-menu-wrapper.tint .sub-menu-wrapper.wrapper-level-4::before {
  background-color: #faf9f7;
  border-color: #979797;
  border-style: dashed;
  border-left-width: 0;
  border-top-width: 0;
  box-sizing: border-box;
}
nav .sub-menu-wrapper .bg-text {
  bottom: -2rem;
  color: #f6f4f0;
  line-height: 65%;
  position: absolute;
  right: -5rem;
  text-transform: uppercase;
  z-index: 1;
}
nav .sub-menu-wrapper h3,
nav .sub-menu-wrapper h4 {
  text-align: left;
}
nav .sub-menu-wrapper h3 {
  margin-bottom: 0;
  padding: 1.8rem 0;
  font-weight: 500;
  text-transform: uppercase;
  text-align: left;
}
nav .sub-menu-wrapper ul,
nav .sub-menu-wrapper .main-menu {
  border: 0;
  padding: 0;
  margin-bottom: 2rem;
  position: relative;
  z-index: 100;
}
nav .sub-menu-wrapper ul {
  margin-bottom: 0;
}
nav .sub-menu-wrapper a {
  text-transform: none;
}
nav .sub-menu-wrapper a.is-current, nav .sub-menu-wrapper a.active {
  font-weight: 500;
}
nav .sub-menu-wrapper a.is-current.bullet::before, nav .sub-menu-wrapper a.active.bullet::before {
  background-color: #000;
}
nav .sub-menu-wrapper .main-menu a {
  /* Good browsers */
  opacity: 1 !important;
}
nav .sub-menu-wrapper .main-menu a:hover.bullet::before {
  background-color: #000;
}
nav li {
  display: inline-block;
  list-style: none;
  position: relative;
}
nav li a {
  margin: 0 1.8rem;
  letter-spacing: 0.18rem;
}
@media (min-width: 1201px) {
  nav li a:not(nav.utility-nav ul li a) {
    margin: 0 1rem;
  }
}
@media (min-width: 1280px) {
  nav li a:not(nav.utility-nav ul li a) {
    margin: 0 1.3rem;
  }
}
@media (min-width: 1350px) {
  nav li a:not(nav.utility-nav ul li a) {
    margin: 0 1.8rem;
  }
}
nav li .bullet::before {
  margin-right: 2rem;
}
nav li.divider {
  padding-right: 2rem;
}
nav li.divider a {
  padding-right: 2rem;
}
nav li.divider a::before {
  left: -31% !important;
}
nav li.divider a::after {
  left: -31% !important;
}
nav li.left a {
  margin: 0;
  margin-right: 2.5rem;
}
nav li.right a {
  margin: 0;
  margin-left: 2.5rem;
}
nav li.menu-highlight a {
  border-bottom: 2px solid black;
  margin-bottom: -0.1rem;
}

nav.side-view .sub-menu-wrapper .bg-text-static {
  display: none;
}
nav.side-view .sub-menu-wrapper h3 {
  margin-bottom: 0;
  font-weight: 500;
  letter-spacing: 0.18rem;
  text-align: left;
}
nav.side-view .g.main-menu {
  display: block !important;
}
nav.side-view .subnav--destinations:last-of-type {
  margin-bottom: 3rem;
}

.area-nav {
  display: flex;
  align-items: center;
  height: 100%;
  position: absolute;
  left: 2rem;
  z-index: 3000;
  /*
  header.module-m033-pad & {
  	@include media('>=desktop') {
  		top: calc((50% - 3.5rem) - 88px);
  	}
  }
  */
}
.area-nav .search-nav {
  display: none;
}
@media (min-width: 1201px) {
  .area-nav .search-nav {
    display: block;
  }
  .area-nav .search-nav .search-nav__input-container:hover .search-nav__input {
    border-bottom-color: #000;
  }
  .area-nav .search-nav .search-nav__show-all {
    display: none;
  }
  .area-nav .search-nav .search-nav--show-results .search-nav__results {
    width: 400px;
    padding: 2.5rem 1.5rem;
    box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.16);
  }
  .area-nav .search-nav .search-nav__action {
    position: absolute;
    top: 0;
    right: 0;
  }
  .area-nav .search-nav .search-nav__clear-input {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #f6f4f0;
  }
  .area-nav .search-nav .search-nav__clear-input::before {
    width: 1rem;
    height: 1rem;
  }
  .area-nav .search-nav .search-nav__input {
    width: 70%;
  }
  .area-nav .search-nav .search-nav__input::placeholder {
    color: #000;
  }
}
@media (min-width: 768px) {
  .area-nav {
    left: 5rem;
  }
}
@media (min-width: 1201px) {
  .area-nav {
    height: auto;
    align-items: unset;
    /*top: calc(50% - 3.5rem);*/
    top: 4.8rem;
    left: 7rem;
  }
}
@media (min-width: 1201px) {
  .area-nav.no-nav-items {
    top: calc(50% - 1rem);
  }
}
.area-nav ul {
  padding: 0;
}
@media (min-width: 1201px) {
  .area-nav ul li.launch {
    display: none;
  }
}
.area-nav ul a.icon-hamburger {
  width: 3.8rem;
  padding: 1.5rem 1rem;
  position: relative;
  left: -1rem;
  font-size: 0;
  border-bottom: none;
}
@media (min-width: 1201px) {
  .area-nav ul a.icon-hamburger {
    font-size: 12px;
    font-size: 1.2rem;
    width: auto;
    padding: 0;
    left: 0;
    font-weight: 500;
    letter-spacing: 0.18rem;
    text-transform: uppercase;
  }
  .area-nav ul a.icon-hamburger::before {
    margin-right: 1rem;
  }
}

body.product-page .area-nav ul li.launch {
  display: block;
}

nav.pull-out-nav ul li {
  letter-spacing: 0.18rem;
  font-weight: 500;
  text-transform: uppercase;
  color: #000;
  font-size: 13px;
  font-size: 1.3rem;
}

nav.pull-out-nav {
  width: 100%;
  max-width: 375px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 3002;
  overflow-x: hidden;
  transform: translateX(-100%);
  display: none;
}
nav.pull-out-nav--open {
  animation: slideProductSideNavInFromLeft 0.7s forwards;
  display: flex;
  overflow-y: auto;
  min-height: 100vh;
  height: auto;
  box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.16);
}
@media (max-height: 850px) {
  BODY.with-m033 nav.pull-out-nav--open {
    min-height: 94vh;
  }
}
nav.pull-out-nav--close {
  animation: slideProductSideNavOutFromRight 0.7s forwards;
}
nav.pull-out-nav .pull-out-nav__container {
  display: flex;
  width: 100%;
  height: 100vh;
  transition: transform 1s;
}
@media (max-height: 850px) {
  BODY.with-m033 nav.pull-out-nav .pull-out-nav__container {
    height: 94vh;
  }
}
nav.pull-out-nav--show-portfolio .pull-out-nav__container {
  display: flex;
  width: 200%;
  height: initial;
  transform: translateX(-100%);
}
nav.pull-out-nav--show-portfolio .pull-out-nav__container .pull-out-nav--product-content {
  position: relative;
  top: 0;
}
nav.pull-out-nav .pull-out-nav__main {
  min-width: 100%;
}
nav.pull-out-nav .pull-out-nav__main::before {
  content: "";
  width: 100%;
  height: 8.2rem;
  background-color: #f6f4f0;
  position: absolute;
  top: 0;
  left: 0;
  border-bottom: 1px solid #dbd9d9;
}
nav.pull-out-nav ul.bel-portfolio {
  width: 100%;
  max-width: 375px;
  min-height: 8.3rem;
  display: flex;
  padding: 0;
  position: sticky;
  top: 0;
  border-bottom: 1px solid #dbd9d9;
  background-color: #fff;
  z-index: 2;
}
nav.pull-out-nav ul.bel-portfolio a {
  font-weight: 700;
}
nav.pull-out-nav ul.product-portfolio {
  position: relative;
  padding: 2.5rem 0 2.5rem 0;
}
nav.pull-out-nav ul.product-portfolio:after {
  content: "";
  width: calc(100% - 5rem);
  height: 1px;
  background-color: #dbd9d9;
  position: absolute;
  bottom: 0;
  left: 2.5rem;
}
nav.pull-out-nav ul.product-portfolio li.product-name {
  margin: 0 2.5rem;
}
nav.pull-out-nav ul.product-portfolio li.product-name h2 {
  text-transform: none;
  margin-bottom: 1rem;
  text-align: left;
}
nav.pull-out-nav ul.product-portfolio li.product-name h2 a {
  margin-left: 0;
  margin-bottom: 0;
}
@media (min-width: 1201px) {
  nav.pull-out-nav ul.product-portfolio li.product-name {
    display: none;
  }
}
nav.pull-out-nav ul.product-portfolio li a {
  width: 100%;
  margin: 0 2.5rem;
  padding: 1.25rem 0;
}
@media (min-width: 1601px) {
  nav.pull-out-nav ul.product-portfolio.sub::after {
    display: none;
  }
}
nav.pull-out-nav ul.product-portfolio.lang, nav.pull-out-nav ul.product-portfolio.media {
  display: flex;
  border-bottom: none;
}
nav.pull-out-nav ul.product-portfolio.lang::after, nav.pull-out-nav ul.product-portfolio.media::after {
  display: none;
}
@media (min-width: 1601px) {
  nav.pull-out-nav ul.product-portfolio.lang {
    display: none;
  }
}
nav.pull-out-nav ul.product-portfolio.lang li a {
  margin-left: 0;
  margin-right: 0;
}
nav.pull-out-nav ul.product-portfolio.lang li a:first-of-type {
  margin-left: 2.5rem;
}
nav.pull-out-nav ul.product-portfolio.media {
  flex-wrap: wrap;
}
@media (min-width: 1201px) {
  nav.pull-out-nav ul.product-portfolio.media {
    display: none;
  }
}
nav.pull-out-nav ul.product-portfolio.media li a {
  position: relative;
  margin-bottom: 2.5rem;
}
nav.pull-out-nav ul.product-portfolio.media li a.media-icon {
  width: 2.5rem;
  font-size: 0;
}
nav.pull-out-nav ul.product-portfolio.media li a.media-icon::before {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  background: no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
}
nav.pull-out-nav ul li {
  display: flex;
  align-items: center;
}
nav.pull-out-nav ul li.link--bel {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
nav.pull-out-nav ul li.link--bel a {
  position: relative;
  left: 2.8rem;
  margin: 0;
}
nav.pull-out-nav ul li.link--bel a::after {
  background-size: contain;
  background-repeat: no-repeat;
  width: 9.1rem;
  height: 12px;
}
nav.pull-out-nav ul li.link--portfolio {
  border-left: 1px solid #dbd9d9;
  margin-left: 1.5rem;
  padding-left: 1.5rem;
}
nav.pull-out-nav ul li.link--portfolio a {
  width: min-content;
  margin-left: 0;
  margin-right: 1.5rem;
}
@media (min-width: 350px) {
  nav.pull-out-nav ul li.link--portfolio a {
    width: max-content;
  }
}
nav.pull-out-nav ul li.link--portfolio a:after {
  display: inline-table;
  width: 0.9rem;
  height: 0.9rem;
  margin-left: 0.5rem;
  margin-bottom: 0;
}
@media (min-width: 350px) {
  nav.pull-out-nav ul li.link--portfolio a:after {
    display: flex;
  }
}
@media (min-width: 1201px) {
  nav.pull-out-nav ul li.link--portfolio {
    display: none;
  }
}
nav.pull-out-nav ul li.link--close-nav {
  margin-left: auto;
  margin-right: 2.5rem;
}
nav.pull-out-nav ul li.link--close-nav button {
  width: 3rem;
  height: 3rem;
  cursor: pointer;
  font-size: 0;
  background-color: transparent;
  border: none;
}
nav.pull-out-nav ul li.link--close-nav button::before {
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  margin: 0 auto;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
nav.pull-out-nav ul li a {
  display: flex;
  align-items: center;
  border-bottom: none;
}
@media (min-width: 1201px) {
  nav.pull-out-nav ul li a:hover {
    font-weight: 500;
  }
}
nav.pull-out-nav ul li a.selected {
  font-weight: 700 !important;
}
nav.pull-out-nav ul.product {
  background-color: #f6f4f0;
}
@media (min-width: 1201px) {
  nav.pull-out-nav ul.product {
    background-color: #fff;
  }
}
nav.pull-out-nav ul.product li.link--bel {
  width: auto;
  margin-left: 2.5rem;
}
@media (min-width: 1201px) {
  nav.pull-out-nav ul.product li.link--bel {
    width: 100%;
  }
}
nav.pull-out-nav ul.product li.link--bel a {
  height: 3rem;
  left: 0;
}
nav.pull-out-nav ul.product li.link--bel a::after {
  display: none;
}
@media (min-width: 1201px) {
  nav.pull-out-nav ul.product li.link--bel a::after {
    display: block;
  }
}
nav.pull-out-nav ul.product li.link--bel a::before {
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 6rem;
  height: 3rem;
}
@media (min-width: 1201px) {
  nav.pull-out-nav ul.product li.link--bel a::before {
    display: none;
  }
}

.pull-out-nav-veil {
  display: none;
  width: 100vw;
  height: 100vh;
  background: rgba(255, 255, 255, 0.85);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3001;
}
.pull-out-nav-veil--open {
  display: block;
  animation: fadeInProductSideNavVeilFromRight 0.7s forwards;
}
.pull-out-nav-veil--close {
  animation: fadeOutProductSideNavVeilFromLeft 0.7s forwards;
}

body div.pull-out-nav--product-content {
  display: none;
}
body div.pull-out-nav--bel-content .search-nav {
  width: 100%;
  background-color: #fff;
  border-bottom: 1px solid #dbd9d9;
  z-index: 1;
}
body div.pull-out-nav--bel-content .search-nav .search-nav__input-container {
  padding: 2.5rem;
}
body div.pull-out-nav--bel-content .search-nav .search-nav__input-container.icon-search {
  background-position: top 25px left 25px;
  background-size: 18px;
}
body div.pull-out-nav--bel-content .search-nav .search-nav__input-container .search-nav__input {
  font-family: "Montserrat", sans-serif;
  color: #000;
  margin-left: 3rem;
}
body div.pull-out-nav--bel-content .search-nav .search-nav__input-container .search-nav__input::placeholder {
  color: #000;
}
body div.pull-out-nav--bel-content .search-nav .search-nav__input-container:hover .search-nav__input {
  border-bottom-color: #000;
}
body div.pull-out-nav--bel-content .search-nav .search-nav__show-all::before {
  width: 2rem;
  height: 1.5rem;
}
body div.pull-out-nav--bel-content .search-nav .search-nav--show-results .search-nav__results {
  margin: 0;
  padding: 1.5rem 2.5rem;
  border-top: 1px solid #dbd9d9;
  background-color: #faf9f7;
}
body div.pull-out-nav--bel-content .search-nav .search-nav--show-results .search-nav__results::before {
  display: none;
}
body div.pull-out-nav--bel-content .search-nav .search-nav__results-scrollable {
  max-height: calc(48rem - 3rem);
}
body div.pull-out-nav--bel-content .search-nav .search-nav__action {
  position: absolute;
  top: 3rem;
  right: 3rem;
}
body div.pull-out-nav--bel-content .search-nav .search-nav__clear-input {
  position: absolute;
  top: 2.5rem;
  right: 2.5rem;
  padding: 0.7rem;
  background-color: #dbd9d9;
}
body div.pull-out-nav--bel-content .search-nav .search-nav__clear-input::before {
  width: 1rem;
  height: 1rem;
}
body div.pull-out-nav--bel-content .search-nav .search-nav__input {
  width: 80%;
}
body div.pull-out-nav--bel-content ul.product-portfolio:first-of-type {
  padding-top: 10rem;
}
body div.pull-out-nav--bel-content ul:last-of-type {
  padding-bottom: 10rem;
}
body nav.pull-out-nav ul li.link--portfolio {
  display: none;
}
body.product-page nav.pull-out-nav ul li.link--portfolio {
  display: flex;
}
@media (min-width: 1201px) {
  body.product-page nav.pull-out-nav ul li.link--portfolio {
    display: none;
  }
}
body.product-page div.pull-out-nav--bel-content {
  display: none;
}
@media (min-width: 1201px) {
  body.product-page div.pull-out-nav--bel-content {
    display: block;
  }
}
body.product-page div.pull-out-nav--product-content {
  display: block;
  position: absolute;
  width: 100%;
  top: 83px;
  left: 0;
  /*overflow-y: scroll;*/
}
body.product-page div.pull-out-nav--product-content ul:last-of-type {
  padding-bottom: 10rem;
}
@media (min-width: 1201px) {
  body.product-page div.pull-out-nav--product-content {
    display: none;
  }
}

@keyframes slideProductSideNavInFromLeft {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0%);
  }
}
@keyframes slideProductSideNavOutFromRight {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes fadeInProductSideNavVeilFromRight {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOutProductSideNavVeilFromLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.line--animated {
  border-bottom-color: #000;
}
.header.ghost:not(.active, .dark-nav) .line--animated {
  border-bottom-color: #fff;
}

nav.utility-nav {
  width: auto;
  position: absolute;
  right: 0;
  top: 0;
  background-color: transparent !important;
  margin-top: 5rem;
  z-index: 3000;
}
@media (max-width: 601px) {
  nav.utility-nav {
    max-width: 100px;
  }
}
.header.collapsed nav.utility-nav {
  max-width: 100px;
}
.header.collapsed nav.utility-nav .link--reserve a {
  border-width: 0.1rem;
}
@media (min-width: 1201px) {
  .header.collapsed nav.utility-nav .link--reserve a {
    white-space: nowrap;
    letter-spacing: 0.25rem;
  }
}
@media (max-width: 1200px) {
  nav.utility-nav {
    margin-top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  nav.utility-nav .link--margin {
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-top: -1rem;
  }
}
nav.utility-nav ul {
  text-align: right;
  padding-left: 2rem;
  padding-right: 2rem;
  pointer-events: auto;
}
@media (min-width: 1201px) {
  nav.utility-nav ul {
    margin-top: -0.75rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  nav.utility-nav ul li A {
    margin: 0 1rem;
  }
}
@media (min-width: 1201px) and (min-width: 1280px) {
  nav.utility-nav ul li A {
    margin: 0 1.3rem;
  }
}
@media (min-width: 1201px) and (min-width: 1350px) {
  nav.utility-nav ul li A {
    margin: 0 1.8rem;
  }
}
@media (max-width: 1200px) {
  nav.utility-nav ul li {
    font-size: 11px;
    font-size: 1.1rem;
  }
  nav.utility-nav ul li:not(:last-of-type) {
    display: none;
  }
}
nav.utility-nav ul li .icon-account span {
  display: none;
}
@media screen and (min-width: 1280px) {
  nav.utility-nav ul li .icon-account span {
    display: unset;
  }
}
nav.utility-nav ul a,
nav.utility-nav ul a span {
  text-transform: uppercase;
  font-weight: 500;
}
nav.utility-nav ul a[class^=icon-], nav.utility-nav ul a[class*=" icon-"], nav.utility-nav ul a.light-link,
nav.utility-nav ul a span[class^=icon-],
nav.utility-nav ul a span[class*=" icon-"],
nav.utility-nav ul a span.light-link {
  border-bottom: 0;
}
nav.utility-nav ul a[class^=icon-]:hover, nav.utility-nav ul a[class*=" icon-"]:hover, nav.utility-nav ul a.light-link:hover,
nav.utility-nav ul a span[class^=icon-]:hover,
nav.utility-nav ul a span[class*=" icon-"]:hover,
nav.utility-nav ul a span.light-link:hover {
  text-decoration: none;
}
nav.utility-nav ul a[class^=icon-] span, nav.utility-nav ul a[class*=" icon-"] span, nav.utility-nav ul a.light-link span,
nav.utility-nav ul a span[class^=icon-] span,
nav.utility-nav ul a span[class*=" icon-"] span,
nav.utility-nav ul a span.light-link span {
  padding-left: 1rem;
}
nav.utility-nav ul a[class^=icon-]:hover, nav.utility-nav ul a[class*=" icon-"]:hover, nav.utility-nav ul a.light-link:hover,
nav.utility-nav ul a span[class^=icon-]:hover,
nav.utility-nav ul a span[class*=" icon-"]:hover,
nav.utility-nav ul a span.light-link:hover {
  text-decoration: none;
}
nav.utility-nav ul select {
  height: 2rem;
  line-height: 2rem;
  margin: 0 0.2rem 0 0;
  padding-right: 2.4rem;
  letter-spacing: 0.18rem;
  border-bottom: none;
  background: url(/dist/icons/forms/select-arrow-thin.svg) no-repeat top 5px right 3px;
  background-size: 12px;
  position: relative;
  right: 1.5rem;
  text-transform: uppercase;
  font-weight: 500;
  cursor: pointer;
  font-size: 13px;
  font-size: 1.3rem;
}
@media (min-width: 602px) {
  nav.utility-nav ul {
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  nav.utility-nav ul {
    padding-right: 5rem;
  }
}
nav.utility-nav .link--reserve a,
nav.utility-nav .link--belmond,
nav.utility-nav .link--menu {
  font-size: 11px;
  font-size: 1.1rem;
  letter-spacing: 0.075em;
  border-width: 0.1rem;
}
@media (min-width: 1201px) {
  nav.utility-nav .link--reserve a,
nav.utility-nav .link--belmond,
nav.utility-nav .link--menu {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 1280px) {
  nav.utility-nav .link--reserve a,
nav.utility-nav .link--belmond,
nav.utility-nav .link--menu {
    letter-spacing: 0.303rem;
  }
}
nav.utility-nav .launch-booking-widget,
nav.utility-nav .link--reserve a {
  border-radius: 0;
  background-color: rgba(219, 217, 217, 0.6);
  display: inline-block;
  padding: 0.7rem 1.5rem;
  text-align: center;
  font-weight: 600;
}
nav.utility-nav .launch-booking-widget .line--animated,
nav.utility-nav .link--reserve a .line--animated {
  display: none;
}
@media (max-width: 1200px) {
  nav.utility-nav .launch-booking-widget,
nav.utility-nav .link--reserve a {
    margin-right: 0;
  }
}
@media (min-width: 601px) {
  nav.utility-nav .launch-booking-widget,
nav.utility-nav .link--reserve a {
    min-width: 104px;
  }
}
@media (min-width: 1201px) {
  .header--collapse.collapsed nav.utility-nav .launch-booking-widget,
.header--collapse.collapsed nav.utility-nav .link--reserve a {
    min-width: 100px;
    margin: 0;
  }
}
@media (min-width: 1280px) {
  nav.utility-nav .launch-booking-widget,
nav.utility-nav .link--reserve a {
    min-width: 120px;
    margin: 0 1.8rem;
  }
  .header--collapse.collapsed nav.utility-nav .launch-booking-widget,
.header--collapse.collapsed nav.utility-nav .link--reserve a {
    min-width: 120px;
    margin: 0 1.8rem;
  }
}
.ghost nav.utility-nav .launch-booking-widget,
.ghost nav.utility-nav .link--reserve a {
  background-color: rgba(219, 217, 217, 0.5);
}
nav.utility-nav .link--reserve a {
  transition: background-color 0.5s ease-out;
}
nav.utility-nav .link--reserve a:hover {
  background-color: #dbd9d9;
}
.ghost nav.utility-nav .link--reserve a:hover {
  background-color: rgba(219, 217, 217, 0.7);
}
nav.utility-nav .icon-hamburger,
nav.utility-nav .icon-account {
  font-family: Montserrat, sans-serif;
  vertical-align: baseline;
  letter-spacing: 0.12rem;
  font-size: 13px;
  font-size: 1.3rem;
}
nav.utility-nav .icon-hamburger::before,
nav.utility-nav .icon-account::before {
  font-family: "belmond";
}
nav.utility-nav .icon-hamburger::before,
nav.utility-nav .icon-cross::before {
  font-size: 10px;
  font-size: 1rem;
}
@media (max-width: 1200px) {
  nav.utility-nav .icon-hamburger::before,
nav.utility-nav .icon-cross::before {
    font-size: 9px;
    font-size: 0.9rem;
  }
}
.product-page nav.utility-nav .header--language-dd--utility-nav {
  display: none;
}
@media (min-width: 1601px) {
  .product-page nav.utility-nav .header--language-dd--utility-nav {
    display: block;
  }
}

.utility-nav.product .first-menu {
  padding-right: 0;
}
.utility-nav.product .first-menu .menu-belmond {
  margin-left: 0.4rem;
  border-left: 1px solid #000;
}
.utility-nav.product .first-menu .menu-belmond a.link--belmond {
  margin-left: 2.2rem;
}
.utility-nav.product .first-menu a {
  border-bottom: none;
}
.utility-nav.product .second-menu {
  padding-left: 0;
}
.utility-nav.product .second-menu a {
  border-bottom: none;
}
.utility-nav.product .menu-open {
  display: inline-block;
}
.utility-nav.product .menu-close {
  display: none;
}

nav.product-nav {
  position: absolute;
  width: 100%;
  z-index: 1000;
  /*.menu-wrapper {
  	margin-top: convert-to-rem(83);

  	@include media(">desktop") {
  		margin-top: convert-to-rem(120);
  	}
  }

  .icon-logo {
  	opacity: 1; // this needed for Velocity.js transitions
  }*/
  /*.product-logo-bypass {
  	height: 5rem;
  	vertical-align: middle;

  	@include media(">=tablet") {
  		height: 6rem;
  	}

  	&.icon-logo-mqs {
  		@include media("<tablet") {
  			height: 4rem;
  		}
  	}

  	@include media(">=desktop") {
  		height: 8rem;
  	}
  }*/
  /*@media screen and (max-width: $tablet-max) {
  	header.compact & {
  		padding-top: 2rem;
  	}
  }*/
}
header.mobile-menu-active nav.product-nav {
  pointer-events: none;
}

@media (max-width: 1200px) {
  header.header.collapsed .menu-wrapper {
    background-color: #fff;
  }
}
@media (min-width: 1202px) {
  header.header.collapsed .product-nav .nav-level-1 li a {
    margin: 0 1.5rem;
  }
  header.header.collapsed .product-nav .nav-level-1 li::after {
    display: none !important;
  }
}

nav .sub-menu-wrapper .main-menu .is-current::after {
  display: none;
}
nav.product-nav .main-menu.nav-level-1 li:last-child::after {
  display: none;
}
nav.belmond-nav .main-menu.nav-level-1 li:nth-last-child(1)::after {
  display: none;
}
@media screen and (max-width: 1200px) {
  nav.product-nav .main-menu {
    overflow-x: scroll;
    white-space: nowrap;
    background-color: #f6f4f0;
  }
  nav.product-nav .main-menu li {
    display: inline-block;
    list-style: none;
    position: relative;
  }
  nav.product-nav .main-menu li a {
    display: inline-block;
    margin: 0 2rem;
    padding-bottom: 1.6rem;
    padding-top: 1.6rem;
  }
  nav.product-nav .main-menu li a:hover, nav.product-nav .main-menu li a.active {
    /* Good browsers */
    opacity: 1 !important;
  }
}
@media screen and (min-width: 1201px) {
  nav.product-nav .main-menu li:not(:last-child)::after {
    transform: rotate(45deg);
    background-color: #000;
    content: " ";
    display: inline-block;
    height: 0.5rem;
    margin-bottom: 0.125rem;
    width: 0.5rem;
  }
  .solid nav.product-nav .main-menu li:not(:last-child)::after {
    /* Good browsers */
    opacity: 0.25 !important;
  }
  nav.product-nav .main-menu li:not(:last-child)::after {
    /* Good browsers */
    opacity: 0.5 !important;
  }
  .solid nav.product-nav .main-menu li:not(:last-child)::after, .active nav.product-nav .main-menu li:not(:last-child)::after {
    /* Good browsers */
    opacity: 0.25 !important;
  }
}

.main-menu {
  display: none;
}
@media (min-width: 1201px) {
  .main-menu {
    display: block;
  }
}
nav .main-menu {
  position: relative;
  width: 100%;
  text-align: center;
  /*&.nav-level-2,
  &.nav-level-3 {
  	background-color: $colour-white;
  	padding: 1.4rem 0;
  }

  &.nav-level-2,
  &.nav-level-3,
  &.nav-level-4 {
  	z-index: 100;
  }*/
}
nav .main-menu a {
  padding-bottom: 1rem;
  padding-top: 1rem;
  border-bottom: 0;
}
nav .main-menu a:hover {
  text-decoration: none;
}
nav .main-menu .is-current {
  position: relative;
}
nav .main-menu .is-current::after {
  content: "";
  width: 100%;
  height: 3px;
  bottom: -0.1rem;
  display: block;
  position: absolute;
  left: 0;
  background-color: rgba(255, 255, 255, 0.5);
}
nav .main-menu.nav-level-1.show-mobile-tablet .controls {
  padding: 2.4rem 4rem;
}
nav .main-menu.nav-level-1.show-mobile-tablet .icon-logo-belmond {
  margin-top: 0.5rem;
  font-size: 36px;
  font-size: 3.6rem;
}
@media (min-width: 601px) {
  nav .main-menu.nav-level-1.show-mobile-tablet .icon-logo-belmond {
    margin-top: -0.4rem;
  }
}
nav .main-menu a {
  display: inline-block;
  padding-bottom: 1.8rem;
  padding-top: 1.8rem;
  line-height: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.18rem !important;
  font-size: 13px;
  font-size: 1.3rem;
  transition: all 0.25s ease-in-out;
}
@media (min-width: 1201px) {
  .header--collapse.collapsed nav .main-menu a {
    letter-spacing: 0.1rem !important;
  }
}
@media (min-width: 1350px) {
  .header--collapse.collapsed nav .main-menu a {
    letter-spacing: 0.18rem !important;
  }
}
nav .main-menu a::before {
  transition: all 0.25s ease-in-out;
  background-color: transparent;
  border-color: #f5f5f5;
}
nav .main-menu a.active {
  /* Good browsers */
  opacity: 1 !important;
}
nav .main-menu a:hover:not(.selected) {
  /* Good browsers */
  opacity: 1 !important;
  text-shadow: 0px 0px 1px #000;
}
nav .main-menu a.selected {
  /* Good browsers */
  opacity: 1 !important;
}
nav .main-menu > li > a.with-child:hover::before, nav .main-menu > li > a.with-child.active::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;
}
nav .main-menu > li > a.with-child:hover::before, nav .main-menu > li > a.with-child.active::before {
  transform: rotate(45deg);
}
nav .main-menu > li > a.with-child:hover::before, nav .main-menu > li > a.with-child.active::before {
  animation: fadein 0.25s;
  top: 4.6rem;
  width: 1rem;
}
nav .main-menu > li > a.with-child:hover::after, nav .main-menu > li > a.with-child.active::after {
  transform: rotate(45deg);
  background-color: #000;
  content: " ";
  display: inline-block;
  height: 0.5rem;
  margin-bottom: 0.125rem;
  width: 0.5rem;
}
.solid nav .main-menu > li > a.with-child:hover::after, .solid nav .main-menu > li > a.with-child.active::after {
  /* Good browsers */
  opacity: 0.25 !important;
}
nav .main-menu > li > a.with-child:hover::after, nav .main-menu > li > a.with-child.active::after {
  animation: fadein 0.25s;
  /* Good browsers */
  opacity: 1 !important;
  display: inline-block;
  position: absolute;
  left: 0;
  margin: 0 auto;
  right: 0;
  top: 4.8rem;
}
.solid nav .main-menu > li > a.with-child:hover::after, .active nav .main-menu > li > a.with-child:hover::after, .solid nav .main-menu > li > a.with-child.active::after, .active nav .main-menu > li > a.with-child.active::after {
  /* Good browsers */
  opacity: 1 !important;
}
nav .main-menu.nav-level-1 {
  background-color: rgba(255, 255, 255, 0.25);
  border-top: 0.1rem solid transparent;
  border-bottom: 0.1rem solid transparent;
  position: relative;
}
@media (min-width: 601px) {
  nav .main-menu.nav-level-1 {
    margin-top: 12rem;
  }
}
.compact nav .main-menu.nav-level-1 {
  margin-top: 0;
}
.solid nav .main-menu.nav-level-1, .active nav .main-menu.nav-level-1 {
  border-color: gainsboro;
}
nav .main-menu.nav-level-1 li::after {
  transform: rotate(45deg);
  background-color: #000;
  content: " ";
  display: inline-block;
  height: 0.5rem;
  margin-bottom: 0.125rem;
  width: 0.5rem;
}
.solid nav .main-menu.nav-level-1 li::after {
  /* Good browsers */
  opacity: 0.25 !important;
}
nav .main-menu.nav-level-1 li::after {
  /* Good browsers */
  opacity: 0.5 !important;
}
.solid nav .main-menu.nav-level-1 li::after, .active nav .main-menu.nav-level-1 li::after {
  /* Good browsers */
  opacity: 0.25 !important;
}
nav .main-menu .is-current::after {
  background-color: #000;
  opacity: 0.1;
}
header.header.ghost:not(.active) nav .main-menu .is-current::after {
  background-color: #fff;
  opacity: 0.5;
}
.main-menu a.selected {
  font-weight: 700 !important;
}

header.solid:not(.active) .nav-level-1 {
  transition: color 0.5s, background-color 0.5s;
  border-color: #dbd9d9;
}
@media (min-width: 1202px) {
  header.solid:not(.active) .nav-level-1 {
    background-color: #f6f4f0;
    border-top: 0.1rem solid #dbd9d9;
    border-bottom: 0.1rem solid #dbd9d9;
  }
}
header.solid.active .nav-level-1, header.ghost.active .nav-level-1, header.ghost.collapsed .nav-level-1 {
  transition: color 0.5s, background-color 0.5s;
  background-color: #fff;
  border-color: #dbd9d9;
  border-top: 0.1rem solid transparent !important;
  border-bottom: 0.1rem solid #dbd9d9 !important;
}
@media (max-width: 1200px) {
  header.solid.active .nav-level-1, header.ghost.active .nav-level-1, header.ghost.collapsed .nav-level-1 {
    background-color: #f6f4f0;
  }
}
.belmond-nav header.solid.active .is-current::after, .belmond-nav header.ghost.active .is-current::after, .belmond-nav header.ghost.collapsed .is-current::after {
  background-color: #000;
}
@media (max-width: 1200px) {
  header.solid.active .is-current::before, header.ghost.active .is-current::before, header.ghost.collapsed .is-current::before {
    background-color: #000;
  }
  header.solid.active .is-current::after, header.ghost.active .is-current::after, header.ghost.collapsed .is-current::after {
    background-color: transparent;
  }
}
header.solid .is-current::after, header.dark-nav .is-current::after {
  background-color: #000;
}
@media (max-width: 1200px) {
  header.solid .is-current::before, header.dark-nav .is-current::before {
    background-color: #000;
  }
  header.solid .is-current::after, header.dark-nav .is-current::after {
    background-color: transparent;
  }
}
header .compact-hidden.menu-open {
  transition: width 0.5s;
}

.belmond-nav.side-view .nav-level-1 {
  background-color: #fff !important;
}

.belmond-nav .main-menu.nav-level-1 {
  z-index: 104;
}
.belmond-nav .main-menu .is-current::after {
  background-color: #000;
  opacity: 0.1;
}

.search-nav {
  position: absolute;
  z-index: 3000;
  width: 200px;
  text-align: left;
}
.search-nav .search-nav__search-label {
  position: absolute;
}
.search-nav .search-nav__search-label .search-nav__search-label-inner {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.search-nav .search-nav__input-container {
  display: flex;
  text-align: left;
}
.search-nav .search-nav__input-container::before {
  transform: rotate(0deg);
  border: none;
  display: inline-block;
  position: relative;
  top: 0.3rem;
  height: 1.6rem;
  width: 2.4rem;
  color: #000;
}
.search-nav .search-nav__input-container .search-nav__input {
  margin-left: 0.4rem;
}
.search-nav .search-nav__input-container:hover .search-nav__input {
  border-bottom: 0.1rem solid #fff;
}
.search-nav .search-nav__input {
  color: #000;
  border: none;
  background-color: transparent;
  font-weight: 500;
  border-bottom: 0.1rem solid transparent;
  text-transform: uppercase;
  padding-bottom: 0.5rem;
  width: 22rem;
  transition: border-color 0.2s ease;
  font-size: 13px;
  font-size: 1.3rem;
  letter-spacing: 0.18rem;
}
.search-nav .search-nav__input::placeholder {
  color: #979797;
}
@media (min-width: 601px) {
  .search-nav .search-nav__input {
    width: 34rem;
  }
}
.search-nav .search-nav__results {
  display: none;
  background-color: #faf9f7;
  text-align: left;
  padding: 2.8rem 1.5rem 1.5rem 2.8rem;
  overflow: hidden;
  color: #464646;
  margin-top: 1.5rem;
  position: relative;
}
@media (min-width: 601px) {
  .search-nav .search-nav__results::before {
    content: "";
    position: absolute;
    background-image: linear-gradient(rgba(255, 255, 255, 0) 0%, #faf9f7 80%);
    height: 60px;
    width: calc(100% - 4.5rem);
    top: 33rem;
  }
}
.search-nav .search-nav__result {
  margin: 1rem 0 1rem 0;
  text-transform: none;
  color: #000;
  outline: none;
  font-size: 13px;
  font-size: 1.3rem;
  letter-spacing: 0.07rem;
}
.search-nav .search-nav__result:last-child {
  margin-bottom: 0;
}
@media (min-width: 601px) {
  .search-nav .search-nav__result:focus .search-nav__result-link {
    color: #000;
    text-decoration: underline;
    font-weight: 200;
  }
}
header.header.ghost .search-nav .search-nav__result-link,
.search-nav .search-nav__result-link {
  width: 100%;
  border: 0;
  text-transform: none;
  margin: 0;
  font-size: 13px;
  font-size: 1.3rem;
  letter-spacing: 0.07rem;
}
header.header.ghost .search-nav .search-nav__result-link:hover, header.header.ghost .search-nav .search-nav__result-link:focus,
.search-nav .search-nav__result-link:hover,
.search-nav .search-nav__result-link:focus {
  color: #000;
  text-decoration: underline;
  font-weight: 200;
}
.search-nav .search-nav__result {
  border: 1px solid transparent;
}
.search-nav .search-nav__results-scrollable {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: calc(40rem - 3rem);
}
.search-nav .search-nav--show-results .search-nav__results {
  display: block;
}
.search-nav .search-nav__action {
  position: absolute;
}
.search-nav .search-nav__action:hover {
  cursor: pointer;
}
.search-nav .search-nav__clear-input {
  border-radius: 50%;
  padding: 0.7rem;
}

.only-desktop:not(nav.utility-nav .link--reserve a.line--link-animation span.only-desktop) .search-nav {
  width: 40rem;
}
.only-desktop:not(nav.utility-nav .link--reserve a.line--link-animation span.only-desktop) .search-nav__input-container::before {
  color: #fff;
}
.active .only-desktop:not(nav.utility-nav .link--reserve a.line--link-animation span.only-desktop) .search-nav__input-container::before, .dark-nav .only-desktop:not(nav.utility-nav .link--reserve a.line--link-animation span.only-desktop) .search-nav__input-container::before, .collapsed .only-desktop:not(nav.utility-nav .link--reserve a.line--link-animation span.only-desktop) .search-nav__input-container::before, .header:not(.ghost) .only-desktop:not(nav.utility-nav .link--reserve a.line--link-animation span.only-desktop) .search-nav__input-container::before {
  color: #000;
}
.only-desktop:not(nav.utility-nav .link--reserve a.line--link-animation span.only-desktop) .search-nav__input {
  color: #fff;
  width: 14rem;
}
.only-desktop:not(nav.utility-nav .link--reserve a.line--link-animation span.only-desktop) .search-nav__input::placeholder {
  color: #fff;
}
.active .only-desktop:not(nav.utility-nav .link--reserve a.line--link-animation span.only-desktop) .search-nav__input, .dark-nav .only-desktop:not(nav.utility-nav .link--reserve a.line--link-animation span.only-desktop) .search-nav__input, .collapsed .only-desktop:not(nav.utility-nav .link--reserve a.line--link-animation span.only-desktop) .search-nav__input, .header:not(.ghost) .only-desktop:not(nav.utility-nav .link--reserve a.line--link-animation span.only-desktop) .search-nav__input {
  color: #000;
}
.active .only-desktop:not(nav.utility-nav .link--reserve a.line--link-animation span.only-desktop) .search-nav__input::placeholder, .dark-nav .only-desktop:not(nav.utility-nav .link--reserve a.line--link-animation span.only-desktop) .search-nav__input::placeholder, .collapsed .only-desktop:not(nav.utility-nav .link--reserve a.line--link-animation span.only-desktop) .search-nav__input::placeholder, .header:not(.ghost) .only-desktop:not(nav.utility-nav .link--reserve a.line--link-animation span.only-desktop) .search-nav__input::placeholder {
  color: #000;
}
.only-desktop:not(nav.utility-nav .link--reserve a.line--link-animation span.only-desktop) .search-nav--show-results .search-nav__input,
.only-desktop:not(nav.utility-nav .link--reserve a.line--link-animation span.only-desktop) .search-nav__input:focus {
  border-bottom: 0.1rem solid #fff;
}
.active .only-desktop:not(nav.utility-nav .link--reserve a.line--link-animation span.only-desktop) .search-nav--show-results .search-nav__input, .dark-nav .only-desktop:not(nav.utility-nav .link--reserve a.line--link-animation span.only-desktop) .search-nav--show-results .search-nav__input, .collapsed .only-desktop:not(nav.utility-nav .link--reserve a.line--link-animation span.only-desktop) .search-nav--show-results .search-nav__input, .header:not(.ghost) .only-desktop:not(nav.utility-nav .link--reserve a.line--link-animation span.only-desktop) .search-nav--show-results .search-nav__input,
.active .only-desktop:not(nav.utility-nav .link--reserve a.line--link-animation span.only-desktop) .search-nav__input:focus,
.dark-nav .only-desktop:not(nav.utility-nav .link--reserve a.line--link-animation span.only-desktop) .search-nav__input:focus,
.collapsed .only-desktop:not(nav.utility-nav .link--reserve a.line--link-animation span.only-desktop) .search-nav__input:focus,
.header:not(.ghost) .only-desktop:not(nav.utility-nav .link--reserve a.line--link-animation span.only-desktop) .search-nav__input:focus {
  border-bottom-color: #000;
}
.only-desktop:not(nav.utility-nav .link--reserve a.line--link-animation span.only-desktop) .search-nav__results {
  box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.16);
}
.only-desktop:not(nav.utility-nav .link--reserve a.line--link-animation span.only-desktop) .search-nav__action {
  left: 17rem;
  top: 0;
}
.only-desktop:not(nav.utility-nav .link--reserve a.line--link-animation span.only-desktop) .search-nav__action::before {
  font-size: 8px !important;
  font-size: 0.8rem !important;
  display: block;
  width: 0.8rem;
  height: 0.8rem;
}
.only-desktop:not(nav.utility-nav .link--reserve a.line--link-animation span.only-desktop) .search-nav__action span {
  display: none;
}
.only-desktop:not(nav.utility-nav .link--reserve a.line--link-animation span.only-desktop) .search-nav__clear-input {
  background-color: rgba(0, 0, 0, 0.2);
}
.only-desktop:not(nav.utility-nav .link--reserve a.line--link-animation span.only-desktop) .search-nav__show-all {
  display: none;
}
.header.collapsed .only-desktop:not(nav.utility-nav .link--reserve a.line--link-animation span.only-desktop) {
  display: none;
}

nav.belmond-nav .search-nav-container {
  padding: 0;
}
nav.belmond-nav .search-nav {
  position: absolute;
  top: 8.3rem;
  width: 100%;
  z-index: 102;
  display: none;
}
.mobile-menu-active nav.belmond-nav .search-nav {
  display: block;
}
nav.belmond-nav .search-nav .search-nav__input-container {
  background-color: #f6f4f0;
  border-bottom: 0.1rem solid #dbd9d9;
  padding: 2.7rem 4.5rem;
  width: 100%;
}
nav.belmond-nav .search-nav .search-nav__input-container::before {
  display: block;
  position: absolute;
  top: 3rem;
  filter: invert(0);
}
nav.belmond-nav .search-nav .search-nav__input {
  margin-left: 4rem;
}
nav.belmond-nav .search-nav .search-nav__results {
  display: none;
  border-top: 1px solid #fff;
  height: calc(100vh - 16.2rem);
  text-align: left;
  padding: 3.5rem 4.5rem 4.5rem 4.5rem;
  overflow: hidden;
  color: #464646;
  margin-top: 0;
}
nav.belmond-nav .search-nav .search-nav__results::before {
  top: calc(100vh - 26.8rem);
}
nav.belmond-nav .search-nav .search-nav__results-scrollable {
  position: relative;
  overflow: auto;
  height: calc(100vh - 24.5rem);
  max-height: inherit;
}
nav.belmond-nav .search-nav .search-nav--show-results .search-nav__results {
  display: block;
}
nav.belmond-nav .search-nav .search-nav__action {
  right: 3.5rem;
  top: 2.9rem;
}
nav.belmond-nav .search-nav .search-nav__action:hover {
  cursor: pointer;
}
nav.belmond-nav .search-nav .search-nav__action::before {
  font-size: 10px;
  font-size: 1rem;
  display: block;
  width: 1rem;
  height: 1rem;
  color: #000;
}
nav.belmond-nav .search-nav .search-nav__action span {
  display: none;
}
nav.belmond-nav .search-nav .search-nav__clear-input {
  background-color: #EAE6DE;
}
nav.belmond-nav .search-nav .search-nav__show-all {
  right: 4rem;
  top: 3rem;
}
nav.belmond-nav .search-nav .search-nav__show-all::before {
  font-size: 15px !important;
  font-size: 1.5rem !important;
  display: block;
  width: 2rem;
  height: 1.5rem;
}

.header nav.belmond-nav.side-view .search-nav .search-nav__input-container:hover .search-nav__input {
  border-bottom: 0.1rem solid transparent;
}
.header nav.belmond-nav.side-view .search-nav__input {
  padding-bottom: 0;
}
@media (min-width: 601px) {
  .header nav.belmond-nav.side-view .search-nav__input {
    width: 90%;
  }
}
.header.ghost .search-nav .search-nav__input-container:hover .search-nav__input {
  border-bottom: 0.1rem solid #fff;
}
.header.ghost.dark-nav .search-nav .search-nav__input-container:hover .search-nav__input {
  border-bottom: 0.1rem solid #000;
}
.header.active .search-nav .search-nav__input-container:hover .search-nav__input {
  border-bottom: 0.1rem solid #000;
}

.module.m046-hero {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  height: 42.5rem;
  overflow: hidden;
  position: relative;
  text-align: center;
  z-index: 50;
}
@media screen and (min-width: 601px) {
  .module.m046-hero {
    height: 55rem;
  }
}
@media screen and (min-width: 1201px) {
  .module.m046-hero {
    height: 63.6rem;
  }
}
.module.m046-hero.full-height {
  height: 51rem;
}
@media screen and (min-width: 601px) {
  .module.m046-hero.full-height {
    height: 71rem;
  }
}
@media screen and (min-width: 1201px) and (min-height: 800px) {
  .module.m046-hero.full-height {
    height: 100rem;
  }
}
.module.m046-hero a {
  border-color: #fff;
  color: #fff;
  color: #fff;
}
.module.m046-hero .tint {
  /* Good browsers */
  opacity: 0.5 !important;
  height: 75%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
}
.module.m046-hero .centred {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  padding-left: 2rem;
  padding-right: 2rem;
  z-index: 51;
}
.module.m046-hero.dark-theme .pre-title,
.module.m046-hero.dark-theme .title {
  color: #000;
}
.module.m046-hero.dark-theme .pre-title:before, .module.m046-hero.dark-theme .pre-title:after,
.module.m046-hero.dark-theme .title:before,
.module.m046-hero.dark-theme .title:after {
  border-top-color: #000;
}
.module.m046-hero.dark-theme .btn {
  color: #000;
  border: 1px solid #000;
}
.module.m046-hero span.bg-img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.module.m046-hero.with-m042-module {
  /*height: 78rem;
  padding-top: 4.2rem;

  @include media('>=tablet') {
  	height: 81rem;
  }

  @include media('>=desktop') {
  	padding-top: 0;
  	height: 100rem;
  }

  .inner {
  	display: flex;
  	justify-content: center;
  	align-items: center;
  	opacity: 1 !important; // keep title and bw visible

  	@include media('>=desktop') {
  		-webkit-box-align: start;
  		-ms-flex-align: start;
  		align-items: flex-start;
  		padding-top: 27.5rem;
  	}

  	.centred {
  		width: 100%;
  		position: relative;
  		top: -3rem;

  		@include media('>=desktop') {
  			top: 0;
  			max-width: 92.8rem;
  		}

  		.l-container {
  			width: 100%;
  			padding-top: 0;
  		}
  	}
  }*/
  position: unset;
}
.module.m046-hero + section.pull-up.css-controlled {
  margin-top: -12.5rem;
}
@media (min-width: 601px) {
  .module.m046-hero + section.pull-up.css-controlled {
    margin-top: -15.5rem;
  }
}
@media (min-width: 601px) {
  .module.m046-hero + section.pull-up.css-controlled {
    margin-top: -15.5rem;
  }
}
@media (min-width: 1201px) {
  .module.m046-hero + section.pull-up.css-controlled {
    margin-top: -32.5rem;
  }
}
.module.m046-hero .pre-title {
  display: block;
}
body.my-account .module.m046-hero .title {
  margin: 0;
}
.module.m046-hero .post-title {
  display: block;
}
.module.m046-hero .line--animated {
  border-bottom-color: #fff;
}
.module.m046-hero .inner {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 99;
}

DIV.m046-video-container {
  position: absolute;
  z-index: -1;
  width: 200%;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.m046-hero DIV.m046-video-container {
  z-index: 95;
}

.m046a-hero .m046a-hero-intro {
  max-width: 40rem;
  color: #fff;
  z-index: 2;
}
.m046a-hero .m046a-hero-intro .btn {
  color: #fff;
  border-color: #fff;
}
.m046a-hero .m046a-hero-intro .btn:hover {
  opacity: 0.75;
}
.m046a-hero .m046a-hero-intro .btn:focus {
  outline: 1px dashed #fff !important;
  border: 1px solid transparent;
}
.m046a-hero .m046a-hero-intro .m046a-hero-intro-title {
  z-index: 5;
  opacity: 1;
}
@media (min-width: 601px) {
  .m046a-hero .m046a-hero-intro {
    max-width: 60rem;
  }
  .m046a-hero .m046a-hero-intro .btn {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
    margin-bottom: 0;
  }
}
.m046a-hero .m046a-hero-player iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  max-height: 100vh;
  max-width: 100vw;
}
@media (min-width: 1202px) {
  .m046a-hero .m046a-hero-bg {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: calc(100vh * 2.4);
    left: calc(50vw - 50vh * 2.4);
  }
  .m046a-hero .m046a-hero-bg iframe {
    height: 100vh;
    display: none;
  }
}
.m046a-hero .m046a-hero-bg-16x9 {
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  overflow: hidden;
  padding: 0;
  position: absolute;
}
.m046a-hero .m046a-hero-bg-16x9 iframe {
  box-sizing: border-box;
  height: 56.25vw;
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  width: 177.77777778vh;
}
.m046a-hero .m046a-hero-screen {
  width: 100vw;
  height: 100vh;
  position: relative;
  background-size: cover;
  background-position: center center;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}
.m046a-hero .m046a-hero-screen .m046a-hero-intro {
  position: relative;
}
@media screen and (max-height: 601px) {
  .m046a-hero .m046a-hero-screen .m046a-hero-intro {
    top: -5rem;
  }
}
@media screen and (max-height: 465px) {
  .m046a-hero .m046a-hero-screen .m046a-hero-intro {
    top: 0;
  }
}
@media screen and (min-height: 465px) and (min-width: 1201px) {
  .m046a-hero .m046a-hero-screen .m046a-hero-intro {
    top: 0;
  }
}
.m046a-hero .m046a-hero-screen .scroll-arrow-container {
  position: absolute;
  bottom: 12.2rem;
  width: 100%;
  left: 0;
}
.m046a-hero .m046a-hero-screen .scroll-arrow-container A.icon-arrow-triangle-down {
  width: 4rem;
  height: 4rem;
  padding: 1.2rem 0.9rem 0.9rem 0.9rem;
  border-radius: 50%;
  border: 0.1rem solid #fff;
  text-decoration: none;
}
@media screen and (max-height: 465px) {
  .m046a-hero .m046a-hero-screen .scroll-arrow-container {
    display: none;
  }
}
@media screen and (min-width: 601px) {
  .m046a-hero .m046a-hero-screen .scroll-arrow-container {
    bottom: 26.2rem;
  }
}
@media screen and (min-width: 1024px) {
  .m046a-hero .m046a-hero-screen .scroll-arrow-container {
    bottom: 10.2rem;
  }
}
@media screen and (min-width: 601px) and (max-height: 415px) {
  .m046a-hero .m046a-hero-screen.m046a-hero-screen--with-cta .scroll-arrow-container {
    display: none;
  }
}
@media screen and (min-width: 601px) and (max-height: 800px) {
  .m046a-hero .m046a-hero-screen.m046a-hero-screen--with-cta .m046a-hero-intro {
    top: -10rem;
  }
}
@media screen and (min-width: 601px) and (max-height: 500px) {
  .m046a-hero .m046a-hero-screen.m046a-hero-screen--with-cta .m046a-hero-intro {
    top: 0;
  }
}
@media screen and (min-width: 1201px) {
  .m046a-hero .m046a-hero-screen.m046a-hero-screen--with-cta .m046a-hero-intro {
    top: 0;
  }
}
.m046a-hero .m046a-hero-screen.dark-theme .m046a-hero-intro .m046a-hero-intro-title {
  color: #000;
}
.m046a-hero .m046a-hero-screen.dark-theme .m046a-hero-intro A.btn {
  color: #000;
  border: 1px solid #000;
}
.m046a-hero .m046a-hero-screen.dark-theme .scroll-arrow-container A.icon-arrow-triangle-down {
  border: 0.1rem solid #000;
  color: #000;
}
.m046a-hero span.bg-img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

BODY.m046a-hero .hp-arrow {
  display: none;
}

:focus, SELECT:focus-visible {
  outline: 2px dotted #000 !important;
}

.wcag--retab:focus, .wcag--retab:active {
  outline: 2px dotted #000 !important;
}

.wcag--hidden-info {
  display: none;
}

.wcag--hidden-off-screen {
  position: absolute !important;
  left: -9999999px !important;
  text-align: left;
  top: 0;
}
.wcag--hidden-off-screen.wcag--skip-link-focussed {
  width: 100%;
  padding: 1.8rem 1.5rem;
  position: fixed !important;
  top: 0;
  left: 0 !important;
  background-color: #fff;
  box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.2);
  z-index: 9999;
}

.wcag--hidden-off-screen-calendar-label {
  position: absolute;
  left: -10000px !important;
}

.wcag--aria-panel {
  display: none;
}

MAIN.main:focus {
  outline: none !important;
}

.form :active, .form-modal :active, .form-jqv :active {
  outline: none !important;
}
.form :active > :focus, .form-modal :active > :focus, .form-jqv :active > :focus {
  outline: 2px dotted #000 !important;
}

.form-group.wcag--hcm:after {
  width: 14px;
  height: 14px;
  position: absolute;
  top: 0.7rem;
  right: 0.3rem;
  font-size: 1.5rem;
  content: "▼";
  z-index: -1;
  color: #fff;
}

.widget-grid-cell.wcag--hcm .form-group:after {
  width: 14px;
  height: 14px;
  position: absolute;
  top: 0.7rem;
  right: 0.3rem;
  font-size: 1.5rem;
  content: "▼";
  z-index: -1;
  color: #fff;
}

@media (-ms-high-contrast) {
  :focus {
    outline: 2px solid #d0011b !important;
  }

  .wcag--retab:focus, .wcag--retab:active {
    outline: 2px solid #d0011b !important;
  }

  .form :active, .form-modal :active {
    outline: none !important;
  }
  .form :active > :focus, .form-modal :active > :focus {
    outline: 2px solid #d0011b !important;
  }
  .form input[type=checkbox]:focus + label::before, .form-modal input[type=checkbox]:focus + label::before {
    width: 20px;
    height: 20px;
    outline: 2px solid #d0011b !important;
    position: relative;
    top: -4px;
    left: -4px;
  }

  .form .help-block, .form-modal .help-block {
    font-weight: bold;
  }

  .module.booking-widget .booking-step-icon::after, .module.booking-widget .booking-step-icon::before {
    background: transparent;
    border-bottom: 1px solid yellow;
  }

  .module.booking-widget .location__thumbnail.selected {
    border: 5px solid #d0011b;
  }

  .module.booking-widget .sublocation.selected {
    border: 5px solid #d0011b;
  }

  .date-range-selector .vdp-datepicker__calendar .cell.selected {
    border-top: 4px solid #d0011b;
    border-bottom: 4px solid #d0011b;
    border-left: 4px solid #d0011b;
    line-height: 3.2rem;
    font-weight: bold;
    font-size: 20px;
  }
  .date-range-selector .vdp-datepicker__calendar .cell.selected.highlighted {
    border-left: none;
    border-right: 4px solid #d0011b;
  }
  .date-range-selector .vdp-datepicker__calendar .cell.day {
    border-top: 4px solid #d0011b;
    border-bottom: 4px solid #d0011b;
    border-left: 4px solid #d0011b;
    line-height: 3.2rem;
    font-weight: bold;
    font-size: 20px;
  }
  .date-range-selector .vdp-datepicker__calendar .cell.day.highlighted {
    border-left: none;
    border-right: 4px solid #d0011b;
  }
  .date-range-selector .vdp-datepicker__calendar .cell.today {
    font-weight: bold;
    font-size: 20px;
  }
  .date-range-selector .vdp-datepicker__calendar .cell.highlighted {
    border-bottom: 4px solid #d0011b;
    font-weight: bold;
  }
  .date-range-selector .vdp-datepicker__calendar .cell.day-header.day-weekend {
    font-weight: bold;
  }

  .booking-flow .booking-flow__row img, .booking-message-alert img, .g img {
    border: 1px solid #fff;
    background: #fff;
  }

  DIV.wcag--calendar TABLE.calendar TD.btn.prev.month {
    background-image: none;
  }

  DIV.wcag--calendar TABLE.calendar TD.btn SPAN {
    display: block;
  }

  DIV.wcag--calendar TABLE.calendar TD.day {
    font-weight: bold;
  }

  DIV.wcag--calendar TABLE.calendar TD.day.disabled {
    font-weight: 200;
  }

  .module.m001-story-telling-a .controls .nav-dot,
.module.m002-story-telling-b .controls .nav-dot {
    cursor: pointer;
  }
  .module.m001-story-telling-a .controls .nav-dot.active,
.module.m002-story-telling-b .controls .nav-dot.active {
    border: 4px solid;
  }

  .slick-dots li.slick-active {
    border-bottom: 4px solid;
  }

  .flatpickr-day.selected {
    border: 4px solid;
    line-height: 3.4rem;
  }

  .module-m025 svg {
    fill: yellow;
  }

  .module-m028 button {
    background: #fff;
  }
  .module-m028 .expand-contract::before, .module-m028 .expand-contract::after {
    background: transparent;
    border: none;
    border-bottom: 1px solid;
  }

  .module-m033 svg {
    fill: yellow;
  }

  .module.m042-2-module svg {
    fill: yellow;
  }

  .module.m044-activities-events-packages-b .slider-list-preview .slider-list-content {
    display: block !important;
  }
}
@media (-ms-high-contrast: white-on-black) {
  .module.booking-widget .booking-step-icon::after, .module.booking-widget .booking-step-icon::before {
    background: transparent;
    border-bottom: 1px solid #fff;
  }

  .module.booking-widget .location__thumbnail.selected {
    border: 5px solid #fff;
  }

  .module.booking-widget .sublocation.selected {
    border: 5px solid #fff;
  }

  .module.m025-useful-links svg {
    fill: #fff;
  }

  .module-m033 svg {
    fill: #fff;
  }

  .module.m042-2-module svg {
    fill: #fff;
  }
}
@media (-ms-high-contrast: black-on-white) {
  .module.booking-widget .booking-step-icon::after, .module.booking-widget .booking-step-icon::before {
    background: transparent;
    border-bottom: 1px solid #000;
  }

  .module.booking-widget .location__thumbnail.selected {
    border: 5px solid #000;
  }

  .module.booking-widget .sublocation.selected {
    border: 5px solid #000;
  }

  .module.m025-useful-links svg {
    fill: #000;
  }

  .module-m033 svg {
    fill: #000;
  }

  .module.m012-m014-m039-cross-sell svg {
    background: #000;
  }

  .module.m042-2-module svg {
    fill: #000;
  }
}
A[id=wcag--main-content] {
  position: relative;
  height: 0;
  margin: 0;
  padding: 0;
  display: inline;
}
A.wcag--apply-hcm > SPAN {
  font-weight: 700;
}

BODY.wcag--hcm-page :focus {
  outline: 2px solid #d0011b !important;
}
BODY.wcag--hcm-page SECTION.m038c-video .video-modal-btn-veil {
  background: rgba(0, 0, 0, 0.8);
  opacity: 1;
}
BODY.wcag--hcm-page SECTION.m042-product-child-header .tint {
  background: rgba(0, 0, 0, 0.8);
}
BODY.wcag--hcm-page SECTION.m042-product-child-header .cta:focus {
  outline: 2px dashed #fff !important;
}
BODY.wcag--hcm-page SECTION.m042-2-module:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  z-index: 0;
}
BODY.wcag--hcm-page SECTION.m042-2-module .l-container {
  z-index: 1;
}
BODY.wcag--hcm-page SECTION.m046a-hero-screen .m046a-hero-bg-16x9 {
  background: rgba(0, 0, 0, 0.8);
}
BODY.wcag--hcm-page SECTION.m046a-hero-screen .m046a-hero-bg-16x9 IFRAME {
  display: none;
}
BODY.wcag--hcm-page SECTION.m046a-hero-screen SPAN.bg-img:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
}
BODY.wcag--hcm-page SECTION.m046a-hero-screen .scroll-arrow-container A.icon-arrow-triangle-down {
  border: 2px solid #fff;
}
BODY.wcag--hcm-page SECTION.m046a-hero-screen .scroll-arrow-container A.icon-arrow-triangle-down:before {
  position: relative;
  top: -0.1rem;
}
BODY.wcag--hcm-page SECTION.m046a-hero-screen .btn {
  transition: none;
}
BODY.wcag--hcm-page SECTION.m046a-hero-screen .btn:focus {
  outline: 2px dashed #fff !important;
}
BODY.iOSZoom input:focus, BODY.iOSZoom input:active, BODY.iOSZoom select:focus, BODY.iOSZoom select:active, BODY.iOSZoom textarea:focus, BODY.iOSZoom textarea:active {
  font-size: 1.6rem;
}
BODY.iOSZoom .module-m033 {
  text-size-adjust: none;
}

BUTTON.unbtn {
  font-size: 13px;
  font-size: 1.3rem;
  border: 0;
  background-color: transparent;
  padding: 0 0 0.1rem 0;
  border-bottom: 0.1rem solid #000;
  line-height: 1;
  text-decoration: none;
  font-weight: normal;
  cursor: pointer;
}

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