<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*========================================================*/
/* FONTS */
/*========================================================*/
@font-face {
    font-family: 'Manrope';
    src: url('../fonts/Manrope-Light.eot');
    src: url('../fonts/Manrope-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Manrope-Light.woff') format('woff'),
    url('../fonts/Manrope-Light.ttf') format('truetype'),
    url('../fonts/Manrope-Light.svg#Manrope-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Manrope';
    src: url('../fonts/Manrope-Regular.eot');
    src: url('../fonts/Manrope-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Manrope-Regular.woff') format('woff'),
    url('../fonts/Manrope-Regular.ttf') format('truetype'),
    url('../fonts/Manrope-Regular.svg#Manrope-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Manrope';
    src: url('../fonts/Manrope-Medium.eot');
    src: url('../fonts/Manrope-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Manrope-Medium.woff') format('woff'),
    url('../fonts/Manrope-Medium.ttf') format('truetype'),
    url('../fonts/Manrope-Medium.svg#Manrope-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair';
    src: url('../fonts/PlayfairDisplay-Regular.eot');
    src: url('../fonts/PlayfairDisplay-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/PlayfairDisplay-Regular.woff') format('woff'),
    url('../fonts/PlayfairDisplay-Regular.ttf') format('truetype'),
    url('../fonts/PlayfairDisplay-Regular.svg#PlayfairDisplay-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/*========================================================*/
/* RESET  */
/*========================================================*/
::selection {
    background: #33348e;
    color: #fff;
}
html {
    font-size: 62.5%;
    line-height: 1.5;
}
body {
    font-family: Manrope, sans-serif;
    font-size: 1.7rem;
    font-weight: 400;
    color: #000;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6 {
    font-family: Playfair, serif;
    font-weight: 400;
    color: #33348e;
}
.post, .page {
    margin: 0;
}
a {
    color: #33348e;
    text-decoration: none;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease;
}
a:hover,
a:visited,
a:focus {
    color: #33348e;
    text-decoration: none;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease;
}
*:focus {
    outline: none !important;
}
p {
    margin: 0;
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
span {
    font-family: "Manrope", sans-serif;
}
img {
    vertical-align: bottom
}

/*========================================================*/
/* LAYOUT */
/*========================================================*/
#page {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
}
.clear-fix {
    clear: both;
}
/*========================================================*/
/* STYLE GUIDE */
/*========================================================*/
body.page-template-style-guide header,
body.page-template-style-guide footer {
    display: none;
}
.style_guide_wrapper {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    padding: 20px;
}

/*========================================================*/
/* ELEMENTS */
/*========================================================*/

/*Flex*/
.flex-row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.flex-column {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
}
.right {
    float: right;
}
/*Elements*/
.primary-font {
    font-family: Playfair, serif;
}
.secondary-font {
    font-family: Manrope, sans-serif;
}
.brand-color {
    color: #33348e;
}
.highlight-color {
    color: #fa9e5f;
}
.super-title {
    font-weight: 400;
    letter-spacing: 0.35rem;
    text-transform: uppercase;
    color: #fa9e5f;
}
.text-center {
    text-align: center;
}
.logo,
.logo svg {
    display: inline-block;
    width: 180px;
    height: 69px;
}
.logo svg .st0 {fill:#33348E;}
.logo svg .st0 {fill:#33348E;}

.curate-icon,
.curate-icon svg {
    display: block;
    width: 103px;
    height: 116px;
}
.curate-icon svg .st0{fill:#010101;}
.curate-icon svg .st1{fill:#F89E60;}

.arrow-btn,
.arrow-btn svg {
    display: block;
    width: 45px;
    height: 50px;
    margin-right: 30px;
}
.arrow-btn svg .st0{fill:#33348E;}

.orange-bullet li {
    display: inline-block;
}
.orange-bullet li:not(:last-child):after {
    content: '';
    display: inline-block;
    margin: 0 15px;
    width: 5px;
    height: 5px;
    background-color: #fa9e5f;
    position: relative;
    bottom: 3px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.pagination-numbers li {
    display: inline-block;
    margin: 0 10px;
}
.pagination-numbers li a {
    color: #000;
    position: relative;
}
.pagination-numbers li a:hover,
.pagination-numbers li.active a {
    color: #33348e;
}
.pagination-numbers li.active a:after {
    content: '';
    width: 35px;
    height: 35px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 2px solid #fa9e5f;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

/*========================================================*/
/* Animated SVG Buttons  */
/*========================================================*/

/*arrow circle*/
.arrow-btn-animated,
.arrow-btn-animated svg {
    display: block;
    width: 45px;
    height: 50px;
    margin-right: 30px;
}
.arrow-btn-animated svg .st0{fill:#33348E;}
.arrow-btn-animated svg .st1{fill:none;stroke:#33348E;stroke-width:2.5;}

.animate-svg-btn .arrow-btn-animated  svg .st1 {
    stroke-dasharray: 620;
    stroke-dashoffset: 500;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.animate-svg-btn:hover .arrow-btn-animated  svg .st1 {
    stroke-dashoffset: 470;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    stroke: #fa9e5f;
}

/*curated*/
.curate-icon-animated,
.curate-icon-animated svg {
    display: block;
    width: 95px;
    height: 95px;
}
.curate-icon-animated.curate-large,
.curate-icon-animated.curate-large svg {
    display: block;
    width: 135px;
    height: 135px;
}
.curate-icon-animated svg .st0{fill:#010101;}
.curate-icon-animated svg .st1{fill:none;stroke:#F89E60;stroke-width:3;stroke-miterlimit:10;}

.animate-svg-btn .curate-icon-animated svg .st1 {
    stroke-dasharray: 775;
    stroke-dashoffset: 490;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.animate-svg-btn:hover .curate-icon-animated svg .st1 {
    stroke-dashoffset: 410;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    stroke: #fa9e5f;
}
.animate-svg-btn:hover .curate-icon-animated .animate-svg-circle {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.animate-svg-circle {
    transform-origin: center center;
    -webkit-transform: rotate(35deg);
    -moz-transform: rotate(35deg);
    -o-transform: rotate(35deg);
    transform: rotate(35deg);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.animate-svg-btn:hover .animate-svg-circle {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

/*========================================================*/
/* Animations  */
/*========================================================*/
.fade-up {
    opacity: 0;
    visibility: hidden;
    position: relative;
    top: 30px;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
}
.fade-up.active {
    opacity: 1;
    visibility: visible;
    position: relative;
    top: 0;
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -o-transition: all 2s ease;
    transition: all 2s ease;
}

.choose-your-trip ul.orange-bullet li {
    position: relative;
}
.choose-your-trip ul.orange-bullet li:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 50px;
    background: #fff;
    position: absolute;
    z-index: 9;
    -webkit-transition: height .3s ease;
    -moz-transition: height .3s ease;
    -o-transition: height .3s ease;
    transition: height .3s ease;
}

.fade-up.active.choose-your-trip ul.orange-bullet li:before {
    height: 0;
    -webkit-transition: height 1.5s ease;
    -moz-transition: height 1.5s ease;
    -o-transition: height 1.5s ease;
    transition: height 1.5s ease;
}</pre></body></html>