/* Minification failed. Returning unminified contents.
(10377,46): run-time error CSS1039: Token not allowed after unary operator: '-card-background-opacity'
(10378,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10379,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10380,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10381,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10385,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10386,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10387,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10388,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10389,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10390,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10391,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10392,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10396,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10397,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10398,39): run-time error CSS1039: Token not allowed after unary operator: '-duration-md'
(10398,58): run-time error CSS1039: Token not allowed after unary operator: '-ease-out'
(10399,31): run-time error CSS1039: Token not allowed after unary operator: '-duration-md'
(10399,50): run-time error CSS1039: Token not allowed after unary operator: '-ease-out'
(10437,28): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
(10439,28): run-time error CSS1039: Token not allowed after unary operator: '-border-color'
(10557,26): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-light'
(10561,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10572,48): run-time error CSS1039: Token not allowed after unary operator: '-ratio'
(10573,40): run-time error CSS1039: Token not allowed after unary operator: '-ratio'
(10588,19): run-time error CSS1039: Token not allowed after unary operator: '-svg-max-width'
(11042,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11043,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11063,28): run-time error CSS1039: Token not allowed after unary operator: '-image-overlay-color'
(11068,19): run-time error CSS1039: Token not allowed after unary operator: '-image-overlay-opacity'
(17884,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17885,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17897,28): run-time error CSS1039: Token not allowed after unary operator: '-image-overlay-color'
(17900,19): run-time error CSS1039: Token not allowed after unary operator: '-image-overlay-opacity'
 */
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none;
}

.pswp * {
  box-sizing: border-box;
}

.pswp img {
  max-width: none;
}

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--open {
  display: block;
}

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  transition: none;
}

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden;
}

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
}

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden;
}

/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222;
}

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0;
}

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC;
}

.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline;
}

/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1haW4uY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDJFQUEyRTtBQUMzRTs7RUFFRTtBQUNGLHVCQUF1QjtBQUN2QjtFQUNFLGNBQWM7RUFDZCxtQkFBbUI7RUFDbkIsWUFBWTtFQUNaLGFBQWE7RUFDYixRQUFRO0VBQ1IsT0FBTztFQUNQLGlCQUFpQjtFQUNqQix1QkFBdUI7RUFDdkIsbUJBQW1CO0VBQ25CLGNBQWM7RUFDZCwrQkFBK0I7RUFDL0IsOEVBQThFO0VBQzlFLG9DQUFvQztFQUNwQyxjQUFjO0NBQ2Y7O0FBRUQ7RUFDRSx1QkFBdUI7Q0FDeEI7O0FBRUQ7RUFDRSxnQkFBZ0I7Q0FDakI7O0FBRUQsa0VBQWtFO0FBQ2xFO0VBQ0Usb0dBQW9HO0VBQ3BHLGVBQWU7RUFDZixxQkFBcUI7RUFDckIsK0JBQStCO0VBQy9CLHdEQUF3RDtDQUN6RDs7QUFFRDtFQUNFLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSx1QkFBdUI7RUFDdkIsd0JBQXdCO0VBQ3hCLHFCQUFxQjtFQUNyQixnQkFBZ0I7Q0FDakI7O0FBRUQ7RUFDRSx1QkFBdUI7RUFDdkIscUJBQXFCO0VBQ3JCLGtCQUFrQjtFQUNsQixhQUFhO0NBQ2Q7O0FBRUQ7RUFDRSx1QkFBdUI7RUFDdkIseUJBQXlCO0VBQ3pCLHNCQUFzQjtFQUN0QixpQkFBaUI7Q0FDbEI7O0FBRUQ7OztFQUdFO0FBQ0Y7RUFDRSxtQkFBbUI7RUFDbkIsUUFBUTtFQUNSLE9BQU87RUFDUCxZQUFZO0VBQ1osYUFBYTtFQUNiLGlCQUFpQjtFQUNqQixXQUFXO0VBQ1gsaUNBQXlCO0VBQXpCLHlCQUF5QjtFQUN6QixvQ0FBb0M7RUFDcEMscUJBQXFCO0NBQ3RCOztBQUVEO0VBQ0UsbUJBQW1CO0VBQ25CLFFBQVE7RUFDUixPQUFPO0VBQ1AsWUFBWTtFQUNaLGFBQWE7RUFDYixpQkFBaUI7Q0FDbEI7O0FBRUQ7O0VBRUUsdUJBQXVCO0VBQ3ZCLG1CQUFtQjtFQUNuQixtQkFBbUI7RUFDbkIsUUFBUTtFQUNSLFNBQVM7RUFDVCxPQUFPO0VBQ1AsVUFBVTtDQUNYOztBQUVELDBDQUEwQztBQUMxQzs7RUFFRSwwQkFBMEI7RUFDMUIsdUJBQXVCO0VBQ3ZCLHNCQUFrQjtFQUFsQixrQkFBa0I7RUFDbEIseUNBQXlDO0VBQ3pDLDRCQUE0QjtDQUM3Qjs7QUFFRDtFQUNFLG1CQUFtQjtFQUNuQixZQUFZO0VBQ1osbUNBQW1DO0VBR25DLDJCQUEyQjtFQUMzQiwrQkFBK0I7RUFDL0Isa0VBQTBEO0VBQTFELDBEQUEwRDtDQUMzRDs7QUFFRDtFQUNFLHFCQUFxQjtFQUNyQiwrQkFBK0I7RUFDL0Isd0RBQXdEO0NBQ3pEOztBQUVEOztFQUdFLGlCQUFpQjtDQUNsQjs7QUFFRDs7RUFFRSxvQ0FBb0M7Q0FDckM7O0FBRUQ7RUFDRSxtQkFBbUI7RUFDbkIsUUFBUTtFQUNSLFNBQVM7RUFDVCxPQUFPO0VBQ1AsVUFBVTtFQUNWLGlCQUFpQjtDQUNsQjs7QUFFRDtFQUNFLG1CQUFtQjtFQUNuQixZQUFZO0VBQ1osYUFBYTtFQUNiLE9BQU87RUFDUCxRQUFRO0NBQ1Q7O0FBRUQ7OztFQUdFO0FBQ0Y7RUFDRSxvQ0FBb0M7Q0FDckM7O0FBRUQ7OztFQUdFO0FBQ0Y7RUFDRSxpQkFBaUI7Q0FDbEI7O0FBRUQ7RUFDRSx1QkFBdUI7RUFDdkIsd0JBQXdCO0VBQ3hCLFFBQVE7RUFDUixPQUFPO0NBQ1I7O0FBRUQ7OztFQUdFO0FBQ0Y7RUFDRSxtQkFBbUI7RUFDbkIsUUFBUTtFQUNSLFNBQVM7RUFDVCxZQUFZO0VBQ1osbUJBQW1CO0VBQ25CLGdCQUFnQjtFQUNoQixrQkFBa0I7RUFDbEIsaUJBQWlCO0VBQ2pCLFlBQVk7Q0FDYjs7QUFFRDtFQUNFLFlBQVk7RUFDWiwyQkFBMkI7Q0FDNUIiLCJmaWxlIjoidmVuZG9yL3Bob3Rvc3dpcGUvbWFpbi5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiEgUGhvdG9Td2lwZSBtYWluIENTUyBieSBEbWl0cnkgU2VtZW5vdiB8IHBob3Rvc3dpcGUuY29tIHwgTUlUIGxpY2Vuc2UgKi9cbi8qXG5cdFN0eWxlcyBmb3IgYmFzaWMgUGhvdG9Td2lwZSBmdW5jdGlvbmFsaXR5IChzbGlkaW5nIGFyZWEsIG9wZW4vY2xvc2UgdHJhbnNpdGlvbnMpXG4qL1xuLyogcHN3cCA9IHBob3Rvc3dpcGUgKi9cbi5wc3dwIHtcbiAgZGlzcGxheTogbm9uZTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBsZWZ0OiAwO1xuICB0b3A6IDA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIC1tcy10b3VjaC1hY3Rpb246IG5vbmU7XG4gIHRvdWNoLWFjdGlvbjogbm9uZTtcbiAgei1pbmRleDogMTUwMDtcbiAgLXdlYmtpdC10ZXh0LXNpemUtYWRqdXN0OiAxMDAlO1xuICAvKiBjcmVhdGUgc2VwYXJhdGUgbGF5ZXIsIHRvIGF2b2lkIHBhaW50IG9uIHdpbmRvdy5vbnNjcm9sbCBpbiB3ZWJraXQvYmxpbmsgKi9cbiAgLXdlYmtpdC1iYWNrZmFjZS12aXNpYmlsaXR5OiBoaWRkZW47XG4gIG91dGxpbmU6IG5vbmU7XG59XG5cbi5wc3dwICoge1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xufVxuXG4ucHN3cCBpbWcge1xuICBtYXgtd2lkdGg6IG5vbmU7XG59XG5cbi8qIHN0eWxlIGlzIGFkZGVkIHdoZW4gSlMgb3B0aW9uIHNob3dIaWRlT3BhY2l0eSBpcyBzZXQgdG8gdHJ1ZSAqL1xuLnBzd3AtLWFuaW1hdGVfb3BhY2l0eSB7XG4gIC8qIDAuMDAxLCBiZWNhdXNlIG9wYWNpdHk6MCBkb2Vzbid0IHRyaWdnZXIgUGFpbnQgYWN0aW9uLCB3aGljaCBjYXVzZXMgbGFnIGF0IHN0YXJ0IG9mIHRyYW5zaXRpb24gKi9cbiAgb3BhY2l0eTogMC4wMDE7XG4gIHdpbGwtY2hhbmdlOiBvcGFjaXR5O1xuICAvKiBmb3Igb3Blbi9jbG9zZSB0cmFuc2l0aW9uICovXG4gIHRyYW5zaXRpb246IG9wYWNpdHkgMzMzbXMgY3ViaWMtYmV6aWVyKDAuNCwgMCwgMC4yMiwgMSk7XG59XG5cbi5wc3dwLS1vcGVuIHtcbiAgZGlzcGxheTogYmxvY2s7XG59XG5cbi5wc3dwLS16b29tLWFsbG93ZWQgLnBzd3BfX2ltZyB7XG4gIC8qIGF1dG9wcmVmaXhlcjogb2ZmICovXG4gIGN1cnNvcjogLXdlYmtpdC16b29tLWluO1xuICBjdXJzb3I6IC1tb3otem9vbS1pbjtcbiAgY3Vyc29yOiB6b29tLWluO1xufVxuXG4ucHN3cC0tem9vbWVkLWluIC5wc3dwX19pbWcge1xuICAvKiBhdXRvcHJlZml4ZXI6IG9mZiAqL1xuICBjdXJzb3I6IC13ZWJraXQtZ3JhYjtcbiAgY3Vyc29yOiAtbW96LWdyYWI7XG4gIGN1cnNvcjogZ3JhYjtcbn1cblxuLnBzd3AtLWRyYWdnaW5nIC5wc3dwX19pbWcge1xuICAvKiBhdXRvcHJlZml4ZXI6IG9mZiAqL1xuICBjdXJzb3I6IC13ZWJraXQtZ3JhYmJpbmc7XG4gIGN1cnNvcjogLW1vei1ncmFiYmluZztcbiAgY3Vyc29yOiBncmFiYmluZztcbn1cblxuLypcblx0QmFja2dyb3VuZCBpcyBhZGRlZCBhcyBhIHNlcGFyYXRlIGVsZW1lbnQuXG5cdEFzIGFuaW1hdGluZyBvcGFjaXR5IGlzIG11Y2ggZmFzdGVyIHRoYW4gYW5pbWF0aW5nIHJnYmEoKSBiYWNrZ3JvdW5kLWNvbG9yLlxuKi9cbi5wc3dwX19iZyB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogMDtcbiAgdG9wOiAwO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBiYWNrZ3JvdW5kOiAjMDAwO1xuICBvcGFjaXR5OiAwO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVooMCk7XG4gIC13ZWJraXQtYmFja2ZhY2UtdmlzaWJpbGl0eTogaGlkZGVuO1xuICB3aWxsLWNoYW5nZTogb3BhY2l0eTtcbn1cblxuLnBzd3BfX3Njcm9sbC13cmFwIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiAwO1xuICB0b3A6IDA7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG59XG5cbi5wc3dwX19jb250YWluZXIsXG4ucHN3cF9fem9vbS13cmFwIHtcbiAgLW1zLXRvdWNoLWFjdGlvbjogbm9uZTtcbiAgdG91Y2gtYWN0aW9uOiBub25lO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IDA7XG4gIHJpZ2h0OiAwO1xuICB0b3A6IDA7XG4gIGJvdHRvbTogMDtcbn1cblxuLyogUHJldmVudCBzZWxlY3Rpb24gYW5kIHRhcCBoaWdobGlnaHRzICovXG4ucHN3cF9fY29udGFpbmVyLFxuLnBzd3BfX2ltZyB7XG4gIC13ZWJraXQtdXNlci1zZWxlY3Q6IG5vbmU7XG4gIC1tb3otdXNlci1zZWxlY3Q6IG5vbmU7XG4gIHVzZXItc2VsZWN0OiBub25lO1xuICAtd2Via2l0LXRhcC1oaWdobGlnaHQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAtd2Via2l0LXRvdWNoLWNhbGxvdXQ6IG5vbmU7XG59XG5cbi5wc3dwX196b29tLXdyYXAge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxMDAlO1xuICAtd2Via2l0LXRyYW5zZm9ybS1vcmlnaW46IGxlZnQgdG9wO1xuICAtbW96LXRyYW5zZm9ybS1vcmlnaW46IGxlZnQgdG9wO1xuICAtbXMtdHJhbnNmb3JtLW9yaWdpbjogbGVmdCB0b3A7XG4gIHRyYW5zZm9ybS1vcmlnaW46IGxlZnQgdG9wO1xuICAvKiBmb3Igb3Blbi9jbG9zZSB0cmFuc2l0aW9uICovXG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAzMzNtcyBjdWJpYy1iZXppZXIoMC40LCAwLCAwLjIyLCAxKTtcbn1cblxuLnBzd3BfX2JnIHtcbiAgd2lsbC1jaGFuZ2U6IG9wYWNpdHk7XG4gIC8qIGZvciBvcGVuL2Nsb3NlIHRyYW5zaXRpb24gKi9cbiAgdHJhbnNpdGlvbjogb3BhY2l0eSAzMzNtcyBjdWJpYy1iZXppZXIoMC40LCAwLCAwLjIyLCAxKTtcbn1cblxuLnBzd3AtLWFuaW1hdGVkLWluIC5wc3dwX19iZyxcbi5wc3dwLS1hbmltYXRlZC1pbiAucHN3cF9fem9vbS13cmFwIHtcbiAgLXdlYmtpdC10cmFuc2l0aW9uOiBub25lO1xuICB0cmFuc2l0aW9uOiBub25lO1xufVxuXG4ucHN3cF9fY29udGFpbmVyLFxuLnBzd3BfX3pvb20td3JhcCB7XG4gIC13ZWJraXQtYmFja2ZhY2UtdmlzaWJpbGl0eTogaGlkZGVuO1xufVxuXG4ucHN3cF9faXRlbSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogMDtcbiAgcmlnaHQ6IDA7XG4gIHRvcDogMDtcbiAgYm90dG9tOiAwO1xuICBvdmVyZmxvdzogaGlkZGVuO1xufVxuXG4ucHN3cF9faW1nIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogYXV0bztcbiAgaGVpZ2h0OiBhdXRvO1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG59XG5cbi8qXG5cdHN0cmV0Y2hlZCB0aHVtYm5haWwgb3IgZGl2IHBsYWNlaG9sZGVyIGVsZW1lbnQgKHNlZSBiZWxvdylcblx0c3R5bGUgaXMgYWRkZWQgdG8gYXZvaWQgZmxpY2tlcmluZyBpbiB3ZWJraXQvYmxpbmsgd2hlbiBsYXllcnMgb3ZlcmxhcFxuKi9cbi5wc3dwX19pbWctLXBsYWNlaG9sZGVyIHtcbiAgLXdlYmtpdC1iYWNrZmFjZS12aXNpYmlsaXR5OiBoaWRkZW47XG59XG5cbi8qXG5cdGRpdiBlbGVtZW50IHRoYXQgbWF0Y2hlcyBzaXplIG9mIGxhcmdlIGltYWdlXG5cdGxhcmdlIGltYWdlIGxvYWRzIG9uIHRvcCBvZiBpdFxuKi9cbi5wc3dwX19pbWctLXBsYWNlaG9sZGVyLS1ibGFuayB7XG4gIGJhY2tncm91bmQ6ICMyMjI7XG59XG5cbi5wc3dwLS1pZSAucHN3cF9faW1nIHtcbiAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbiAgaGVpZ2h0OiBhdXRvICFpbXBvcnRhbnQ7XG4gIGxlZnQ6IDA7XG4gIHRvcDogMDtcbn1cblxuLypcblx0RXJyb3IgbWVzc2FnZSBhcHBlYXJzIHdoZW4gaW1hZ2UgaXMgbm90IGxvYWRlZFxuXHQoSlMgb3B0aW9uIGVycm9yTXNnIGNvbnRyb2xzIG1hcmt1cClcbiovXG4ucHN3cF9fZXJyb3ItbXNnIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiAwO1xuICB0b3A6IDUwJTtcbiAgd2lkdGg6IDEwMCU7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgZm9udC1zaXplOiAxNHB4O1xuICBsaW5lLWhlaWdodDogMTZweDtcbiAgbWFyZ2luLXRvcDogLThweDtcbiAgY29sb3I6ICNDQ0M7XG59XG5cbi5wc3dwX19lcnJvci1tc2cgYSB7XG4gIGNvbG9yOiAjQ0NDO1xuICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbn1cbiJdfQ== */

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)
	7. Overrides of main
*/
.pswp__button--arrow--right {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOC41MTggMTUuNDIzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4LjUxOCAxNS40MjMiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTAuNjA0LDE1LjI3MmMwLjExMSwwLDAuMjIzLTAuMDQzLDAuMzA3LTAuMTI4TDguMzUsNy43MDdMMC45MjMsMC4yNzljLTAuMTctMC4xNy0wLjQ0NS0wLjE3LTAuNjE1LDANCgkJYy0wLjE3LDAuMTctMC4xNywwLjQ0NSwwLDAuNjE1bDYuODEyLDYuODEzbC02LjgyMyw2LjgyMmMtMC4xNzEsMC4xNy0wLjE3MSwwLjQ0NSwwLDAuNjE1QzAuMzgxLDE1LjIyOSwwLjQ5MiwxNS4yNzIsMC42MDQsMTUuMjcyDQoJCXoiLz4NCjwvZz4NCjwvc3ZnPg0K");
}

.pswp__button--arrow--left {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOC41MTggMTUuNDIzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4LjUxOCAxNS40MjMiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTcuOTE0LDE1LjI3MmMtMC4xMTEsMC0wLjIyMy0wLjA0My0wLjMwNy0wLjEyOEwwLjE2OCw3LjcwN2w3LjQyNy03LjQyOGMwLjE3LTAuMTcsMC40NDUtMC4xNywwLjYxNSwwDQoJCWMwLjE3LDAuMTcsMC4xNywwLjQ0NSwwLDAuNjE1TDEuMzk4LDcuNzA3bDYuODIzLDYuODIyYzAuMTcxLDAuMTcsMC4xNzEsMC40NDUsMCwwLjYxNUM4LjEzNywxNS4yMjksOC4wMjYsMTUuMjcyLDcuOTE0LDE1LjI3MnoiDQoJCS8+DQo8L2c+DQo8L3N2Zz4NCg==");
}

/*%experience-circle-blue {
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTAgNTAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwIDUwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxjaXJjbGUgZmlsbD0iIzE0QTFDQiIgY3g9IjI1IiBjeT0iMjUiIHI9IjI0LjkiLz4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0zNy4zOSwyNi4xMzNsMy4zMS0xLjIxMWwtMy4zMS0xLjIwOWwtMS40ODUtMC41NDJjLTAuMzI3LTEuOTUzLTEuMTU1LTMuNzM4LTIuMzY0LTUuMjA0bDMuMTA4LTQuNDYzDQoJbC00LjQ1MiwzLjEwM2MtMS41MzgtMS4zMjEtMy40NC0yLjIxOS01LjUzNC0yLjUzN2wtMC41MzMtMS40NkwyNC45MjMsOS4zbC0xLjIwOSwzLjMxbC0wLjUzOSwxLjQ3OQ0KCWMtMi4wMywwLjMzOC0zLjg3NSwxLjIyNS01LjM3MywyLjUxMWwtMi40MjEtMS4xMjVsMS4xMywyLjQzYy0xLjI3MiwxLjUyLTIuMTM1LDMuMzg2LTIuNDQ1LDUuNDMzbC0xLjQ1NCwwLjUzTDkuMywyNS4wNzcNCglsMy4zMTEsMS4yMDlsMS40ODMsMC41NDJjMC4zMzksMi4wMjksMS4yMjUsMy44NywyLjUxMSw1LjM2OGwtMy4xMzEsNC40OTZsNC41MDUtMy4xNGMxLjUwNCwxLjIzNywzLjM0NCwyLjA3Myw1LjM1NSwyLjM3OQ0KCWwwLjUzMywxLjQ1OWwxLjIxLDMuMzExbDEuMjEtMy4zMTFsMC41MzktMS40NzhjMi4wMjktMC4zNCwzLjg3NC0xLjIyNyw1LjM3MS0yLjUxMmwyLjQyMiwxLjEyNWwtMS4xMjktMi40Mw0KCWMxLjI3MS0xLjUxOSwyLjEzMy0zLjM4NSwyLjQ0NC01LjQzTDM3LjM5LDI2LjEzM3ogTTE2LjgyNiwyNS4wMDFjMC0xLjQ4MSwwLjQwMi0yLjg2NywxLjA5My00LjA2Ng0KCWMwLjY5OC0xLjIwOCwxLjY5My0yLjIxOSwyLjg4OC0yLjkzOGMxLjIyOC0wLjczOCwyLjY2LTEuMTcyLDQuMTk0LTEuMTcyYzEuNzU3LDAsMy4zODIsMC41NjMsNC43MTcsMS41MWwtNi43MjQsNC42ODZsLTQuNjYsNi42OTENCglDMTcuMzg4LDI4LjM3OSwxNi44MjYsMjYuNzU2LDE2LjgyNiwyNS4wMDF6IE0yNi4wNzMsMjQuOTI4YzAsMC42MTYtMC41LDEuMTE2LTEuMTE2LDEuMTE2cy0xLjExNi0wLjUtMS4xMTYtMS4xMTYNCglzMC41LTEuMTE2LDEuMTE2LTEuMTE2UzI2LjA3MywyNC4zMTIsMjYuMDczLDI0LjkyOHogTTI1LjAwMSwzMy4xNzRjLTEuNjY5LDAtMy4yMjItMC41MDUtNC41MTctMS4zNjdsNi42NDgtNC42MzNsNC42NjgtNi43MDQNCgljMC44NjcsMS4yOTcsMS4zNzUsMi44NTUsMS4zNzUsNC41MzFjMCwxLjQ4LTAuNDAyLDIuODY1LTEuMDkzLDQuMDY0Yy0wLjY5OCwxLjIwOS0xLjY5NCwyLjIxOS0yLjg4OCwyLjkzNw0KCUMyNy45NjYsMzIuNzQxLDI2LjUzNCwzMy4xNzQsMjUuMDAxLDMzLjE3NHoiLz4NCjwvc3ZnPg0K");
}*/
/* Experience Icons */
/* Residence Icons */
/* Room and Suite Icons */
/*
	
	1. Buttons

 */
/* <button> css reset */
.pswp__button {
  width: 18px;
  height: 18px;
  position: relative;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  transition: opacity 0.2s;
  box-shadow: none;
}

.pswp__button:focus, .pswp__button:hover {
  opacity: 1;
}

.pswp__button:active {
  outline: none;
  opacity: 0.9;
}

.pswp__button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1;
}

.pswp__button {
  width: 44px;
  height: 44px;
  background-position: center;
}

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  /*.pswp--svg .pswp__button,
    .pswp--svg .pswp__button--arrow--left:before,
	.pswp--svg .pswp__button--arrow--right:before {
        background-image: url(default-skin.svg);
    }

    .pswp--svg .pswp__button--arrow--left,
	.pswp--svg .pswp__button--arrow--right {
		background: none;
	}*/
}

.pswp__button--close {
  background-position: 0 -44px;
}

.pswp__button--fs {
  background-color: transparent !important;
  display: none;
}

.pswp--supports-fs .pswp__button--fs {
  display: block;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+ZnVsbCBzY3JlZW4gaWNvbjwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImZ1bGwtc2NyZWVuLWljb24iIGZpbGw9IiNGRkZGRkYiPiAgICAgICAgICAgIDxwYXRoIGQ9Ik01Ljc0OCwxLjU3NyBDNi4xNzQsMS41NzcgNi41MTksMS4yMzEgNi41MTksMC44MDYgQzYuNTE5LDAuMzggNi4xNzQsMC4wMzUgNS43NDgsMC4wMzUgTDAsMC4wMzYgTDAuMDA0LDUuNzcgQzAuMDA0LDYuMTk4IDAuMzQ5LDYuNTQxIDAuNzc1LDYuNTQxIEMxLjIwMiw2LjU0MSAxLjU0Nyw2LjE5NiAxLjU0Nyw1Ljc3IEwxLjU0NSwyLjYwMSBMNS42NjIsNi43MTggTDYuNzU0LDUuNjI3IEwyLjcwNSwxLjU3OSBMNS43NDgsMS41NzcgWiIgaWQ9IlNoYXBlIj48L3BhdGg+ICAgICAgICAgICAgPHBhdGggZD0iTTE0LjA5NCw2Ljc1MyBMMTguMTQ0LDIuNzA0IEwxOC4xNDUsNS43NDYgQzE4LjE0NSw2LjE3MiAxOC40OSw2LjUxNyAxOC45MTYsNi41MTcgQzE5LjM0Miw2LjUxNyAxOS42ODcsNi4xNzIgMTkuNjg3LDUuNzQ2IEwxOS42ODYsMCBMMTMuOTUsMC4wMDIgQzEzLjUyNSwwLjAwMiAxMy4xNzksMC4zNDggMTMuMTc5LDAuNzc0IEMxMy4xNzksMS4yIDEzLjUyNiwxLjU0NSAxMy45NSwxLjU0NSBMMTcuMTIyLDEuNTQ0IEwxMy4wMDQsNS42NjIgTDE0LjA5NCw2Ljc1MyBaIiBpZD0iU2hhcGUiPjwvcGF0aD4gICAgICAgICAgICA8cGF0aCBkPSJNMTkuNzE4LDE0LjEzMyBDMTkuNzE4LDEzLjcwNiAxOS4zNzEsMTMuMzYyIDE4Ljk0NywxMy4zNjIgQzE4LjUyLDEzLjM2MiAxOC4xNzUsMTMuNzA4IDE4LjE3NSwxNC4xMzMgTDE4LjE3NywxNy4zMDQgTDE0LjA1OSwxMy4xODUgTDEyLjk2NywxNC4yNzYgTDE3LjAxNywxOC4zMjYgTDEzLjk3NSwxOC4zMjcgQzEzLjU0OSwxOC4zMjcgMTMuMjAyLDE4LjY3MyAxMy4yMDIsMTkuMDk4IEMxMy4yMDIsMTkuNTIzIDEzLjU1LDE5Ljg2OSAxMy45NzUsMTkuODY5IEwxOS43MjEsMTkuODY3IEwxOS43MTgsMTQuMTMzIFoiIGlkPSJTaGFwZSI+PC9wYXRoPiAgICAgICAgICAgIDxwYXRoIGQ9Ik01LjYyOCwxMy4xNSBMMS41NzksMTcuMTk4IEwxLjU3NywxNC4xNTcgQzEuNTc3LDEzLjczIDEuMjMxLDEzLjM4NiAwLjgwNSwxMy4zODYgQzAuMzgxLDEzLjM4NiAwLjAzNCwxMy43MzMgMC4wMzQsMTQuMTU3IEwwLjAzNywxOS45MDIgTDUuNzcxLDE5LjkgQzYuMTk3LDE5LjkgNi41NDIsMTkuNTU0IDYuNTQyLDE5LjEyOSBDNi41NDIsMTguNzA0IDYuMTk3LDE4LjM1OCA1Ljc3MSwxOC4zNTggTDIuNjAxLDE4LjM2IEw2LjcxOCwxNC4yNDIgTDUuNjI4LDEzLjE1IFoiIGlkPSJTaGFwZSI+PC9wYXRoPiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtcGF0aCIgeD0iNy43NTEiIHk9IjcuODQ1IiB3aWR0aD0iNC42MyIgaGVpZ2h0PSI0LjYzIj48L3JlY3Q+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=");
}

/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  top: 50%;
  margin-top: -26px;
  width: 52px;
  height: 52px;
  background-size: 16px;
  position: absolute;
  background-color: #000000;
}

.pswp__button--arrow--left {
  left: 0;
}

.pswp__button--arrow--right {
  right: 0;
}

/*

	2. Share modal/popup and links

 */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*

	3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 16px;
  line-height: 44px;
  color: #FFF;
  opacity: 1;
  padding: 0 10px;
}

/*
	
	4. Caption

 */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px;
}

.pswp__caption small {
  font-size: 11px;
  color: #BBB;
}

.pswp__caption__left,
.pswp__caption__center {
  text-shadow: 1px 1px 2px #000;
  text-align: left;
  font-size: 16px;
  padding: 0 25px 10px 25px;
  line-height: 20px;
  color: #fff;
}

.pswp__caption__center {
  max-width: 420px;
  margin: 0 auto;
}

.pswp__caption--empty {
  display: none;
}

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden;
}

/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr;
}

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px;
}

.pswp__preloader--active {
  opacity: 1;
}

.pswp__preloader--active .pswp__preloader__icn {
  /* We use .gif in browsers that don't support CSS animation */
  background: url(preloader.gif) 0 0 no-repeat;
}

.pswp--css_animation .pswp__preloader--active {
  opacity: 1;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
  -webkit-animation: clockwise 500ms linear infinite;
  animation: clockwise 500ms linear infinite;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
  animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}

.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0;
}

.pswp--css_animation .pswp__preloader__cut {
  /* 
			The idea of animating inner circle is based on Polymer ("material") loading indicator 
			 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
		*/
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden;
}

.pswp--css_animation .pswp__preloader__donut {
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0;
}

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right;
  }
}

@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

/*
	
	6. Additional styles

 */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550;
}

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%;
}

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible;
}

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3);
}

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0;
}

/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001;
}

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none;
}

.pswp__element--disabled {
  display: none !important;
}

.pswp--minimal--dark .pswp__top-bar {
  background: none;
}

/*

7. Overrides of main

*/

/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluc3BpcmF0by1za2luLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpRkFBaUY7QUFDakY7Ozs7Ozs7Ozs7O0VBV0U7QUFDRjtFQUNFLDRnQ0FBNGdDO0NBQzdnQzs7QUFFRDtFQUNFLDRnQ0FBNGdDO0NBQzdnQzs7QUFFRDs7R0FFRztBQUNILHNCQUFzQjtBQUN0QixxQkFBcUI7QUFDckIsMEJBQTBCO0FBQzFCOzs7O0dBSUc7QUFDSCx3QkFBd0I7QUFDeEI7RUFDRSxZQUFZO0VBQ1osYUFBYTtFQUNiLG1CQUFtQjtFQUNuQixnQkFBZ0I7RUFDaEIsa0JBQWtCO0VBQ2xCLHlCQUF5QjtFQUN6QixlQUFlO0VBQ2YsVUFBVTtFQUNWLFdBQVc7RUFDWCxVQUFVO0VBQ1YsYUFBYTtFQUNiLGNBQWM7RUFDZCx5QkFBeUI7RUFDekIsaUJBQWlCO0NBQ2xCOztBQUVEO0VBQ0UsV0FBVztDQUNaOztBQUVEO0VBQ0UsY0FBYztFQUNkLGFBQWE7Q0FDZDs7QUFFRDtFQUNFLFdBQVc7RUFDWCxVQUFVO0NBQ1g7O0FBRUQsOEZBQThGO0FBQzlGO0VBQ0UsV0FBVztDQUNaOztBQUVEO0VBQ0UsWUFBWTtFQUNaLGFBQWE7RUFDYiw0QkFBNEI7Q0FDN0I7O0FBRUQ7RUFDRSxpRkFBaUY7RUFDakY7Ozs7Ozs7OztJQVNFO0NBQ0g7O0FBRUQ7RUFDRSw2QkFBNkI7Q0FDOUI7O0FBRUQ7RUFDRSx5Q0FBeUM7RUFDekMsY0FBYztDQUNmOztBQUVEO0VBQ0UsZUFBZTtFQUNmLDQyRUFBNDJFO0NBQzcyRTs7QUFFRDs7O0VBR0U7QUFDRjs7RUFFRSxTQUFTO0VBQ1Qsa0JBQWtCO0VBQ2xCLFlBQVk7RUFDWixhQUFhO0VBQ2Isc0JBQXNCO0VBQ3RCLG1CQUFtQjtFQUNuQiwwQkFBMEI7Q0FDM0I7O0FBRUQ7RUFDRSxRQUFRO0NBQ1Q7O0FBRUQ7RUFDRSxTQUFTO0NBQ1Y7O0FBRUQ7Ozs7R0FJRztBQUNIOztFQUVFLDBCQUEwQjtFQUMxQix1QkFBdUI7RUFDdkIsc0JBQWtCO0VBQWxCLGtCQUFrQjtDQUNuQjs7QUFFRDs7OztHQUlHO0FBQ0g7RUFDRSxtQkFBbUI7RUFDbkIsUUFBUTtFQUNSLE9BQU87RUFDUCxhQUFhO0VBQ2IsZ0JBQWdCO0VBQ2hCLGtCQUFrQjtFQUNsQixZQUFZO0VBQ1osV0FBVztFQUNYLGdCQUFnQjtDQUNqQjs7QUFFRDs7OztHQUlHO0FBQ0g7RUFDRSxtQkFBbUI7RUFDbkIsUUFBUTtFQUNSLFVBQVU7RUFDVixZQUFZO0VBQ1osaUJBQWlCO0NBQ2xCOztBQUVEO0VBQ0UsZ0JBQWdCO0VBQ2hCLFlBQVk7Q0FDYjs7QUFFRDs7RUFFRSw4QkFBOEI7RUFDOUIsaUJBQWlCO0VBQ2pCLGdCQUFnQjtFQUNoQiwwQkFBMEI7RUFDMUIsa0JBQWtCO0VBQ2xCLFlBQVk7Q0FDYjs7QUFFRDtFQUNFLGlCQUFpQjtFQUNqQixlQUFlO0NBQ2hCOztBQUVEO0VBQ0UsY0FBYztDQUNmOztBQUVELHVFQUF1RTtBQUN2RTtFQUNFLG1CQUFtQjtDQUNwQjs7QUFFRDs7Ozs7O0dBTUc7QUFDSDtFQUNFLFlBQVk7RUFDWixhQUFhO0VBQ2IsbUJBQW1CO0VBQ25CLE9BQU87RUFDUCxVQUFVO0VBQ1YsbUJBQW1CO0VBQ25CLFdBQVc7RUFDWCxtQ0FBbUM7RUFDbkMscUJBQXFCO0VBQ3JCLGVBQWU7Q0FDaEI7O0FBRUQ7RUFDRSxZQUFZO0VBQ1osYUFBYTtFQUNiLGFBQWE7Q0FDZDs7QUFFRDtFQUNFLFdBQVc7Q0FDWjs7QUFFRDtFQUNFLDhEQUE4RDtFQUM5RCw2Q0FBNkM7Q0FDOUM7O0FBRUQ7RUFDRSxXQUFXO0NBQ1o7O0FBRUQ7RUFDRSxtREFBMkM7RUFBM0MsMkNBQTJDO0NBQzVDOztBQUVEO0VBQ0UsOEVBQXNFO0VBQXRFLHNFQUFzRTtDQUN2RTs7QUFFRDtFQUNFLGlCQUFpQjtFQUNqQixjQUFjO0VBQ2QsWUFBWTtFQUNaLGFBQWE7RUFDYixtQkFBbUI7RUFDbkIsV0FBVztFQUNYLFVBQVU7RUFDVixVQUFVO0NBQ1g7O0FBRUQ7RUFDRTs7O0lBR0U7RUFDRixtQkFBbUI7RUFDbkIsV0FBVztFQUNYLGFBQWE7RUFDYixpQkFBaUI7Q0FDbEI7O0FBRUQ7RUFDRSx1QkFBdUI7RUFDdkIsWUFBWTtFQUNaLGFBQWE7RUFDYix1QkFBdUI7RUFDdkIsbUJBQW1CO0VBQ25CLCtCQUErQjtFQUMvQixpQ0FBaUM7RUFDakMsbUJBQW1CO0VBQ25CLE9BQU87RUFDUCxRQUFRO0VBQ1IsaUJBQWlCO0VBQ2pCLFVBQVU7Q0FDWDs7QUFFRDtFQUNFO0lBQ0UsbUJBQW1CO0lBQ25CLFdBQVc7SUFDWCxVQUFVO0lBQ1YsVUFBVTtJQUNWLGFBQWE7R0FDZDtDQUNGOztBQUVEO0VBQ0U7SUFDRSxnQ0FBd0I7SUFBeEIsd0JBQXdCO0dBQ3pCO0VBQ0Q7SUFDRSxrQ0FBMEI7SUFBMUIsMEJBQTBCO0dBQzNCO0NBQ0Y7O0FBUEQ7RUFDRTtJQUNFLGdDQUF3QjtJQUF4Qix3QkFBd0I7R0FDekI7RUFDRDtJQUNFLGtDQUEwQjtJQUExQiwwQkFBMEI7R0FDM0I7Q0FDRjs7QUFFRDtFQUNFO0lBQ0UsNkJBQXFCO0lBQXJCLHFCQUFxQjtHQUN0QjtFQUNEO0lBQ0UsbUNBQTJCO0lBQTNCLDJCQUEyQjtHQUM1QjtFQUNEO0lBQ0UsNkJBQXFCO0lBQXJCLHFCQUFxQjtHQUN0QjtDQUNGOztBQVZEO0VBQ0U7SUFDRSw2QkFBcUI7SUFBckIscUJBQXFCO0dBQ3RCO0VBQ0Q7SUFDRSxtQ0FBMkI7SUFBM0IsMkJBQTJCO0dBQzVCO0VBQ0Q7SUFDRSw2QkFBcUI7SUFBckIscUJBQXFCO0dBQ3RCO0NBQ0Y7O0FBRUQ7Ozs7R0FJRztBQUNILHdCQUF3QjtBQUN4QjtFQUNFLDZCQUE2QjtFQUM3QixvQkFBb0I7RUFDcEIsV0FBVztFQUNYLGNBQWM7Q0FDZjs7QUFFRCx1REFBdUQ7QUFDdkQ7RUFDRSxtQkFBbUI7RUFDbkIsUUFBUTtFQUNSLE9BQU87RUFDUCxhQUFhO0VBQ2IsWUFBWTtDQUNiOztBQUVEOzs7O0VBSUUsb0NBQW9DO0VBQ3BDLHFCQUFxQjtFQUNyQix3REFBd0Q7Q0FDekQ7O0FBRUQsb0ZBQW9GO0FBQ3BGOztFQUVFLG9CQUFvQjtDQUNyQjs7QUFFRCxrR0FBa0c7QUFDbEc7O0VBRUUscUNBQXFDO0NBQ3RDOztBQUVELHNHQUFzRztBQUN0Rzs7RUFFRSxXQUFXO0NBQ1o7O0FBRUQ7OztFQUdFO0FBQ0Y7Ozs7RUFJRSwwREFBMEQ7RUFDMUQsZUFBZTtDQUNoQjs7QUFFRCwrRUFBK0U7QUFDL0U7OztFQUdFLGNBQWM7Q0FDZjs7QUFFRDtFQUNFLHlCQUF5QjtDQUMxQjs7QUFFRDtFQUNFLGlCQUFpQjtDQUNsQjs7QUFFRDs7OztFQUlFIiwiZmlsZSI6InZlbmRvci9waG90b3N3aXBlL2luc3BpcmF0by1za2luL2luc3BpcmF0by1za2luLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qISBQaG90b1N3aXBlIERlZmF1bHQgVUkgQ1NTIGJ5IERtaXRyeSBTZW1lbm92IHwgcGhvdG9zd2lwZS5jb20gfCBNSVQgbGljZW5zZSAqL1xuLypcblxuXHRDb250ZW50czpcblxuXHQxLiBCdXR0b25zXG5cdDIuIFNoYXJlIG1vZGFsIGFuZCBsaW5rc1xuXHQzLiBJbmRleCBpbmRpY2F0b3IgKFwiMSBvZiBYXCIgY291bnRlcilcblx0NC4gQ2FwdGlvblxuXHQ1LiBMb2FkaW5nIGluZGljYXRvclxuXHQ2LiBBZGRpdGlvbmFsIHN0eWxlcyAocm9vdCBlbGVtZW50LCB0b3AgYmFyLCBpZGxlIHN0YXRlLCBoaWRkZW4gc3RhdGUsIGV0Yy4pXG5cdDcuIE92ZXJyaWRlcyBvZiBtYWluXG4qL1xuLnBzd3BfX2J1dHRvbi0tYXJyb3ctLXJpZ2h0IHtcbiAgYmFja2dyb3VuZC1pbWFnZTogdXJsKFwiZGF0YTppbWFnZS9zdmcreG1sO2Jhc2U2NCxQRDk0Yld3Z2RtVnljMmx2YmowaU1TNHdJaUJsYm1OdlpHbHVaejBpZFhSbUxUZ2lQejROQ2p3aExTMGdSMlZ1WlhKaGRHOXlPaUJCWkc5aVpTQkpiR3gxYzNSeVlYUnZjaUF4Tnk0eExqQXNJRk5XUnlCRmVIQnZjblFnVUd4MVp5MUpiaUF1SUZOV1J5QldaWEp6YVc5dU9pQTJMakF3SUVKMWFXeGtJREFwSUNBdExUNE5DandoUkU5RFZGbFFSU0J6ZG1jZ1VGVkNURWxESUNJdEx5OVhNME12TDBSVVJDQlRWa2NnTVM0eEx5OUZUaUlnSW1oMGRIQTZMeTkzZDNjdWR6TXViM0puTDBkeVlYQm9hV056TDFOV1J5OHhMakV2UkZSRUwzTjJaekV4TG1SMFpDSStEUW84YzNabklIWmxjbk5wYjI0OUlqRXVNU0lnYVdROUlreGhlV1Z5WHpFaUlIaHRiRzV6UFNKb2RIUndPaTh2ZDNkM0xuY3pMbTl5Wnk4eU1EQXdMM04yWnlJZ2VHMXNibk02ZUd4cGJtczlJbWgwZEhBNkx5OTNkM2N1ZHpNdWIzSm5MekU1T1RrdmVHeHBibXNpSUhnOUlqQndlQ0lnZVQwaU1IQjRJZzBLQ1NCMmFXVjNRbTk0UFNJd0lEQWdPQzQxTVRnZ01UVXVOREl6SWlCbGJtRmliR1V0WW1GamEyZHliM1Z1WkQwaWJtVjNJREFnTUNBNExqVXhPQ0F4TlM0ME1qTWlJSGh0YkRwemNHRmpaVDBpY0hKbGMyVnlkbVVpUGcwS1BHYytEUW9KUEhCaGRHZ2dabWxzYkQwaUkwWkdSa1pHUmlJZ1pEMGlUVEF1TmpBMExERTFMakkzTW1Nd0xqRXhNU3d3TERBdU1qSXpMVEF1TURRekxEQXVNekEzTFRBdU1USTRURGd1TXpVc055NDNNRGRNTUM0NU1qTXNNQzR5TnpsakxUQXVNVGN0TUM0eE55MHdMalEwTlMwd0xqRTNMVEF1TmpFMUxEQU5DZ2tKWXkwd0xqRTNMREF1TVRjdE1DNHhOeXd3TGpRME5Td3dMREF1TmpFMWJEWXVPREV5TERZdU9ERXpiQzAyTGpneU15dzJMamd5TW1NdE1DNHhOekVzTUM0eE55MHdMakUzTVN3d0xqUTBOU3d3TERBdU5qRTFRekF1TXpneExERTFMakl5T1N3d0xqUTVNaXd4TlM0eU56SXNNQzQyTURRc01UVXVNamN5RFFvSkNYb2lMejROQ2p3dlp6NE5Dand2YzNablBnMEtcIik7XG59XG5cbi5wc3dwX19idXR0b24tLWFycm93LS1sZWZ0IHtcbiAgYmFja2dyb3VuZC1pbWFnZTogdXJsKFwiZGF0YTppbWFnZS9zdmcreG1sO2Jhc2U2NCxQRDk0Yld3Z2RtVnljMmx2YmowaU1TNHdJaUJsYm1OdlpHbHVaejBpZFhSbUxUZ2lQejROQ2p3aExTMGdSMlZ1WlhKaGRHOXlPaUJCWkc5aVpTQkpiR3gxYzNSeVlYUnZjaUF4Tnk0eExqQXNJRk5XUnlCRmVIQnZjblFnVUd4MVp5MUpiaUF1SUZOV1J5QldaWEp6YVc5dU9pQTJMakF3SUVKMWFXeGtJREFwSUNBdExUNE5DandoUkU5RFZGbFFSU0J6ZG1jZ1VGVkNURWxESUNJdEx5OVhNME12TDBSVVJDQlRWa2NnTVM0eEx5OUZUaUlnSW1oMGRIQTZMeTkzZDNjdWR6TXViM0puTDBkeVlYQm9hV056TDFOV1J5OHhMakV2UkZSRUwzTjJaekV4TG1SMFpDSStEUW84YzNabklIWmxjbk5wYjI0OUlqRXVNU0lnYVdROUlreGhlV1Z5WHpFaUlIaHRiRzV6UFNKb2RIUndPaTh2ZDNkM0xuY3pMbTl5Wnk4eU1EQXdMM04yWnlJZ2VHMXNibk02ZUd4cGJtczlJbWgwZEhBNkx5OTNkM2N1ZHpNdWIzSm5MekU1T1RrdmVHeHBibXNpSUhnOUlqQndlQ0lnZVQwaU1IQjRJZzBLQ1NCMmFXVjNRbTk0UFNJd0lEQWdPQzQxTVRnZ01UVXVOREl6SWlCbGJtRmliR1V0WW1GamEyZHliM1Z1WkQwaWJtVjNJREFnTUNBNExqVXhPQ0F4TlM0ME1qTWlJSGh0YkRwemNHRmpaVDBpY0hKbGMyVnlkbVVpUGcwS1BHYytEUW9KUEhCaGRHZ2dabWxzYkQwaUkwWkdSa1pHUmlJZ1pEMGlUVGN1T1RFMExERTFMakkzTW1NdE1DNHhNVEVzTUMwd0xqSXlNeTB3TGpBME15MHdMak13Tnkwd0xqRXlPRXd3TGpFMk9DdzNMamN3TjJ3M0xqUXlOeTAzTGpReU9HTXdMakUzTFRBdU1UY3NNQzQwTkRVdE1DNHhOeXd3TGpZeE5Td3dEUW9KQ1dNd0xqRTNMREF1TVRjc01DNHhOeXd3TGpRME5Td3dMREF1TmpFMVRERXVNems0TERjdU56QTNiRFl1T0RJekxEWXVPREl5WXpBdU1UY3hMREF1TVRjc01DNHhOekVzTUM0ME5EVXNNQ3d3TGpZeE5VTTRMakV6Tnl3eE5TNHlNamtzT0M0d01qWXNNVFV1TWpjeUxEY3VPVEUwTERFMUxqSTNNbm9pRFFvSkNTOCtEUW84TDJjK0RRbzhMM04yWno0TkNnPT1cIik7XG59XG5cbi8qJWV4cGVyaWVuY2UtY2lyY2xlLWJsdWUge1xyXG5cdGJhY2tncm91bmQtaW1hZ2U6IHVybChcImRhdGE6aW1hZ2Uvc3ZnK3htbDtiYXNlNjQsUEQ5NGJXd2dkbVZ5YzJsdmJqMGlNUzR3SWlCbGJtTnZaR2x1WnowaWRYUm1MVGdpUHo0TkNqd2hMUzBnUjJWdVpYSmhkRzl5T2lCQlpHOWlaU0JKYkd4MWMzUnlZWFJ2Y2lBeE55NHhMakFzSUZOV1J5QkZlSEJ2Y25RZ1VHeDFaeTFKYmlBdUlGTldSeUJXWlhKemFXOXVPaUEyTGpBd0lFSjFhV3hrSURBcElDQXRMVDROQ2p3aFJFOURWRmxRUlNCemRtY2dVRlZDVEVsRElDSXRMeTlYTTBNdkwwUlVSQ0JUVmtjZ01TNHhMeTlGVGlJZ0ltaDBkSEE2THk5M2QzY3Vkek11YjNKbkwwZHlZWEJvYVdOekwxTldSeTh4TGpFdlJGUkVMM04yWnpFeExtUjBaQ0krRFFvOGMzWm5JSFpsY25OcGIyNDlJakV1TVNJZ2FXUTlJa3hoZVdWeVh6RWlJSGh0Ykc1elBTSm9kSFJ3T2k4dmQzZDNMbmN6TG05eVp5OHlNREF3TDNOMlp5SWdlRzFzYm5NNmVHeHBibXM5SW1oMGRIQTZMeTkzZDNjdWR6TXViM0puTHpFNU9Ua3ZlR3hwYm1zaUlIZzlJakJ3ZUNJZ2VUMGlNSEI0SWcwS0NTQjJhV1YzUW05NFBTSXdJREFnTlRBZ05UQWlJR1Z1WVdKc1pTMWlZV05yWjNKdmRXNWtQU0p1WlhjZ01DQXdJRFV3SURVd0lpQjRiV3c2YzNCaFkyVTlJbkJ5WlhObGNuWmxJajROQ2p4amFYSmpiR1VnWm1sc2JEMGlJekUwUVRGRFFpSWdZM2c5SWpJMUlpQmplVDBpTWpVaUlISTlJakkwTGpraUx6NE5Danh3WVhSb0lHWnBiR3c5SWlOR1JrWkdSa1lpSUdROUlrMHpOeTR6T1N3eU5pNHhNek5zTXk0ek1TMHhMakl4TVd3dE15NHpNUzB4TGpJd09Xd3RNUzQwT0RVdE1DNDFOREpqTFRBdU16STNMVEV1T1RVekxURXVNVFUxTFRNdU56TTRMVEl1TXpZMExUVXVNakEwYkRNdU1UQTRMVFF1TkRZekRRb0piQzAwTGpRMU1pd3pMakV3TTJNdE1TNDFNemd0TVM0ek1qRXRNeTQwTkMweUxqSXhPUzAxTGpVek5DMHlMalV6TjJ3dE1DNDFNek10TVM0ME5rd3lOQzQ1TWpNc09TNHpiQzB4TGpJd09Td3pMak14YkMwd0xqVXpPU3d4TGpRM09RMEtDV010TWk0d015d3dMak16T0MwekxqZzNOU3d4TGpJeU5TMDFMak0zTXl3eUxqVXhNV3d0TWk0ME1qRXRNUzR4TWpWc01TNHhNeXd5TGpRell5MHhMakkzTWl3eExqVXlMVEl1TVRNMUxETXVNemcyTFRJdU5EUTFMRFV1TkRNemJDMHhMalExTkN3d0xqVXpURGt1TXl3eU5TNHdOemNOQ2dsc015NHpNVEVzTVM0eU1EbHNNUzQwT0RNc01DNDFOREpqTUM0ek16a3NNaTR3TWprc01TNHlNalVzTXk0NE55d3lMalV4TVN3MUxqTTJPR3d0TXk0eE16RXNOQzQwT1Rac05DNDFNRFV0TXk0eE5HTXhMalV3TkN3eExqSXpOeXd6TGpNME5Dd3lMakEzTXl3MUxqTTFOU3d5TGpNM09RMEtDV3d3TGpVek15d3hMalExT1d3eExqSXhMRE11TXpFeGJERXVNakV0TXk0ek1URnNNQzQxTXprdE1TNDBOemhqTWk0d01qa3RNQzR6TkN3ekxqZzNOQzB4TGpJeU55dzFMak0zTVMweUxqVXhNbXd5TGpReU1pd3hMakV5Tld3dE1TNHhNamt0TWk0ME13MEtDV014TGpJM01TMHhMalV4T1N3eUxqRXpNeTB6TGpNNE5Td3lMalEwTkMwMUxqUXpURE0zTGpNNUxESTJMakV6TTNvZ1RURTJMamd5Tml3eU5TNHdNREZqTUMweExqUTRNU3d3TGpRd01pMHlMamcyTnl3eExqQTVNeTAwTGpBMk5nMEtDV013TGpZNU9DMHhMakl3T0N3eExqWTVNeTB5TGpJeE9Td3lMamc0T0MweUxqa3pPR014TGpJeU9DMHdMamN6T0N3eUxqWTJMVEV1TVRjeUxEUXVNVGswTFRFdU1UY3lZekV1TnpVM0xEQXNNeTR6T0RJc01DNDFOak1zTkM0M01UY3NNUzQxTVd3dE5pNDNNalFzTkM0Mk9EWnNMVFF1TmpZc05pNDJPVEVOQ2dsRE1UY3VNemc0TERJNExqTTNPU3d4Tmk0NE1qWXNNall1TnpVMkxERTJMamd5Tml3eU5TNHdNREY2SUUweU5pNHdOek1zTWpRdU9USTRZekFzTUM0Mk1UWXRNQzQxTERFdU1URTJMVEV1TVRFMkxERXVNVEUyY3kweExqRXhOaTB3TGpVdE1TNHhNVFl0TVM0eE1UWU5DZ2x6TUM0MUxURXVNVEUyTERFdU1URTJMVEV1TVRFMlV6STJMakEzTXl3eU5DNHpNVElzTWpZdU1EY3pMREkwTGpreU9Ib2dUVEkxTGpBd01Td3pNeTR4TnpSakxURXVOalk1TERBdE15NHlNakl0TUM0MU1EVXROQzQxTVRjdE1TNHpOamRzTmk0Mk5EZ3ROQzQyTXpOc05DNDJOamd0Tmk0M01EUU5DZ2xqTUM0NE5qY3NNUzR5T1Rjc01TNHpOelVzTWk0NE5UVXNNUzR6TnpVc05DNDFNekZqTUN3eExqUTRMVEF1TkRBeUxESXVPRFkxTFRFdU1Ea3pMRFF1TURZMFl5MHdMalk1T0N3eExqSXdPUzB4TGpZNU5Dd3lMakl4T1MweUxqZzRPQ3d5TGprek53MEtDVU15Tnk0NU5qWXNNekl1TnpReExESTJMalV6TkN3ek15NHhOelFzTWpVdU1EQXhMRE16TGpFM05Ib2lMejROQ2p3dmMzWm5QZzBLXCIpO1xyXG59Ki9cbi8qIEV4cGVyaWVuY2UgSWNvbnMgKi9cbi8qIFJlc2lkZW5jZSBJY29ucyAqL1xuLyogUm9vbSBhbmQgU3VpdGUgSWNvbnMgKi9cbi8qXG5cdFxuXHQxLiBCdXR0b25zXG5cbiAqL1xuLyogPGJ1dHRvbj4gY3NzIHJlc2V0ICovXG4ucHN3cF9fYnV0dG9uIHtcbiAgd2lkdGg6IDE4cHg7XG4gIGhlaWdodDogMThweDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIG92ZXJmbG93OiB2aXNpYmxlO1xuICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBib3JkZXI6IDA7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogMDtcbiAgZmxvYXQ6IHJpZ2h0O1xuICBvcGFjaXR5OiAwLjc1O1xuICB0cmFuc2l0aW9uOiBvcGFjaXR5IDAuMnM7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG59XG5cbi5wc3dwX19idXR0b246Zm9jdXMsIC5wc3dwX19idXR0b246aG92ZXIge1xuICBvcGFjaXR5OiAxO1xufVxuXG4ucHN3cF9fYnV0dG9uOmFjdGl2ZSB7XG4gIG91dGxpbmU6IG5vbmU7XG4gIG9wYWNpdHk6IDAuOTtcbn1cblxuLnBzd3BfX2J1dHRvbjo6LW1vei1mb2N1cy1pbm5lciB7XG4gIHBhZGRpbmc6IDA7XG4gIGJvcmRlcjogMDtcbn1cblxuLyogcHN3cF9fdWktLW92ZXItY2xvc2UgY2xhc3MgaXQgYWRkZWQgd2hlbiBtb3VzZSBpcyBvdmVyIGVsZW1lbnQgdGhhdCBzaG91bGQgY2xvc2UgZ2FsbGVyeSAqL1xuLnBzd3BfX3VpLS1vdmVyLWNsb3NlIC5wc3dwX19idXR0b24tLWNsb3NlIHtcbiAgb3BhY2l0eTogMTtcbn1cblxuLnBzd3BfX2J1dHRvbiB7XG4gIHdpZHRoOiA0NHB4O1xuICBoZWlnaHQ6IDQ0cHg7XG4gIGJhY2tncm91bmQtcG9zaXRpb246IGNlbnRlcjtcbn1cblxuQG1lZGlhICgtd2Via2l0LW1pbi1kZXZpY2UtcGl4ZWwtcmF0aW86IDEuMSksIChtaW4tcmVzb2x1dGlvbjogMTA1ZHBpKSwgKG1pbi1yZXNvbHV0aW9uOiAxLjFkcHB4KSB7XG4gIC8qIFNlcnZlIFNWRyBzcHJpdGUgaWYgYnJvd3NlciBzdXBwb3J0cyBTVkcgYW5kIHJlc29sdXRpb24gaXMgbW9yZSB0aGFuIDEwNWRwaSAqL1xuICAvKi5wc3dwLS1zdmcgLnBzd3BfX2J1dHRvbixcbiAgICAucHN3cC0tc3ZnIC5wc3dwX19idXR0b24tLWFycm93LS1sZWZ0OmJlZm9yZSxcblx0LnBzd3AtLXN2ZyAucHN3cF9fYnV0dG9uLS1hcnJvdy0tcmlnaHQ6YmVmb3JlIHtcbiAgICAgICAgYmFja2dyb3VuZC1pbWFnZTogdXJsKGRlZmF1bHQtc2tpbi5zdmcpO1xuICAgIH1cblxuICAgIC5wc3dwLS1zdmcgLnBzd3BfX2J1dHRvbi0tYXJyb3ctLWxlZnQsXG5cdC5wc3dwLS1zdmcgLnBzd3BfX2J1dHRvbi0tYXJyb3ctLXJpZ2h0IHtcblx0XHRiYWNrZ3JvdW5kOiBub25lO1xuXHR9Ki9cbn1cblxuLnBzd3BfX2J1dHRvbi0tY2xvc2Uge1xuICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiAwIC00NHB4O1xufVxuXG4ucHN3cF9fYnV0dG9uLS1mcyB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50ICFpbXBvcnRhbnQ7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5wc3dwLS1zdXBwb3J0cy1mcyAucHN3cF9fYnV0dG9uLS1mcyB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoXCJkYXRhOmltYWdlL3N2Zyt4bWw7YmFzZTY0LFBEOTRiV3dnZG1WeWMybHZiajBpTVM0d0lpQmxibU52WkdsdVp6MGlWVlJHTFRnaUlITjBZVzVrWVd4dmJtVTlJbTV2SWo4K1BITjJaeUIzYVdSMGFEMGlNakJ3ZUNJZ2FHVnBaMmgwUFNJeU1IQjRJaUIyYVdWM1FtOTRQU0l3SURBZ01qQWdNakFpSUhabGNuTnBiMjQ5SWpFdU1TSWdlRzFzYm5NOUltaDBkSEE2THk5M2QzY3Vkek11YjNKbkx6SXdNREF2YzNabklpQjRiV3h1Y3pwNGJHbHVhejBpYUhSMGNEb3ZMM2QzZHk1M015NXZjbWN2TVRrNU9TOTRiR2x1YXlJK0lDQWdJQ0FnSUNBOGRHbDBiR1UrWm5Wc2JDQnpZM0psWlc0Z2FXTnZiand2ZEdsMGJHVStJQ0FnSUR4a1pYTmpQa055WldGMFpXUWdkMmwwYUNCVGEyVjBZMmd1UEM5a1pYTmpQaUFnSUNBOFpHVm1jejQ4TDJSbFpuTStJQ0FnSUR4bklHbGtQU0pRWVdkbExURWlJSE4wY205clpUMGlibTl1WlNJZ2MzUnliMnRsTFhkcFpIUm9QU0l4SWlCbWFXeHNQU0p1YjI1bElpQm1hV3hzTFhKMWJHVTlJbVYyWlc1dlpHUWlQaUFnSUNBZ0lDQWdQR2NnYVdROUltWjFiR3d0YzJOeVpXVnVMV2xqYjI0aUlHWnBiR3c5SWlOR1JrWkdSa1lpUGlBZ0lDQWdJQ0FnSUNBZ0lEeHdZWFJvSUdROUlrMDFMamMwT0N3eExqVTNOeUJETmk0eE56UXNNUzQxTnpjZ05pNDFNVGtzTVM0eU16RWdOaTQxTVRrc01DNDRNRFlnUXpZdU5URTVMREF1TXpnZ05pNHhOelFzTUM0d016VWdOUzQzTkRnc01DNHdNelVnVERBc01DNHdNellnVERBdU1EQTBMRFV1TnpjZ1F6QXVNREEwTERZdU1UazRJREF1TXpRNUxEWXVOVFF4SURBdU56YzFMRFl1TlRReElFTXhMakl3TWl3MkxqVTBNU0F4TGpVME55dzJMakU1TmlBeExqVTBOeXcxTGpjM0lFd3hMalUwTlN3eUxqWXdNU0JNTlM0Mk5qSXNOaTQzTVRnZ1REWXVOelUwTERVdU5qSTNJRXd5TGpjd05Td3hMalUzT1NCTU5TNDNORGdzTVM0MU56Y2dXaUlnYVdROUlsTm9ZWEJsSWo0OEwzQmhkR2crSUNBZ0lDQWdJQ0FnSUNBZ1BIQmhkR2dnWkQwaVRURTBMakE1TkN3MkxqYzFNeUJNTVRndU1UUTBMREl1TnpBMElFd3hPQzR4TkRVc05TNDNORFlnUXpFNExqRTBOU3cyTGpFM01pQXhPQzQwT1N3MkxqVXhOeUF4T0M0NU1UWXNOaTQxTVRjZ1F6RTVMak0wTWl3MkxqVXhOeUF4T1M0Mk9EY3NOaTR4TnpJZ01Ua3VOamczTERVdU56UTJJRXd4T1M0Mk9EWXNNQ0JNTVRNdU9UVXNNQzR3TURJZ1F6RXpMalV5TlN3d0xqQXdNaUF4TXk0eE56a3NNQzR6TkRnZ01UTXVNVGM1TERBdU56YzBJRU14TXk0eE56a3NNUzR5SURFekxqVXlOaXd4TGpVME5TQXhNeTQ1TlN3eExqVTBOU0JNTVRjdU1USXlMREV1TlRRMElFd3hNeTR3TURRc05TNDJOaklnVERFMExqQTVOQ3cyTGpjMU15QmFJaUJwWkQwaVUyaGhjR1VpUGp3dmNHRjBhRDRnSUNBZ0lDQWdJQ0FnSUNBOGNHRjBhQ0JrUFNKTk1Ua3VOekU0TERFMExqRXpNeUJETVRrdU56RTRMREV6TGpjd05pQXhPUzR6TnpFc01UTXVNell5SURFNExqazBOeXd4TXk0ek5qSWdRekU0TGpVeUxERXpMak0yTWlBeE9DNHhOelVzTVRNdU56QTRJREU0TGpFM05Td3hOQzR4TXpNZ1RERTRMakUzTnl3eE55NHpNRFFnVERFMExqQTFPU3d4TXk0eE9EVWdUREV5TGprMk55d3hOQzR5TnpZZ1RERTNMakF4Tnl3eE9DNHpNallnVERFekxqazNOU3d4T0M0ek1qY2dRekV6TGpVME9Td3hPQzR6TWpjZ01UTXVNakF5TERFNExqWTNNeUF4TXk0eU1ESXNNVGt1TURrNElFTXhNeTR5TURJc01Ua3VOVEl6SURFekxqVTFMREU1TGpnMk9TQXhNeTQ1TnpVc01Ua3VPRFk1SUV3eE9TNDNNakVzTVRrdU9EWTNJRXd4T1M0M01UZ3NNVFF1TVRNeklGb2lJR2xrUFNKVGFHRndaU0krUEM5d1lYUm9QaUFnSUNBZ0lDQWdJQ0FnSUR4d1lYUm9JR1E5SWswMUxqWXlPQ3d4TXk0eE5TQk1NUzQxTnprc01UY3VNVGs0SUV3eExqVTNOeXd4TkM0eE5UY2dRekV1TlRjM0xERXpMamN6SURFdU1qTXhMREV6TGpNNE5pQXdMamd3TlN3eE15NHpPRFlnUXpBdU16Z3hMREV6TGpNNE5pQXdMakF6TkN3eE15NDNNek1nTUM0d016UXNNVFF1TVRVM0lFd3dMakF6Tnl3eE9TNDVNRElnVERVdU56Y3hMREU1TGprZ1F6WXVNVGszTERFNUxqa2dOaTQxTkRJc01Ua3VOVFUwSURZdU5UUXlMREU1TGpFeU9TQkROaTQxTkRJc01UZ3VOekEwSURZdU1UazNMREU0TGpNMU9DQTFMamMzTVN3eE9DNHpOVGdnVERJdU5qQXhMREU0TGpNMklFdzJMamN4T0N3eE5DNHlORElnVERVdU5qSTRMREV6TGpFMUlGb2lJR2xrUFNKVGFHRndaU0krUEM5d1lYUm9QaUFnSUNBZ0lDQWdJQ0FnSUR4eVpXTjBJR2xrUFNKU1pXTjBZVzVuYkdVdGNHRjBhQ0lnZUQwaU55NDNOVEVpSUhrOUlqY3VPRFExSWlCM2FXUjBhRDBpTkM0Mk15SWdhR1ZwWjJoMFBTSTBMall6SWo0OEwzSmxZM1ErSUNBZ0lDQWdJQ0E4TDJjK0lDQWdJRHd2Wno0OEwzTjJaejQ9XCIpO1xufVxuXG4vKlxuXHRBcnJvdyBidXR0b25zIGhpdCBhcmVhXG5cdChpY29uIGlzIGFkZGVkIHRvIDpiZWZvcmUgcHNldWRvLWVsZW1lbnQpXG4qL1xuLnBzd3BfX2J1dHRvbi0tYXJyb3ctLWxlZnQsXG4ucHN3cF9fYnV0dG9uLS1hcnJvdy0tcmlnaHQge1xuICB0b3A6IDUwJTtcbiAgbWFyZ2luLXRvcDogLTI2cHg7XG4gIHdpZHRoOiA1MnB4O1xuICBoZWlnaHQ6IDUycHg7XG4gIGJhY2tncm91bmQtc2l6ZTogMjRweDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDBhOWU0O1xufVxuXG4ucHN3cF9fYnV0dG9uLS1hcnJvdy0tbGVmdCB7XG4gIGxlZnQ6IDA7XG59XG5cbi5wc3dwX19idXR0b24tLWFycm93LS1yaWdodCB7XG4gIHJpZ2h0OiAwO1xufVxuXG4vKlxuXG5cdDIuIFNoYXJlIG1vZGFsL3BvcHVwIGFuZCBsaW5rc1xuXG4gKi9cbi5wc3dwX19jb3VudGVyLFxuLnBzd3BfX3NoYXJlLW1vZGFsIHtcbiAgLXdlYmtpdC11c2VyLXNlbGVjdDogbm9uZTtcbiAgLW1vei11c2VyLXNlbGVjdDogbm9uZTtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG59XG5cbi8qXG5cblx0My4gSW5kZXggaW5kaWNhdG9yIChcIjEgb2YgWFwiIGNvdW50ZXIpXG5cbiAqL1xuLnBzd3BfX2NvdW50ZXIge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IDA7XG4gIHRvcDogMDtcbiAgaGVpZ2h0OiA0NHB4O1xuICBmb250LXNpemU6IDE2cHg7XG4gIGxpbmUtaGVpZ2h0OiA0NHB4O1xuICBjb2xvcjogI0ZGRjtcbiAgb3BhY2l0eTogMTtcbiAgcGFkZGluZzogMCAxMHB4O1xufVxuXG4vKlxuXHRcblx0NC4gQ2FwdGlvblxuXG4gKi9cbi5wc3dwX19jYXB0aW9uIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiAwO1xuICBib3R0b206IDA7XG4gIHdpZHRoOiAxMDAlO1xuICBtaW4taGVpZ2h0OiA0NHB4O1xufVxuXG4ucHN3cF9fY2FwdGlvbiBzbWFsbCB7XG4gIGZvbnQtc2l6ZTogMTFweDtcbiAgY29sb3I6ICNCQkI7XG59XG5cbi5wc3dwX19jYXB0aW9uX19sZWZ0LFxuLnBzd3BfX2NhcHRpb25fX2NlbnRlciB7XG4gIHRleHQtc2hhZG93OiAxcHggMXB4IDJweCAjMDAwO1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICBmb250LXNpemU6IDE2cHg7XG4gIHBhZGRpbmc6IDAgMjVweCAxMHB4IDI1cHg7XG4gIGxpbmUtaGVpZ2h0OiAyMHB4O1xuICBjb2xvcjogI2ZmZjtcbn1cblxuLnBzd3BfX2NhcHRpb25fX2NlbnRlciB7XG4gIG1heC13aWR0aDogNDIwcHg7XG4gIG1hcmdpbjogMCBhdXRvO1xufVxuXG4ucHN3cF9fY2FwdGlvbi0tZW1wdHkge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4vKiBGYWtlIGNhcHRpb24gZWxlbWVudCwgdXNlZCB0byBjYWxjdWxhdGUgaGVpZ2h0IG9mIG5leHQvcHJldiBpbWFnZSAqL1xuLnBzd3BfX2NhcHRpb24tLWZha2Uge1xuICB2aXNpYmlsaXR5OiBoaWRkZW47XG59XG5cbi8qXG5cblx0NS4gTG9hZGluZyBpbmRpY2F0b3IgKHByZWxvYWRlcilcblxuXHRZb3UgY2FuIHBsYXkgd2l0aCBpdCBoZXJlIC0gaHR0cDovL2NvZGVwZW4uaW8vZGltc2VtZW5vdi9wZW4veXlCV29SXG5cbiAqL1xuLnBzd3BfX3ByZWxvYWRlciB7XG4gIHdpZHRoOiA0NHB4O1xuICBoZWlnaHQ6IDQ0cHg7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiA1MCU7XG4gIG1hcmdpbi1sZWZ0OiAtMjJweDtcbiAgb3BhY2l0eTogMDtcbiAgdHJhbnNpdGlvbjogb3BhY2l0eSAwLjI1cyBlYXNlLW91dDtcbiAgd2lsbC1jaGFuZ2U6IG9wYWNpdHk7XG4gIGRpcmVjdGlvbjogbHRyO1xufVxuXG4ucHN3cF9fcHJlbG9hZGVyX19pY24ge1xuICB3aWR0aDogMjBweDtcbiAgaGVpZ2h0OiAyMHB4O1xuICBtYXJnaW46IDEycHg7XG59XG5cbi5wc3dwX19wcmVsb2FkZXItLWFjdGl2ZSB7XG4gIG9wYWNpdHk6IDE7XG59XG5cbi5wc3dwX19wcmVsb2FkZXItLWFjdGl2ZSAucHN3cF9fcHJlbG9hZGVyX19pY24ge1xuICAvKiBXZSB1c2UgLmdpZiBpbiBicm93c2VycyB0aGF0IGRvbid0IHN1cHBvcnQgQ1NTIGFuaW1hdGlvbiAqL1xuICBiYWNrZ3JvdW5kOiB1cmwocHJlbG9hZGVyLmdpZikgMCAwIG5vLXJlcGVhdDtcbn1cblxuLnBzd3AtLWNzc19hbmltYXRpb24gLnBzd3BfX3ByZWxvYWRlci0tYWN0aXZlIHtcbiAgb3BhY2l0eTogMTtcbn1cblxuLnBzd3AtLWNzc19hbmltYXRpb24gLnBzd3BfX3ByZWxvYWRlci0tYWN0aXZlIC5wc3dwX19wcmVsb2FkZXJfX2ljbiB7XG4gIGFuaW1hdGlvbjogY2xvY2t3aXNlIDUwMG1zIGxpbmVhciBpbmZpbml0ZTtcbn1cblxuLnBzd3AtLWNzc19hbmltYXRpb24gLnBzd3BfX3ByZWxvYWRlci0tYWN0aXZlIC5wc3dwX19wcmVsb2FkZXJfX2RvbnV0IHtcbiAgYW5pbWF0aW9uOiBkb251dC1yb3RhdGUgMTAwMG1zIGN1YmljLWJlemllcigwLjQsIDAsIDAuMjIsIDEpIGluZmluaXRlO1xufVxuXG4ucHN3cC0tY3NzX2FuaW1hdGlvbiAucHN3cF9fcHJlbG9hZGVyX19pY24ge1xuICBiYWNrZ3JvdW5kOiBub25lO1xuICBvcGFjaXR5OiAwLjc1O1xuICB3aWR0aDogMTRweDtcbiAgaGVpZ2h0OiAxNHB4O1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IDE1cHg7XG4gIHRvcDogMTVweDtcbiAgbWFyZ2luOiAwO1xufVxuXG4ucHN3cC0tY3NzX2FuaW1hdGlvbiAucHN3cF9fcHJlbG9hZGVyX19jdXQge1xuICAvKiBcblx0XHRcdFRoZSBpZGVhIG9mIGFuaW1hdGluZyBpbm5lciBjaXJjbGUgaXMgYmFzZWQgb24gUG9seW1lciAoXCJtYXRlcmlhbFwiKSBsb2FkaW5nIGluZGljYXRvciBcblx0XHRcdCBieSBLZWFudSBMZWUgaHR0cHM6Ly9ibG9nLmtlYW51bGVlLmNvbS8yMDE0LzEwLzIwL3RoZS10YWxlLW9mLXRocmVlLXNwaW5uZXJzLmh0bWxcblx0XHQqL1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiA3cHg7XG4gIGhlaWdodDogMTRweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbn1cblxuLnBzd3AtLWNzc19hbmltYXRpb24gLnBzd3BfX3ByZWxvYWRlcl9fZG9udXQge1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICB3aWR0aDogMTRweDtcbiAgaGVpZ2h0OiAxNHB4O1xuICBib3JkZXI6IDJweCBzb2xpZCAjRkZGO1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGJvcmRlci1sZWZ0LWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYm9yZGVyLWJvdHRvbS1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICBiYWNrZ3JvdW5kOiBub25lO1xuICBtYXJnaW46IDA7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDEwMjRweCkge1xuICAucHN3cF9fcHJlbG9hZGVyIHtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgbGVmdDogYXV0bztcbiAgICB0b3A6IGF1dG87XG4gICAgbWFyZ2luOiAwO1xuICAgIGZsb2F0OiByaWdodDtcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIGNsb2Nrd2lzZSB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgZG9udXQtcm90YXRlIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogcm90YXRlKDApO1xuICB9XG4gIDUwJSB7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoLTE0MGRlZyk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoMCk7XG4gIH1cbn1cblxuLypcblx0XG5cdDYuIEFkZGl0aW9uYWwgc3R5bGVzXG5cbiAqL1xuLyogcm9vdCBlbGVtZW50IG9mIFVJICovXG4ucHN3cF9fdWkge1xuICAtd2Via2l0LWZvbnQtc21vb3RoaW5nOiBhdXRvO1xuICB2aXNpYmlsaXR5OiB2aXNpYmxlO1xuICBvcGFjaXR5OiAxO1xuICB6LWluZGV4OiAxNTUwO1xufVxuXG4vKiB0b3AgYmxhY2sgYmFyIHdpdGggYnV0dG9ucyBhbmQgXCIxIG9mIFhcIiBpbmRpY2F0b3IgKi9cbi5wc3dwX190b3AtYmFyIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiAwO1xuICB0b3A6IDA7XG4gIGhlaWdodDogNDRweDtcbiAgd2lkdGg6IDEwMCU7XG59XG5cbi5wc3dwX19jYXB0aW9uLFxuLnBzd3BfX3RvcC1iYXIsXG4ucHN3cC0taGFzX21vdXNlIC5wc3dwX19idXR0b24tLWFycm93LS1sZWZ0LFxuLnBzd3AtLWhhc19tb3VzZSAucHN3cF9fYnV0dG9uLS1hcnJvdy0tcmlnaHQge1xuICAtd2Via2l0LWJhY2tmYWNlLXZpc2liaWxpdHk6IGhpZGRlbjtcbiAgd2lsbC1jaGFuZ2U6IG9wYWNpdHk7XG4gIHRyYW5zaXRpb246IG9wYWNpdHkgMzMzbXMgY3ViaWMtYmV6aWVyKDAuNCwgMCwgMC4yMiwgMSk7XG59XG5cbi8qIHBzd3AtLWhhc19tb3VzZSBjbGFzcyBpcyBhZGRlZCBvbmx5IHdoZW4gdHdvIHN1YnNlcXVlbnQgbW91c2Vtb3ZlIGV2ZW50cyBvY2N1ciAqL1xuLnBzd3AtLWhhc19tb3VzZSAucHN3cF9fYnV0dG9uLS1hcnJvdy0tbGVmdCxcbi5wc3dwLS1oYXNfbW91c2UgLnBzd3BfX2J1dHRvbi0tYXJyb3ctLXJpZ2h0IHtcbiAgdmlzaWJpbGl0eTogdmlzaWJsZTtcbn1cblxuLyogcHN3cF9fdWktLWZpdCBjbGFzcyBpcyBhZGRlZCB3aGVuIG1haW4gaW1hZ2UgXCJmaXRzXCIgYmV0d2VlbiB0b3AgYmFyIGFuZCBib3R0b20gYmFyIChjYXB0aW9uKSAqL1xuLnBzd3BfX3VpLS1maXQgLnBzd3BfX3RvcC1iYXIsXG4ucHN3cF9fdWktLWZpdCAucHN3cF9fY2FwdGlvbiB7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC4zKTtcbn1cblxuLyogcHN3cF9fdWktLWlkbGUgY2xhc3MgaXMgYWRkZWQgd2hlbiBtb3VzZSBpc24ndCBtb3ZpbmcgZm9yIHNldmVyYWwgc2Vjb25kcyAoSlMgb3B0aW9uIHRpbWVUb0lkbGUpICovXG4ucHN3cF9fdWktLWlkbGUgLnBzd3BfX2J1dHRvbi0tYXJyb3ctLWxlZnQsXG4ucHN3cF9fdWktLWlkbGUgLnBzd3BfX2J1dHRvbi0tYXJyb3ctLXJpZ2h0IHtcbiAgb3BhY2l0eTogMDtcbn1cblxuLypcblx0cHN3cF9fdWktLWhpZGRlbiBjbGFzcyBpcyBhZGRlZCB3aGVuIGNvbnRyb2xzIGFyZSBoaWRkZW5cblx0ZS5nLiB3aGVuIHVzZXIgdGFwcyB0byB0b2dnbGUgdmlzaWJpbGl0eSBvZiBjb250cm9sc1xuKi9cbi5wc3dwX191aS0taGlkZGVuIC5wc3dwX190b3AtYmFyLFxuLnBzd3BfX3VpLS1oaWRkZW4gLnBzd3BfX2NhcHRpb24sXG4ucHN3cF9fdWktLWhpZGRlbiAucHN3cF9fYnV0dG9uLS1hcnJvdy0tbGVmdCxcbi5wc3dwX191aS0taGlkZGVuIC5wc3dwX19idXR0b24tLWFycm93LS1yaWdodCB7XG4gIC8qIEZvcmNlIHBhaW50ICYgY3JlYXRlIGNvbXBvc2l0aW9uIGxheWVyIGZvciBjb250cm9scy4gKi9cbiAgb3BhY2l0eTogMC4wMDE7XG59XG5cbi8qIHBzd3BfX3VpLS1vbmUtc2xpZGUgY2xhc3MgaXMgYWRkZWQgd2hlbiB0aGVyZSBpcyBqdXN0IG9uZSBpdGVtIGluIGdhbGxlcnkgKi9cbi5wc3dwX191aS0tb25lLXNsaWRlIC5wc3dwX19idXR0b24tLWFycm93LS1sZWZ0LFxuLnBzd3BfX3VpLS1vbmUtc2xpZGUgLnBzd3BfX2J1dHRvbi0tYXJyb3ctLXJpZ2h0LFxuLnBzd3BfX3VpLS1vbmUtc2xpZGUgLnBzd3BfX2NvdW50ZXIge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4ucHN3cF9fZWxlbWVudC0tZGlzYWJsZWQge1xuICBkaXNwbGF5OiBub25lICFpbXBvcnRhbnQ7XG59XG5cbi5wc3dwLS1taW5pbWFsLS1kYXJrIC5wc3dwX190b3AtYmFyIHtcbiAgYmFja2dyb3VuZDogbm9uZTtcbn1cblxuLypcblxuNy4gT3ZlcnJpZGVzIG9mIG1haW5cblxuKi9cbiJdfQ== */

/**
 * Owl Carousel v2.2.0
 * Copyright 2013-2016 David Deutsch
 * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:-webkit-transform .1s ease;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transform:scale(1.3,1.3);-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/**
 * Owl Carousel v2.2.0
 * Copyright 2013-2016 David Deutsch
 * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
dropdown {
  display: inline-block;
  position: relative; }

.dropdown__button {
  cursor: pointer;
  display: block;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

.dropdown__content {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  background: white;
  display: block;
  position: absolute;
  padding: 1.5rem;
  min-width: 100%;
  z-index: 1; }
  .dropdown__content:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15); }
@charset "UTF-8";
/*
 * Organization inspired by the ITCSSS methodology to manage the specificy.
 *   Specificity goes from least to most specific selectors (top to bottom)
 *
 * CONTENTS
 * 1. Settings
 *      Project-level configuration
 * 2. Tools
 *      Helper functions such as animations and fonts
 * 3. Generic
 *      Cross-browser normalization
 * 4. Elements
 *      Setup document defaults, headings, links and other HTML elements
 * 5. Objects
 *      Containers as described in OOCSS.  Things such as grids and structural classes
 * 6. Components
 *      Most of the document's CSS should live here
 * 7. Overrides
 *      You should be embarrased to add anything here.  This is a place to add
		hacks like !important.
 * 8. Vendor
 *      Imports for styles relating to external/vendor packages that are used within the content-page
		This is a centralized place so that we would not have multiple imports for the same styles throughout the project
*/
/* Tools */
[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
  -webkit-transition-duration: 50ms;
          transition-duration: 50ms; }

[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
  -webkit-transition-delay: 50ms;
          transition-delay: 50ms; }

[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
  -webkit-transition-duration: .1s;
          transition-duration: .1s; }

[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
  -webkit-transition-delay: .1s;
          transition-delay: .1s; }

[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
  -webkit-transition-duration: .15s;
          transition-duration: .15s; }

[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
  -webkit-transition-delay: .15s;
          transition-delay: .15s; }

[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
  -webkit-transition-duration: .2s;
          transition-duration: .2s; }

[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
  -webkit-transition-delay: .2s;
          transition-delay: .2s; }

[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
  -webkit-transition-duration: .25s;
          transition-duration: .25s; }

[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
  -webkit-transition-delay: .25s;
          transition-delay: .25s; }

[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
  -webkit-transition-duration: .3s;
          transition-duration: .3s; }

[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
  -webkit-transition-delay: .3s;
          transition-delay: .3s; }

[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
  -webkit-transition-duration: .35s;
          transition-duration: .35s; }

[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
  -webkit-transition-delay: .35s;
          transition-delay: .35s; }

[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
  -webkit-transition-duration: .4s;
          transition-duration: .4s; }

[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
  -webkit-transition-delay: .4s;
          transition-delay: .4s; }

[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
  -webkit-transition-duration: .45s;
          transition-duration: .45s; }

[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
  -webkit-transition-delay: .45s;
          transition-delay: .45s; }

[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
  -webkit-transition-duration: .5s;
          transition-duration: .5s; }

[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
  -webkit-transition-delay: .5s;
          transition-delay: .5s; }

[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
  -webkit-transition-duration: .55s;
          transition-duration: .55s; }

[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
  -webkit-transition-delay: .55s;
          transition-delay: .55s; }

[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
  -webkit-transition-duration: .6s;
          transition-duration: .6s; }

[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
  -webkit-transition-delay: .6s;
          transition-delay: .6s; }

[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
  -webkit-transition-duration: .65s;
          transition-duration: .65s; }

[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
  -webkit-transition-delay: .65s;
          transition-delay: .65s; }

[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
  -webkit-transition-duration: .7s;
          transition-duration: .7s; }

[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
  -webkit-transition-delay: .7s;
          transition-delay: .7s; }

[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
  -webkit-transition-duration: .75s;
          transition-duration: .75s; }

[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
  -webkit-transition-delay: .75s;
          transition-delay: .75s; }

[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
  -webkit-transition-duration: .8s;
          transition-duration: .8s; }

[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
  -webkit-transition-delay: .8s;
          transition-delay: .8s; }

[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
  -webkit-transition-duration: .85s;
          transition-duration: .85s; }

[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
  -webkit-transition-delay: .85s;
          transition-delay: .85s; }

[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
  -webkit-transition-duration: .9s;
          transition-duration: .9s; }

[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
  -webkit-transition-delay: .9s;
          transition-delay: .9s; }

[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
  -webkit-transition-duration: .95s;
          transition-duration: .95s; }

[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
  -webkit-transition-delay: .95s;
          transition-delay: .95s; }

[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
  -webkit-transition-duration: 1s;
          transition-duration: 1s; }

[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
  -webkit-transition-delay: 1s;
          transition-delay: 1s; }

[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
  -webkit-transition-duration: 1.05s;
          transition-duration: 1.05s; }

[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.05s;
          transition-delay: 1.05s; }

[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
  -webkit-transition-duration: 1.1s;
          transition-duration: 1.1s; }

[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.1s;
          transition-delay: 1.1s; }

[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
  -webkit-transition-duration: 1.15s;
          transition-duration: 1.15s; }

[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.15s;
          transition-delay: 1.15s; }

[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
  -webkit-transition-duration: 1.2s;
          transition-duration: 1.2s; }

[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s; }

[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
  -webkit-transition-duration: 1.25s;
          transition-duration: 1.25s; }

[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.25s;
          transition-delay: 1.25s; }

[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
  -webkit-transition-duration: 1.3s;
          transition-duration: 1.3s; }

[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.3s;
          transition-delay: 1.3s; }

[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
  -webkit-transition-duration: 1.35s;
          transition-duration: 1.35s; }

[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.35s;
          transition-delay: 1.35s; }

[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
  -webkit-transition-duration: 1.4s;
          transition-duration: 1.4s; }

[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.4s;
          transition-delay: 1.4s; }

[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
  -webkit-transition-duration: 1.45s;
          transition-duration: 1.45s; }

[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.45s;
          transition-delay: 1.45s; }

[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
  -webkit-transition-duration: 1.5s;
          transition-duration: 1.5s; }

[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s; }

[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
  -webkit-transition-duration: 1.55s;
          transition-duration: 1.55s; }

[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.55s;
          transition-delay: 1.55s; }

[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
  -webkit-transition-duration: 1.6s;
          transition-duration: 1.6s; }

[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.6s;
          transition-delay: 1.6s; }

[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
  -webkit-transition-duration: 1.65s;
          transition-duration: 1.65s; }

[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.65s;
          transition-delay: 1.65s; }

[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
  -webkit-transition-duration: 1.7s;
          transition-duration: 1.7s; }

[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.7s;
          transition-delay: 1.7s; }

[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
  -webkit-transition-duration: 1.75s;
          transition-duration: 1.75s; }

[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.75s;
          transition-delay: 1.75s; }

[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
  -webkit-transition-duration: 1.8s;
          transition-duration: 1.8s; }

[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.8s;
          transition-delay: 1.8s; }

[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
  -webkit-transition-duration: 1.85s;
          transition-duration: 1.85s; }

[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.85s;
          transition-delay: 1.85s; }

[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
  -webkit-transition-duration: 1.9s;
          transition-duration: 1.9s; }

[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.9s;
          transition-delay: 1.9s; }

[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
  -webkit-transition-duration: 1.95s;
          transition-duration: 1.95s; }

[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.95s;
          transition-delay: 1.95s; }

[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
  -webkit-transition-duration: 2s;
          transition-duration: 2s; }

[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
  -webkit-transition-delay: 2s;
          transition-delay: 2s; }

[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
  -webkit-transition-duration: 2.05s;
          transition-duration: 2.05s; }

[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.05s;
          transition-delay: 2.05s; }

[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
  -webkit-transition-duration: 2.1s;
          transition-duration: 2.1s; }

[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.1s;
          transition-delay: 2.1s; }

[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
  -webkit-transition-duration: 2.15s;
          transition-duration: 2.15s; }

[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.15s;
          transition-delay: 2.15s; }

[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
  -webkit-transition-duration: 2.2s;
          transition-duration: 2.2s; }

[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.2s;
          transition-delay: 2.2s; }

[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
  -webkit-transition-duration: 2.25s;
          transition-duration: 2.25s; }

[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.25s;
          transition-delay: 2.25s; }

[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
  -webkit-transition-duration: 2.3s;
          transition-duration: 2.3s; }

[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.3s;
          transition-delay: 2.3s; }

[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
  -webkit-transition-duration: 2.35s;
          transition-duration: 2.35s; }

[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.35s;
          transition-delay: 2.35s; }

[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
  -webkit-transition-duration: 2.4s;
          transition-duration: 2.4s; }

[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.4s;
          transition-delay: 2.4s; }

[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
  -webkit-transition-duration: 2.45s;
          transition-duration: 2.45s; }

[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.45s;
          transition-delay: 2.45s; }

[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
  -webkit-transition-duration: 2.5s;
          transition-duration: 2.5s; }

[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.5s;
          transition-delay: 2.5s; }

[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
  -webkit-transition-duration: 2.55s;
          transition-duration: 2.55s; }

[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.55s;
          transition-delay: 2.55s; }

[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
  -webkit-transition-duration: 2.6s;
          transition-duration: 2.6s; }

[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.6s;
          transition-delay: 2.6s; }

[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
  -webkit-transition-duration: 2.65s;
          transition-duration: 2.65s; }

[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.65s;
          transition-delay: 2.65s; }

[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
  -webkit-transition-duration: 2.7s;
          transition-duration: 2.7s; }

[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.7s;
          transition-delay: 2.7s; }

[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
  -webkit-transition-duration: 2.75s;
          transition-duration: 2.75s; }

[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.75s;
          transition-delay: 2.75s; }

[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
  -webkit-transition-duration: 2.8s;
          transition-duration: 2.8s; }

[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.8s;
          transition-delay: 2.8s; }

[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
  -webkit-transition-duration: 2.85s;
          transition-duration: 2.85s; }

[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.85s;
          transition-delay: 2.85s; }

[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
  -webkit-transition-duration: 2.9s;
          transition-duration: 2.9s; }

[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.9s;
          transition-delay: 2.9s; }

[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
  -webkit-transition-duration: 2.95s;
          transition-duration: 2.95s; }

[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.95s;
          transition-delay: 2.95s; }

[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
  -webkit-transition-duration: 3s;
          transition-duration: 3s; }

[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
  -webkit-transition-delay: 0;
          transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
  -webkit-transition-delay: 3s;
          transition-delay: 3s; }

[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
          transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); }

[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease; }

[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
  -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in; }

[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out; }

[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out; }

[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
          transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); }

[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }

[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
          transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }

[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
          transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); }

[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
          transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }

[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
          transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); }

[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
          transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }

[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }

[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
          transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }

[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
          transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }

[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
          transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }

[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
          transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }

[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }

[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
          transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }

[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  -webkit-transition-property: opacity,-webkit-transform;
  transition-property: opacity,-webkit-transform;
  transition-property: opacity,transform;
  transition-property: opacity,transform,-webkit-transform; }

[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  -webkit-transform: translate(0);
          transform: translate(0); }

[data-aos=fade-up] {
  -webkit-transform: translateY(100px);
          transform: translateY(100px); }

[data-aos=fade-down] {
  -webkit-transform: translateY(-100px);
          transform: translateY(-100px); }

[data-aos=fade-right] {
  -webkit-transform: translate(-100px);
          transform: translate(-100px); }

[data-aos=fade-left] {
  -webkit-transform: translate(100px);
          transform: translate(100px); }

[data-aos=fade-up-right] {
  -webkit-transform: translate(-100px, 100px);
          transform: translate(-100px, 100px); }

[data-aos=fade-up-left] {
  -webkit-transform: translate(100px, 100px);
          transform: translate(100px, 100px); }

[data-aos=fade-down-right] {
  -webkit-transform: translate(-100px, -100px);
          transform: translate(-100px, -100px); }

[data-aos=fade-down-left] {
  -webkit-transform: translate(100px, -100px);
          transform: translate(100px, -100px); }

[data-aos^=zoom][data-aos^=zoom] {
  opacity: 0;
  -webkit-transition-property: opacity,-webkit-transform;
  transition-property: opacity,-webkit-transform;
  transition-property: opacity,transform;
  transition-property: opacity,transform,-webkit-transform; }

[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity: 1;
  -webkit-transform: translate(0) scale(1);
          transform: translate(0) scale(1); }

[data-aos=zoom-in] {
  -webkit-transform: scale(0.6);
          transform: scale(0.6); }

[data-aos=zoom-in-up] {
  -webkit-transform: translateY(100px) scale(0.6);
          transform: translateY(100px) scale(0.6); }

[data-aos=zoom-in-down] {
  -webkit-transform: translateY(-100px) scale(0.6);
          transform: translateY(-100px) scale(0.6); }

[data-aos=zoom-in-right] {
  -webkit-transform: translate(-100px) scale(0.6);
          transform: translate(-100px) scale(0.6); }

[data-aos=zoom-in-left] {
  -webkit-transform: translate(100px) scale(0.6);
          transform: translate(100px) scale(0.6); }

[data-aos=zoom-out] {
  -webkit-transform: scale(1.2);
          transform: scale(1.2); }

[data-aos=zoom-out-up] {
  -webkit-transform: translateY(100px) scale(1.2);
          transform: translateY(100px) scale(1.2); }

[data-aos=zoom-out-down] {
  -webkit-transform: translateY(-100px) scale(1.2);
          transform: translateY(-100px) scale(1.2); }

[data-aos=zoom-out-right] {
  -webkit-transform: translate(-100px) scale(1.2);
          transform: translate(-100px) scale(1.2); }

[data-aos=zoom-out-left] {
  -webkit-transform: translate(100px) scale(1.2);
          transform: translate(100px) scale(1.2); }

[data-aos^=slide][data-aos^=slide] {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }

[data-aos^=slide][data-aos^=slide].aos-animate {
  -webkit-transform: translate(0);
          transform: translate(0); }

[data-aos=slide-up] {
  -webkit-transform: translateY(100%);
          transform: translateY(100%); }

[data-aos=slide-down] {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%); }

[data-aos=slide-right] {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%); }

[data-aos=slide-left] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%); }

[data-aos^=flip][data-aos^=flip] {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }

[data-aos=flip-left] {
  -webkit-transform: perspective(2500px) rotateY(-100deg);
          transform: perspective(2500px) rotateY(-100deg); }

[data-aos=flip-left].aos-animate {
  -webkit-transform: perspective(2500px) rotateY(0);
          transform: perspective(2500px) rotateY(0); }

[data-aos=flip-right] {
  -webkit-transform: perspective(2500px) rotateY(100deg);
          transform: perspective(2500px) rotateY(100deg); }

[data-aos=flip-right].aos-animate {
  -webkit-transform: perspective(2500px) rotateY(0);
          transform: perspective(2500px) rotateY(0); }

[data-aos=flip-up] {
  -webkit-transform: perspective(2500px) rotateX(-100deg);
          transform: perspective(2500px) rotateX(-100deg); }

[data-aos=flip-up].aos-animate {
  -webkit-transform: perspective(2500px) rotateX(0);
          transform: perspective(2500px) rotateX(0); }

[data-aos=flip-down] {
  -webkit-transform: perspective(2500px) rotateX(100deg);
          transform: perspective(2500px) rotateX(100deg); }

[data-aos=flip-down].aos-animate {
  -webkit-transform: perspective(2500px) rotateX(0);
          transform: perspective(2500px) rotateX(0); }
/*animate on scroll library*/
/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
/* Fonts
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * @license
 * MyFonts Webfont Build ID 3520727, 2018-02-02T12:31:46-0500
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3520727
 * Licensed pageviews: 2,500,000
 * Webfonts copyright: Font software Copyright 1990 Adobe Systems Incorporated. Typeface designs Copyright 1990 The Monotype Corporation. All rights reserved.
 *
 * © 2018 MyFonts Inc
*/
@font-face {
  font-family: 'GT America';
  font-style: normal;
  font-weight: normal;
  src: url("/css/fonts/GT-America-Standard-Regular.woff2") format("woff2"), url("/css/fonts/GT-America-Standard-Regular.woff") format("woff"); }

@font-face {
  font-family: 'GT America';
  font-style: normal;
  font-weight: 100;
  src: url("/css/fonts/GT-America-Standard-Light.woff2") format("woff2"), url("/css/fonts/GT-America-Standard-Light.woff") format("woff"); }

@font-face {
  font-family: 'GT America';
  font-style: normal;
  font-weight: 700;
  src: url("/css/fonts/GT-America-Standard-Medium.woff2") format("woff2"), url("/css/fonts/GT-America-Standard-Medium.woff") format("woff"); }

@font-face {
  font-family: 'Sabon';
  font-style: normal;
  font-weight: normal;
  src: url("/css/fonts/35B8D7_0_0.woff2") format("woff2"), url("/css/fonts/35B8D7_0_0.woff") format("woff"); }

@font-face {
  font-family: 'Sabon';
  font-style: italic;
  font-weight: normal;
  src: url("/css/fonts/35B8D7_1_0.woff2") format("woff2"), url("/css/fonts/35B8D7_1_0.woff") format("woff"); }

@font-face {
  font-family: 'Sabon';
  font-style: normal;
  font-weight: 700;
  src: url("/css/fonts/35B8D7_2_0.woff2") format("woff2"), url("/css/fonts/35B8D7_2_0.woff") format("woff"); }

/* Animations
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Fade-ins and outs:
 * Variety of fade animations.
 */
.au-enter {
  opacity: 0; }

.au-enter-active {
  -webkit-animation: fadeIn .5s;
          animation: fadeIn .5s; }

.au-leave-active {
  -webkit-animation: fadeOut .5s;
          animation: fadeOut .5s; }

/* Fade animations */
@-webkit-keyframes fade-in-and-up {
  from {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }
@keyframes fade-in-and-up {
  from {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/* Rotate animations */
@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35; }
  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124; } }

@keyframes dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35; }
  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124; } }

/* Shake animations */
@-webkit-keyframes shake-no {
  0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateX(-0.25rem);
            transform: translateX(-0.25rem); }
  20%,
  40%,
  60% {
    -webkit-transform: translateX(0.25rem);
            transform: translateX(0.25rem); }
  80% {
    -webkit-transform: translateX(-webkit-calc(0.25rem - 2px));
            transform: translateX(calc(0.25rem - 2px)); }
  90% {
    -webkit-transform: translateX(-webkit-calc(-0.25rem - 2px));
            transform: translateX(calc(-0.25rem - 2px)); } }
@keyframes shake-no {
  0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateX(-0.25rem);
            transform: translateX(-0.25rem); }
  20%,
  40%,
  60% {
    -webkit-transform: translateX(0.25rem);
            transform: translateX(0.25rem); }
  80% {
    -webkit-transform: translateX(-webkit-calc(0.25rem - 2px));
            transform: translateX(calc(0.25rem - 2px)); }
  90% {
    -webkit-transform: translateX(-webkit-calc(-0.25rem - 2px));
            transform: translateX(calc(-0.25rem - 2px)); } }

/* Generic */
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

/* normalize css */
/* Elements */
/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
/**
 * 1. Remove repeating backgrounds in all browsers (opinionated).
 * 2. Add box sizing inheritence in all browsers (opinionated).
 */
*,
::before,
::after {
  background-repeat: no-repeat;
  /* 1 */
  box-sizing: inherit;
  /* 2 */ }

/**
 * 1. Removes default "clear x" inside inputs on IE and Edge.
 */
::-ms-clear {
  display: none;
  /* 1 */ }

/**
 * Text selection/highlight color
 */
::selection {
  background: #000000;
  color: #ffffff; }

/**
 * A group of selectors containing an invalid selector is invalid.
 * Hence, we need to seperate these into seperate declarations.
 * 1. FF 4-18
 * 2. FF 19+
 * 3. IE 10+, !important required for IE 11.
 * 4. FF, overrides default opacity style.
 */
:-moz-placeholder {
  color: #858585;
  /* 1 */
  opacity: 1.0;
  /* 4 */ }

:-ms-input-placeholder {
  color: #858585 !important;
  /* 3 */
  opacity: 1.0;
  /* 4 */ }

::-webkit-input-placeholder {
  color: #858585;
  opacity: 1.0;
  /* 4 */ }

::placeholder {
  color: #858585;
  opacity: 1.0;
  /* 4 */ }

a {
  color: #5991b2;
  cursor: pointer;
  font-weight: inherit;
  outline: 0 none;
  text-decoration: none; }
  a:hover, a:active {
    outline: 0 none;
    text-decoration: none; }
  a:link {
    outline: 0 none;
    -webkit-tap-highlight-color: transparent; }
  a img {
    vertical-align: middle; }

h1,
h2,
h3,
h4,
h5 {
  margin: 0;
  padding: 0; }

h1 {
  font-family: "GT America", "Helvetica Neue", sans-serif;
  font-size: 36px;
  /* 3.6rem */
  /* 36px */
  color: #000000;
  font-weight: 100;
  letter-spacing: 1px;
  line-height: 42px; }
  @media only screen and (min-width: 48em) {
    h1 {
      font-size: 44px;
      /* 4.4rem */
      /* 44px */
      line-height: 52px; } }

h2 {
  font-family: "GT America", "Helvetica Neue", sans-serif;
  font-size: 28px;
  /* 2.8rem */
  /* 28px */
  color: #000000;
  font-weight: 100;
  letter-spacing: 1px;
  line-height: 32px; }
  @media only screen and (min-width: 48em) {
    h2 {
      font-size: 36px;
      /* 3.6rem */
      /* 36px */
      line-height: 42px; } }

h3 {
  font-size: 28px;
  /* 2.8rem */
  /* 28px */
  font-family: "GT America", "Helvetica Neue", sans-serif;
  color: #000000;
  font-weight: 100;
  letter-spacing: 1px;
  line-height: 32px; }

h4,
h5 {
  font-family: "GT America", "Helvetica Neue", sans-serif;
  font-size: 16px;
  /* 1.6rem */
  /* 16px */
  color: #000000;
  font-weight: 700;
  letter-spacing: normal;
  letter-spacing: initial;
  line-height: 24px; }

/**
 *
 * 1. Add border box sizing in all browsers (opinionated).
 * 2. Set the default font size and line height for the entire project
 * 3. Set the default font size and line height for the entire project
 * 4. Force scrollbars to always be visible to prevent awkard 'jumps' when
 *    navigating between pages have or do not have scroll bars
 * 5. Prevent font size adjustments after orientation changes in IE and iOS.
 */
html {
  font-family: "GT America", "Helvetica Neue", sans-serif;
  box-sizing: border-box;
  /* 1 */
  cursor: default;
  /* 2 */
  font-size: 16px;
  /* 3 */
  -webkit-font-smoothing: antialiased;
  line-height: 1.5;
  /* 3 */
  min-height: 100%;
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%;
  /* 5 */
  -ms-text-size-adjust: 100%;
  /* 5 */ }

/**
 * 1. Legacy, will be removed upon refactor
 */
input[type='email'],
input[type='search'],
input[type='text'],
input[type='tel'],
input[type='url'],
input[type='password'],
textarea,
select {
  font-family: "GT America", "Helvetica Neue", sans-serif;
  background-clip: padding-box;
  /* 1 */
  border: 1px solid #c5c5c5;
  box-sizing: border-box;
  color: #000000;
  font-size: 14px;
  /* 1 */
  height: 40px;
  /* 1 */
  margin: 0 0 7px 0;
  /* 1 */
  outline: none;
  padding: 0 6px;
  /* 1 */
  width: 100%; }
  input[type='email'].ds-field,
  input[type='search'].ds-field,
  input[type='text'].ds-field,
  input[type='tel'].ds-field,
  input[type='url'].ds-field,
  input[type='password'].ds-field,
  textarea.ds-field,
  select.ds-field {
    font-size: 16px;
    /* 1.6rem */
    background-color: #ffffff;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    height: auto;
    height: initial;
    margin-bottom: 0.5rem;
    min-height: 40px;
    padding: 0 0.5rem;
    position: relative;
    text-align: left; }
    input[type='email'].ds-field:focus,
    input[type='search'].ds-field:focus,
    input[type='text'].ds-field:focus,
    input[type='tel'].ds-field:focus,
    input[type='url'].ds-field:focus,
    input[type='password'].ds-field:focus,
    textarea.ds-field:focus,
    select.ds-field:focus {
      border-color: #858585;
      outline: none; }
    input[type='email'].ds-field:disabled,
    input[type='search'].ds-field:disabled,
    input[type='text'].ds-field:disabled,
    input[type='tel'].ds-field:disabled,
    input[type='url'].ds-field:disabled,
    input[type='password'].ds-field:disabled,
    textarea.ds-field:disabled,
    select.ds-field:disabled {
      background-color: #bfbfbf;
      border-color: #bfbfbf;
      color: #ffffff;
      cursor: default;
      outline: none;
      -webkit-user-select: none;
          -ms-user-select: none;
              user-select: none; }
      input[type='email'].ds-field:disabled::-webkit-input-placeholder,
      input[type='search'].ds-field:disabled::-webkit-input-placeholder,
      input[type='text'].ds-field:disabled::-webkit-input-placeholder,
      input[type='tel'].ds-field:disabled::-webkit-input-placeholder,
      input[type='url'].ds-field:disabled::-webkit-input-placeholder,
      input[type='password'].ds-field:disabled::-webkit-input-placeholder,
      textarea.ds-field:disabled::-webkit-input-placeholder,
      select.ds-field:disabled::-webkit-input-placeholder {
        color: #ffffff; }
      input[type='email'].ds-field:disabled::placeholder,
      input[type='search'].ds-field:disabled::placeholder,
      input[type='text'].ds-field:disabled::placeholder,
      input[type='tel'].ds-field:disabled::placeholder,
      input[type='url'].ds-field:disabled::placeholder,
      input[type='password'].ds-field:disabled::placeholder,
      textarea.ds-field:disabled::placeholder,
      select.ds-field:disabled::placeholder {
        color: #ffffff; }
      input[type='email'].ds-field:disabled::-webkit-input-placeholder,
      input[type='search'].ds-field:disabled::-webkit-input-placeholder,
      input[type='text'].ds-field:disabled::-webkit-input-placeholder,
      input[type='tel'].ds-field:disabled::-webkit-input-placeholder,
      input[type='url'].ds-field:disabled::-webkit-input-placeholder,
      input[type='password'].ds-field:disabled::-webkit-input-placeholder,
      textarea.ds-field:disabled::-webkit-input-placeholder,
      select.ds-field:disabled::-webkit-input-placeholder {
        color: #ffffff; }
      input[type='email'].ds-field:disabled::-moz-placeholder,
      input[type='search'].ds-field:disabled::-moz-placeholder,
      input[type='text'].ds-field:disabled::-moz-placeholder,
      input[type='tel'].ds-field:disabled::-moz-placeholder,
      input[type='url'].ds-field:disabled::-moz-placeholder,
      input[type='password'].ds-field:disabled::-moz-placeholder,
      textarea.ds-field:disabled::-moz-placeholder,
      select.ds-field:disabled::-moz-placeholder {
        color: #ffffff; }
      input[type='email'].ds-field:disabled:-ms-input-placeholder,
      input[type='search'].ds-field:disabled:-ms-input-placeholder,
      input[type='text'].ds-field:disabled:-ms-input-placeholder,
      input[type='tel'].ds-field:disabled:-ms-input-placeholder,
      input[type='url'].ds-field:disabled:-ms-input-placeholder,
      input[type='password'].ds-field:disabled:-ms-input-placeholder,
      textarea.ds-field:disabled:-ms-input-placeholder,
      select.ds-field:disabled:-ms-input-placeholder {
        color: #ffffff !important; }
      input[type='email'].ds-field:disabled:-moz-placeholder,
      input[type='search'].ds-field:disabled:-moz-placeholder,
      input[type='text'].ds-field:disabled:-moz-placeholder,
      input[type='tel'].ds-field:disabled:-moz-placeholder,
      input[type='url'].ds-field:disabled:-moz-placeholder,
      input[type='password'].ds-field:disabled:-moz-placeholder,
      textarea.ds-field:disabled:-moz-placeholder,
      select.ds-field:disabled:-moz-placeholder {
        color: #ffffff; }
    input[type='email'].ds-field--has-error,
    input[type='search'].ds-field--has-error,
    input[type='text'].ds-field--has-error,
    input[type='tel'].ds-field--has-error,
    input[type='url'].ds-field--has-error,
    input[type='password'].ds-field--has-error,
    textarea.ds-field--has-error,
    select.ds-field--has-error {
      border: solid 1px #dd3310; }
      input[type='email'].ds-field--has-error + .ds-field-message,
      input[type='search'].ds-field--has-error + .ds-field-message,
      input[type='text'].ds-field--has-error + .ds-field-message,
      input[type='tel'].ds-field--has-error + .ds-field-message,
      input[type='url'].ds-field--has-error + .ds-field-message,
      input[type='password'].ds-field--has-error + .ds-field-message,
      textarea.ds-field--has-error + .ds-field-message,
      select.ds-field--has-error + .ds-field-message {
        color: #dd3310; }

.ds-field-label {
  font-family: "GT America", "Helvetica Neue", sans-serif;
  font-size: 16px;
  /* 1.6rem */
  /* 16px */
  color: #606060;
  line-height: 18px;
  color: #606060;
  display: inline-block;
  margin-bottom: 0.5rem;
  text-align: left;
  white-space: nowrap; }

/**
 * 1. custom margin for visual alignment
 * 2. offsets field's margin-bottom
 */
.ds-field-message {
  font-size: 13px;
  /* 1.3rem */
  color: #858585;
  line-height: 15px;
  margin-bottom: 0.75rem;
  /* 1 */
  margin-top: -0.25rem;
  /* 2 */
  text-align: left; }

/**
 * 1. overrides min-height from input scss above
 */
textarea.ds-field {
  min-height: 120px;
  /* 1 */
  padding: 0.5rem; }

input[type='checkbox'] {
  margin: 0 0.5rem 0 0;
  vertical-align: baseline; }

strong,
b {
  font-style: normal;
  font-weight: 700; }

em,
i {
  font-style: italic;
  font-weight: 400; }

p {
  color: #606060; }

ul {
  list-style: none outside none;
  margin: 0;
  padding-left: 0; }

/* Objects */
.container-fluid,
.container {
  margin-right: auto;
  margin-left: auto; }

.container-fluid {
  padding-right: 2rem;
  padding-left: 2rem; }

.row {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-right: -0.5rem;
  margin-left: -0.5rem; }

.row.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
          flex-direction: row-reverse; }

.col.reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
          flex-direction: column-reverse; }

.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-offset-0,
.col-xs-offset-1,
.col-xs-offset-2,
.col-xs-offset-3,
.col-xs-offset-4,
.col-xs-offset-5,
.col-xs-offset-6,
.col-xs-offset-7,
.col-xs-offset-8,
.col-xs-offset-9,
.col-xs-offset-10,
.col-xs-offset-11,
.col-xs-offset-12 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
          flex: 0 0 auto;
  padding-right: 0.5rem;
  padding-left: 0.5rem; }

.col-xs {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
          flex-grow: 1;
  -webkit-flex-basis: 0;
          flex-basis: 0;
  max-width: 100%; }

.col-xs-1 {
  -webkit-flex-basis: 8.33333333%;
          flex-basis: 8.33333333%;
  max-width: 8.33333333%; }

.col-xs-2 {
  -webkit-flex-basis: 16.66666667%;
          flex-basis: 16.66666667%;
  max-width: 16.66666667%; }

.col-xs-3 {
  -webkit-flex-basis: 25%;
          flex-basis: 25%;
  max-width: 25%; }

.col-xs-4 {
  -webkit-flex-basis: 33.33333333%;
          flex-basis: 33.33333333%;
  max-width: 33.33333333%; }

.col-xs-5 {
  -webkit-flex-basis: 41.66666667%;
          flex-basis: 41.66666667%;
  max-width: 41.66666667%; }

.col-xs-6 {
  -webkit-flex-basis: 50%;
          flex-basis: 50%;
  max-width: 50%; }

.col-xs-7 {
  -webkit-flex-basis: 58.33333333%;
          flex-basis: 58.33333333%;
  max-width: 58.33333333%; }

.col-xs-8 {
  -webkit-flex-basis: 66.66666667%;
          flex-basis: 66.66666667%;
  max-width: 66.66666667%; }

.col-xs-9 {
  -webkit-flex-basis: 75%;
          flex-basis: 75%;
  max-width: 75%; }

.col-xs-10 {
  -webkit-flex-basis: 83.33333333%;
          flex-basis: 83.33333333%;
  max-width: 83.33333333%; }

.col-xs-11 {
  -webkit-flex-basis: 91.66666667%;
          flex-basis: 91.66666667%;
  max-width: 91.66666667%; }

.col-xs-12 {
  -webkit-flex-basis: 100%;
          flex-basis: 100%;
  max-width: 100%; }

.col-xs-offset-0 {
  margin-left: 0; }

.col-xs-offset-1 {
  margin-left: 8.33333333%; }

.col-xs-offset-2 {
  margin-left: 16.66666667%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-4 {
  margin-left: 33.33333333%; }

.col-xs-offset-5 {
  margin-left: 41.66666667%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-7 {
  margin-left: 58.33333333%; }

.col-xs-offset-8 {
  margin-left: 66.66666667%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-10 {
  margin-left: 83.33333333%; }

.col-xs-offset-11 {
  margin-left: 91.66666667%; }

.start-xs {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  text-align: start; }

.center-xs {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  text-align: center; }

.end-xs {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
  text-align: end; }

.top-xs {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
          align-items: flex-start; }

.middle-xs {
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center; }

.bottom-xs {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
          align-items: flex-end; }

.around-xs {
  -webkit-justify-content: space-around;
          justify-content: space-around; }

.between-xs {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between; }

.first-xs {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
          order: -1; }

.last-xs {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
          order: 1; }

@media only screen and (min-width: 48em) {
  .container {
    width: 49rem; }
  .col-sm,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-offset-0,
  .col-sm-offset-1,
  .col-sm-offset-2,
  .col-sm-offset-3,
  .col-sm-offset-4,
  .col-sm-offset-5,
  .col-sm-offset-6,
  .col-sm-offset-7,
  .col-sm-offset-8,
  .col-sm-offset-9,
  .col-sm-offset-10,
  .col-sm-offset-11,
  .col-sm-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
            flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem; }
  .col-sm {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
            flex-grow: 1;
    -webkit-flex-basis: 0;
            flex-basis: 0;
    max-width: 100%; }
  .col-sm-1 {
    -webkit-flex-basis: 8.33333333%;
            flex-basis: 8.33333333%;
    max-width: 8.33333333%; }
  .col-sm-2 {
    -webkit-flex-basis: 16.66666667%;
            flex-basis: 16.66666667%;
    max-width: 16.66666667%; }
  .col-sm-3 {
    -webkit-flex-basis: 25%;
            flex-basis: 25%;
    max-width: 25%; }
  .col-sm-4 {
    -webkit-flex-basis: 33.33333333%;
            flex-basis: 33.33333333%;
    max-width: 33.33333333%; }
  .col-sm-5 {
    -webkit-flex-basis: 41.66666667%;
            flex-basis: 41.66666667%;
    max-width: 41.66666667%; }
  .col-sm-6 {
    -webkit-flex-basis: 50%;
            flex-basis: 50%;
    max-width: 50%; }
  .col-sm-7 {
    -webkit-flex-basis: 58.33333333%;
            flex-basis: 58.33333333%;
    max-width: 58.33333333%; }
  .col-sm-8 {
    -webkit-flex-basis: 66.66666667%;
            flex-basis: 66.66666667%;
    max-width: 66.66666667%; }
  .col-sm-9 {
    -webkit-flex-basis: 75%;
            flex-basis: 75%;
    max-width: 75%; }
  .col-sm-10 {
    -webkit-flex-basis: 83.33333333%;
            flex-basis: 83.33333333%;
    max-width: 83.33333333%; }
  .col-sm-11 {
    -webkit-flex-basis: 91.66666667%;
            flex-basis: 91.66666667%;
    max-width: 91.66666667%; }
  .col-sm-12 {
    -webkit-flex-basis: 100%;
            flex-basis: 100%;
    max-width: 100%; }
  .col-sm-offset-0 {
    margin-left: 0; }
  .col-sm-offset-1 {
    margin-left: 8.33333333%; }
  .col-sm-offset-2 {
    margin-left: 16.66666667%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-4 {
    margin-left: 33.33333333%; }
  .col-sm-offset-5 {
    margin-left: 41.66666667%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-7 {
    margin-left: 58.33333333%; }
  .col-sm-offset-8 {
    margin-left: 66.66666667%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-10 {
    margin-left: 83.33333333%; }
  .col-sm-offset-11 {
    margin-left: 91.66666667%; }
  .start-sm {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    text-align: start; }
  .center-sm {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
    text-align: center; }
  .end-sm {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
            justify-content: flex-end;
    text-align: end; }
  .top-sm {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
            align-items: flex-start; }
  .middle-sm {
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center; }
  .bottom-sm {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
            align-items: flex-end; }
  .around-sm {
    -webkit-justify-content: space-around;
            justify-content: space-around; }
  .between-sm {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
            justify-content: space-between; }
  .first-sm {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
            order: -1; }
  .last-sm {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
            order: 1; } }

@media only screen and (min-width: 64em) {
  .container {
    width: 65rem; }
  .col-md,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-offset-0,
  .col-md-offset-1,
  .col-md-offset-2,
  .col-md-offset-3,
  .col-md-offset-4,
  .col-md-offset-5,
  .col-md-offset-6,
  .col-md-offset-7,
  .col-md-offset-8,
  .col-md-offset-9,
  .col-md-offset-10,
  .col-md-offset-11,
  .col-md-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
            flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem; }
  .col-md {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
            flex-grow: 1;
    -webkit-flex-basis: 0;
            flex-basis: 0;
    max-width: 100%; }
  .col-md-1 {
    -webkit-flex-basis: 8.33333333%;
            flex-basis: 8.33333333%;
    max-width: 8.33333333%; }
  .col-md-2 {
    -webkit-flex-basis: 16.66666667%;
            flex-basis: 16.66666667%;
    max-width: 16.66666667%; }
  .col-md-3 {
    -webkit-flex-basis: 25%;
            flex-basis: 25%;
    max-width: 25%; }
  .col-md-4 {
    -webkit-flex-basis: 33.33333333%;
            flex-basis: 33.33333333%;
    max-width: 33.33333333%; }
  .col-md-5 {
    -webkit-flex-basis: 41.66666667%;
            flex-basis: 41.66666667%;
    max-width: 41.66666667%; }
  .col-md-6 {
    -webkit-flex-basis: 50%;
            flex-basis: 50%;
    max-width: 50%; }
  .col-md-7 {
    -webkit-flex-basis: 58.33333333%;
            flex-basis: 58.33333333%;
    max-width: 58.33333333%; }
  .col-md-8 {
    -webkit-flex-basis: 66.66666667%;
            flex-basis: 66.66666667%;
    max-width: 66.66666667%; }
  .col-md-9 {
    -webkit-flex-basis: 75%;
            flex-basis: 75%;
    max-width: 75%; }
  .col-md-10 {
    -webkit-flex-basis: 83.33333333%;
            flex-basis: 83.33333333%;
    max-width: 83.33333333%; }
  .col-md-11 {
    -webkit-flex-basis: 91.66666667%;
            flex-basis: 91.66666667%;
    max-width: 91.66666667%; }
  .col-md-12 {
    -webkit-flex-basis: 100%;
            flex-basis: 100%;
    max-width: 100%; }
  .col-md-offset-0 {
    margin-left: 0; }
  .col-md-offset-1 {
    margin-left: 8.33333333%; }
  .col-md-offset-2 {
    margin-left: 16.66666667%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-4 {
    margin-left: 33.33333333%; }
  .col-md-offset-5 {
    margin-left: 41.66666667%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-7 {
    margin-left: 58.33333333%; }
  .col-md-offset-8 {
    margin-left: 66.66666667%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-10 {
    margin-left: 83.33333333%; }
  .col-md-offset-11 {
    margin-left: 91.66666667%; }
  .start-md {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    text-align: start; }
  .center-md {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
    text-align: center; }
  .end-md {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
            justify-content: flex-end;
    text-align: end; }
  .top-md {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
            align-items: flex-start; }
  .middle-md {
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center; }
  .bottom-md {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
            align-items: flex-end; }
  .around-md {
    -webkit-justify-content: space-around;
            justify-content: space-around; }
  .between-md {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
            justify-content: space-between; }
  .first-md {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
            order: -1; }
  .last-md {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
            order: 1; } }

@media only screen and (min-width: 75em) {
  .container {
    width: 76rem; }
  .col-lg,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-offset-0,
  .col-lg-offset-1,
  .col-lg-offset-2,
  .col-lg-offset-3,
  .col-lg-offset-4,
  .col-lg-offset-5,
  .col-lg-offset-6,
  .col-lg-offset-7,
  .col-lg-offset-8,
  .col-lg-offset-9,
  .col-lg-offset-10,
  .col-lg-offset-11,
  .col-lg-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
            flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem; }
  .col-lg {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
            flex-grow: 1;
    -webkit-flex-basis: 0;
            flex-basis: 0;
    max-width: 100%; }
  .col-lg-1 {
    -webkit-flex-basis: 8.33333333%;
            flex-basis: 8.33333333%;
    max-width: 8.33333333%; }
  .col-lg-2 {
    -webkit-flex-basis: 16.66666667%;
            flex-basis: 16.66666667%;
    max-width: 16.66666667%; }
  .col-lg-3 {
    -webkit-flex-basis: 25%;
            flex-basis: 25%;
    max-width: 25%; }
  .col-lg-4 {
    -webkit-flex-basis: 33.33333333%;
            flex-basis: 33.33333333%;
    max-width: 33.33333333%; }
  .col-lg-5 {
    -webkit-flex-basis: 41.66666667%;
            flex-basis: 41.66666667%;
    max-width: 41.66666667%; }
  .col-lg-6 {
    -webkit-flex-basis: 50%;
            flex-basis: 50%;
    max-width: 50%; }
  .col-lg-7 {
    -webkit-flex-basis: 58.33333333%;
            flex-basis: 58.33333333%;
    max-width: 58.33333333%; }
  .col-lg-8 {
    -webkit-flex-basis: 66.66666667%;
            flex-basis: 66.66666667%;
    max-width: 66.66666667%; }
  .col-lg-9 {
    -webkit-flex-basis: 75%;
            flex-basis: 75%;
    max-width: 75%; }
  .col-lg-10 {
    -webkit-flex-basis: 83.33333333%;
            flex-basis: 83.33333333%;
    max-width: 83.33333333%; }
  .col-lg-11 {
    -webkit-flex-basis: 91.66666667%;
            flex-basis: 91.66666667%;
    max-width: 91.66666667%; }
  .col-lg-12 {
    -webkit-flex-basis: 100%;
            flex-basis: 100%;
    max-width: 100%; }
  .col-lg-offset-0 {
    margin-left: 0; }
  .col-lg-offset-1 {
    margin-left: 8.33333333%; }
  .col-lg-offset-2 {
    margin-left: 16.66666667%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-4 {
    margin-left: 33.33333333%; }
  .col-lg-offset-5 {
    margin-left: 41.66666667%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-7 {
    margin-left: 58.33333333%; }
  .col-lg-offset-8 {
    margin-left: 66.66666667%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-10 {
    margin-left: 83.33333333%; }
  .col-lg-offset-11 {
    margin-left: 91.66666667%; }
  .start-lg {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    text-align: start; }
  .center-lg {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
    text-align: center; }
  .end-lg {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
            justify-content: flex-end;
    text-align: end; }
  .top-lg {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
            align-items: flex-start; }
  .middle-lg {
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center; }
  .bottom-lg {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
            align-items: flex-end; }
  .around-lg {
    -webkit-justify-content: space-around;
            justify-content: space-around; }
  .between-lg {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
            justify-content: space-between; }
  .first-lg {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
            order: -1; }
  .last-lg {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
            order: 1; } }

/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
/* Design System (.ds) - Color Style Classes
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.ds-link-primary {
  color: #5991b2; }
  .ds-link-primary:visited {
    color: #5991b2; }
  .ds-link-primary:hover {
    color: #82adc5;
    text-decoration: underline; }
  .ds-link-primary:active {
    color: #5991b2;
    text-decoration: underline; }

.ds-link-mint {
  color: #66ad86; }
  .ds-link-mint:visited {
    color: #66ad86; }
  .ds-link-mint:hover {
    color: #7db999;
    text-decoration: underline; }
  .ds-link-mint:active {
    color: #66ad86;
    text-decoration: underline; }

.ds-link-marigold {
  color: #b28f45; }
  .ds-link-marigold:visited {
    color: #b28f45; }
  .ds-link-marigold:hover {
    color: #c09f5b;
    text-decoration: underline; }
  .ds-link-marigold:active {
    color: #b28f45;
    text-decoration: underline; }

.ds-link-white {
  color: #ffffff; }
  .ds-link-white:visited {
    color: #ffffff; }
  .ds-link-white:hover, .ds-link-white:active {
    text-decoration: underline; }

/* Design System (.ds) - Button Style Classes
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.ds-btn-primary {
  border-style: none;
  border-style: initial;
  /* Override to avoid default button style */
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  outline: none;
  padding: 11px 1.5rem;
  /* top and bottom padding necessary visual adjustment from basic variables */
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color 100ms linear;
  transition: background-color 100ms linear;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 11px;
  /* 1.1rem */
  /* 11px */
  font-family: "GT America", "Helvetica Neue", sans-serif;
  color: #000000;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 13px;
  text-transform: uppercase;
  line-height: 16px;
  background: #000000;
  border: 1px solid #000000;
  color: #ffffff; }
  .ds-btn-primary:hover {
    text-decoration: none; }
  .ds-btn-primary:active {
    text-decoration: none;
    -webkit-transition: background-color 0ms linear;
    transition: background-color 0ms linear; }
  .ds-btn-primary:visited {
    color: #ffffff; }
    .ds-btn-primary:visited:hover {
      color: #ffffff; }
  .ds-btn-primary:hover {
    background: #2b2b2b;
    border: 1px solid #2b2b2b;
    color: #ffffff; }
  .ds-btn-primary:active {
    background: #000000;
    color: #ffffff; }

.ds-btn-primary--invert {
  border-style: none;
  border-style: initial;
  /* Override to avoid default button style */
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  outline: none;
  padding: 11px 1.5rem;
  /* top and bottom padding necessary visual adjustment from basic variables */
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color 100ms linear;
  transition: background-color 100ms linear;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 11px;
  /* 1.1rem */
  /* 11px */
  font-family: "GT America", "Helvetica Neue", sans-serif;
  color: #000000;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 13px;
  text-transform: uppercase;
  line-height: 16px;
  background: #ffffff;
  border: 1px solid #ffffff;
  color: #000000; }
  .ds-btn-primary--invert:hover {
    text-decoration: none; }
  .ds-btn-primary--invert:active {
    text-decoration: none;
    -webkit-transition: background-color 0ms linear;
    transition: background-color 0ms linear; }
  .ds-btn-primary--invert:visited {
    color: #000000; }
    .ds-btn-primary--invert:visited:hover {
      color: #ffffff; }
  .ds-btn-primary--invert:hover {
    background: #2b2b2b;
    border: 1px solid #2b2b2b;
    color: #ffffff; }
  .ds-btn-primary--invert:active {
    background: #000000;
    color: #ffffff; }

.ds-btn-secondary {
  border-style: none;
  border-style: initial;
  /* Override to avoid default button style */
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  outline: none;
  padding: 11px 1.5rem;
  /* top and bottom padding necessary visual adjustment from basic variables */
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color 100ms linear;
  transition: background-color 100ms linear;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 11px;
  /* 1.1rem */
  /* 11px */
  font-family: "GT America", "Helvetica Neue", sans-serif;
  color: #000000;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 13px;
  text-transform: uppercase;
  line-height: 16px;
  background: transparent;
  border: solid 1px #000000;
  color: #000000; }
  .ds-btn-secondary:hover {
    text-decoration: none; }
  .ds-btn-secondary:active {
    text-decoration: none;
    -webkit-transition: background-color 0ms linear;
    transition: background-color 0ms linear; }
  .ds-btn-secondary:visited {
    color: #000000; }
  .ds-btn-secondary:hover {
    background: #2b2b2b;
    border: solid 1px #2b2b2b;
    color: #ffffff; }
  .ds-btn-secondary:active {
    background: #000000;
    color: #ffffff; }

.ds-btn-dropdown {
  border-style: none;
  border-style: initial;
  /* Override to avoid default button style */
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  outline: none;
  padding: 11px 1.5rem;
  /* top and bottom padding necessary visual adjustment from basic variables */
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color 100ms linear;
  transition: background-color 100ms linear;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 16px;
  /* 1.6rem */
  background: #ffffff;
  border: #c5c5c5 1px solid;
  color: #606060;
  line-height: 18px;
  padding: 0.5rem 12px; }
  .ds-btn-dropdown:hover {
    text-decoration: none; }
  .ds-btn-dropdown:active {
    text-decoration: none;
    -webkit-transition: background-color 0ms linear;
    transition: background-color 0ms linear; }
  .ds-btn-dropdown:hover, .ds-btn-dropdown:active {
    background-color: #f1f4f8;
    border: #f1f4f8 1px solid;
    color: #000000; }

.ds-btn-secondary--invert {
  border-style: none;
  border-style: initial;
  /* Override to avoid default button style */
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  outline: none;
  padding: 11px 1.5rem;
  /* top and bottom padding necessary visual adjustment from basic variables */
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color 100ms linear;
  transition: background-color 100ms linear;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 11px;
  /* 1.1rem */
  /* 11px */
  font-family: "GT America", "Helvetica Neue", sans-serif;
  color: #000000;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 13px;
  text-transform: uppercase;
  line-height: 16px;
  background: transparent;
  border: #ffffff 1px solid;
  color: #ffffff; }
  .ds-btn-secondary--invert:hover {
    text-decoration: none; }
  .ds-btn-secondary--invert:active {
    text-decoration: none;
    -webkit-transition: background-color 0ms linear;
    transition: background-color 0ms linear; }
  .ds-btn-secondary--invert:visited {
    color: #ffffff; }
  .ds-btn-secondary--invert:hover {
    background-color: #ffffff;
    color: #000000; }
  .ds-btn-secondary--invert:active {
    background-color: rgba(255, 255, 255, .9);
    border: rgba(255, 255, 255, .9) 1px solid;
    color: #000000; }

.ds-btn--disabled {
  background: #bfbfbf;
  border: #bfbfbf 1px solid;
  color: #ffffff;
  cursor: default; }
  .ds-btn--disabled:visited {
    color: #ffffff; }
  .ds-btn--disabled:hover {
    background: #bfbfbf;
    border: #bfbfbf 1px solid;
    color: #ffffff;
    cursor: default; }
  .ds-btn--disabled:active {
    background: #bfbfbf;
    border: #bfbfbf 1px solid;
    color: #ffffff;
    cursor: default; }

.ds-btn--jumbo {
  padding: 15px 3rem; }

.ds-btn--small {
  padding: 3px 1rem;
  white-space: nowrap; }

.ds-btn--has-icon-left {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  padding-left: 12px; }
  .ds-btn--has-icon-left svg {
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    margin-right: 0.5rem; }
  .ds-btn--has-icon-left.ds-btn-primary svg {
    fill: #ffffff; }
  .ds-btn--has-icon-left.ds-btn-secondary svg {
    fill: #000000; }
  .ds-btn--has-icon-left.ds-btn-secondary:hover svg {
    fill: #ffffff; }
  .ds-btn--has-icon-left.ds-btn-primary--invert svg {
    fill: #000000; }
  .ds-btn--has-icon-left.ds-btn-primary--invert:hover svg {
    fill: #ffffff; }
  .ds-btn--has-icon-left.ds-btn-secondary--invert svg {
    fill: #ffffff; }
  .ds-btn--has-icon-left.ds-btn-secondary--invert:hover svg {
    fill: #000000; }
  .ds-btn--has-icon-left.ds-btn--disabled svg {
    fill: #ffffff; }
  .ds-btn--has-icon-left.ds-btn--jumbo {
    padding-left: 2rem; }
  .ds-btn--has-icon-left.ds-btn--small {
    padding-left: 0.5rem; }
    .ds-btn--has-icon-left.ds-btn--small svg {
      margin-right: 0.25rem; }

.ds-btn--has-icon-flush-left {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  padding-left: 1rem; }
  .ds-btn--has-icon-flush-left svg {
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    margin-right: 0.5rem; }
  .ds-btn--has-icon-flush-left.ds-btn-primary svg {
    fill: #ffffff; }
  .ds-btn--has-icon-flush-left.ds-btn-secondary svg {
    fill: #000000; }
  .ds-btn--has-icon-flush-left.ds-btn-secondary:hover svg {
    fill: #ffffff; }
  .ds-btn--has-icon-flush-left.ds-btn-primary--invert svg {
    fill: #000000; }
  .ds-btn--has-icon-flush-left.ds-btn-primary--invert:hover svg {
    fill: #ffffff; }
  .ds-btn--has-icon-flush-left.ds-btn-secondary--invert svg {
    fill: #ffffff; }
  .ds-btn--has-icon-flush-left.ds-btn-secondary--invert:hover svg {
    fill: #000000; }
  .ds-btn--has-icon-flush-left.ds-btn--disabled svg {
    fill: #ffffff; }
  .ds-btn--has-icon-flush-left.ds-btn--small {
    padding-left: 0.5rem; }
    .ds-btn--has-icon-flush-left.ds-btn--small svg {
      margin-right: 0.25rem; }

.ds-btn--has-icon-right {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
          flex-direction: row-reverse;
  padding-right: 12px; }
  .ds-btn--has-icon-right svg {
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    margin-right: 0.5rem; }
  .ds-btn--has-icon-right.ds-btn-primary svg {
    fill: #ffffff; }
  .ds-btn--has-icon-right.ds-btn-secondary svg {
    fill: #000000; }
  .ds-btn--has-icon-right.ds-btn-secondary:hover svg {
    fill: #ffffff; }
  .ds-btn--has-icon-right.ds-btn-primary--invert svg {
    fill: #000000; }
  .ds-btn--has-icon-right.ds-btn-primary--invert:hover svg {
    fill: #ffffff; }
  .ds-btn--has-icon-right.ds-btn-secondary--invert svg {
    fill: #ffffff; }
  .ds-btn--has-icon-right.ds-btn-secondary--invert:hover svg {
    fill: #000000; }
  .ds-btn--has-icon-right.ds-btn--disabled svg {
    fill: #ffffff; }
  .ds-btn--has-icon-right svg {
    margin-right: 0;
    margin-left: 0.5rem; }
  .ds-btn--has-icon-right.ds-btn--jumbo {
    padding-right: 2rem; }
  .ds-btn--has-icon-right.ds-btn--small {
    padding-right: 0.5rem; }
    .ds-btn--has-icon-right.ds-btn--small svg {
      margin-right: 0;
      margin-left: 0.25rem; }

/* Design System (.ds) - Typography Style Classes
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.ds-headline-big {
  font-family: "GT America", "Helvetica Neue", sans-serif;
  font-size: 36px;
  /* 3.6rem */
  /* 36px */
  color: #000000;
  font-weight: 100;
  letter-spacing: 1px;
  line-height: 42px; }
  @media only screen and (min-width: 48em) {
    .ds-headline-big {
      font-size: 44px;
      /* 4.4rem */
      /* 44px */
      line-height: 52px; } }

.ds-headline-large {
  font-family: "GT America", "Helvetica Neue", sans-serif;
  font-size: 28px;
  /* 2.8rem */
  /* 28px */
  color: #000000;
  font-weight: 100;
  letter-spacing: 1px;
  line-height: 32px; }
  @media only screen and (min-width: 48em) {
    .ds-headline-large {
      font-size: 36px;
      /* 3.6rem */
      /* 36px */
      line-height: 42px; } }

.ds-headline-medium {
  font-size: 28px;
  /* 2.8rem */
  /* 28px */
  font-family: "GT America", "Helvetica Neue", sans-serif;
  color: #000000;
  font-weight: 100;
  letter-spacing: 1px;
  line-height: 32px; }

.ds-headline-small {
  font-family: "GT America", "Helvetica Neue", sans-serif;
  font-size: 16px;
  /* 1.6rem */
  /* 16px */
  color: #000000;
  font-weight: 700;
  letter-spacing: normal;
  letter-spacing: initial;
  line-height: 24px; }

.ds-subhead {
  font-family: "Sabon", "Garamond", serif;
  font-size: 24px;
  /* 2.4rem */
  /* 24px */
  color: #000000;
  font-weight: normal;
  letter-spacing: normal;
  letter-spacing: initial;
  line-height: 30px; }

.ds-title-large {
  font-size: 28px;
  /* 2.8rem */
  /* 28px */
  font-family: "GT America", "Helvetica Neue", sans-serif;
  color: #000000;
  font-weight: 100;
  letter-spacing: normal;
  letter-spacing: initial;
  line-height: 30px; }

.ds-title-medium {
  font-size: 24px;
  /* 2.4rem */
  /* 24px */
  font-family: "GT America", "Helvetica Neue", sans-serif;
  color: #000000;
  font-weight: 100;
  letter-spacing: normal;
  letter-spacing: initial;
  line-height: 27px; }

.ds-title-small {
  font-size: 20px;
  /* 2.0rem */
  /* 20px */
  font-family: "GT America", "Helvetica Neue", sans-serif;
  color: #000000;
  font-weight: 100;
  letter-spacing: normal;
  letter-spacing: initial;
  line-height: 23px; }

.ds-subtitle {
  font-family: "GT America", "Helvetica Neue", sans-serif;
  font-size: 13px;
  /* 1.3rem */
  /* 13px */
  color: #606060;
  display: block;
  font-weight: normal;
  letter-spacing: normal;
  letter-spacing: initial;
  line-height: 15px; }

.ds-label-large {
  font-size: 24px;
  /* 2.4rem */
  /* 24px */
  font-family: "GT America", "Helvetica Neue", sans-serif;
  color: #606060;
  font-weight: 100;
  line-height: 27px; }

.ds-label-medium {
  font-family: "GT America", "Helvetica Neue", sans-serif;
  font-size: 16px;
  /* 1.6rem */
  /* 16px */
  color: #606060;
  line-height: 18px; }

.ds-label-small {
  font-family: "GT America", "Helvetica Neue", sans-serif;
  font-size: 13px;
  /* 1.3rem */
  /* 13px */
  color: #606060;
  line-height: 15px; }

.ds-caps-small {
  font-size: 11px;
  /* 1.1rem */
  /* 11px */
  font-family: "GT America", "Helvetica Neue", sans-serif;
  color: #000000;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 13px;
  text-transform: uppercase; }

.ds-p-base {
  font-family: "Sabon", "Garamond", serif;
  font-size: 18px;
  /* 1.8rem */
  /* 18px */
  color: #606060;
  line-height: 27px; }

.ds-p-small {
  font-family: "GT America", "Helvetica Neue", sans-serif;
  font-size: 11px;
  /* 1.1rem */
  /* 11px */
  color: #606060;
  line-height: 14px; }

.ds-blockquote-large {
  font-family: "Sabon", "Garamond", serif;
  font-size: 20px;
  /* 2.0rem */
  /* 20px */
  color: #000000;
  font-style: italic;
  line-height: 27px;
  text-align: center; }
  @media only screen and (min-width: 48em) {
    .ds-blockquote-large {
      font-size: 28px;
      /* 2.8rem */
      /* 28px */
      line-height: 32px; } }

.ds-blockquote {
  font-family: "Sabon", "Garamond", serif;
  font-size: 20px;
  /* 2.0rem */
  /* 20px */
  color: #000000;
  font-style: italic;
  line-height: 27px;
  text-align: center; }

/* Target specific breakpoints
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Show on xs screens only */
.show-xs-only {
  display: block; }
  @media only screen and (min-width: 48em) {
    .show-xs-only {
      display: none; } }

/* Show on xs & sm screens only */
.show-xs-sm-only {
  display: block; }
  @media only screen and (min-width: 64em) {
    .show-xs-sm-only {
      display: none; } }

/* Show on sm screens only */
.show-sm-only {
  display: none; }
  @media only screen and (min-width: 48em) {
    .show-sm-only {
      display: block; } }
  @media only screen and (min-width: 64em) {
    .show-sm-only {
      display: none; } }

/* Show on sm & md screens only */
.show-sm-md-only {
  display: none; }
  @media only screen and (min-width: 48em) {
    .show-sm-md-only {
      display: block; } }
  @media only screen and (min-width: 75em) {
    .show-sm-md-only {
      display: none; } }

/* Show on sm, md and lg screens only */
.show-sm-md-lg-only {
  display: none; }
  @media only screen and (min-width: 48em) {
    .show-sm-md-lg-only {
      display: block; } }

/* Show on md screens only */
.show-md-only {
  display: none; }
  @media only screen and (min-width: 64em) {
    .show-md-only {
      display: block; } }
  @media only screen and (min-width: 75em) {
    .show-md-only {
      display: none; } }

/* Show on md & lg screens only */
.show-md-lg-only {
  display: none; }
  @media only screen and (min-width: 64em) {
    .show-md-lg-only {
      display: block; } }

/* Show on md & lg screens only */
.show-lg-only {
  display: none; }
  @media only screen and (min-width: 75em) {
    .show-lg-only {
      display: block; } }

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */
.visuallyhidden,
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  /* 1 */
  width: 1px; }

/**
 * Icons:
 * Will clean these up with a refactor.
 * Legacy, will remove soon
 */
.icon {
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: -50%; }
  .icon.icon-sm {
    background-size: 22px 22px;
    height: 22px;
    width: 22px; }
  .icon.icon-xxlg {
    background-size: 70px 70px;
    height: 70px;
    width: 70px; }

/**
 * Use me over above
 */
.ds-icon-sm {
  height: 1rem;
  width: 1rem; }

.ds-icon-md {
  height: 1.5rem;
  width: 1.5rem; }

.ds-icon-lg {
  height: 2rem;
  width: 2rem; }

.ds-icon-xlg {
  height: 40px;
  width: 40px; }

.no-mobile-zoom input[type='email'],
.no-mobile-zoom input[type='search'],
.no-mobile-zoom input[type='text'],
.no-mobile-zoom input[type='tel'],
.no-mobile-zoom input[type='url'],
.no-mobile-zoom input[type='password'],
.no-mobile-zoom textarea,
.no-mobile-zoom select {
  font-size: 16px;
  /* 1.6rem */ }

.truncate-text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

/**
 * Fields/Inputs & Forms:
 */
.ds-form__container {
  box-shadow: 0 4px 16px rgba(0, 0, 0, .15);
  background-color: #ffffff;
  display: block;
  margin-top: 2rem;
  padding: 1.5rem 1.5rem 0.5rem 1.5rem;
  width: 100%; }
  @media only screen and (min-width: 48em) {
    .ds-form__container {
      margin: auto;
      max-width: 400px;
      /* caps width out on large screens */ } }
  @media only screen and (min-width: 64em) {
    .ds-form__container {
      padding: 2rem 2rem 1rem 2rem; } }
  .ds-form__container .ds-form__field--half-space:first-child {
    padding-right: 0.25rem; }
    @media only screen and (max-width: 47.99em) {
      .ds-form__container .ds-form__field--half-space:first-child {
        padding-right: 0.5rem; } }
  .ds-form__container .ds-form__field--half-space:last-child {
    padding-left: 0.25rem; }
    @media only screen and (max-width: 47.99em) {
      .ds-form__container .ds-form__field--half-space:last-child {
        padding-left: 0.5rem; } }
  .ds-form__container .ds-form__field--half-space:only-child {
    padding-left: 0.5rem;
    padding-right: 0.5rem; }

.ds-form__headline {
  margin-bottom: 1.5rem; }

.ds-form__cta {
  margin-bottom: 1rem;
  margin-top: 0.5rem;
  width: 100%; }
  @media only screen and (min-width: 64em) {
    .ds-form__cta {
      margin-top: 1rem; } }

.ds-form__sign-in-text {
  font-size: 13px;
  /* 1.3rem */
  color: #606060;
  margin-bottom: 1.5rem; }

.ds-form__legalese {
  font-family: "GT America", "Helvetica Neue", sans-serif;
  font-size: 11px;
  /* 1.1rem */
  /* 11px */
  color: #606060;
  line-height: 14px; }

/**
 * Tables:
 */
.ds-table {
  width: 100%;
  background: #ffffff;
  text-align: left;
  border-collapse: collapse;
  margin-bottom: 2rem; }
  .ds-table:last-child {
    margin-bottom: 0; }
  .ds-table td {
    border-top: 1px solid rgba(197, 197, 197, .3);
    padding: 1rem;
    text-align: inherit; }
    @media only screen and (max-width: 47.99em) {
      .ds-table td {
        padding-left: 0.5rem;
        padding-right: 0.5rem; }
        .ds-table td:first-child {
          padding-left: 0; }
        .ds-table td:last-child {
          padding-right: 0; } }
  .ds-table--is-selectable tr:hover {
    background-color: rgba(187, 206, 217, .25); }
  @media only screen and (max-width: 47.99em) {
    .ds-table--is-stackable tbody,
    .ds-table--is-stackable tr,
    .ds-table--is-stackable tr > td,
    .ds-table--is-stackable tr > th {
      width: auto;
      display: block; }
    .ds-table--is-stackable tr {
      border-top: 1px solid rgba(197, 197, 197, .3);
      display: block;
      padding: 1rem 0; }
    .ds-table--is-stackable td {
      border: none;
      width: auto;
      display: block;
      padding: 0; } }

/* Components */
/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
.avis-car-rental {
  box-shadow: 0 4px 16px rgba(0, 0, 0, .15);
  background-color: #ffffff;
  display: block;
  padding-bottom: 2rem;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 2rem;
  width: 100%; }
  @media screen and (max-width: 767px) {
    .avis-car-rental {
      margin-top: 30px;
      min-width: auto;
      padding-bottom: 1rem;
      padding-left: 1rem;
      padding-right: 1rem;
      padding-top: 1rem; } }
  .avis-car-rental .dcwdw_widget .dcwdw_field_pickupTime,
  .avis-car-rental .dcwdw_widget .dcwdw_field_pickupDate,
  .avis-car-rental .dcwdw_widget .dcwdw_field_dropoffTime,
  .avis-car-rental .dcwdw_widget .dcwdw_field_dropoffDate {
    width: 48% !important; }

.avis-car-rental__headline {
  margin-bottom: 0.5rem; }

.avis-car-rental .dcwdw_error_message {
  font-size: 13px;
  /* 1.3rem */
  color: #dd3310;
  font-weight: normal; }

.avis-car-rental .dcwdw_widget button,
.avis-car-rental .dcwdw_widget button:focus {
  border-style: none;
  border-style: initial;
  /* Override to avoid default button style */
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  outline: none;
  padding: 11px 1.5rem;
  /* top and bottom padding necessary visual adjustment from basic variables */
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color 100ms linear;
  transition: background-color 100ms linear;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 11px;
  /* 1.1rem */
  /* 11px */
  font-family: "GT America", "Helvetica Neue", sans-serif;
  color: #000000;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 13px;
  text-transform: uppercase;
  line-height: 16px;
  background: #000000;
  border: 1px solid #000000;
  color: #ffffff;
  border: none;
  border-radius: 0;
  display: block;
  float: none;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.5rem;
  max-width: 240px;
  min-width: 55%;
  width: 100%; }
  .avis-car-rental .dcwdw_widget button:hover,
  .avis-car-rental .dcwdw_widget button:focus:hover {
    text-decoration: none; }
  .avis-car-rental .dcwdw_widget button:active,
  .avis-car-rental .dcwdw_widget button:focus:active {
    text-decoration: none;
    -webkit-transition: background-color 0ms linear;
    transition: background-color 0ms linear; }
  .avis-car-rental .dcwdw_widget button:visited,
  .avis-car-rental .dcwdw_widget button:focus:visited {
    color: #ffffff; }
    .avis-car-rental .dcwdw_widget button:visited:hover,
    .avis-car-rental .dcwdw_widget button:focus:visited:hover {
      color: #ffffff; }
  .avis-car-rental .dcwdw_widget button:hover,
  .avis-car-rental .dcwdw_widget button:focus:hover {
    background: #2b2b2b;
    border: 1px solid #2b2b2b;
    color: #ffffff; }
  .avis-car-rental .dcwdw_widget button:active,
  .avis-car-rental .dcwdw_widget button:focus:active {
    background: #000000;
    color: #ffffff; }

.avis-car-rental .dcwdw_widget {
  padding-left: 0;
  padding-right: 0;
  text-align: left; }

.dcwdw_widget .dcwdw_field_countryResidence,
.dcwdw_widget .dcwdw_field_dropoffDate,
.dcwdw_field_wizardNumber {
  clear: left; }

.dcwdw_widget .dcwdw_field {
  text-align: left;
  display: none; }
  .dcwdw_widget .dcwdw_field input[type='email'],
  .dcwdw_widget .dcwdw_field input[type='search'],
  .dcwdw_widget .dcwdw_field input[type='text'],
  .dcwdw_widget .dcwdw_field input[type='tel'],
  .dcwdw_widget .dcwdw_field input[type='url'],
  .dcwdw_widget .dcwdw_field input[type='password'],
  .dcwdw_widget .dcwdw_field textarea,
  .dcwdw_widget .dcwdw_field select {
    font-size: 16px;
    /* 1.6rem */
    font-family: "GT America", "Helvetica Neue", sans-serif;
    background-color: #ffffff;
    border: 1px solid #c5c5c5;
    line-height: 1.5;
    margin-bottom: 1rem; }
    .dcwdw_widget .dcwdw_field input[type='email']:focus,
    .dcwdw_widget .dcwdw_field input[type='search']:focus,
    .dcwdw_widget .dcwdw_field input[type='text']:focus,
    .dcwdw_widget .dcwdw_field input[type='tel']:focus,
    .dcwdw_widget .dcwdw_field input[type='url']:focus,
    .dcwdw_widget .dcwdw_field input[type='password']:focus,
    .dcwdw_widget .dcwdw_field textarea:focus,
    .dcwdw_widget .dcwdw_field select:focus {
      border-color: #858585;
      outline: none; }
  .dcwdw_widget .dcwdw_field .dcwdw_typeahead {
    background-color: #ffffff;
    border: 1px solid #858585;
    border-radius: 0;
    border-top: none;
    margin-top: -7px;
    max-height: 225px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100% !important; }
    .dcwdw_widget .dcwdw_field .dcwdw_typeahead:empty {
      display: none; }
  .dcwdw_widget .dcwdw_field .dcwdw_typeahead_result {
    font-size: 16px;
    /* 1.6rem */
    color: #606060;
    line-height: 1.5;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem; }
    .dcwdw_widget .dcwdw_field .dcwdw_typeahead_result:hover {
      font-family: "GT America", "Helvetica Neue", sans-serif;
      background-color: #000000;
      color: #ffffff; }
  .dcwdw_widget .dcwdw_field label {
    font-family: "GT America", "Helvetica Neue", sans-serif;
    font-size: 16px;
    /* 1.6rem */
    /* 16px */
    color: #606060;
    line-height: 18px;
    color: #606060;
    font-weight: normal;
    margin-bottom: 0.5rem;
    white-space: nowrap; }
  .dcwdw_widget .dcwdw_field span {
    display: block;
    padding-left: 0.5rem; }
  .dcwdw_widget .dcwdw_field input[type='checkbox'] {
    margin-top: 3px;
    vertical-align: top; }
  .dcwdw_widget .dcwdw_field input[type='checkbox'] + span {
    font-size: 13px;
    /* 1.3rem */
    font-family: "GT America", "Helvetica Neue", sans-serif;
    display: inline-block;
    line-height: 1.5;
    margin-bottom: 1rem;
    text-transform: none;
    text-transform: initial;
    white-space: normal;
    width: -webkit-calc(100% - 21px);
    width: calc(100% - 21px); }

.avis-car-rental .dcwdw_field_checkbox label {
  margin-top: -0.5rem; }

.dcwdw_field_pickupDate input[type='text'],
.dcwdw_field_dropoffDate input[type='text'],
.avis-car-rental select {
  color: #000000; }

.avis-car-rental .dcwdw_field_pickupDate input[type='text'],
.avis-car-rental .dcwdw_field_dropoffDate input[type='text'] {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFs8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj5dPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczphPSJodHRwOi8vbnMuYWRvYmUuY29tL0Fkb2JlU1ZHVmlld2VyRXh0ZW5zaW9ucy8zLjAvIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iLTAuOTYgMCAyNCAyNCIgb3ZlcmZsb3c9InZpc2libGUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTAuOTYgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGRlZnM+PC9kZWZzPjxwYXRoIGZpbGw9IiM2NTY1NjUiIGQ9Ik0wLjk2LDcuNjgxSDBWOC42NHYxLjkydjEyLjQ4QzAsMjMuNTY5LDAuNDMzLDI0LDAuOTYsMjRoMjAuMTZjMC41MjcsMCwwLjk2LTAuNDMxLDAuOTYtMC45NlYxMC41NlY4LjY0VjcuNjgxaC0wLjk2SDAuOTZ6IE00LjgsMjIuMDhIMS45MlYxOS4ySDQuOFYyMi4wOHogTTQuOCwxOC4yNEgxLjkydi0yLjg4SDQuOFYxOC4yNHogTTQuOCwxNC4zOTlIMS45MnYtMi44NzlINC44VjE0LjM5OXogTTguNjQsMjIuMDhINS43NjFWMTkuMkg4LjY0VjIyLjA4eiBNOC42NCwxOC4yNEg1Ljc2MXYtMi44OEg4LjY0VjE4LjI0eiBNOC42NCwxNC4zOTlINS43NjF2LTIuODc5SDguNjRWMTQuMzk5eiBNMTIuNDc5LDIyLjA4SDkuNjAxVjE5LjJoMi44NzlWMjIuMDh6IE0xMi40NzksMTguMjRIOS42MDF2LTIuODhoMi44NzlWMTguMjR6IE0xMi40NzksMTQuMzk5SDkuNjAxdi0yLjg3OWgyLjg3OVYxNC4zOTl6IE0xNi4zMTksMjIuMDhIMTMuNDRWMTkuMmgyLjg3OVYyMi4wOHogTTE2LjMxOSwxOC4yNEgxMy40NHYtMi44OGgyLjg3OVYxOC4yNHogTTE2LjMxOSwxNC4zOTlIMTMuNDR2LTIuODc5aDIuODc5VjE0LjM5OXogTTIwLjE2LDIyLjA4aC0yLjg4VjE5LjJoMi44OFYyMi4wOHogTTIwLjE2LDE4LjI0aC0yLjg4di0yLjg4aDIuODhWMTguMjR6IE0yMC4xNiwxNC4zOTloLTIuODh2LTIuODc5aDIuODhWMTQuMzk5eiBNMjIuMDgsMi44OHYwLjk2djEuOTJ2MC45NmgtMC45NkgwLjk2SDBWNS43NlYzLjg0VjIuODhjMC0wLjUyNywwLjQzMy0wLjk2LDAuOTYtMC45NmgxLjkyVjAuOTZDMi44OCwwLjQzMywzLjMxMiwwLDMuODQsMEg0LjhjMC41MjcsMCwwLjk2MSwwLjQzMywwLjk2MSwwLjk2djAuOTZoMTAuNTU5VjAuOTZjMC0wLjUyNywwLjQzNC0wLjk2LDAuOTYxLTAuOTZoMC45NmMwLjUyOCwwLDAuOTYsMC40MzMsMC45NiwwLjk2djAuOTZoMS45MkMyMS42NDcsMS45MiwyMi4wOCwyLjM1MywyMi4wOCwyLjg4eiIvPjwvc3ZnPg==);
  background-position: 5px 5px;
  background-repeat: no-repeat;
  padding-left: 35px; }
  @media screen and (max-width: 767px) {
    .avis-car-rental .dcwdw_field_pickupDate input[type='text'],
    .avis-car-rental .dcwdw_field_dropoffDate input[type='text'] {
      background-image: none;
      padding-left: 10px; } }

.dcwdw_field_pickupLocation,
.dcwdw_field_dropoffLocation,
.dcwdw_field_checkbox,
.dcwdw_field_pickupDate,
.dcwdw_field_pickupTime,
.dcwdw_field_dropoffDate,
.dcwdw_field_dropoffTime,
.dcwdw_field_countryResidence,
.dcwdw_field_wizardNumber {
  display: block !important; }

/**
 * 1. Remove fields from the form
 */
.dcwdw_widget_avis_logo,
.dcwdw_air_icon,
.dcwdw_dual_icon,
.dcwdw_avis_icon,
.dcwdw_budget_icon,
.dcwdw_car_icon {
  display: none !important;
  /* 1 */ }

/**
 * 1. Prevent the calendar from living off the screen on really small breakpoints
 */
.dcwdw_pika-single.is-bound {
  font-family: "GT America", "Helvetica Neue", sans-serif;
  color: #606060; }
  @media screen and (max-width: 414px) {
    .dcwdw_pika-single.is-bound {
      left: 50% !important;
      margin-left: -149px !important;
      /* 1 */ } }

.dcwdw_pika-single.is-bound .pika-button {
  font-size: 13px;
  /* 1.3rem */
  background: #ffffff;
  border-bottom: 1px solid rgba(197, 197, 197, .3);
  height: 40px;
  opacity: 1;
  text-align: center;
  width: 40px; }
  .dcwdw_pika-single.is-bound .pika-button:hover {
    background: #f1f4f8 !important;
    border-radius: 0 !important;
    color: #000000 !important; }

.dcwdw_pika-single.is-bound .pika-lendar {
  width: inherit; }

.dcwdw_pika-single.is-bound .is-disabled .pika-button {
  background: #bfbfbf;
  color: #ffffff; }

.dcwdw_pika-single.is-bound .is-selected .pika-button {
  background: #000000;
  border-radius: 0; }

.dcwdw_pika-single.is-bound .pika-next {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0NTUgNDU1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NTUgNDU1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij4KPHBhdGggZD0iTTIyNy41LDBDMTAxLjg1NSwwLDAsMTAxLjg1NSwwLDIyNy41UzEwMS44NTUsNDU1LDIyNy41LDQ1NVM0NTUsMzUzLjE0NSw0NTUsMjI3LjVTMzUzLjE0NSwwLDIyNy41LDB6IE0xOTkuNDc2LDM1NS41ODkgIGwtMjEuMjQ4LTIxLjE3OEwyODQuNzkxLDIyNy41TDE3OC4yMjgsMTIwLjU4OWwyMS4yNDgtMjEuMTc4TDMyNy4xNDgsMjI3LjVMMTk5LjQ3NiwzNTUuNTg5eiIgZmlsbD0iIzY1NjU2NSIvPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K"); }

.dcwdw_pika-single.is-bound .pika-prev {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0NTUgNDU1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NTUgNDU1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij4KPHBhdGggZD0iTTIyNy41LDBDMTAxLjg1NSwwLDAsMTAxLjg1NSwwLDIyNy41UzEwMS44NTUsNDU1LDIyNy41LDQ1NVM0NTUsMzUzLjE0NSw0NTUsMjI3LjVTMzUzLjE0NSwwLDIyNy41LDB6IE0yNzYuNzcyLDMzNC40MTEgIGwtMjEuMjQ4LDIxLjE3OEwxMjcuODUyLDIyNy41TDI1NS41MjQsOTkuNDExbDIxLjI0OCwyMS4xNzhMMTcwLjIwOSwyMjcuNUwyNzYuNzcyLDMzNC40MTF6IiBmaWxsPSIjNjU2NTY1Ii8+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo="); }

.dcwdw_pika-single.is-bound .pika-title button {
  height: 30px;
  opacity: 1;
  padding-left: 20px;
  width: 30px; }
  .dcwdw_pika-single.is-bound .pika-title button:hover {
    opacity: 0.9; }

.dcwdw_pika-single.is-bound .pika-title button.is-disabled {
  opacity: 0.5; }

.dcwdw_pika-single.is-bound .pika-title .pika-label {
  font-size: 16px;
  /* 1.6rem */ }

.dcwdw_pika-single.is-bound abbr[title] {
  font-size: 13px;
  /* 1.3rem */
  color: #000000;
  display: inherit;
  padding-left: 13px;
  text-decoration: none;
  visibility: hidden; }
  .dcwdw_pika-single.is-bound abbr[title]::first-letter {
    visibility: visible; }

/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
/**
* 1. Should be moved or replaced by something in design system
* 2. Hide secondary messages, only display one error message at a time
*/
.campaign-registration-form .select-menu__items {
  max-height: 10rem;
  /* 1 */
  overflow-y: auto;
  /* 1 */ }

.campaign-registration-form .select-menu__item {
  text-align: left;
  /* 1 */ }

.campaign-registration-form .campaign-registration-form__countries {
  margin-bottom: 0.5rem; }

.campaign-registration-form .ds-form__cta--is-loading {
  padding-right: 40px;
  position: relative;
  -webkit-transition: padding-right .3s ease-out;
  transition: padding-right .3s ease-out; }
  .campaign-registration-form .ds-form__cta--is-loading:after {
    -webkit-animation: spin .6s infinite linear, grow .3s forwards ease-out;
            animation: spin .6s infinite linear, grow .3s forwards ease-out;
    border: 2px solid rgba(0, 0, 0, .15);
    border-left-color: #f1f4f8;
    border-radius: 100%;
    border-top-color: #bbced9;
    content: '';
    height: 0px;
    margin-top: -2px;
    position: absolute;
    right: 6px;
    top: 50%;
    width: 0px; }

.campaign-registration-form .ds-field-message.ds-field-message--has-error {
  color: #dd3310;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem; }

.campaign-registration-form .ds-form__recaptcha {
  margin-bottom: .5rem; }

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg); } }

@keyframes spin {
  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg); } }

@-webkit-keyframes grow {
  to {
    height: 14px;
    margin-top: -8px;
    right: 13px;
    width: 14px; } }

@keyframes grow {
  to {
    height: 14px;
    margin-top: -8px;
    right: 13px;
    width: 14px; } }

/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
.careers-listing {
  display: block;
  height: 100%;
  margin-top: -4rem;
  width: 100%; }

/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
.contact-us {
  display: none;
  margin-left: auto;
  margin-right: auto;
  max-width: 615px; }
  @media screen and (max-width: 767px) {
    .contact-us {
      max-width: 315px; } }

.contact-us.contact-us--is-loaded {
  display: block; }

.contact-us__wrapper {
  box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  overflow: hidden; }
  @media screen and (max-width: 767px) {
    .contact-us__wrapper {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
              flex-direction: column; } }

.contact-us__image-holder {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex; }

.contact-us__image {
  background-position: center;
  background-size: cover;
  min-height: 190px;
  width: 100%; }

@media screen and (max-width: 767px) {
  .contact-us__name {
    font-size: 20px;
    /* 2.0rem */
    /* 20px */
    font-family: "GT America", "Helvetica Neue", sans-serif;
    color: #000000;
    font-weight: 100;
    letter-spacing: normal;
    letter-spacing: initial;
    line-height: 23px;
    max-width: 297px;
    word-wrap: break-word; } }

.contact-us__title {
  font-size: 13px;
  /* 1.3rem */
  color: #606060;
  margin-bottom: 0.5rem; }

.contact-us__info {
  font-size: 16px;
  /* 1.6rem */
  background-color: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  max-width: 313px;
  min-width: 280px;
  padding: 1rem;
  text-align: left; }
  .contact-us__info a {
    color: #5991b2;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex; }
    .contact-us__info a:visited {
      color: #5991b2; }
    .contact-us__info a:hover {
      color: #82adc5;
      text-decoration: underline; }
    .contact-us__info a:active {
      color: #5991b2;
      text-decoration: underline; }
  @media screen and (max-width: 767px) {
    .contact-us__info {
      min-width: 0; } }

.contact-us__links {
  font-size: 16px;
  /* 1.6rem */ }

.contact-us__phone-icon {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNXB4IiBoZWlnaHQ9IjI1cHgiIHZpZXdCb3g9IjAgMCAyNSAyNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4gICAgICAgIDxnIGlkPSJDb250YWN0LUNhcmQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNDYuMDAwMDAwLCAtMTAyLjAwMDAwMCkiIHN0cm9rZT0iIzYwNjA2MCI+ICAgICAgICAgICAgPGcgaWQ9IlBob25lIj4gICAgICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzQ3LjAwMDAwMCwgMTAzLjAwMDAwMCkiPiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTguNDUzNDk0MTYsNi42OTI4MDM3NSBDOS4zOTc4MDAwMyw1Ljc0ODQ5Nzg5IDkuMzk3ODAwMDMsNC4yMTcyMzU0OCA4LjQ1MzQ5NDE2LDMuMjcyOTI5NjIgTDUuODg3OTcyNDUsMC43MDgyMjkzOTggQzQuOTQ0MDc3MzMsLTAuMjM2MDc2NDY2IDMuNDEyODE0OTMsLTAuMjM2MDc2NDY2IDIuNDY3Njg3NTcsMC43MDgyMjkzOTggTDEuMDYxMjkyMDYsMi4xMTQ2MjQ5MSBDLTAuMTU5MDM1MzQ4LDMuMzM1MzYzMDcgLTAuMzQ3OTc4NjcsNS4yMzkxNzI0MSAwLjYwMzcyMDYyOCw2LjY3OTI0OTEyIEM0LjY5MTA1NzU4LDEyLjg1ODUxNzIgMTAuMTQzMzA0NywxOC4zMTAzNTM2IDE2LjMyMjU3MjgsMjIuMzk3Mjc5OCBDMTcuNzU5MzYzNSwyMy4zNDc3NDY4IDE5LjY2OTMzNDEsMjMuMTU4MzkyOCAyMC44ODYzNzU1LDIxLjk0MDExOTEgTDIyLjI5MzU5MjUsMjAuNTMyOTAyMSBDMjMuMjM3ODk4NCwxOS41ODg1OTYyIDIzLjIzNzg5ODQsMTguMDU3NzQ0NiAyMi4yOTM1OTI1LDE3LjExMzAyOCBMMTkuNzI4NDgxNSwxNC41NDgzMjc3IEMxOC43ODQ1ODY0LDEzLjYwNDAyMTkgMTcuMjUyOTEzMywxMy42MDQwMjE5IDE2LjMwODE5NjcsMTQuNTQ4MzI3NyBMMTUuNDUzNDMzNSwxNS40MDMwOTA5IEMxMi42NDA2NDI1LDEzLjA5Nzk4MjQgOS45MDMwMTgwNCwxMC4zNjA3Njg3IDcuNTk4NzMxMDEsNy41NDc1NjY5MSBMOC40NTM0OTQxNiw2LjY5MjgwMzc1IFoiPjwvcGF0aD4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==); }

.contact-us__icon {
  background-repeat: no-repeat;
  background-size: 22px 22px;
  height: 23px;
  margin-right: 15px;
  min-width: 23px; }

.contact-us__separator {
  border-bottom: 1px solid rgba(197, 197, 197, .5);
  margin: 0.5rem 0;
  width: 100%; }

.contact-us__mail-icon {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDMxLjAxMiAzMS4wMTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMxLjAxMiAzMS4wMTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPjxnPjxwYXRoIGQ9Ik0yOC41MTIsMjYuNTI5SDIuNWMtMS4zNzgsMC0yLjUtMS4xMjEtMi41LTIuNVY2Ljk4MmMwLTEuMzc5LDEuMTIyLTIuNSwyLjUtMi41aDI2LjAxMmMxLjM3OCwwLDIuNSwxLjEyMSwyLjUsMi41djE3LjA0NyAgIEMzMS4wMTIsMjUuNDA4LDI5Ljg5LDI2LjUyOSwyOC41MTIsMjYuNTI5eiBNMi41LDUuNDgyYy0wLjgyNywwLTEuNSwwLjY3My0xLjUsMS41djE3LjA0N2MwLDAuODI3LDAuNjczLDEuNSwxLjUsMS41aDI2LjAxMiAgIGMwLjgyNywwLDEuNS0wLjY3MywxLjUtMS41VjYuOTgyYzAtMC44MjctMC42NzMtMS41LTEuNS0xLjVIMi41eiIgZmlsbD0iIzYwNjA2MCIvPjxwYXRoIGQ9Ik0xNS41MDYsMTguMDE4Yy0wLjY2NSwwLTEuMzMtMC4yMjEtMS44MzYtMC42NjJMMC44OTEsNi4yMTljLTAuMjA4LTAuMTgyLTAuMjMtMC40OTctMC4wNDgtMC43MDUgICBjMC4xODItMC4yMSwwLjQ5OC0wLjIzLDAuNzA2LTAuMDQ5bDEyLjc3OCwxMS4xMzdjMC42NCwwLjU1NywxLjcyLDAuNTU2LDIuMzU4LDBMMjkuNDYsNS40NjZjMC4yMDctMC4xODMsMC41MjItMC4xNjIsMC43MDYsMC4wNDkgICBjMC4xODIsMC4yMDgsMC4xNiwwLjUyMy0wLjA0OCwwLjcwNUwxNy4zNDIsMTcuMzU1QzE2LjgzNiwxNy43OTcsMTYuMTcxLDE4LjAxOCwxNS41MDYsMTguMDE4eiIgZmlsbD0iIzYwNjA2MCIvPjwvZz48L3N2Zz4=); }

/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
.contact-us-phone-email {
  font-size: 16px;
  /* 1.6rem */
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center; }
  @media screen and (max-width: 767px) {
    .contact-us-phone-email {
      display: inline-block; } }
  @media screen and (max-width: 350px) {
    .contact-us-phone-email {
      margin-left: -20px; } }

.contact-us-phone-email__wrapper {
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-left: 20px;
  margin-right: 20px; }

.contact-us-phone-email__icon-holder {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding-bottom: 20px;
  padding-right: 20px;
  padding-top: 20px; }

.contact-us-phone-email__icon {
  background-size: cover;
  height: 33px;
  width: 33px; }

.contact-us-phone-email__info {
  text-align: left; }

.contact-us-phone-email__header {
  font-weight: 700; }
  @media screen and (max-width: 767px) {
    .contact-us-phone-email__header {
      text-align: left; } }

/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
.content-divider {
  border: none;
  border-bottom-color: #000000;
  border-bottom-style: solid;
  border-bottom-width: 3px;
  margin: 30px 0;
  width: 30px; }

.content-divider--center {
  margin-left: auto;
  margin-right: auto; }

.content-divider--start {
  margin-left: 0;
  margin-right: auto; }

.content-divider--end {
  margin-left: auto;
  margin-right: 0; }

/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
.copy-block {
  background-position: center center;
  background-size: cover;
  min-height: 0;
  min-height: initial;
  position: relative;
  width: auto; }
  @media only screen and (min-width: 64em) {
    .copy-block {
      width: 100%; } }
  .copy-block__heading {
    margin-bottom: 1rem; }
    .copy-block__heading p {
      color: inherit;
      margin: 0; }
  .copy-block__body {
    font-family: "Sabon", "Garamond", serif;
    font-size: 18px;
    /* 1.8rem */
    /* 18px */
    color: #606060;
    line-height: 27px;
    text-align: left;
    color: #606060;
    margin: auto;
    /* allows umbraco control of column flexibility for lists */ }
    .copy-block__body p {
      font-family: "Sabon", "Garamond", serif;
      font-size: 18px;
      /* 1.8rem */
      /* 18px */
      color: #606060;
      line-height: 27px;
      color: inherit;
      margin-bottom: 1rem;
      margin-top: 1rem; }
    .copy-block__body ul,
    .copy-block__body ol {
      font-family: "Sabon", "Garamond", serif;
      font-size: 18px;
      /* 1.8rem */
      /* 18px */
      color: #606060;
      line-height: 27px;
      color: inherit;
      line-height: 24px;
      margin: auto;
      margin-left: 0; }
      .copy-block__body ul li,
      .copy-block__body ol li {
        margin-bottom: 12px;
        text-align: left; }
        .copy-block__body ul li:last-child,
        .copy-block__body ol li:last-child {
          margin-bottom: 0; }
    .copy-block__body ul {
      list-style: none;
      padding: 1rem 0; }
      .copy-block__body ul li {
        fill: #000000;
        padding-left: 1.5rem;
        position: relative; }
        .copy-block__body ul li:before {
          content: '\2022';
          /* bullet point, for screen readers */
          left: 0;
          position: absolute;
          top: 0;
          width: 10px; }
    .copy-block__body ol {
      padding: 1rem 0 1rem 1rem; }
      .copy-block__body ol li {
        padding-left: 0.5rem; }
    @media only screen and (max-width: 63.99em) {
      .copy-block__body {
        margin-left: auto;
        margin-right: auto;
        width: auto; } }
    .copy-block__body.copy-block--has-columns--2 ul,
    .copy-block__body.copy-block--has-columns--2 ol, .copy-block__body.copy-block--has-columns--3 ul,
    .copy-block__body.copy-block--has-columns--3 ol, .copy-block__body.copy-block--has-columns--4 ul,
    .copy-block__body.copy-block--has-columns--4 ol {
      -webkit-column-gap: 2rem;
              column-gap: 2rem; }
    .copy-block__body.copy-block--has-columns--2 ul,
    .copy-block__body.copy-block--has-columns--2 ol {
      -webkit-columns: 2 220px;
              columns: 2 220px; }
    .copy-block__body.copy-block--has-columns--3 ul,
    .copy-block__body.copy-block--has-columns--3 ol {
      -webkit-columns: 3 208px;
              columns: 3 208px; }
    .copy-block__body.copy-block--has-columns--4 ul,
    .copy-block__body.copy-block--has-columns--4 ol {
      -webkit-columns: 4 220px;
              columns: 4 220px; }
  .copy-block__separator {
    padding-top: 2rem;
    width: 32px; }
    @media only screen and (max-width: 47.99em) {
      .copy-block__separator {
        min-height: 0;
        min-height: initial; } }
  .copy-block--start {
    margin-right: auto;
    text-align: left; }
    .copy-block--start .copy-block__body {
      margin-right: auto;
      text-align: left; }
  .copy-block--center {
    margin-left: auto;
    margin-right: auto;
    text-align: center; }
    .copy-block--center .copy-block__body {
      margin-left: auto;
      margin-right: auto;
      text-align: center; }
  .copy-block--end {
    margin-left: auto;
    text-align: right; }
    .copy-block--end .copy-block__body {
      margin-left: auto;
      text-align: right; }
  .copy-block.copy-block--is-travel-section, .copy-block.copy-block--has-background {
    background: #ffffff;
    margin-right: 0;
    max-width: 750px;
    padding: 1rem; }
    @media only screen and (min-width: 48em) {
      .copy-block.copy-block--is-travel-section, .copy-block.copy-block--has-background {
        margin-right: 1rem;
        padding: 2rem; } }
    .copy-block.copy-block--is-travel-section .copy-block__heading, .copy-block.copy-block--has-background .copy-block__heading {
      font-family: "GT America", "Helvetica Neue", sans-serif;
      font-size: 16px;
      /* 1.6rem */
      /* 16px */
      color: #000000;
      font-weight: 700;
      letter-spacing: normal;
      letter-spacing: initial;
      line-height: 24px;
      text-align: left; }
    .copy-block.copy-block--is-travel-section .copy-block__body, .copy-block.copy-block--has-background .copy-block__body {
      text-align: left; }

@media only screen and (max-width: 47.99em) {
  .section-component__components-per-row--1-of-2 .copy-block {
    padding-bottom: 3rem; } }

.section-component__components-per-row--2-of-2 .copy-block {
  padding-left: 0; }
  @media only screen and (max-width: 47.99em) {
    .section-component__components-per-row--2-of-2 .copy-block {
      padding-top: 3rem; } }
  @media only screen and (min-width: 48em) {
    .section-component__components-per-row--2-of-2 .copy-block {
      padding-left: 1rem; } }

/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
.curated-trip__filters {
  margin: 0;
  padding: 1rem 0 0.5rem; }
  @media only screen and (min-width: 64em) {
    .curated-trip__filters {
      padding: 1rem 0 1.5rem; } }
  .curated-trip__filters .curated-trip__filter {
    padding-bottom: 0.5rem;
    text-align: left; }
    @media only screen and (min-width: 64em) {
      .curated-trip__filters .curated-trip__filter {
        padding-bottom: 0; } }
    .curated-trip__filters .curated-trip__filter:first-child {
      padding-left: 0; }
      @media only screen and (max-width: 47.99em) {
        .curated-trip__filters .curated-trip__filter:first-child {
          padding-right: 0; } }
    @media only screen and (max-width: 47.99em) {
      .curated-trip__filters .curated-trip__filter:nth-child(2) {
        padding-left: 0;
        padding-right: 0; } }
    @media only screen and (min-width: 48em) and (max-width: 63.99em) {
      .curated-trip__filters .curated-trip__filter:nth-child(2) {
        padding-right: 0; } }
    @media only screen and (max-width: 63.99em) {
      .curated-trip__filters .curated-trip__filter:nth-child(3), .curated-trip__filters .curated-trip__filter:nth-child(4) {
        padding-left: 0;
        padding-right: 0; } }
    @media only screen and (min-width: 64em) {
      .curated-trip__filters .curated-trip__filter:last-child {
        padding-right: 0; } }
    .curated-trip__filters .curated-trip__filter .select-menu__items {
      max-height: 307px;
      overflow: hidden;
      overflow-y: auto; }
  .curated-trip__filters .curated-trip__filter-label {
    display: none;
    margin-bottom: 0.25rem; }
    @media only screen and (min-width: 64em) {
      .curated-trip__filters .curated-trip__filter-label {
        display: block; } }

.curated-trip__results-bar {
  margin-bottom: 0.5rem; }
  @media only screen and (min-width: 64em) {
    .curated-trip__results-bar {
      margin-bottom: 3rem; } }

.curated-trip__search-results {
  font-size: 13px;
  /* 1.3rem */
  color: #858585;
  text-align: left; }
  @media only screen and (min-width: 64em) {
    .curated-trip__search-results {
      text-align: center; } }

.curated-trip__error-message {
  border: solid 1px #bbced9;
  padding: 1rem; }
  .curated-trip__error-message h4 {
    font-size: 20px;
    /* 2.0rem */
    /* 20px */
    font-family: "GT America", "Helvetica Neue", sans-serif;
    color: #000000;
    font-weight: 100;
    letter-spacing: normal;
    letter-spacing: initial;
    line-height: 23px;
    margin-bottom: 0.5rem; }
    @media only screen and (min-width: 48em) {
      .curated-trip__error-message h4 {
        font-size: 24px;
        /* 2.4rem */
        /* 24px */
        font-family: "GT America", "Helvetica Neue", sans-serif;
        color: #000000;
        font-weight: 100;
        letter-spacing: normal;
        letter-spacing: initial;
        line-height: 27px; } }

.curated-trip__mobile-sort {
  max-width: 135px;
  position: relative; }
  .curated-trip__mobile-sort .dropdown__button {
    cursor: default;
    /* override design system so pointer only shows on button inside */
    padding-left: 0;
    padding-right: 0;
    text-align: right;
    /* ie alignment hack */ }
  .curated-trip__mobile-sort .dropdown__content {
    padding: 0.5rem;
    right: 0.5rem;
    text-align: left;
    /* ie alignment hack */ }

.curated-trip__mobile-sort-option {
  font-size: 16px;
  /* 1.6rem */
  color: #000000;
  display: block;
  padding: 0.5rem 1rem;
  white-space: nowrap; }
  .curated-trip__mobile-sort-option:hover, .curated-trip__mobile-sort-option.curated-trip__thead--is-sorted-ascending {
    background-color: rgba(187, 206, 217, .25);
    cursor: pointer;
    text-decoration: none; }

/* layout */
.curated-trip__table-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 100%; }
  @media only screen and (min-width: 64em) {
    .curated-trip__table-row {
      display: table; } }
  .curated-trip__table-row--expanded {
    width: 35px; }
  .curated-trip__table-row--expanded-holiday-wish-list {
    width: 55px; }

@media only screen and (max-width: 47.99em) {
  .curated-trip__results {
    margin: 0;
    width: 100%; } }

@media only screen and (min-width: 64em) {
  .curated-trip__results {
    border-collapse: collapse;
    display: table;
    margin: 0;
    width: 100%; } }

@media only screen and (max-width: 47.99em) {
  .curated-trip__table-card {
    padding: 0;
    /* override flexboxgrid */ } }

@media only screen and (min-width: 64em) {
  .curated-trip__table-card {
    border-bottom: 1px solid rgba(197, 197, 197, .5);
    display: table-row;
    height: auto;
    position: relative; }
    .curated-trip__table-card:hover {
      background: rgba(187, 206, 217, .25); } }

@media only screen and (max-width: 63.99em) {
  .curated-trip__content-container {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    background: #ffffff;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column;
    margin-bottom: 1rem;
    overflow: hidden;
    padding: 1rem; }
    .curated-trip__content-container:hover {
      box-shadow: 0 4px 16px rgba(0, 0, 0, .15); } }

@media only screen and (min-width: 64em) {
  .curated-trip__content-container {
    display: table;
    width: 100%; } }

@media only screen and (min-width: 64em) {
  .curated-trip__column {
    display: table-cell;
    position: relative;
    vertical-align: middle; } }

/* column widths for headers & cells */
@media only screen and (min-width: 64em) {
  .curated-trip__width--is-destination {
    width: 25%; }
  .curated-trip__width--is-property-specs {
    width: 25%; }
  .curated-trip__width--is-dates {
    width: 30%; }
  .curated-trip__width--is-value-cta {
    width: 50%; } }

.curated-trip__width--is-half {
  width: 50%; }

/* table headers */
.curated-trip__table-headers {
  display: none; }
  @media only screen and (min-width: 64em) {
    .curated-trip__table-headers {
      border-bottom: 1px solid rgba(197, 197, 197, .5);
      display: table-row; }
      .curated-trip__table-headers:hover {
        background: #ffffff; } }

.curated-trip__thead {
  font-size: 11px;
  /* 1.1rem */
  /* 11px */
  font-family: "GT America", "Helvetica Neue", sans-serif;
  color: #000000;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 13px;
  text-transform: uppercase;
  color: #858585;
  white-space: normal; }
  .curated-trip__thead:hover:after, .curated-trip__thead--is-sorted-ascending:after, .curated-trip__thead--is-sorted-descending:after {
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGZpbGw9IiNhYWFhYWEiIGQ9Ik0xMi4wMDEsMTUuNDNMNi4xOCw5LjYwOWMtMC4yNC0wLjIzOC0wLjI0LTAuNjIzLDAtMC44NmMwLjIzOC0wLjIzOCwwLjYyNC0wLjIzOCwwLjg2LDBsNC45NjEsNC45Nmw0Ljk1OC00Ljk2YzAuMjM3LTAuMjM4LDAuNjIzLTAuMjM4LDAuODYsMGMwLjIzOSwwLjIzOCwwLjIzOSwwLjYyMywwLDAuODZMMTIuMDAxLDE1LjQzeiIvPjwvZz48L3N2Zz4=") 0 0 repeat;
    background-size: 16px; }
  .curated-trip__thead:after {
    content: '';
    height: 16px;
    position: absolute;
    top: 15px;
    width: 16px; }
  .curated-trip__thead:hover {
    background-color: #ffffff;
    color: #5991b2;
    cursor: pointer;
    /* prevent arrow from flipping on hover of active column */ }
    .curated-trip__thead:hover:after {
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg); }
    .curated-trip__thead:hover.curated-trip__thead--is-sorted-ascending:after, .curated-trip__thead:hover.curated-trip__thead--is-sorted-descending:after {
      -webkit-transition: all .25s ease;
      transition: all .25s ease; }
    .curated-trip__thead:hover.curated-trip__thead--is-sorted-descending:after {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
  .curated-trip__thead--is-sorted-ascending, .curated-trip__thead--is-sorted-descending {
    color: #5991b2; }
    .curated-trip__thead--is-sorted-ascending:hover, .curated-trip__thead--is-sorted-descending:hover {
      color: #5991b2; }
  .curated-trip__thead--is-sorted-ascending:after {
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg); }
  .curated-trip__thead.curated-trip__thead--is-destination {
    padding-left: 2.5rem;
    /* visually align text with columns below */ }
  .curated-trip__thead.curated-trip__thead--is-date, .curated-trip__thead.curated-trip__thead--is-value {
    text-align: center; }
  .curated-trip__thead.curated-trip__thead--is-blank:after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial; }
  .curated-trip__thead.curated-trip__thead--is-blank:hover {
    cursor: default; }

/* table cells */
.curated-trip__cell,
.curated-trip__thead {
  padding: 1rem 0;
  text-align: left;
  vertical-align: middle; }
  @media only screen and (min-width: 64em) {
    .curated-trip__cell,
    .curated-trip__thead {
      display: table-cell;
      line-height: 14px;
      padding: 1rem 0.5rem;
      position: relative; } }

/* gallery popup on desktop */
@media only screen and (min-width: 64em) {
  .curated-trip__popup-container {
    display: inline-block; }
    .curated-trip__popup-container:hover .curated-trip__image-container {
      box-shadow: 0 4px 16px rgba(0, 0, 0, .15);
      background-color: #ffffff;
      background-origin: content-box;
      display: block;
      height: -webkit-calc(117px + 0.5rem);
      height: calc(117px + 0.5rem);
      left: 0.25rem;
      padding: 0.25rem;
      position: absolute;
      top: 53px;
      width: -webkit-calc(342px + 0.5rem);
      width: calc(342px + 0.5rem);
      z-index: 10; }
      .curated-trip__popup-container:hover .curated-trip__image-container:before {
        border-bottom: 0.5rem solid #ffffff;
        border-left: 0.5rem solid transparent;
        border-right: 0.5rem solid transparent;
        border-top: 0.5rem solid transparent;
        content: '';
        height: 0;
        left: 0.5rem;
        position: absolute;
        top: -1rem;
        width: 0;
        z-index: 2; }
      .curated-trip__popup-container:hover .curated-trip__image-container:after {
        border-bottom: 0.5rem solid rgba(0, 0, 0, .03);
        /* shadow behind tip arrow */
        border-left: 0.5rem solid transparent;
        border-right: 0.5rem solid transparent;
        border-top: 0.5rem solid transparent;
        content: '';
        height: 0;
        left: 0.5rem;
        position: absolute;
        top: -18px;
        width: 0;
        z-index: 1; }
    .curated-trip__popup-container.curated-trip__popup-container--is-active .svg-icon-fill {
      fill: #000000; } }

.curated-trip__svg-container {
  display: none; }
  @media only screen and (min-width: 64em) {
    .curated-trip__svg-container {
      display: inline-block;
      left: 0px;
      position: relative;
      top: -0.5rem; } }
  .curated-trip__svg-container .svg-icon-fill {
    fill: #606060; }

/* gallery on mobile card */
.curated-trip__image-container {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  line-height: 0;
  padding-bottom: 56.25%; }
  @media only screen and (max-width: 63.99em) {
    .curated-trip__image-container {
      background-color: rgba(0, 0, 0, .075);
      margin: -1rem -1rem 0 -1rem; } }
  @media only screen and (min-width: 64em) {
    .curated-trip__image-container {
      display: none; } }
  .curated-trip__image-container .curated-trip__image {
    max-height: 190px;
    width: 100%; }

/* card titles & subtitles */
@media only screen and (max-width: 63.99em) {
  .curated-trip__cell.curated-trip__destination-container {
    height: 100%;
    /* hack to prevent ie spacing issue */
    padding-top: 0; } }

.curated-trip__title-container {
  padding-top: 1rem; }
  @media only screen and (min-width: 64em) {
    .curated-trip__title-container {
      display: inline-block;
      padding-left: 0.25rem;
      padding-top: 0;
      width: 187px;
      /* needed for truncated text */ } }

@media only screen and (max-width: 63.99em) {
  .curated-trip__accommodation-name {
    font-size: 20px;
    /* 2.0rem */
    /* 20px */
    font-family: "GT America", "Helvetica Neue", sans-serif;
    color: #000000;
    font-weight: 100;
    letter-spacing: normal;
    letter-spacing: initial;
    line-height: 23px;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
            flex-grow: 1;
    height: 24px;
    margin-bottom: 0.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; } }

@media only screen and (min-width: 64em) {
  .curated-trip__accommodation-name {
    font-family: "GT America", "Helvetica Neue", sans-serif;
    font-size: 16px;
    /* 1.6rem */
    /* 16px */
    color: #000000;
    font-weight: 700;
    letter-spacing: normal;
    letter-spacing: initial;
    line-height: 24px; } }

.curated-trip__accommodation-name a {
  color: #000000; }
  @media only screen and (min-width: 64em) {
    .curated-trip__accommodation-name a:hover {
      text-decoration: underline; } }

/* property specs */
@media only screen and (max-width: 63.99em) {
  .curated-trip__property-specs-container {
    font-size: 16px;
    /* 1.6rem */
    border-bottom: 1px solid rgba(197, 197, 197, .5);
    border-top: 1px solid rgba(197, 197, 197, .5);
    color: #606060; }
    .curated-trip__property-specs-container .curated-trip__table-row {
      -webkit-box-align: center;
      -webkit-align-items: center;
              align-items: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      height: 36px;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
              justify-content: space-between; } }

.curated-trip__property-spec {
  padding: 0; }
  @media only screen and (min-width: 64em) {
    .curated-trip__property-spec {
      padding: 1rem 0; }
      .curated-trip__property-spec:nth-child(1) {
        width: 45px; }
      .curated-trip__property-spec:nth-child(2) {
        width: 49px; }
      .curated-trip__property-spec:nth-child(3) {
        width: 54px; } }
  .curated-trip__property-spec--unit-of-measurement {
    font-size: 11px;
    /* 1.1rem */
    text-transform: uppercase; }
    @media only screen and (min-width: 64em) {
      .curated-trip__property-spec--unit-of-measurement {
        color: #858585; } }
    .curated-trip__property-spec--unit-of-measurement sup {
      font-size: 10px; }

/* dates details - check in/out */
.curated-trip__dates-container {
  border-bottom: 1px solid rgba(197, 197, 197, .5);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
          flex-direction: row; }
  @media only screen and (min-width: 64em) {
    .curated-trip__dates-container {
      border-bottom: none;
      display: table-cell; } }
  @media only screen and (max-width: 63.99em) {
    .curated-trip__dates-container .curated-trip__dates {
      padding: 0.5rem 0; }
      .curated-trip__dates-container .curated-trip__dates:last-child {
        border-left: 1px solid rgba(197, 197, 197, .5);
        padding-left: 0.5rem; } }
  @media only screen and (min-width: 64em) {
    .curated-trip__dates-container .curated-trip__dates {
      padding: 1rem 0;
      text-align: center; } }
  @media only screen and (max-width: 63.99em) {
    .curated-trip__dates-container .curated-trip__date-details {
      line-height: 18px; } }
  .curated-trip__dates-container .curated-trip__date-details-is--day {
    font-size: 13px;
    /* 1.3rem */ }
    @media only screen and (min-width: 64em) {
      .curated-trip__dates-container .curated-trip__date-details-is--day {
        font-size: 11px;
        /* 1.1rem */
        color: #858585;
        text-transform: uppercase; } }
  .curated-trip__dates-container .curated-trip__date-details-is--date {
    font-size: 13px;
    /* 1.3rem */ }
    @media only screen and (min-width: 64em) {
      .curated-trip__dates-container .curated-trip__date-details-is--date {
        font-size: 16px;
        /* 1.6rem */ } }

/* price & value */
.curated-trip__value-cta-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex; }
  @media only screen and (min-width: 64em) {
    .curated-trip__value-cta-container {
      display: table-cell; } }
  @media only screen and (max-width: 63.99em) {
    .curated-trip__value-cta-container .curated-trip__table-row {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: row-reverse;
              flex-direction: row-reverse;
      /* flip cta & price */ } }
  @media only screen and (max-width: 63.99em) {
    .curated-trip__value-cta-container .curated-trip__value-cta-details {
      padding: 1rem 0 0;
      width: 100%; }
      .curated-trip__value-cta-container .curated-trip__value-cta-details:first-child {
        text-align: right; } }
  @media only screen and (min-width: 64em) {
    .curated-trip__value-cta-container .curated-trip__value-cta-details {
      padding: 1rem 0;
      text-align: center; } }
  .curated-trip__value-cta-container .curated-trip__value-cta-details--is-value {
    font-size: 20px;
    /* 2.0rem */
    line-height: 26px;
    /* visual alignment adjustment */ }
    @media only screen and (min-width: 64em) {
      .curated-trip__value-cta-container .curated-trip__value-cta-details--is-value {
        font-size: 16px;
        /* 1.6rem */
        line-height: normal;
        line-height: initial; } }
  .curated-trip__value-cta-container .curated-trip__value-cta-details--is-cta {
    border-style: none;
    border-style: initial;
    /* Override to avoid default button style */
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    outline: none;
    padding: 11px 1.5rem;
    /* top and bottom padding necessary visual adjustment from basic variables */
    text-align: center;
    text-decoration: none;
    -webkit-transition: background-color 100ms linear;
    transition: background-color 100ms linear;
    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none;
    font-size: 11px;
    /* 1.1rem */
    /* 11px */
    font-family: "GT America", "Helvetica Neue", sans-serif;
    color: #000000;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 13px;
    text-transform: uppercase;
    line-height: 16px;
    background: #000000;
    border: 1px solid #000000;
    color: #ffffff;
    width: 100%; }
    .curated-trip__value-cta-container .curated-trip__value-cta-details--is-cta:hover {
      text-decoration: none; }
    .curated-trip__value-cta-container .curated-trip__value-cta-details--is-cta:active {
      text-decoration: none;
      -webkit-transition: background-color 0ms linear;
      transition: background-color 0ms linear; }
    .curated-trip__value-cta-container .curated-trip__value-cta-details--is-cta:visited {
      color: #ffffff; }
      .curated-trip__value-cta-container .curated-trip__value-cta-details--is-cta:visited:hover {
        color: #ffffff; }
    .curated-trip__value-cta-container .curated-trip__value-cta-details--is-cta:hover {
      background: #2b2b2b;
      border: 1px solid #2b2b2b;
      color: #ffffff; }
    .curated-trip__value-cta-container .curated-trip__value-cta-details--is-cta:active {
      background: #000000;
      color: #ffffff; }
    @media only screen and (min-width: 64em) {
      .curated-trip__value-cta-container .curated-trip__value-cta-details--is-cta {
        padding: 3px 1rem;
        white-space: nowrap;
        max-width: 100px;
        padding: 0.25rem 0.5rem;
        /* override for tight space */ } }
  .curated-trip__value-cta-container .curated-trip__value-cta-details--is-disabled {
    background: #bfbfbf;
    border: #bfbfbf 1px solid;
    color: #ffffff;
    cursor: default;
    font-size: 11px;
    /* 1.1rem */
    /* 11px */
    font-family: "GT America", "Helvetica Neue", sans-serif;
    color: #000000;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 13px;
    text-transform: uppercase;
    line-height: 16px;
    width: 100%; }
    .curated-trip__value-cta-container .curated-trip__value-cta-details--is-disabled:visited {
      color: #ffffff; }
    .curated-trip__value-cta-container .curated-trip__value-cta-details--is-disabled:hover {
      background: #bfbfbf;
      border: #bfbfbf 1px solid;
      color: #ffffff;
      cursor: default; }
    .curated-trip__value-cta-container .curated-trip__value-cta-details--is-disabled:active {
      background: #bfbfbf;
      border: #bfbfbf 1px solid;
      color: #ffffff;
      cursor: default; }
    @media only screen and (min-width: 64em) {
      .curated-trip__value-cta-container .curated-trip__value-cta-details--is-disabled {
        padding: 3px 1rem;
        white-space: nowrap;
        max-width: 100px;
        padding: 0.25rem 0.5rem;
        /* override for tight space */ } }
  @media only screen and (min-width: 64em) {
    .curated-trip__value-cta-container .curated-trip__value-cta-details.curated-trip__cell--is-cta {
      padding-right: 1rem; } }

/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
.select-menu {
  position: relative;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.select-menu.select-menu--is-disabled .select-menu__button {
  color: #bebebe;
  cursor: not-allowed; }

.select-menu.select-menu--is-open .select-menu__button {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjQgMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNBQUFBQUEiIGQ9Ik0xMiw4LjZsNS44LDUuOGMwLjIsMC4yLDAuMiwwLjYsMCwwLjljLTAuMiwwLjItMC42LDAuMi0wLjksMGwtNS01bC01LDVjLTAuMiwwLjItMC42LDAuMi0wLjksMA0KCQljLTAuMi0wLjItMC4yLTAuNiwwLTAuOUwxMiw4LjZ6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==");
  border: 1px solid #858585; }

.select-menu__button {
  font-size: 16px;
  /* 1.6rem */
  font-family: "GT America", "Helvetica Neue", sans-serif;
  background-color: #ffffff;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNhYWFhYWEiIGQ9Ik0xMi4wMDEsMTUuNDNMNi4xOCw5LjYwOWMtMC4yNC0wLjIzOC0wLjI0LTAuNjIzLDAtMC44NmMwLjIzOC0wLjIzOCwwLjYyNC0wLjIzOCwwLjg2LDBsNC45NjEsNC45Ng0KCQlsNC45NTgtNC45NmMwLjIzNy0wLjIzOCwwLjYyMy0wLjIzOCwwLjg2LDBjMC4yMzksMC4yMzgsMC4yMzksMC42MjMsMCwwLjg2TDEyLjAwMSwxNS40M3oiLz4NCjwvZz4NCjwvc3ZnPg0K");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 24px;
  border: 1px solid #c5c5c5;
  color: #000000;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  height: 40px;
  line-height: 38px;
  outline: none;
  padding-bottom: 0;
  padding-left: 0.5rem;
  padding-right: 2rem;
  padding-top: 0;
  text-align: left;
  text-transform: none;
  -webkit-transition: background-color 200ms linear;
  transition: background-color 200ms linear;
  white-space: nowrap;
  width: 100%; }

.select-menu__icon {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  display: inline-block;
  height: 24px;
  margin-top: 6px;
  width: 24px; }

.select-menu__description {
  display: inline-block;
  margin-left: 0.25rem;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis; }

.select-menu.select-menu--has-icon .select-menu__description {
  max-width: -webkit-calc(100% - 2rem);
  max-width: calc(100% - 2rem); }

.select-menu__item {
  font-size: 16px;
  /* 1.6rem */
  font-family: "GT America", "Helvetica Neue", sans-serif;
  color: #000000;
  line-height: 18px;
  padding: 0.5rem 1rem; }
  .select-menu__item:hover {
    background-color: rgba(187, 206, 217, .25);
    cursor: pointer; }

.select-menu__item--is-selected {
  display: none; }

.select-menu__item--is-disabled {
  background: #eeeeee;
  color: #000000;
  opacity: 0.35; }
  .select-menu__item--is-disabled:hover {
    cursor: not-allowed; }

.select-menu__items {
  background-color: #ffffff;
  border: 1px solid #858585;
  border-top: none;
  cursor: pointer;
  left: 0;
  margin-top: -1px;
  position: absolute;
  right: 0;
  z-index: 100; }

/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
.destination-map {
  height: -webkit-calc(100vh - 196px);
  height: calc(100vh - 196px);
  width: 100vw; }
  @media screen and (max-width: 767px) {
    .destination-map {
      height: -webkit-calc(100vh - 151px);
      height: calc(100vh - 151px); } }

.google-map__cluster {
  font-size: 13px;
  /* 1.3rem */
  background-image: url("/images/mapbox-map/Map_Cluster.png");
  background-position: center center;
  background-repeat: no-repeat;
  color: #ffffff;
  cursor: pointer;
  height: 50px;
  line-height: 50px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  width: 50px; }

.destination-cluster.active {
  background-image: url("/images/mapbox-map/Map_Cluster_Selected.png");
  background-position: center center;
  background-repeat: no-repeat; }

.destination-infobox {
  box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  background-color: #ffffff;
  box-sizing: border-box;
  width: 274px; }
  .destination-infobox:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, .15); }
  .destination-infobox:after {
    border: 15px solid #000000;
    border-color: transparent transparent #ffffff #ffffff;
    bottom: -29px;
    box-sizing: border-box;
    content: '';
    height: 0;
    left: 50%;
    margin-left: -21px;
    position: absolute;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    width: 0;
    z-index: 97; }
  .destination-infobox:hover {
    cursor: pointer; }

.destination-infobox a:hover {
  text-decoration: none; }

.destination-infobox__cover-image {
  background-size: cover;
  box-sizing: border-box;
  height: 153px; }

.destination-infobox__content {
  padding: 1rem; }

.destination-infobox__heading {
  font-size: 20px;
  /* 2.0rem */
  /* 20px */
  font-family: "GT America", "Helvetica Neue", sans-serif;
  color: #000000;
  font-weight: 100;
  letter-spacing: normal;
  letter-spacing: initial;
  line-height: 23px;
  font-family: "GT America", "Helvetica Neue", sans-serif;
  color: #000000;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin: auto;
  padding-bottom: 0.25rem; }

.destination-infobox__subtitle {
  font-size: 13px;
  /* 1.3rem */
  font-family: "GT America", "Helvetica Neue", sans-serif;
  color: #606060;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%; }

/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
.destination-list {
  background-color: #ffffff;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  max-width: 1024px;
  padding-bottom: 2rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 2rem;
  width: 100%; }

@media screen and (max-width: 767px) {
  .destination-list--show-content-only .destination-list__nav {
    display: none; } }

@media screen and (max-width: 767px) {
  .destination-list--show-nav-only .destination-list__content {
    display: none; } }

.destination-list__nav {
  padding: 0; }
  @media only screen and (min-width: 48em) {
    .destination-list__nav {
      margin-top: -10px;
      padding-right: 1.5rem; } }

.destination-list__nav-header {
  color: #000000;
  margin-bottom: 1rem; }

.destination-list__nav-list {
  font-size: 16px;
  /* 1.6rem */
  line-height: 18px; }

.destination-list__nav-item {
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  border-bottom: 1px solid rgba(197, 197, 197, .3);
  color: #000000;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  padding: 1rem 0; }
  .destination-list__nav-item:last-child {
    border-bottom: none; }

.destination-list__nav-item--is-selected {
  color: #5991b2; }
  .destination-list__nav-item--is-selected .destination-list__nav-arrow {
    color: #5991b2; }

.destination-list__nav-item:hover {
  color: #82adc5; }
  .destination-list__nav-item:hover .destination-list__nav-item-name {
    text-decoration: underline; }
  .destination-list__nav-item:hover .destination-list__nav-arrow {
    color: #82adc5; }

.destination-list__nav-arrow {
  color: #858585; }
  .destination-list__nav-arrow::after {
    content: '\276F'; }

.destination-list__nav-item--is-selected .destination-list__nav-arrow {
  color: #5991b2; }

.destination-list__content-header {
  color: #000000;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  line-height: 24px;
  margin-bottom: 1.5rem; }

.destination-list__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  padding: 0;
  width: 100%; }

.destination-list__content-label {
  color: #858585;
  margin-bottom: 1rem; }

.destination-list__content-region {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-flex-shrink: 0;
          flex-shrink: 0; }

.destination-list__content-item-subtitle {
  font-size: 13px;
  /* 1.3rem */
  color: #858585;
  font-weight: normal;
  line-height: 13px;
  padding-left: 0.5rem;
  white-space: nowrap; }

.destination-list__content-back {
  color: #5991b2;
  cursor: pointer;
  display: none;
  padding-right: 0.5rem; }
  @media screen and (max-width: 767px) {
    .destination-list__content-back {
      display: block;
      margin-left: 0px; } }
  .destination-list__content-back:hover {
    color: #82adc5; }

.destination-list__group {
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  margin-bottom: 1.5rem; }

.destination-list__group-item {
  box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  margin-bottom: 1rem;
  overflow: hidden; }
  .destination-list__group-item:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, .15); }
  @media screen and (max-width: 767px) {
    .destination-list__group-item {
      -webkit-box-align: center;
      -webkit-align-items: center;
              align-items: center; } }
  .destination-list__group-item:hover {
    text-decoration: none; }

.destination-list__image-holder {
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  width: 100%; }

.destination-list__image {
  width: 100%; }

.destination-list__item-info {
  padding: 1rem;
  width: 100%; }

.destination-list__item-name-holder {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex; }

.destination-list__item-name {
  height: 24px;
  margin-bottom: 0.25rem; }

.destination-list__item-title {
  font-size: 13px;
  /* 1.3rem */
  color: #858585;
  line-height: 13px; }

.destination-list__nav-temp {
  display: none;
  width: 250px; }
  @media screen and (min-width: 767px) {
    .destination-list__nav-temp.destination-list__nav--fixed {
      display: block; } }

/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
.destination-filter__desktop-filters {
  display: none; }
  @media only screen and (min-width: 48em) {
    .destination-filter__desktop-filters {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; } }

.destination-filter__mobile-filters {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex; }
  @media only screen and (min-width: 48em) {
    .destination-filter__mobile-filters {
      display: none; } }

.destination-filter {
  background-color: #ffffff;
  border: 1px solid #c5c5c5;
  margin-right: 0.5rem;
  position: relative; }

.destination-filter__icon {
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjIycHgiIGhlaWdodD0iMTVweCIgdmlld0JveD0iMCAwIDIyIDE1IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0Ni4yICg0NDQ5NikgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+ZmlsdGVyIGljb248L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz4KICAgICAgICA8Y2lyY2xlIGlkPSJwYXRoLTEiIGN4PSIxMyIgY3k9IjIuNTMxMjUiIHI9IjIiPjwvY2lyY2xlPgogICAgICAgIDxjaXJjbGUgaWQ9InBhdGgtMiIgY3g9IjEzIiBjeT0iMi41Mjg5MzA2NiIgcj0iMiI+PC9jaXJjbGU+CiAgICAgICAgPGNpcmNsZSBpZD0icGF0aC0zIiBjeD0iNCIgY3k9IjIuNSIgcj0iMiI+PC9jaXJjbGU+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9ImZpbHRlci1pY29uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtNCI+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTAsMi41IEwyMCwyLjUiIGlkPSJMaW5lIiBzdHJva2U9IiM2NTY1NjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJPdmFsIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHVzZSBmaWxsPSIjNjU2NTY1IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICAgICAgICAgICAgICA8Y2lyY2xlIHN0cm9rZT0iIzY1NjU2NSIgc3Ryb2tlLXdpZHRoPSIyIiBjeD0iMTMiIGN5PSIyLjUzMTI1IiByPSIxIj48L2NpcmNsZT4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDEwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLDIuNSBMMjAsMi41IiBpZD0iTGluZSIgc3Ryb2tlPSIjNjU2NTY1IiBzdHJva2UtbGluZWNhcD0icm91bmQiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iT3ZhbC1Db3B5Ij4KICAgICAgICAgICAgICAgICAgICAgICAgPHVzZSBmaWxsPSIjNjU2NTY1IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHhsaW5rOmhyZWY9IiNwYXRoLTIiPjwvdXNlPgogICAgICAgICAgICAgICAgICAgICAgICA8Y2lyY2xlIHN0cm9rZT0iIzY1NjU2NSIgc3Ryb2tlLXdpZHRoPSIyIiBjeD0iMTMiIGN5PSIyLjUyODkzMDY2IiByPSIxIj48L2NpcmNsZT4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDUuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTAsMi41IEwyMCwyLjUiIGlkPSJMaW5lIiBzdHJva2U9IiM2NTY1NjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJPdmFsIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHVzZSBmaWxsPSIjNjU2NTY1IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHhsaW5rOmhyZWY9IiNwYXRoLTMiPjwvdXNlPgogICAgICAgICAgICAgICAgICAgICAgICA8Y2lyY2xlIHN0cm9rZT0iIzY1NjU2NSIgc3Ryb2tlLXdpZHRoPSIyIiBjeD0iNCIgY3k9IjIuNSIgcj0iMSI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=") no-repeat;
  background-size: 15px 22px;
  height: 15px;
  margin-right: 0.5rem;
  width: 22px; }

.destination-filter__menu {
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  color: #858585;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.destination-filter__content {
  box-shadow: 0 4px 16px rgba(0, 0, 0, .15);
  font-size: 16px;
  /* 1.6rem */
  background-color: #ffffff;
  color: #000000;
  margin-top: 0.5rem;
  padding: 1rem;
  position: absolute;
  width: 280px;
  z-index: 9001; }
  @media only screen and (max-width: 47.99em) {
    .destination-filter__content {
      height: 100%;
      left: 0;
      margin-top: 0;
      position: fixed;
      top: 0;
      width: 100%; } }

.destination-filter__group {
  border-top: 1px solid rgba(197, 197, 197, .3);
  margin-bottom: 2rem; }
  .destination-filter__group:first-child {
    border-top: none; }
  .destination-filter__group:last-child {
    margin-bottom: 0; }

.destination-filter__header {
  color: #858585;
  padding-bottom: 0.5rem;
  padding-top: 2rem;
  width: 100%; }

.destination-filter__toggle-switch {
  background: #c5c5c5;
  border-radius: 20px;
  display: inline-block;
  height: 25px;
  min-width: 45px;
  position: relative; }

.destination-filter__toggle-switch.destination-filter__toggle-switch--enabled {
  background: #000000; }

.destination-filter__toggle-switch label {
  cursor: pointer;
  display: block;
  height: 100%;
  width: 100%; }

.destination-filter__toggle-circle {
  box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
  -webkit-transition: all .25s ease;
  transition: all .25s ease;
  background-color: #ffffff;
  border-radius: 21px;
  cursor: pointer;
  display: block;
  height: 21px;
  left: 2px;
  position: absolute;
  top: 2px;
  width: 21px;
  z-index: 1; }

.destination-filter__toggle-switch input {
  visibility: hidden; }

.destination-filter__toggle-switch input[type=checkbox]:checked + span {
  left: 22px; }

.destination-filter__category-filter {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  margin: 0.5rem 0; }
  .destination-filter__category-filter .icon {
    margin-right: 0.5rem; }

.destination-filter__filter-item {
  margin: 0.5rem 0; }

.destination-filter__category-filter.destination-filter__category-filter--mobile {
  width: 100%; }

.destination-filter__category-filter > span {
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex; }

.destination-filter__close-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
          justify-content: flex-end; }
  @media only screen and (min-width: 48em) {
    .destination-filter__close-btn {
      display: none; } }

.destination-filter__close-btn-icon {
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gU3ZnIFZlY3RvciBJY29ucyA6IGh0dHA6Ly93d3cub25saW5ld2ViZm9udHMuY29tL2ljb24gLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAwIDEwMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPG1ldGFkYXRhPiBTdmcgVmVjdG9yIEljb25zIDogaHR0cDovL3d3dy5vbmxpbmV3ZWJmb250cy5jb20vaWNvbiA8L21ldGFkYXRhPg0KPGc+PHBhdGggZD0iTTY1MC45LDUwMEw5OTAsODM5TDgzOS4xLDk5MEw1MDAsNjUwLjlMMTYwLjksOTkwTDEwLDgzOUwzNDkuMSw1MDBMMTAsMTYwLjlMMTYwLjksMTBMNTAwLDM0OS4xTDgzOS4xLDEwTDk5MCwxNjAuOUw2NTAuOSw1MDB6Ii8+PC9nPg0KPC9zdmc+") no-repeat;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  height: 22px;
  width: 22px; }

.destination-filter__apply-filters {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-top: 3rem;
  width: 100%; }
  @media only screen and (min-width: 48em) {
    .destination-filter__apply-filters {
      display: none; } }
  .destination-filter__apply-filters a {
    text-align: center;
    width: 100%; }

.destination-filter__content .destination-filter__category-filter-checkbox {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0.5rem;
  margin-top: 0;
  vertical-align: baseline; }

.destination-filter__filter-holder {
  margin-bottom: 0.5rem; }

.destination_content {
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  position: relative; }

.destination__grey-bar {
  background-color: #f1f4f8;
  width: 100%; }

.destination__tools {
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  padding: 1rem; }

.destination-application--list .destination__tools {
  margin: 0 auto;
  max-width: 1024px; }

.destination-application--map .destination__grey-bar {
  border-bottom: 1px solid rgba(197, 197, 197, .5); }

.destination-list-map-toggle {
  background-color: #ffffff;
  border: 1px solid #c5c5c5;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  padding: 0.5rem;
  position: relative; }

.destination-list-map-toggle__option {
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  margin-left: 0.5rem; }
  .destination-list-map-toggle__option:hover {
    text-decoration: none; }
  .destination-list-map-toggle__option:first-child {
    border-right: 1px solid #c5c5c5;
    margin-left: 0;
    padding-right: 0.5rem; }

.destination-list-map-toggle__icon {
  background-repeat: no-repeat;
  height: 20px;
  width: 20px; }

.destination-list-map-toggle__list-icon {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjE4cHgiIGhlaWdodD0iMThweCIgdmlld0JveD0iMCAwIDE4IDE4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDguMiAoNDczMjcpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPg0KICAgIDx0aXRsZT5MaXN0SWNvbjwvdGl0bGU+DQogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+DQogICAgPGRlZnM+PC9kZWZzPg0KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8ZyBpZD0iTGlzdEljb24iIHN0cm9rZT0iI0EwQTBBMCI+DQogICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsLTgiIGN4PSIyIiBjeT0iMiIgcj0iMS41Ij48L2NpcmNsZT4NCiAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwtOC1Db3B5LTIiIGN4PSIyIiBjeT0iOSIgcj0iMS41Ij48L2NpcmNsZT4NCiAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwtOC1Db3B5LTMiIGN4PSIyIiBjeT0iMTYiIHI9IjEuNSI+PC9jaXJjbGU+DQogICAgICAgICAgICA8cGF0aCBkPSJNNy41LDIgTDE3LjUsMiIgaWQ9IkxpbmUtNyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj48L3BhdGg+DQogICAgICAgICAgICA8cGF0aCBkPSJNNy41LDkgTDE3LjUsOSIgaWQ9IkxpbmUtNy1Db3B5LTYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PC9wYXRoPg0KICAgICAgICAgICAgPHBhdGggZD0iTTcuNSwxNiBMMTcuNSwxNiIgaWQ9IkxpbmUtNy1Db3B5LTIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PC9wYXRoPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KPC9zdmc+"); }

.destination-list-map-toggle__map-icon {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjE4cHgiIGhlaWdodD0iMThweCIgdmlld0JveD0iMCAwIDE4IDE4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDguMiAoNDczMjcpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPg0KICAgIDx0aXRsZT5NYXBJY29uPC90aXRsZT4NCiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4NCiAgICA8ZGVmcz48L2RlZnM+DQogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+DQogICAgICAgIDxnIGlkPSJHcm91cC0yMSIgc3Ryb2tlPSIjNjU2NTY1Ij4NCiAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwtOC1Db3B5IiBjeD0iMTQuNSIgY3k9IjExLjUiIHI9IjEiPjwvY2lyY2xlPg0KICAgICAgICAgICAgPHBvbHlsaW5lIGlkPSJMaW5lLTgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgcG9pbnRzPSI2IDUgMC41IDAuNSAwLjUgMTIuNSA2IDE3LjUgNiA1IDExLjUyMjY4MDUgMC40NzczMTk0OTEgMTEuNTIyNjgwNSA3LjAxNzQ0MTQzIj48L3BvbHlsaW5lPg0KICAgICAgICAgICAgPHBhdGggZD0iTTYsMTcuNSBMOS41NDk1MDk3NiwxNC40NTA0OTAyIiBpZD0iTGluZS0xMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj48L3BhdGg+DQogICAgICAgICAgICA8cGF0aCBkPSJNMTcuNSw1IEwxNy41LDciIGlkPSJMaW5lLTgtQ29weS0zIiBzdHJva2UtbGluZWNhcD0icm91bmQiPjwvcGF0aD4NCiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMS41LDAuNSBMMTcuNSw1IiBpZD0iTGluZS05IiBzdHJva2UtbGluZWNhcD0icm91bmQiPjwvcGF0aD4NCiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNC41LDE3LjUgQzE1Ljc4ODE5MzcsMTcuNSAxNy41LDEzLjc2MTE4OTQgMTcuNSwxMS41IEMxNy41LDkuODQzMTQ1NzUgMTYuMTU2ODU0Miw4LjUgMTQuNSw4LjUgQzEyLjg0MzE0NTgsOC41IDExLjUsOS44NDMxNDU3NSAxMS41LDExLjUgQzExLjUsMTMuNzYxMTg5NCAxMy4yMTE4MDYzLDE3LjUgMTQuNSwxNy41IFoiIGlkPSJPdmFsLTkiPjwvcGF0aD4NCiAgICAgICAgPC9nPg0KICAgICAgICA8ZyBpZD0iTWFwSWNvbiI+PC9nPg0KICAgIDwvZz4NCjwvc3ZnPg=="); }

.destination-list-map-toggle__option .destination-list-map-toggle__icon-label {
  font-size: 13px;
  /* 1.3rem */
  color: #858585; }

.destination-list-map-toggle__option.active
.destination-list-map-toggle__list-icon,
.destination-list-map-toggle__option:hover
.destination-list-map-toggle__list-icon {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxOHB4IiBoZWlnaHQ9IjE4cHgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5MaXN0SWNvbjwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9Ikxpc3RJY29uIiBzdHJva2U9IiMwMDAwMDAiPiAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwtOCIgY3g9IjIiIGN5PSIyIiByPSIxLjUiPjwvY2lyY2xlPiAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwtOC1Db3B5LTIiIGN4PSIyIiBjeT0iOSIgcj0iMS41Ij48L2NpcmNsZT4gICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsLTgtQ29weS0zIiBjeD0iMiIgY3k9IjE2IiByPSIxLjUiPjwvY2lyY2xlPiAgICAgICAgICAgIDxwYXRoIGQ9Ik03LjUsMiBMMTcuNSwyIiBpZD0iTGluZS03IiBzdHJva2UtbGluZWNhcD0icm91bmQiPjwvcGF0aD4gICAgICAgICAgICA8cGF0aCBkPSJNNy41LDkgTDE3LjUsOSIgaWQ9IkxpbmUtNy1Db3B5LTYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PC9wYXRoPiAgICAgICAgICAgIDxwYXRoIGQ9Ik03LjUsMTYgTDE3LjUsMTYiIGlkPSJMaW5lLTctQ29weS0yIiBzdHJva2UtbGluZWNhcD0icm91bmQiPjwvcGF0aD4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==); }

.destination-list-map-toggle__option.active
.destination-list-map-toggle__map-icon,
.destination-list-map-toggle__option:hover
.destination-list-map-toggle__map-icon {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxOHB4IiBoZWlnaHQ9IjE4cHgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5NYXBJY29uPC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iR3JvdXAtMjEiIHN0cm9rZT0iIzAwMDAwMCI+ICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbC04LUNvcHkiIGN4PSIxNC41IiBjeT0iMTEuNSIgcj0iMSI+PC9jaXJjbGU+ICAgICAgICAgICAgPHBvbHlsaW5lIGlkPSJMaW5lLTgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgcG9pbnRzPSI2IDUgMC41IDAuNSAwLjUgMTIuNSA2IDE3LjUgNiA1IDExLjUyMjY4MDUgMC40NzczMTk0OTEgMTEuNTIyNjgwNSA3LjAxNzQ0MTQzIj48L3BvbHlsaW5lPiAgICAgICAgICAgIDxwYXRoIGQ9Ik02LDE3LjUgTDkuNTQ5NTA5NzYsMTQuNDUwNDkwMiIgaWQ9IkxpbmUtMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PC9wYXRoPiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNy41LDUgTDE3LjUsNyIgaWQ9IkxpbmUtOC1Db3B5LTMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PC9wYXRoPiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMS41LDAuNSBMMTcuNSw1IiBpZD0iTGluZS05IiBzdHJva2UtbGluZWNhcD0icm91bmQiPjwvcGF0aD4gICAgICAgICAgICA8cGF0aCBkPSJNMTQuNSwxNy41IEMxNS43ODgxOTM3LDE3LjUgMTcuNSwxMy43NjExODk0IDE3LjUsMTEuNSBDMTcuNSw5Ljg0MzE0NTc1IDE2LjE1Njg1NDIsOC41IDE0LjUsOC41IEMxMi44NDMxNDU4LDguNSAxMS41LDkuODQzMTQ1NzUgMTEuNSwxMS41IEMxMS41LDEzLjc2MTE4OTQgMTMuMjExODA2MywxNy41IDE0LjUsMTcuNSBaIiBpZD0iT3ZhbC05Ij48L3BhdGg+ICAgICAgICA8L2c+ICAgICAgICA8ZyBpZD0iTWFwSWNvbiI+PC9nPiAgICA8L2c+PC9zdmc+); }

.destination-application__new-icon {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzMC4yODMgMTUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMwLjI4MyAxNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHJlY3Qgd2lkdGg9IjIzIiBoZWlnaHQ9IjExIiBmaWxsPSIjZmZmIiAvPjxwYXRoIGZpbGw9IiMwMDAwMDAiIGQ9Ik0zMC4yODMsMEgwdjE0Ljk1MWgzMC4yODNsLTQuNTkxLTcuNDc1TDMwLjI4MywweiBNOS4xNzksMTAuMzdjMCwwLjA4NS0wLjA3NiwwLjE1Mi0wLjE2MSwwLjE1Mkg4LjgxNUw1LjI3Nyw2LjYzN0g1LjI2OHYzLjY0YzAsMC4wODUtMC4wNjgsMC4xNjEtMC4xNjEsMC4xNjFoLTAuNzdjLTAuMDg1LDAtMC4xNjEtMC4wNzYtMC4xNjEtMC4xNjFWNC41ODFjMC0wLjA4NSwwLjA3Ni0wLjE1MiwwLjE2MS0wLjE1MmgwLjIxMkw4LjA3LDguMTY5aDAuMDA4VjQuNjc0YzAtMC4wODUsMC4wNjgtMC4xNjEsMC4xNjEtMC4xNjFoMC43NzljMC4wODUsMCwwLjE2MSwwLjA3NiwwLjE2MSwwLjE2MVYxMC4zN3ogTTE0LjQ4NSw1LjM2OGMwLDAuMDg1LTAuMDY4LDAuMTYxLTAuMTYxLDAuMTYxaC0yLjUwNnYxLjM4OGgyLjA5MWMwLjA4NSwwLDAuMTYxLDAuMDc2LDAuMTYxLDAuMTYxVjcuNzhjMCwwLjA5My0wLjA3NiwwLjE2MS0wLjE2MSwwLjE2MWgtMi4wOTF2MS40ODFoMi41MDZjMC4wOTMsMCwwLjE2MSwwLjA3NiwwLjE2MSwwLjE2MXYwLjY5NGMwLDAuMDg1LTAuMDY4LDAuMTYxLTAuMTYxLDAuMTYxaC0zLjQ0NWMtMC4wOTMsMC0wLjE2MS0wLjA3Ni0wLjE2MS0wLjE2MVY0LjY3NGMwLTAuMDg1LDAuMDY4LTAuMTYxLDAuMTYxLTAuMTYxaDMuNDQ1YzAuMDkzLDAsMC4xNjEsMC4wNzYsMC4xNjEsMC4xNjFWNS4zNjh6IE0yMi4yODgsNC43MTZsLTEuNiw1LjY4OGMtMC4wMTcsMC4wNjgtMC4wODUsMC4xMTktMC4xNTIsMC4xMTlIMjAuNGMtMC4wNzYsMC0wLjEyNy0wLjA0Mi0wLjE0NC0wLjA5M2wtMS41MTUtMy44MzVoLTAuMDQybC0xLjQ5OCwzLjgzNWMtMC4wMjUsMC4wNTEtMC4wNTksMC4wOTMtMC4xNDQsMC4wOTNoLTAuMTM2Yy0wLjA2OCwwLTAuMTM2LTAuMDUxLTAuMTUyLTAuMTE5bC0xLjYtNS42ODhjLTAuMDM0LTAuMTE4LDAuMDM0LTAuMjAzLDAuMTUzLTAuMjAzSDE2LjFjMC4wNjgsMCwwLjEzNiwwLjA1OSwwLjE1MiwwLjExOGwwLjg4LDMuMzc3aDAuMDM0bDEuMzQ2LTMuNDg3YzAuMDE3LTAuMDUxLDAuMDYtMC4wOTMsMC4xNDQtMC4wOTNoMC4xNTJjMC4wODUsMCwwLjEyNywwLjA0MiwwLjE0NCwwLjA5M2wxLjM1NSwzLjQ4N2gwLjAzNGwwLjg2My0zLjM3N2MwLjAxNy0wLjA1OSwwLjA4NS0wLjExOCwwLjE1Mi0wLjExOGgwLjc3OEMyMi4yNTQsNC41MTMsMjIuMzIyLDQuNTk4LDIyLjI4OCw0LjcxNnoiLz48L3N2Zz4=);
  background-size: 28px 13px;
  display: inline-block;
  height: 13px;
  margin-left: 0.5rem;
  width: 42px; }

/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
.expandable-card {
  margin-top: 1rem; }
  .expandable-card__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex; }
  .expandable-card__content {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    cursor: pointer;
    margin-bottom: 1rem;
    position: relative; }
    .expandable-card__content:hover {
      box-shadow: 0 4px 16px rgba(0, 0, 0, .15); }
    .expandable-card__content:after {
      border-bottom-color: inherit;
      border-bottom-style: solid;
      border-bottom-width: 1rem;
      border-left: 1rem solid transparent;
      border-right: 1rem solid transparent;
      content: '';
      display: none;
      left: -webkit-calc(50% - 1rem);
      left: calc(50% - 1rem);
      margin-top: 1rem;
      position: absolute; }
  .expandable-card__icon-holder {
    height: 0;
    padding-bottom: 56.25%;
    position: relative; }
  .expandable-card__icon {
    background-position: center;
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%; }
  .expandable-card__heading {
    padding: 1rem; }
  .expandable-card__subheading {
    margin-top: 0.5rem; }
    .expandable-card__subheading p {
      margin: 0; }
  .expandable-card__drawer {
    border-color: inherit;
    display: none;
    margin-top: 2rem;
    width: 100vw; }
    .expandable-card__drawer .copy-block {
      max-width: 100%;
      padding: 0;
      /** overrides spacing issues on mobile **/ }
      @media only screen and (min-width: 48em) {
        .expandable-card__drawer .copy-block {
          max-width: 550px;
          /** provides optimal reading length **/ } }
      .expandable-card__drawer .copy-block__heading {
        font-family: "GT America", "Helvetica Neue", sans-serif;
        font-size: 16px;
        /* 1.6rem */
        /* 16px */
        color: #000000;
        font-weight: 700;
        letter-spacing: normal;
        letter-spacing: initial;
        line-height: 24px;
        margin-bottom: 1rem;
        text-align: left; }
      .expandable-card__drawer .copy-block.copy-block--is-travel-section, .expandable-card__drawer .copy-block.copy-block--has-background {
        padding: 1rem; }
        @media only screen and (min-width: 48em) {
          .expandable-card__drawer .copy-block.copy-block--is-travel-section, .expandable-card__drawer .copy-block.copy-block--has-background {
            max-width: 750px;
            /** provides optimal reading length **/
            padding: 2rem; } }
  .expandable-card__drawer-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
            flex-direction: row !important;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 1024px;
    padding: 2rem 1rem; }
    @media only screen and (min-width: 48em) {
      .expandable-card__drawer-wrapper {
        padding-left: 3rem;
        padding-right: 3rem; } }
  .expandable-card--close-button {
    color: #000000;
    display: none; }
  @media only screen and (max-width: 47.99em) {
    .expandable-card.expandable-card--is-open {
      bottom: 0;
      height: 100%;
      left: 0;
      margin-top: 0;
      position: fixed;
      top: 0;
      -webkit-transition: 0.5s;
      transition: 0.5s;
      width: 0;
      z-index: 10000; }
      .expandable-card.expandable-card--is-open .expandable-card__item {
        width: 100%; }
      .expandable-card.expandable-card--is-open .expandable-card__scrollable-content {
        background: #ffffff;
        height: 100%;
        overflow-y: scroll;
        position: absolute; }
        .expandable-card.expandable-card--is-open .expandable-card__scrollable-content:after {
          display: none; }
      .expandable-card.expandable-card--is-open .expandable-card__content a:hover {
        text-decoration: none; }
      .expandable-card.expandable-card--is-open .expandable-card__heading {
        font-size: 28px;
        /* 2.8rem */
        /* 28px */
        font-family: "GT America", "Helvetica Neue", sans-serif;
        color: #000000;
        font-weight: 100;
        letter-spacing: normal;
        letter-spacing: initial;
        line-height: 30px;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
                order: 2;
        padding: 0 1rem 1rem;
        text-align: center; }
        .expandable-card.expandable-card--is-open .expandable-card__heading:after {
          border-bottom-color: #000000;
          border-bottom-style: solid;
          border-bottom-width: 3px;
          content: '';
          display: block;
          margin: auto;
          margin-bottom: 1rem;
          margin-top: 1rem;
          width: 30px; }
      .expandable-card.expandable-card--is-open .expandable-card__icon-holder {
        margin-left: 1rem;
        margin-right: 1rem;
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
                order: 3; }
      .expandable-card.expandable-card--is-open .expandable-card__drawer-wrapper {
        -webkit-box-align: center;
        -webkit-align-items: center;
                align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
                flex-direction: column;
        -webkit-flex-wrap: wrap;
                flex-wrap: wrap; }
      .expandable-card.expandable-card--is-open .expandable-card--close-button {
        display: inline-block;
        float: right;
        font-size: 40px;
        margin-right: 1rem; } }
  .expandable-card.expandable-card--is-open .expandable-card__drawer {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex; }
    @media only screen and (max-width: 47.99em) {
      .expandable-card.expandable-card--is-open .expandable-card__drawer {
        margin-left: 0; } }
  .expandable-card.expandable-card--is-open .expandable-card__content {
    box-shadow: none; }
    @media only screen and (max-width: 47.99em) {
      .expandable-card.expandable-card--is-open .expandable-card__content {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
                flex-direction: column; }
        .expandable-card.expandable-card--is-open .expandable-card__content:after {
          display: none; } }
    @media only screen and (min-width: 48em) {
      .expandable-card.expandable-card--is-open .expandable-card__content {
        box-shadow: 0 4px 16px rgba(0, 0, 0, .15); }
        .expandable-card.expandable-card--is-open .expandable-card__content:after {
          display: block; } }

/**
 * moves drawer outside of parent div to go full width and then center the content of the
 * drawer under each of the parent divs dependent on the specific column (i.e., 1-of-3)
 */
.section-component__components-per-row--1-of-2 .expandable-card__drawer {
  margin-left: -webkit-calc(105% - 50vw);
  margin-left: calc(105% - 50vw); }

.section-component__components-per-row--2-of-2 .expandable-card__drawer {
  margin-left: -50vw; }

.section-component__components-per-row--1-of-3 .expandable-card__drawer {
  margin-left: -webkit-calc(155% - 50vw);
  margin-left: calc(155% - 50vw); }
  @media only screen and (min-width: 48em) and (max-width: 63.99em) {
    .section-component__components-per-row--1-of-3 .expandable-card__drawer {
      margin-left: -webkit-calc(157% - 50vw);
      margin-left: calc(157% - 50vw); } }

.section-component__components-per-row--2-of-3 .expandable-card__drawer {
  margin-left: -webkit-calc(50% - 50vw);
  margin-left: calc(50% - 50vw); }

.section-component__components-per-row--3-of-3 .expandable-card__drawer {
  margin-left: -webkit-calc(-55% - 50vw);
  margin-left: calc(-55% - 50vw); }
  @media only screen and (min-width: 48em) and (max-width: 63.99em) {
    .section-component__components-per-row--3-of-3 .expandable-card__drawer {
      margin-left: -webkit-calc(-57% - 50vw);
      margin-left: calc(-57% - 50vw); } }

.section-component__components-per-row--1-of-4 .expandable-card__drawer {
  margin-left: -webkit-calc(105% - 50vw);
  margin-left: calc(105% - 50vw); }
  @media only screen and (min-width: 64em) {
    .section-component__components-per-row--1-of-4 .expandable-card__drawer {
      margin-left: -webkit-calc(208% - 50vw);
      margin-left: calc(208% - 50vw); } }

.section-component__components-per-row--2-of-4 .expandable-card__drawer {
  margin-left: -50vw; }
  @media only screen and (min-width: 64em) {
    .section-component__components-per-row--2-of-4 .expandable-card__drawer {
      margin-left: -webkit-calc(100% - 50vw);
      margin-left: calc(100% - 50vw); } }

.section-component__components-per-row--3-of-4 .expandable-card__drawer {
  margin-left: -webkit-calc(105% - 50vw);
  margin-left: calc(105% - 50vw); }
  @media only screen and (min-width: 64em) {
    .section-component__components-per-row--3-of-4 .expandable-card__drawer {
      margin-left: -50vw; } }

.section-component__components-per-row--4-of-4 .expandable-card__drawer {
  margin-left: -50vw; }
  @media only screen and (min-width: 64em) {
    .section-component__components-per-row--4-of-4 .expandable-card__drawer {
      margin-left: -webkit-calc(-107% - 50vw);
      margin-left: calc(-107% - 50vw); } }

@media only screen and (max-width: 47.99em) {
  html.disable-scroll,
  body.disable-scroll {
    overflow: hidden; } }

/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
.experiences-card {
  box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
  background-color: #ffffff;
  color: #606060;
  display: block;
  margin-bottom: 1rem;
  overflow: hidden;
  padding-left: 0;
  padding-right: 0; }
  .experiences-card--has-url {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }
    .experiences-card--has-url:hover {
      box-shadow: 0 4px 16px rgba(0, 0, 0, .15); }

.experiences-card__image {
  background-position: center;
  background-size: cover;
  padding-bottom: 56.25%; }

.experiences-card__content {
  line-height: normal;
  line-height: initial;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem; }

.experiences-card-box {
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between; }

@media only screen and (min-width: 48em) {
  .experiences-card__title {
    font-size: 24px;
    /* 2.4rem */
    /* 24px */
    font-family: "GT America", "Helvetica Neue", sans-serif;
    color: #000000;
    font-weight: 100;
    letter-spacing: normal;
    letter-spacing: initial;
    line-height: 27px;
    height: 28px; } }

.experiences-card__sub-title {
  font-size: 13px;
  /* 1.3rem */
  color: #858585;
  max-width: 350px; }

.experiences-card .truncate-text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.experiences-card__length {
  font-size: 13px;
  /* 1.3rem */
  color: #000000;
  text-align: right; }

.experiences-card__date {
  font-size: 16px;
  /* 1.6rem */
  line-height: 20px;
  text-align: right; }
  @media screen and (max-width: 767px) {
    .experiences-card__date {
      font-size: 13px;
      /* 1.3rem */
      line-height: 16px; } }

.icon-new {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMzAuMjgzIDE1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMC4yODMgMTUiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KCQ0KPCEtLSBMZXR0ZXIgY29sb3JzIC0tPg0KPHJlY3Qgd2lkdGg9IjIzIiBoZWlnaHQ9IjExIiBmaWxsPSIjZmZmIiAvPg0KDQo8cGF0aCBmaWxsPSIjRkY4MTAwIiBkPSJNMzAuMjgzLDBIMHYxNC45NTFoMzAuMjgzbC00LjU5MS03LjQ3NUwzMC4yODMsMHogTTkuMTc5LDEwLjM3YzAsMC4wODUtMC4wNzYsMC4xNTItMC4xNjEsMC4xNTJIOC44MTUNCglMNS4yNzcsNi42MzdINS4yNjh2My42NGMwLDAuMDg1LTAuMDY4LDAuMTYxLTAuMTYxLDAuMTYxaC0wLjc3Yy0wLjA4NSwwLTAuMTYxLTAuMDc2LTAuMTYxLTAuMTYxVjQuNTgxDQoJYzAtMC4wODUsMC4wNzYtMC4xNTIsMC4xNjEtMC4xNTJoMC4yMTJMOC4wNyw4LjE2OWgwLjAwOFY0LjY3NGMwLTAuMDg1LDAuMDY4LTAuMTYxLDAuMTYxLTAuMTYxaDAuNzc5DQoJYzAuMDg1LDAsMC4xNjEsMC4wNzYsMC4xNjEsMC4xNjFWMTAuMzd6IE0xNC40ODUsNS4zNjhjMCwwLjA4NS0wLjA2OCwwLjE2MS0wLjE2MSwwLjE2MWgtMi41MDZ2MS4zODhoMi4wOTENCgljMC4wODUsMCwwLjE2MSwwLjA3NiwwLjE2MSwwLjE2MVY3Ljc4YzAsMC4wOTMtMC4wNzYsMC4xNjEtMC4xNjEsMC4xNjFoLTIuMDkxdjEuNDgxaDIuNTA2YzAuMDkzLDAsMC4xNjEsMC4wNzYsMC4xNjEsMC4xNjF2MC42OTQNCgljMCwwLjA4NS0wLjA2OCwwLjE2MS0wLjE2MSwwLjE2MWgtMy40NDVjLTAuMDkzLDAtMC4xNjEtMC4wNzYtMC4xNjEtMC4xNjFWNC42NzRjMC0wLjA4NSwwLjA2OC0wLjE2MSwwLjE2MS0wLjE2MWgzLjQ0NQ0KCWMwLjA5MywwLDAuMTYxLDAuMDc2LDAuMTYxLDAuMTYxVjUuMzY4eiBNMjIuMjg4LDQuNzE2bC0xLjYsNS42ODhjLTAuMDE3LDAuMDY4LTAuMDg1LDAuMTE5LTAuMTUyLDAuMTE5SDIwLjQNCgljLTAuMDc2LDAtMC4xMjctMC4wNDItMC4xNDQtMC4wOTNsLTEuNTE1LTMuODM1aC0wLjA0MmwtMS40OTgsMy44MzVjLTAuMDI1LDAuMDUxLTAuMDU5LDAuMDkzLTAuMTQ0LDAuMDkzaC0wLjEzNg0KCWMtMC4wNjgsMC0wLjEzNi0wLjA1MS0wLjE1Mi0wLjExOWwtMS42LTUuNjg4Yy0wLjAzNC0wLjExOCwwLjAzNC0wLjIwMywwLjE1My0wLjIwM0gxNi4xYzAuMDY4LDAsMC4xMzYsMC4wNTksMC4xNTIsMC4xMTgNCglsMC44OCwzLjM3N2gwLjAzNGwxLjM0Ni0zLjQ4N2MwLjAxNy0wLjA1MSwwLjA2LTAuMDkzLDAuMTQ0LTAuMDkzaDAuMTUyYzAuMDg1LDAsMC4xMjcsMC4wNDIsMC4xNDQsMC4wOTNsMS4zNTUsMy40ODdoMC4wMzQNCglsMC44NjMtMy4zNzdjMC4wMTctMC4wNTksMC4wODUtMC4xMTgsMC4xNTItMC4xMThoMC43NzhDMjIuMjU0LDQuNTEzLDIyLjMyMiw0LjU5OCwyMi4yODgsNC43MTZ6Ii8+DQo8L3N2Zz4NCg==");
  background-repeat: no-repeat;
  background-size: 28px 13px;
  display: inline-block;
  height: 13px;
  width: 28px; }

/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
.faq__question {
  text-align: left; }
  .faq__question p {
    margin: 0;
    color: inherit; }

.faq__answer {
  font-family: "Sabon", "Garamond", serif;
  font-size: 18px;
  /* 1.8rem */
  /* 18px */
  color: #606060;
  line-height: 27px;
  text-align: left;
  margin-bottom: 3rem; }
  .faq__answer p {
    font-family: "Sabon", "Garamond", serif;
    font-size: 18px;
    /* 1.8rem */
    /* 18px */
    color: #606060;
    line-height: 27px;
    color: inherit;
    margin-bottom: 1rem;
    margin-top: 1rem; }
  .faq__answer ul,
  .faq__answer ol {
    font-family: "Sabon", "Garamond", serif;
    font-size: 18px;
    /* 1.8rem */
    /* 18px */
    color: #606060;
    line-height: 27px;
    color: inherit;
    line-height: 24px;
    margin: auto;
    margin-left: 0; }
    .faq__answer ul li,
    .faq__answer ol li {
      margin-bottom: 12px;
      text-align: left; }
      .faq__answer ul li:last-child,
      .faq__answer ol li:last-child {
        margin-bottom: 0; }
  .faq__answer ul {
    list-style: none;
    padding: 1rem 0; }
    .faq__answer ul li {
      fill: #000000;
      padding-left: 1.5rem;
      position: relative; }
      .faq__answer ul li:before {
        content: '\2022';
        /* bullet point, for screen readers */
        left: 0;
        position: absolute;
        top: 0;
        width: 10px; }
  .faq__answer ol {
    padding: 1rem 0 1rem 1rem; }
    .faq__answer ol li {
      padding-left: 0.5rem; }

/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
.feature-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex; }

.feature-list__wrapper {
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 60px 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  margin-bottom: 75px;
  min-height: 100px;
  padding-left: 5rem;
  text-align: left; }
  .feature-list__wrapper:last-of-type {
    margin-bottom: 0; }
  @media screen and (max-width: 64em) {
    .feature-list__wrapper {
      background-size: 50px 50px;
      padding-left: 4rem;
      padding-right: 1rem; } }
  @media screen and (max-width: 767px) {
    .feature-list__wrapper {
      padding-right: 0; } }

/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
/**
 * _functions.scss
 *
 * Miscellaneous utility functions
 */
.flexCardComponent {
  box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
  background-color: rgba(255, 255, 255, var(--card-background-opacity));
  --border-color: var(--color-gray-light);
  --bounce: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --card-background-opacity: 1;
  --color-gray-light: hsla(0, 0%, 77%, .15);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  --duration-lg: 400ms;
  --duration-md: 300ms;
  --duration-sm: 200ms;
  --duration-xl: 500ms;
  --duration-xs: 100ms;
  --ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  --ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
  --ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
  height: -webkit-calc(100% - 1rem);
  height: calc(100% - 1rem);
  margin-bottom: 1rem;
  --padding: $space-base $space-medium $space-medium;
  --svg-max-width: 600px;
  -webkit-transition: box-shadow var(--duration-md) var(--ease-out);
  transition: box-shadow var(--duration-md) var(--ease-out); }
  .flexCardComponent:hover, .flexCardComponent:focus-within {
    box-shadow: 0 4px 16px rgba(0, 0, 0, .15); }
  .flexCardComponent > * {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column;
    width: 100%; }
  .flexCardComponent > * > :not(:first-child) {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
            flex-grow: 1; }
    .flexCardComponent > * > :not(:first-child) > :first-child {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
              flex-grow: 1; }
  .flexCardComponent.containerless {
    box-shadow: none; }
    .flexCardComponent.containerless:hover, .flexCardComponent.containerless:focus-within {
      box-shadow: none; }
    .flexCardComponent.containerless .content {
      border: none; }
    .flexCardComponent.containerless.removeShadowAnimation:hover, .flexCardComponent.containerless.removeShadowAnimation:focus-within {
      box-shadow: none; }
  .flexCardComponent.removeShadowAnimation:hover, .flexCardComponent.removeShadowAnimation:focus-within {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15); }
  .flexCardComponent .mediaContainer {
    background-color: var(--border-color); }
  .flexCardComponent .content {
    border: 1px solid var(--border-color);
    text-align: left; }

@media only screen and (min-width: 64em) {
  .thirds > * {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap; }
  .thirds > * > :first-child {
    -webkit-flex-basis: 40%;
            flex-basis: 40%;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
            flex-grow: 1; }
  .thirds > * > :not(:first-child) {
    -webkit-flex-basis: 0;
            flex-basis: 0;
    -webkit-box-flex: 999;
    -webkit-flex-grow: 999;
            flex-grow: 999; }
  .thirds > * > :not(:first-child) {
    min-width: 60%; }
  .thirds > * {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
            flex-direction: row; }
  .thirds .headerImage {
    height: 100%; }
  .half > * {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap; }
  .half > * > :first-child {
    -webkit-flex-basis: 50%;
            flex-basis: 50%;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
            flex-grow: 1; }
  .half > * > :not(:first-child) {
    -webkit-flex-basis: 0;
            flex-basis: 0;
    -webkit-box-flex: 999;
    -webkit-flex-grow: 999;
            flex-grow: 999; }
  .half > * > :not(:first-child) {
    min-width: 50%; }
  .half > * {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
            flex-direction: row; }
  .half .headerImage {
    height: 100%; }
  .reverse > * {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
            flex-direction: row-reverse; } }

.transparentMediaLeft {
  padding-bottom: 3rem; }
  @media only screen and (max-width: 63.99em) {
    .transparentMediaLeft > * > :not(:last-child) {
      background-color: transparent; }
    .transparentMediaLeft .headerImage,
    .transparentMediaLeft .headerVideo,
    .transparentMediaLeft .svgStyles {
      margin-bottom: 2rem; } }
  @media only screen and (min-width: 64em) {
    .transparentMediaLeft .bodyWrapper {
      padding: 0 0 0 2rem; }
    .transparentMediaLeft .buttonWrapper {
      padding: 2rem 0 0 2rem; } }
  .transparentMediaLeft .bodyWrapper {
    padding: 0; }
  .transparentMediaLeft .buttonWrapper {
    padding: 2rem 0 0 0; }

.transparentMediaRight {
  padding-bottom: 3rem; }
  @media only screen and (max-width: 63.99em) {
    .transparentMediaRight > * > :not(:last-child) {
      background-color: transparent; }
    .transparentMediaRight .headerImage,
    .transparentMediaRight .headerVideo,
    .transparentMediaRight .svgStyles {
      margin-bottom: 2rem; } }
  @media only screen and (min-width: 64em) {
    .transparentMediaRight .bodyWrapper {
      padding: 0 2rem 0 0; }
    .transparentMediaRight .buttonWrapper {
      padding: 2rem 0 0 0; } }
  .transparentMediaRight .bodyWrapper {
    padding: 0; }
  .transparentMediaRight .buttonWrapper {
    padding: 2rem 0 0 0; }

.transparentStacked {
  padding-bottom: 3rem; }
  .transparentStacked > * > :not(:last-child) {
    background-color: transparent; }
  .transparentStacked .headerImage,
  .transparentStacked .headerVideo,
  .transparentStacked .svgStyles {
    margin-bottom: 2rem; }
  .transparentStacked .svgStyles {
    padding: 0; }
  .transparentStacked .bodyWrapper {
    padding: 0; }
  .transparentStacked .buttonWrapper {
    padding: 2rem 0 0 0; }

.headerImage {
  background-color: var(--color-gray-light);
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
          order: 0;
  --ratio: 1.77778;
  width: 100%; }
  .headerImage img {
    height: 100%;
    object-fit: cover;
    width: 100%; }
  .headerImage.hasRatio {
    position: relative; }
    .headerImage.hasRatio::before {
      content: "";
      display: block;
      padding-bottom: -webkit-calc(100% / var(--ratio));
      padding-bottom: calc(100% / var(--ratio)); }
    .headerImage.hasRatio > :first-child {
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%; }
    .headerImage.hasRatio img {
      height: 100%;
      object-fit: cover;
      width: 100%; }

.svgStyles {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--svg-max-width);
  padding: 2rem 2rem 0; }

.bodyWrapper {
  padding: 2rem; }

.capsHeader {
  font-size: 11px;
  /* 1.1rem */
  /* 11px */
  font-family: "GT America", "Helvetica Neue", sans-serif;
  color: #000000;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 13px;
  text-transform: uppercase;
  color: #606060;
  margin-bottom: 1.5rem; }

.header {
  font-size: 24px;
  /* 2.4rem */
  /* 24px */
  font-family: "GT America", "Helvetica Neue", sans-serif;
  color: #000000;
  font-weight: 100;
  letter-spacing: normal;
  letter-spacing: initial;
  line-height: 27px; }
  .header.headerLg {
    font-size: 28px;
    /* 2.8rem */
    /* 28px */
    font-family: "GT America", "Helvetica Neue", sans-serif;
    color: #000000;
    font-weight: 100;
    letter-spacing: normal;
    letter-spacing: initial;
    line-height: 30px; }
  .header.headerSm {
    font-size: 20px;
    /* 2.0rem */
    /* 20px */
    font-family: "GT America", "Helvetica Neue", sans-serif;
    color: #000000;
    font-weight: 100;
    letter-spacing: normal;
    letter-spacing: initial;
    line-height: 23px; }
  .header p {
    color: inherit;
    margin: 0; }

.subHeader {
  font-family: "GT America", "Helvetica Neue", sans-serif;
  font-size: 13px;
  /* 1.3rem */
  /* 13px */
  color: #606060;
  display: block;
  font-weight: normal;
  letter-spacing: normal;
  letter-spacing: initial;
  line-height: 15px;
  font-family: "Sabon", "Garamond", serif;
  font-size: 18px;
  /* 1.8rem */
  /* 18px */
  color: #606060;
  line-height: 27px;
  text-align: left;
  margin-top: 0.5rem; }
  .subHeader p {
    font-family: "Sabon", "Garamond", serif;
    font-size: 18px;
    /* 1.8rem */
    /* 18px */
    color: #606060;
    line-height: 27px;
    color: inherit;
    margin-bottom: 1rem;
    margin-top: 1rem; }
  .subHeader ul,
  .subHeader ol {
    font-family: "Sabon", "Garamond", serif;
    font-size: 18px;
    /* 1.8rem */
    /* 18px */
    color: #606060;
    line-height: 27px;
    color: inherit;
    line-height: 24px;
    margin: auto;
    margin-left: 0; }
    .subHeader ul li,
    .subHeader ol li {
      margin-bottom: 12px;
      text-align: left; }
      .subHeader ul li:last-child,
      .subHeader ol li:last-child {
        margin-bottom: 0; }
  .subHeader ul {
    list-style: none;
    padding: 1rem 0; }
    .subHeader ul li {
      fill: #000000;
      padding-left: 1.5rem;
      position: relative; }
      .subHeader ul li:before {
        content: '\2022';
        /* bullet point, for screen readers */
        left: 0;
        position: absolute;
        top: 0;
        width: 10px; }
  .subHeader ol {
    padding: 1rem 0 1rem 1rem; }
    .subHeader ol li {
      padding-left: 0.5rem; }
  .subHeader.subHeaderMd {
    font-size: 16px;
    /* 1.6rem */
    margin-top: 12px; }
  .subHeader.subHeaderSerif {
    font-family: "Sabon", "Garamond", serif;
    font-size: 18px;
    /* 1.8rem */
    margin-top: 12px; }
  .subHeader.subHeaderItalic {
    font-family: "Sabon", "Garamond", serif;
    font-size: 18px;
    /* 1.8rem */
    font-style: italic;
    margin-top: 12px; }
  .subHeader p {
    margin: 0; }

.copy {
  font-family: "Sabon", "Garamond", serif;
  font-size: 18px;
  /* 1.8rem */
  /* 18px */
  color: #606060;
  line-height: 27px;
  text-align: left;
  margin-top: 2rem;
  text-align: inherit; }
  .copy p {
    font-family: "Sabon", "Garamond", serif;
    font-size: 18px;
    /* 1.8rem */
    /* 18px */
    color: #606060;
    line-height: 27px;
    color: inherit;
    margin-bottom: 1rem;
    margin-top: 1rem; }
  .copy ul,
  .copy ol {
    font-family: "Sabon", "Garamond", serif;
    font-size: 18px;
    /* 1.8rem */
    /* 18px */
    color: #606060;
    line-height: 27px;
    color: inherit;
    line-height: 24px;
    margin: auto;
    margin-left: 0; }
    .copy ul li,
    .copy ol li {
      margin-bottom: 12px;
      text-align: left; }
      .copy ul li:last-child,
      .copy ol li:last-child {
        margin-bottom: 0; }
  .copy ul {
    list-style: none;
    padding: 1rem 0; }
    .copy ul li {
      fill: #000000;
      padding-left: 1.5rem;
      position: relative; }
      .copy ul li:before {
        content: '\2022';
        /* bullet point, for screen readers */
        left: 0;
        position: absolute;
        top: 0;
        width: 10px; }
  .copy ol {
    padding: 1rem 0 1rem 1rem; }
    .copy ol li {
      padding-left: 0.5rem; }
  .copy p {
    text-align: inherit; }

.buttonWrapper {
  padding: 0 2rem 2rem; }
  .buttonWrapper a[type="button"] {
    -webkit-appearance: none; }

.alignCenter {
  text-align: center; }

.btn-custom-ghost {
  border-style: none;
  border-style: initial;
  /* Override to avoid default button style */
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  outline: none;
  padding: 11px 1.5rem;
  /* top and bottom padding necessary visual adjustment from basic variables */
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color 100ms linear;
  transition: background-color 100ms linear;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 11px;
  /* 1.1rem */
  /* 11px */
  font-family: "GT America", "Helvetica Neue", sans-serif;
  color: #000000;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 13px;
  text-transform: uppercase;
  background: transparent;
  border: none;
  color: #606060;
  line-height: 16px; }
  .btn-custom-ghost:hover {
    text-decoration: none; }
  .btn-custom-ghost:active {
    text-decoration: none;
    -webkit-transition: background-color 0ms linear;
    transition: background-color 0ms linear; }
  .btn-custom-ghost:visited {
    color: #606060; }
  .btn-custom-ghost:hover {
    color: #000000; }
  .btn-custom-ghost:active {
    color: #000000; }

.buttonLeftGhost {
  padding-left: 0.5rem; }

.buttonLeftActionText {
  padding-left: 1rem; }

.noButtonPadding {
  padding-left: 0;
  padding-right: 0; }
  .noButtonPadding.buttonWrapper button,
  .noButtonPadding.buttonWrapper a {
    padding-left: 0;
    padding-right: 0; }

/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
/**
 * 1. IE vertical centering fix - setting height on larger screens
 */
.hero {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  /* 1 */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column; }

/**
 * 1. Transparent overlay to allow for text to be more readable
 */
.hero__container {
  --image-overlay-color: black;
  --image-overlay-opacity: 0.3;
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  min-height: -webkit-calc(100vh - 215px);
  min-height: calc(100vh - 215px);
  overflow: hidden;
  padding-bottom: 2rem;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 2rem;
  position: relative;
  z-index: 0; }
  .hero__container:before {
    background-color: var(--image-overlay-color);
    content: '';
    display: block;
    height: 100%;
    left: 0;
    opacity: var(--image-overlay-opacity);
    position: absolute;
    top: 0;
    width: 100%; }
  body.has-banner .hero__container {
    min-height: -webkit-calc(100vh - 254px);
    min-height: calc(100vh - 254px); }
  body.responsive-page--navigation-is-transparent .hero__container {
    min-height: 100vh;
    padding-top: 6rem; }
  body.responsive-page--navigation-is-transparent.has-banner .hero__container {
    min-height: -webkit-calc(100vh - 39px);
    min-height: calc(100vh - 39px); }
  .hero.hero--is-auto-height .hero__container {
    min-height: 450px; }
    @media only screen and (max-width: 47.99em) {
      .hero.hero--is-auto-height .hero__container {
        min-height: 200px;
        padding-bottom: 2rem;
        padding-top: 3rem; } }
    @media only screen and (min-width: 75em) {
      .hero.hero--is-auto-height .hero__container {
        min-height: 500px; } }
    body.responsive-page--navigation-is-transparent .hero.hero--is-auto-height .hero__container {
      padding-top: 6rem; }
    body.responsive-page--navigation-is-transparent.has-banner .hero.hero--is-auto-height .hero__container {
      min-height: 450px; }
      @media only screen and (max-width: 47.99em) {
        body.responsive-page--navigation-is-transparent.has-banner .hero.hero--is-auto-height .hero__container {
          min-height: 200px; } }
      @media only screen and (min-width: 75em) {
        body.responsive-page--navigation-is-transparent.has-banner .hero.hero--is-auto-height .hero__container {
          min-height: 500px; } }
  .hero.hero--is-404 .hero__container:before {
    background-color: transparent;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(transparent));
    background-image: linear-gradient(to bottom, #000000, transparent); }
  .hero.hero--is-404 .hero__container .hero__content {
    margin-top: 2rem; }
    @media only screen and (min-width: 48em) {
      .hero.hero--is-404 .hero__container .hero__content {
        margin-top: 6rem; } }
  .hero.hero--is-404 .hero__container .hero__title {
    font-family: "GT America", "Helvetica Neue", sans-serif;
    font-size: 28px;
    /* 2.8rem */
    /* 28px */
    color: #000000;
    font-weight: 100;
    letter-spacing: 1px;
    line-height: 32px;
    color: #ffffff; }
    @media only screen and (min-width: 48em) {
      .hero.hero--is-404 .hero__container .hero__title {
        font-size: 36px;
        /* 3.6rem */
        /* 36px */
        line-height: 42px; } }
  .hero.hero--is-404 .hero__container .hero__subtitle {
    font-family: "Sabon", "Garamond", serif;
    font-size: 18px;
    /* 1.8rem */
    /* 18px */
    color: #606060;
    line-height: 27px;
    color: #ffffff; }
  .hero.hero--is-404 .hero__container .hero__action-link {
    border-style: none;
    border-style: initial;
    /* Override to avoid default button style */
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    outline: none;
    padding: 11px 1.5rem;
    /* top and bottom padding necessary visual adjustment from basic variables */
    text-align: center;
    text-decoration: none;
    -webkit-transition: background-color 100ms linear;
    transition: background-color 100ms linear;
    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none;
    font-size: 11px;
    /* 1.1rem */
    /* 11px */
    font-family: "GT America", "Helvetica Neue", sans-serif;
    color: #000000;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 13px;
    text-transform: uppercase;
    line-height: 16px;
    background: #ffffff;
    border: 1px solid #ffffff;
    color: #000000;
    padding: 15px 3rem; }
    .hero.hero--is-404 .hero__container .hero__action-link:hover {
      text-decoration: none; }
    .hero.hero--is-404 .hero__container .hero__action-link:active {
      text-decoration: none;
      -webkit-transition: background-color 0ms linear;
      transition: background-color 0ms linear; }
    .hero.hero--is-404 .hero__container .hero__action-link:visited {
      color: #000000; }
      .hero.hero--is-404 .hero__container .hero__action-link:visited:hover {
        color: #ffffff; }
    .hero.hero--is-404 .hero__container .hero__action-link:hover {
      background: #2b2b2b;
      border: 1px solid #2b2b2b;
      color: #ffffff; }
    .hero.hero--is-404 .hero__container .hero__action-link:active {
      background: #000000;
      color: #ffffff; }

.hero.hero--is-loaded .hero__content {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-name: fade-in-and-up;
          animation-name: fade-in-and-up;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-transform: translateY(20px);
          transform: translateY(20px); }

.hero.hero--is-loaded .hero__scroll,
.hero.hero--is-loaded .hero__terms-and-conditions-link {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-name: fade-in-and-up;
          animation-name: fade-in-and-up;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease; }

.hero picture img {
  height: auto;
  left: 50%;
  max-width: 100%;
  min-height: 100%;
  min-width: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  width: auto;
  z-index: -2; }

.hero__content {
  margin: auto;
  max-width: 1024px;
  opacity: 0;
  width: 100%;
  z-index: 100; }
  @media screen and (max-width: 767px) {
    .hero__content {
      width: 100%; } }

.hero__logo {
  display: block;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="4" /><feOffset dx="1" dy="3" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.2)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
  -webkit-filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .2));
          filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .2));
  margin-bottom: 1rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 600px;
  width: 100%; }

.hero__title {
  color: #ffffff;
  margin-bottom: 2rem;
  margin-top: 0;
  padding-left: 0;
  padding-right: 0; }
  .hero__title .hero__conditional-title-break {
    display: block; }
    .hero__title .hero__conditional-title-break:after {
      content: '  ';
      display: none;
      white-space: pre; }
  @media screen and (max-width: 1024px) {
    .hero__title .hero__conditional-title-break {
      display: inline; }
      .hero__title .hero__conditional-title-break:after {
        display: inline; } }
  .hero__title span {
    display: block; }

.hero__subtitle {
  color: #ffffff; }
  .hero__subtitle p {
    color: inherit; }
  .hero__subtitle .ds-headline-big,
  .hero__subtitle .ds-headline-large,
  .hero__subtitle .ds-headline-medium {
    color: inherit;
    padding-bottom: 3rem;
    padding-top: 1.5rem; }

.hero__header--start .hero__logo {
  margin-left: 0; }

.hero__header--start .hero__title,
.hero__header--start .hero__subtitle {
  text-align: left; }

.hero__header--center .hero__title,
.hero__header--center .hero__subtitle {
  text-align: center; }

.hero__header--end .hero__logo {
  margin-right: 0; }

.hero__header--end .hero__title,
.hero__header--end .hero__subtitle {
  text-align: right; }

.hero__action-link {
  display: inline-block;
  margin-top: 2rem; }

.hero__action-link + .hero__video-play {
  margin-left: 2rem; }
  @media screen and (max-width: 435px) {
    .hero__action-link + .hero__video-play {
      margin-left: 0; }
      .hero__action-link + .hero__video-play:before {
        content: ' ';
        display: block; } }

.hero__terms-and-conditions-link {
  padding: 3px 1rem;
  white-space: nowrap;
  font-family: "GT America", "Helvetica Neue", sans-serif;
  font-size: 13px;
  /* 1.3rem */
  /* 13px */
  color: #606060;
  display: block;
  font-weight: normal;
  letter-spacing: normal;
  letter-spacing: initial;
  line-height: 15px;
  color: #ffffff;
  display: inline-block;
  margin-bottom: -1rem;
  margin-left: auto;
  margin-right: auto;
  opacity: 0;
  z-index: 1; }
  .hero__terms-and-conditions-link:hover {
    text-decoration: underline; }

.hero__video-play {
  text-shadow: 0 2px 4px rgba(0, 0, 0, .2);
  color: #ffffff;
  display: inline-block;
  height: 23px;
  margin-top: 2rem;
  z-index: 1; }
  .hero__video-play:hover {
    text-decoration: none; }

.hero__background-video {
  height: auto;
  left: 50%;
  margin-top: -1px;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  width: auto;
  z-index: -1; }
  @media only screen and (max-width: 47.99em) {
    .hero__background-video {
      display: none; } }

.vidyard_tmask {
  z-index: 45790 !important; }

.vidyard_tbox {
  z-index: 45791 !important; }

.vidyard_tclose {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9Ii0xLjc0NSAtMS43NDUgMjQgMjQiDQoJIG92ZXJmbG93PSJ2aXNpYmxlIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IC0xLjc0NSAtMS43NDUgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGRlZnM+DQo8L2RlZnM+DQo8cGF0aCBmaWxsPSIjNjU2NTY1IiBkPSJNMTMuODg5LDEwLjI1Nmw2LjQzMi02LjQzM2MwLjI1Mi0wLjI1MiwwLjI1Mi0wLjY2NiwwLTAuOTE4bC0yLjcxMy0yLjcxM2MtMC4yNTItMC4yNTItMC42NjQtMC4yNTItMC45MTYsMA0KCWwtNi40MzUsNi40MzRMMy44MTksMC4xODhjLTAuMjUzLTAuMjUxLTAuNjY1LTAuMjUxLTAuOTE3LDBMMC4xODksMi45MDNjLTAuMjUzLDAuMjUtMC4yNTMsMC42NjMsMCwwLjkxOGw2LjQzNyw2LjQzNmwtNi40MzUsNi40MzYNCgljLTAuMjUsMC4yNS0wLjI1LDAuNjY0LDAsMC45MTZsMi43MTQsMi43MTNjMC4yNTIsMC4yNTEsMC42NjcsMC4yNTEsMC45MTcsMGw2LjQzNC02LjQzNGw2LjQzMSw2LjQzMQ0KCWMwLjI1MSwwLjI1MSwwLjY2NiwwLjI1MSwwLjkxNywwbDIuNzE1LTIuNzE0YzAuMjUtMC4yNTEsMC4yNS0wLjY2NCwwLTAuOTE4TDEzLjg4OSwxMC4yNTZ6Ii8+DQo8L3N2Zz4NCg==") !important;
  background-position: 0 !important;
  background-size: contain;
  height: 24px !important;
  left: inherit !important;
  position: fixed !important;
  right: 5% !important;
  top: 5% !important;
  width: 24px !important;
  z-index: 1000; }
  .vidyard_tclose:hover {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9Ii0xLjc0NSAtMS43NDUgMjQgMjQiDQoJIG92ZXJmbG93PSJ2aXNpYmxlIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IC0xLjc0NSAtMS43NDUgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGRlZnM+DQo8L2RlZnM+DQo8cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMTMuODg5LDEwLjI1Nmw2LjQzMi02LjQzM2MwLjI1Mi0wLjI1MiwwLjI1Mi0wLjY2NiwwLTAuOTE4bC0yLjcxMy0yLjcxM2MtMC4yNTItMC4yNTItMC42NjQtMC4yNTItMC45MTYsMA0KCWwtNi40MzUsNi40MzRMMy44MTksMC4xODhjLTAuMjUzLTAuMjUxLTAuNjY1LTAuMjUxLTAuOTE3LDBMMC4xODksMi45MDNjLTAuMjUzLDAuMjUtMC4yNTMsMC42NjMsMCwwLjkxOGw2LjQzNyw2LjQzNmwtNi40MzUsNi40MzYNCgljLTAuMjUsMC4yNS0wLjI1LDAuNjY0LDAsMC45MTZsMi43MTQsMi43MTNjMC4yNTIsMC4yNTEsMC42NjcsMC4yNTEsMC45MTcsMGw2LjQzNC02LjQzNGw2LjQzMSw2LjQzMQ0KCWMwLjI1MSwwLjI1MSwwLjY2NiwwLjI1MSwwLjkxNywwbDIuNzE1LTIuNzE0YzAuMjUtMC4yNTEsMC4yNS0wLjY2NCwwLTAuOTE4TDEzLjg4OSwxMC4yNTZ6Ii8+DQo8L3N2Zz4NCg==") !important; }

.hero__scroll {
  box-sizing: border-box;
  max-width: 100%;
  opacity: 0;
  z-index: 1; }

.hero__scroll-down-button {
  box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  background-color: #ffffff;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGZpbGw9IiNhYWFhYWEiIGQ9Ik0xMi4wMDEsMTUuNDNMNi4xOCw5LjYwOWMtMC4yNC0wLjIzOC0wLjI0LTAuNjIzLDAtMC44NmMwLjIzOC0wLjIzOCwwLjYyNC0wLjIzOCwwLjg2LDBsNC45NjEsNC45Nmw0Ljk1OC00Ljk2YzAuMjM3LTAuMjM4LDAuNjIzLTAuMjM4LDAuODYsMGMwLjIzOSwwLjIzOCwwLjIzOSwwLjYyMywwLDAuODZMMTIuMDAxLDE1LjQzeiIvPjwvZz48L3N2Zz4=");
  background-position: center -webkit-calc(50% + 2px);
  background-position: center calc(50% + 2px);
  background-repeat: no-repeat;
  background-size: 35px;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  height: 50px;
  margin-top: 2rem;
  outline: none;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
  width: 50px; }
  .hero__scroll-down-button:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, .15); }
  .hero__scroll-down-button:hover {
    background-color: #ffffff;
    -webkit-transform: translateY(0);
            transform: translateY(0); }

.hero-caption {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
          align-items: flex-end;
  background: transparent;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  margin-bottom: -1rem;
  margin-right: -1rem;
  margin-top: 1.5rem;
  position: static;
  position: initial;
  z-index: 100000; }
  @media only screen and (min-width: 48em) {
    .hero-caption {
      bottom: 22px;
      margin: 0;
      position: absolute;
      right: 2rem; } }
  .hero-caption__wrapper {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
            align-items: flex-end;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column;
    text-align: right;
    width: 50%; }
    @media only screen and (min-width: 48em) {
      .hero-caption__wrapper {
        text-align: left;
        text-align: initial;
        width: auto; } }
    .hero-caption__wrapper a:before {
      bottom: 0;
      content: '';
      height: 100%;
      position: absolute;
      right: 0;
      width: 100%; }
  .hero-caption__caption {
    font-family: "GT America", "Helvetica Neue", sans-serif;
    font-size: 13px;
    /* 1.3rem */
    /* 13px */
    color: #606060;
    display: block;
    font-weight: normal;
    letter-spacing: normal;
    letter-spacing: initial;
    line-height: 15px;
    color: #ffffff;
    margin-bottom: 0.25rem;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .3); }
  .hero-caption__action-container {
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-right: -2px;
    position: relative; }
    @media only screen and (min-width: 48em) {
      .hero-caption__action-container {
        position: static;
        position: initial; } }
    .hero-caption__action-container--link {
      color: #ffffff;
      font-size: 13px;
      /* 1.3rem */
      font-family: "GT America", "Helvetica Neue", sans-serif;
      line-height: 15px;
      margin-right: 0.25rem;
      text-shadow: 0 1px 2px rgba(0, 0, 0, .3); }
      .hero-caption__action-container--link:visited {
        color: #ffffff; }
      .hero-caption__action-container--link:hover, .hero-caption__action-container--link:active {
        text-decoration: underline; }
    .hero-caption__action-container--icon {
      fill: #ffffff;
      filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="2" /><feOffset dx="1" dy="2" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.3)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
      -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3));
              filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3));
      z-index: -1; }

/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
.icon-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  min-width: 100%; }
  .icon-card .content-divider {
    margin-bottom: 1rem;
    margin-top: 1rem; }
  @media screen and (max-width: 64em) {
    .icon-card {
      padding-bottom: 1rem; } }
  @media screen and (max-width: 48em) {
    .icon-card {
      padding-bottom: 55px; }
      .icon-card:last-child {
        margin-bottom: 0; } }

.icon-card__icon-holder {
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  padding-bottom: 1rem;
  padding-top: 1rem; }

.icon-card__icon {
  max-height: 80px;
  max-width: 80px;
  object-fit: contain; }

.icon-card__heading {
  margin-bottom: 1.5rem;
  min-height: 0;
  min-height: initial;
  text-align: center; }

.icon-card__body-copy {
  font-family: "Sabon", "Garamond", serif;
  font-size: 18px;
  /* 1.8rem */
  /* 18px */
  color: #606060;
  line-height: 27px;
  text-align: left;
  color: #606060;
  margin-left: auto;
  margin-right: auto;
  text-align: center; }
  .icon-card__body-copy p {
    font-family: "Sabon", "Garamond", serif;
    font-size: 18px;
    /* 1.8rem */
    /* 18px */
    color: #606060;
    line-height: 27px;
    color: inherit;
    margin-bottom: 1rem;
    margin-top: 1rem; }
  .icon-card__body-copy ul,
  .icon-card__body-copy ol {
    font-family: "Sabon", "Garamond", serif;
    font-size: 18px;
    /* 1.8rem */
    /* 18px */
    color: #606060;
    line-height: 27px;
    color: inherit;
    line-height: 24px;
    margin: auto;
    margin-left: 0; }
    .icon-card__body-copy ul li,
    .icon-card__body-copy ol li {
      margin-bottom: 12px;
      text-align: left; }
      .icon-card__body-copy ul li:last-child,
      .icon-card__body-copy ol li:last-child {
        margin-bottom: 0; }
  .icon-card__body-copy ul {
    list-style: none;
    padding: 1rem 0; }
    .icon-card__body-copy ul li {
      fill: #000000;
      padding-left: 1.5rem;
      position: relative; }
      .icon-card__body-copy ul li:before {
        content: '\2022';
        /* bullet point, for screen readers */
        left: 0;
        position: absolute;
        top: 0;
        width: 10px; }
  .icon-card__body-copy ol {
    padding: 1rem 0 1rem 1rem; }
    .icon-card__body-copy ol li {
      padding-left: 0.5rem; }

/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
.icon-list-item {
  background-position: 8px center;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  padding-bottom: 1rem;
  padding-left: 3rem;
  padding-right: 1rem;
  padding-top: 1rem;
  text-align: left;
  width: 100%; }

.icon-list-item.icon-list-item--is-new {
  background-position: left center;
  background-size: 40px 40px; }

.icon-list-item p {
  margin: 0;
  padding: 0; }

/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
/* landscape aspect ratio */
/* portrait aspect ratio */
.image-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  height: 100%;
  padding-bottom: 1rem; }

.image-card__wrapper {
  -webkit-align-self: center;
          align-self: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
          flex-grow: 1;
  overflow: hidden;
  width: 100%; }
  .image-card__wrapper:not(.image-card__wrapper--is-containerless) {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    background-color: #ffffff; }
    .image-card__wrapper:not(.image-card__wrapper--is-containerless):hover {
      box-shadow: 0 4px 16px rgba(0, 0, 0, .15); }

.image-card__image-wrapper {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
          order: 0;
  width: 100%; }

.image-card__image {
  background-position: center center;
  background-size: cover;
  display: block;
  height: 0; }

.image-card__image-bottom-padding-landscape {
  padding-bottom: 56.25%; }

.image-card__image-bottom-padding-portrait {
  padding-bottom: 125%; }

.image-card__copy-area {
  color: #606060;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
          flex-grow: 1;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
          justify-content: start;
  padding: 0 1rem; }
  .image-card__copy-area .content-divider {
    margin-bottom: 0;
    margin-top: 0; }
  @media screen and (max-width: 767px) {
    .image-card__copy-area {
      display: block;
      width: 100%; } }

.image-card__headline {
  margin-bottom: 1.5rem;
  margin-top: 2rem;
  text-align: center; }

.image-card__body-text {
  font-family: "Sabon", "Garamond", serif;
  font-size: 18px;
  /* 1.8rem */
  /* 18px */
  color: #606060;
  line-height: 27px;
  text-align: left;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
          flex-grow: 1; }
  .image-card__body-text p {
    font-family: "Sabon", "Garamond", serif;
    font-size: 18px;
    /* 1.8rem */
    /* 18px */
    color: #606060;
    line-height: 27px;
    color: inherit;
    margin-bottom: 1rem;
    margin-top: 1rem; }
  .image-card__body-text ul,
  .image-card__body-text ol {
    font-family: "Sabon", "Garamond", serif;
    font-size: 18px;
    /* 1.8rem */
    /* 18px */
    color: #606060;
    line-height: 27px;
    color: inherit;
    line-height: 24px;
    margin: auto;
    margin-left: 0; }
    .image-card__body-text ul li,
    .image-card__body-text ol li {
      margin-bottom: 12px;
      text-align: left; }
      .image-card__body-text ul li:last-child,
      .image-card__body-text ol li:last-child {
        margin-bottom: 0; }
  .image-card__body-text ul {
    list-style: none;
    padding: 1rem 0; }
    .image-card__body-text ul li {
      fill: #000000;
      padding-left: 1.5rem;
      position: relative; }
      .image-card__body-text ul li:before {
        content: '\2022';
        /* bullet point, for screen readers */
        left: 0;
        position: absolute;
        top: 0;
        width: 10px; }
  .image-card__body-text ol {
    padding: 1rem 0 1rem 1rem; }
    .image-card__body-text ol li {
      padding-left: 0.5rem; }

.image-card__call-to-action {
  margin-bottom: 2rem;
  margin-top: 2rem; }
  .image-card__call-to-action a {
    margin: auto;
    text-decoration: none; }

.image-card__call-to-action-button {
  max-width: 240px;
  width: 100%; }

.image-card__icon {
  max-height: 5rem;
  max-width: 5rem;
  object-fit: contain; }

.image-card__icon-holder {
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  padding-bottom: 1rem;
  padding-top: 1rem; }

/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
.image-gallery {
  position: relative; }

.aspect-ratio--16x9 {
  padding-top: 56.25%; }

.aspect-ratio--4x3 {
  padding-top: 75%; }

.aspect-ratio--1x1 {
  padding-top: 100%; }

.pswp__counter {
  height: 10px;
  left: 10px;
  top: 7px; }

.pswp__counter div {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTMgMTMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEzIDEzIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik02LjUwMSwxMi45MDJjLTMuNTMxLDAtNi40MDMtMi44NzItNi40MDMtNi40MDJzMi44NzItNi40MDIsNi40MDMtNi40MDJjMy41MywwLDYuNDAyLDIuODcyLDYuNDAyLDYuNDAyDQoJCVMxMC4wMzEsMTIuOTAyLDYuNTAxLDEyLjkwMnogTTYuNTAxLDEuNTEzYy0yLjc1LDAtNC45ODgsMi4yMzgtNC45ODgsNC45ODdzMi4yMzgsNC45ODcsNC45ODgsNC45ODcNCgkJYzIuNzQ5LDAsNC45ODctMi4yMzgsNC45ODctNC45ODdTOS4yNSwxLjUxMyw2LjUwMSwxLjUxM3oiLz4NCjwvZz4NCjwvc3ZnPg0K");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
  float: left;
  height: 10px;
  margin-right: 5px;
  width: 10px; }

.pswp__counter div.active {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTMgMTMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEzIDEzIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxjaXJjbGUgZmlsbD0iI0ZGRkZGRiIgY3g9IjYuNSIgY3k9IjYuNSIgcj0iNS42OTUiLz4NCjwvc3ZnPg0K"); }

/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
.inquiry-card {
  background: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  overflow: hidden;
  padding: 2rem;
  width: 250px; }
  .inquiry-card .inquiry-card__icon-holder {
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 100px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
    margin-bottom: 1rem; }
  .inquiry-card .inquiry-card__icon {
    height: 100%; }
  .inquiry-card .inquiry-card__contact-label {
    display: block;
    margin-top: 1rem; }
  .inquiry-card .inquiry-card__call-to-action {
    margin-top: 2rem;
    width: 100%; }
  @media screen and (max-width: 767px) {
    .inquiry-card {
      width: auto; } }

.expandable-card.expandable-card--is-open .inquiry-card {
  margin-top: -1px;
  padding-bottom: 3rem;
  width: 100%; }

.expandable-card.expandable-card--is-open .inquiry-card__content {
  margin: auto;
  max-width: 300px; }

/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
.responsive-page__content--is-fenced .inspirato-logo {
  display: block; }

/**
 * The default aspect ratio of the inspirato logo is 128px x 17px
 * 1. This is the multiplier for the height, in order to maintain aspect ratio
 * 2. Hidden by default unless fenced template is enabled
 * 3. This is a magic number but works, would love to not need this media query
 */
/* 1 */
.inspirato-logo {
  display: none;
  /* 2 */
  position: absolute;
  top: 1rem;
  width: 100%;
  z-index: 100; }
  @media only screen and (min-width: 48em) {
    .inspirato-logo {
      top: 2rem; } }
  .inspirato-logo__wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: -webkit-calc(100% - 4rem);
    max-width: calc(100% - 4rem);
    position: relative; }
    @media only screen and (min-width: 48em) {
      .inspirato-logo__wrapper {
        max-width: -webkit-calc(100% - 5rem);
        max-width: calc(100% - 5rem); } }
    @media only screen and (min-width: 64em) {
      .inspirato-logo__wrapper {
        max-width: -webkit-calc(100% - 5rem);
        max-width: calc(100% - 5rem); } }
    @media only screen and (min-width: 75em) {
      .inspirato-logo__wrapper {
        max-width: -webkit-calc(1024px - 1rem);
        max-width: calc(1024px - 1rem); } }
    @media screen and (min-width: 1090px) {
      .inspirato-logo__wrapper {
        /* 2 */
        max-width: -webkit-calc(1024px - 1rem);
        max-width: calc(1024px - 1rem); } }
  .inspirato-logo__icon {
    fill: #ffffff;
    height: 23px;
    width: 176px; }
    @media only screen and (min-width: 48em) {
      .inspirato-logo__icon {
        height: 28px;
        width: 211px; } }

.responsive-page__content--is-fenced .inspirato-logo {
  display: block;
  /* 2 */ }

/**
 *  * 1. Per design, should centered on mobile for all alignment settings
 */
.responsive-page__content--logo-aligned-start .inspirato-logo__wrapper {
  text-align: center;
  /* 1 */ }
  @media only screen and (min-width: 48em) {
    .responsive-page__content--logo-aligned-start .inspirato-logo__wrapper {
      text-align: left; } }

.responsive-page__content--logo-aligned-center .inspirato-logo__wrapper {
  text-align: center; }

.responsive-page__content--logo-aligned-end .inspirato-logo__wrapper {
  text-align: center;
  /* 1 */ }
  @media only screen and (min-width: 48em) {
    .responsive-page__content--logo-aligned-end .inspirato-logo__wrapper {
      text-align: right; } }

.responsive-page__content--logo-aligned-hidden .inspirato-logo__wrapper {
  display: none; }

/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
.jaunt52__filters {
  margin: 0;
  padding: 1rem 0 0.5rem; }
  @media only screen and (min-width: 64em) {
    .jaunt52__filters {
      padding: 1rem 0 1.5rem; } }
  .jaunt52__filters .jaunt52__filter {
    padding-bottom: 0.5rem;
    text-align: left; }
    @media only screen and (min-width: 64em) {
      .jaunt52__filters .jaunt52__filter {
        padding-bottom: 0; } }
    .jaunt52__filters .jaunt52__filter:first-child {
      padding-left: 0; }
      @media only screen and (max-width: 47.99em) {
        .jaunt52__filters .jaunt52__filter:first-child {
          padding-right: 0; } }
    @media only screen and (max-width: 47.99em) {
      .jaunt52__filters .jaunt52__filter:nth-child(2) {
        padding-left: 0;
        padding-right: 0; } }
    @media only screen and (min-width: 48em) and (max-width: 63.99em) {
      .jaunt52__filters .jaunt52__filter:nth-child(2) {
        padding-right: 0; } }
    @media only screen and (max-width: 63.99em) {
      .jaunt52__filters .jaunt52__filter:nth-child(3), .jaunt52__filters .jaunt52__filter:nth-child(4) {
        padding-left: 0;
        padding-right: 0; } }
    @media only screen and (min-width: 64em) {
      .jaunt52__filters .jaunt52__filter:last-child {
        padding-right: 0; } }
    .jaunt52__filters .jaunt52__filter .select-menu__items {
      max-height: 307px;
      overflow: hidden;
      overflow-y: auto; }
  .jaunt52__filters .jaunt52__filter-label {
    display: none;
    margin-bottom: 0.25rem; }
    @media only screen and (min-width: 64em) {
      .jaunt52__filters .jaunt52__filter-label {
        display: block; } }
  .jaunt52__filters .jaunt52__reset {
    width: 100%; }
    @media only screen and (min-width: 64em) {
      .jaunt52__filters .jaunt52__reset {
        border-style: none;
        border-style: initial;
        /* Override to avoid default button style */
        box-sizing: border-box;
        cursor: pointer;
        display: inline-block;
        outline: none;
        padding: 11px 1.5rem;
        /* top and bottom padding necessary visual adjustment from basic variables */
        text-align: center;
        text-decoration: none;
        -webkit-transition: background-color 100ms linear;
        transition: background-color 100ms linear;
        -webkit-user-select: none;
            -ms-user-select: none;
                user-select: none;
        font-size: 11px;
        /* 1.1rem */
        /* 11px */
        font-family: "GT America", "Helvetica Neue", sans-serif;
        color: #000000;
        font-weight: 700;
        letter-spacing: 2px;
        line-height: 13px;
        text-transform: uppercase;
        line-height: 16px;
        background: transparent;
        border: solid 1px #000000;
        color: #000000;
        padding-left: 0.5rem;
        padding-right: 0.5rem; }
        .jaunt52__filters .jaunt52__reset:hover {
          text-decoration: none; }
        .jaunt52__filters .jaunt52__reset:active {
          text-decoration: none;
          -webkit-transition: background-color 0ms linear;
          transition: background-color 0ms linear; }
        .jaunt52__filters .jaunt52__reset:visited {
          color: #000000; }
        .jaunt52__filters .jaunt52__reset:hover {
          background: #2b2b2b;
          border: solid 1px #2b2b2b;
          color: #ffffff; }
        .jaunt52__filters .jaunt52__reset:active {
          background: #000000;
          color: #ffffff; } }

.jaunt52__results-bar {
  margin-bottom: 0.5rem; }
  @media only screen and (min-width: 64em) {
    .jaunt52__results-bar {
      margin-bottom: 3rem; } }

.jaunt52__search-results {
  font-size: 13px;
  /* 1.3rem */
  color: #858585;
  text-align: left; }
  @media only screen and (min-width: 64em) {
    .jaunt52__search-results {
      text-align: center; } }

.jaunt52__error-message {
  border: solid 1px #bbced9;
  padding: 1rem; }
  .jaunt52__error-message h4 {
    font-size: 20px;
    /* 2.0rem */
    /* 20px */
    font-family: "GT America", "Helvetica Neue", sans-serif;
    color: #000000;
    font-weight: 100;
    letter-spacing: normal;
    letter-spacing: initial;
    line-height: 23px;
    margin-bottom: 0.5rem; }
    @media only screen and (min-width: 48em) {
      .jaunt52__error-message h4 {
        font-size: 24px;
        /* 2.4rem */
        /* 24px */
        font-family: "GT America", "Helvetica Neue", sans-serif;
        color: #000000;
        font-weight: 100;
        letter-spacing: normal;
        letter-spacing: initial;
        line-height: 27px; } }

.jaunt52__mobile-sort {
  max-width: 135px;
  position: relative; }
  .jaunt52__mobile-sort .dropdown__button {
    cursor: default;
    /* override design system so pointer only shows on button inside */
    padding-left: 0;
    padding-right: 0;
    text-align: right;
    /* ie alignment hack */ }
  .jaunt52__mobile-sort .dropdown__content {
    padding: 0.5rem;
    right: 0.5rem;
    text-align: left;
    /* ie alignment hack */ }

.jaunt52__mobile-sort-option {
  font-size: 16px;
  /* 1.6rem */
  color: #000000;
  display: block;
  padding: 0.5rem 1rem;
  white-space: nowrap; }
  .jaunt52__mobile-sort-option:hover, .jaunt52__mobile-sort-option.jaunt52__thead--is-sorted-ascending, .jaunt52__mobile-sort-option.jaunt52__thead--is-sorted-descending {
    background-color: rgba(187, 206, 217, .25);
    cursor: pointer;
    text-decoration: none; }

/* layout */
.jaunt52__table-row {
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 100%; }
  @media only screen and (min-width: 64em) {
    .jaunt52__table-row {
      display: table; } }

@media only screen and (min-width: 64em) {
  .jaunt52__results {
    border-collapse: collapse;
    display: table;
    margin: 0;
    width: 100%; } }

@media only screen and (max-width: 47.99em) {
  .jaunt52__table-card {
    padding: 0;
    /* override flexboxgrid */ } }

@media only screen and (min-width: 64em) {
  .jaunt52__table-card {
    border-bottom: 1px solid rgba(197, 197, 197, .5);
    display: table-row;
    position: relative; }
    .jaunt52__table-card:hover {
      background: rgba(187, 206, 217, .25); } }

@media only screen and (max-width: 63.99em) {
  .jaunt52__content-container {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    background: #ffffff;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column;
    margin-bottom: 1rem;
    overflow: hidden;
    padding: 1rem;
    position: relative; }
    .jaunt52__content-container:hover {
      box-shadow: 0 4px 16px rgba(0, 0, 0, .15); } }

@media only screen and (min-width: 64em) {
  .jaunt52__content-container {
    display: table;
    width: 100%; } }

@media only screen and (min-width: 64em) {
  .jaunt52__column {
    display: table-cell;
    position: relative;
    vertical-align: middle; } }

/* column widths for headers & cells */
@media only screen and (min-width: 64em) {
  .jaunt52__width--is-destination {
    width: 23%; }
  .jaunt52__width--is-property-specs {
    width: 25%; }
  .jaunt52__width--is-dates {
    width: 27%; }
  .jaunt52__width--is-value {
    width: 8%; }
  .jaunt52__width--is-percent {
    width: 7%; }
  .jaunt52__width--is-status {
    width: 10%; } }

@media only screen and (min-width: 75em) {
  .jaunt52__width--is-property-specs {
    width: 24%; }
  .jaunt52__width--is-dates {
    width: 26%; }
  .jaunt52__width--is-value {
    width: 9%; }
  .jaunt52__width--is-percent {
    width: 8%; } }

.jaunt52__width--is-half {
  width: 50%; }

/* table headers */
.jaunt52__table-headers {
  display: none; }
  @media only screen and (min-width: 64em) {
    .jaunt52__table-headers {
      border-bottom: 1px solid rgba(197, 197, 197, .5);
      display: table-row; }
      .jaunt52__table-headers:hover {
        background: #ffffff; } }

.jaunt52__thead {
  font-size: 11px;
  /* 1.1rem */
  /* 11px */
  font-family: "GT America", "Helvetica Neue", sans-serif;
  color: #000000;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 13px;
  text-transform: uppercase;
  color: #858585;
  white-space: nowrap; }
  .jaunt52__thead:hover svg, .jaunt52__thead.jaunt52__thead--is-sorted-ascending svg, .jaunt52__thead.jaunt52__thead--is-sorted-descending svg {
    display: inline; }
  .jaunt52__thead svg {
    display: none;
    fill: #858585;
    position: absolute;
    top: 15px;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg); }
  .jaunt52__thead:hover {
    background-color: #ffffff;
    color: #5991b2;
    cursor: pointer;
    /* prevent arrow from flipping on hover of active column */ }
    .jaunt52__thead:hover.jaunt52__thead--is-sorted-ascending svg, .jaunt52__thead:hover.jaunt52__thead--is-sorted-descending svg {
      -webkit-transition: all .25s ease;
      transition: all .25s ease; }
    .jaunt52__thead:hover.jaunt52__thead--is-sorted-descending svg {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
  .jaunt52__thead--is-sorted-ascending, .jaunt52__thead--is-sorted-descending {
    color: #5991b2; }
    .jaunt52__thead--is-sorted-ascending:hover, .jaunt52__thead--is-sorted-descending:hover {
      color: #5991b2; }
  .jaunt52__thead--is-sorted-ascending svg {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg); }
  .jaunt52__thead--is-sorted-descending svg {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
  .jaunt52__thead.jaunt52__thead--is-destination {
    padding-left: 2rem;
    /* visually align text with columns below */ }
  .jaunt52__thead.jaunt52__thead--is-date, .jaunt52__thead.jaunt52__thead--is-value, .jaunt52__thead.jaunt52__thead--is-percent, .jaunt52__thead.jaunt52__thead--is-status {
    text-align: center; }
  @media only screen and (min-width: 64em) {
    .jaunt52__thead.jaunt52__thead--is-value {
      padding-right: 12px;
      /* visually align text with columns below */ } }
  @media only screen and (min-width: 64em) {
    .jaunt52__thead.jaunt52__thead--is-percent {
      padding-right: 0.5rem;
      /* visually align text with columns below */ } }
  .jaunt52__thead.jaunt52__thead--is-blank:after {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial; }
  .jaunt52__thead.jaunt52__thead--is-blank:hover {
    cursor: default; }

/* table cells */
.jaunt52__cell,
.jaunt52__thead {
  padding: 1rem 0;
  text-align: left;
  vertical-align: middle; }
  @media only screen and (min-width: 64em) {
    .jaunt52__cell,
    .jaunt52__thead {
      display: table-cell;
      line-height: 14px;
      position: relative; } }

/* gallery popup on desktop */
@media only screen and (min-width: 64em) {
  .jaunt52__gallery-popup-container {
    display: inline-block; }
    .jaunt52__gallery-popup-container:hover .jaunt52__image-container {
      box-shadow: 0 4px 16px rgba(0, 0, 0, .15);
      display: block;
      padding: 0.25rem;
      position: absolute;
      z-index: 10;
      /* tooltip arrow */
      /* dropshadow behind arrow */ }
      .jaunt52__gallery-popup-container:hover .jaunt52__image-container:before {
        border-left: 0.5rem solid transparent;
        border-right: 0.5rem solid transparent;
        border-top: 0.5rem solid transparent;
        content: '';
        height: 0;
        left: 0.5rem;
        position: absolute;
        top: -1rem;
        width: 0;
        z-index: 2; }
      .jaunt52__gallery-popup-container:hover .jaunt52__image-container:after {
        border-bottom: 0.5rem solid rgba(0, 0, 0, .03);
        border-left: 0.5rem solid transparent;
        border-right: 0.5rem solid transparent;
        border-top: 0.5rem solid transparent;
        content: '';
        height: 0;
        left: 0.5rem;
        position: absolute;
        top: -18px;
        width: 0;
        z-index: 1; }
    .jaunt52__gallery-popup-container:hover .jaunt52__image-container {
      background-color: #ffffff;
      left: 0.25rem;
      top: 55px;
      width: 350px; }
      .jaunt52__gallery-popup-container:hover .jaunt52__image-container:before {
        border-bottom: 0.5rem solid #ffffff; }
    .jaunt52__gallery-popup-container.jaunt52__popup-container--is-active .ds-icon-gallery {
      fill: #000000; } }

.jaunt52__gallery-svg-container {
  display: none; }
  @media only screen and (min-width: 64em) {
    .jaunt52__gallery-svg-container {
      display: inline-block;
      left: 0px;
      position: relative;
      top: -0.5rem; } }
  .jaunt52__gallery-svg-container .ds-icon-gallery {
    fill: #606060; }

/* subtotal popup on desktop */
.jaunt52__subtotal-popup-container {
  position: relative; }
  @media only screen and (min-width: 64em) {
    .jaunt52__subtotal-popup-container {
      display: inline-block; }
      .jaunt52__subtotal-popup-container:hover .jaunt52__text-container {
        box-shadow: 0 4px 16px rgba(0, 0, 0, .15);
        background-color: #606060;
        color: #ffffff;
        display: block;
        left: -webkit-calc(100% - 71px);
        left: calc(100% - 71px);
        padding: 0.5rem;
        position: absolute;
        top: 20px;
        width: 126px;
        z-index: 10;
        /* tooltip arrow */
        /* dropshadow behind arrow */ }
        .jaunt52__subtotal-popup-container:hover .jaunt52__text-container:before {
          border-bottom: 0.5rem solid #606060;
          border-left: 0.5rem solid transparent;
          border-right: 0.5rem solid transparent;
          border-top: 0.5rem solid transparent;
          content: '';
          height: 0;
          left: -webkit-calc(100% - 71px);
          left: calc(100% - 71px);
          position: absolute;
          top: -1rem;
          width: 0;
          z-index: 2; }
        .jaunt52__subtotal-popup-container:hover .jaunt52__text-container:after {
          border-bottom: 0.5rem solid rgba(0, 0, 0, .03);
          border-left: 0.5rem solid transparent;
          border-right: 0.5rem solid transparent;
          border-top: 0.5rem solid transparent;
          content: '';
          height: 0;
          left: -webkit-calc(100% - 71px);
          left: calc(100% - 71px);
          position: absolute;
          top: -18px;
          width: 0;
          z-index: 1; }
        .jaunt52__subtotal-popup-container:hover .jaunt52__text-container .jaunt52__value-details--is-value {
          font-size: 13px;
          /* 1.3rem */ } }

.jaunt52__calculator-svg-container {
  display: none; }
  @media only screen and (min-width: 64em) {
    .jaunt52__calculator-svg-container {
      display: inline-block;
      left: 0px;
      position: relative;
      top: -5px;
      /* visually align horizontally with row */ } }
  .jaunt52__calculator-svg-container .ds-icon-calculator {
    fill: #606060; }

/* gallery on mobile card */
@media only screen and (min-width: 64em) {
  .jaunt52__image-container,
  .jaunt52__text-container {
    display: none; } }

.jaunt52__image-container {
  line-height: 0;
  /* hack - remove space beneath image */ }
  @media only screen and (max-width: 63.99em) {
    .jaunt52__image-container {
      margin: -1rem -1rem 0 -1rem;
      /* override for flush image */ } }
  .jaunt52__image-container .jaunt52__image {
    width: 100%; }

/* subtotal on mobile card */
.jaunt52__text-container .jaunt52__label--subtotal {
  font-family: "GT America", "Helvetica Neue", sans-serif;
  font-size: 13px;
  /* 1.3rem */
  /* 13px */
  color: #606060;
  line-height: 15px;
  display: block; }
  @media only screen and (min-width: 64em) {
    .jaunt52__text-container .jaunt52__label--subtotal {
      color: #ffffff;
      display: inline; } }

/* card titles & subtitles */
@media only screen and (max-width: 63.99em) {
  .jaunt52__cell.jaunt52__destination-container {
    height: 100%;
    /* hack to prevent ie spacing issue */
    padding-bottom: 0.5rem;
    padding-top: 0; } }

@media only screen and (min-width: 64em) {
  .jaunt52__cell.jaunt52__destination-container {
    padding: 1rem 0 1rem 0.25rem; } }

.jaunt52__title-container {
  padding-top: 1rem; }
  @media only screen and (min-width: 64em) {
    .jaunt52__title-container {
      display: inline-block;
      padding-top: 0;
      width: 181px;
      /* needed for truncated text */ } }
  @media only screen and (min-width: 75em) {
    .jaunt52__title-container {
      width: 191px; } }

@media only screen and (max-width: 63.99em) {
  .jaunt52__accommodation-name {
    font-size: 20px;
    /* 2.0rem */
    /* 20px */
    font-family: "GT America", "Helvetica Neue", sans-serif;
    color: #000000;
    font-weight: 100;
    letter-spacing: normal;
    letter-spacing: initial;
    line-height: 23px;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
            flex-grow: 1;
    height: 24px;
    margin-bottom: 0.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; } }

@media only screen and (min-width: 64em) {
  .jaunt52__accommodation-name {
    font-family: "GT America", "Helvetica Neue", sans-serif;
    font-size: 16px;
    /* 1.6rem */
    /* 16px */
    color: #000000;
    font-weight: 700;
    letter-spacing: normal;
    letter-spacing: initial;
    line-height: 24px; } }

.jaunt52__accommodation-name a {
  color: #000000; }
  @media only screen and (min-width: 64em) {
    .jaunt52__accommodation-name a:hover {
      text-decoration: underline; } }

/* property specs */
@media only screen and (max-width: 63.99em) {
  .jaunt52__property-specs-container {
    font-size: 16px;
    /* 1.6rem */
    color: #606060;
    margin-bottom: 0.5rem; }
    .jaunt52__property-specs-container .jaunt52__table-row {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; } }

.jaunt52__property-spec {
  padding: 0 1rem 0 0; }
  @media only screen and (min-width: 64em) {
    .jaunt52__property-spec {
      padding: 1rem 0; }
      .jaunt52__property-spec:nth-child(1) {
        width: 45px; }
      .jaunt52__property-spec:nth-child(2) {
        width: 49px; }
      .jaunt52__property-spec:nth-child(3) {
        width: 54px; } }
  .jaunt52__property-spec--unit-of-measurement {
    font-size: 16px;
    /* 1.6rem */
    text-transform: lowercase; }
    @media only screen and (min-width: 64em) {
      .jaunt52__property-spec--unit-of-measurement {
        font-size: 13px;
        /* 1.3rem */
        color: #606060; } }

/* dates details - check in/out */
.jaunt52__dates-container {
  border-bottom: 1px solid rgba(197, 197, 197, .5);
  border-top: 1px solid rgba(197, 197, 197, .5);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
          flex-direction: row; }
  @media only screen and (min-width: 64em) {
    .jaunt52__dates-container {
      border-bottom: none;
      border-top: none;
      display: table-cell; } }
  .jaunt52__dates-container .jaunt52__dates {
    padding: 1rem 0; }
    @media only screen and (max-width: 63.99em) {
      .jaunt52__dates-container .jaunt52__dates:last-child {
        text-align: right; } }
    @media only screen and (min-width: 64em) {
      .jaunt52__dates-container .jaunt52__dates {
        text-align: center; } }
  .jaunt52__dates-container .jaunt52__mobile-arrow {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex; }
    @media only screen and (min-width: 64em) {
      .jaunt52__dates-container .jaunt52__mobile-arrow {
        display: none; } }
    .jaunt52__dates-container .jaunt52__mobile-arrow svg {
      fill: #606060; }
  .jaunt52__dates-container .jaunt52__date-details {
    font-size: 16px;
    /* 1.6rem */
    color: #606060; }
    @media only screen and (max-width: 63.99em) {
      .jaunt52__dates-container .jaunt52__date-details {
        line-height: 18px; } }
    @media only screen and (min-width: 64em) {
      .jaunt52__dates-container .jaunt52__date-details-is--day {
        font-size: 13px;
        /* 1.3rem */
        color: #606060;
        text-transform: lowercase; } }
    @media only screen and (min-width: 64em) {
      .jaunt52__dates-container .jaunt52__date-details-is--date {
        color: #000000; } }

/* value */
.jaunt52__value-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  /* mobile jaunt banner */ }
  @media only screen and (min-width: 64em) {
    .jaunt52__value-container {
      display: table-cell; } }
  @media only screen and (max-width: 63.99em) {
    .jaunt52__value-container .jaunt52__value-details {
      padding: 1rem 0 0;
      width: 100%; } }
  @media only screen and (min-width: 64em) {
    .jaunt52__value-container .jaunt52__value-details {
      padding: 1rem 0;
      text-align: center; } }
  .jaunt52__value-container .jaunt52__value-details--is-value {
    font-size: 20px;
    /* 2.0rem */
    line-height: 26px;
    /* visual alignment adjustment */ }
    @media only screen and (min-width: 64em) {
      .jaunt52__value-container .jaunt52__value-details--is-value {
        font-size: 16px;
        /* 1.6rem */
        line-height: normal;
        line-height: initial;
        text-align: right; } }
  .jaunt52__value-container .jaunt52__value-details--is-strikethrough {
    font-size: 13px;
    /* 1.3rem */
    color: #858585;
    text-align: right;
    text-decoration: line-through; }
    @media only screen and (min-width: 64em) {
      .jaunt52__value-container .jaunt52__value-details--is-strikethrough {
        color: #606060;
        display: block;
        padding-right: 1rem;
        text-align: center; } }
  @media only screen and (max-width: 63.99em) {
    .jaunt52__value-container .jaunt52__mobile-banner {
      -webkit-box-align: center;
      -webkit-align-items: center;
              align-items: center;
      background-color: rgba(0, 0, 0, .8);
      bottom: 223px;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      height: 40px;
      left: 0;
      padding: 0 1rem;
      position: absolute;
      width: 100%; }
      .jaunt52__value-container .jaunt52__mobile-banner .jaunt52__subtotal-popup-container {
        left: 1rem;
        position: absolute;
        top: 207px; }
      .jaunt52__value-container .jaunt52__mobile-banner .jaunt52__strikethrough-container .jaunt52__value-details--is-value {
        font-size: 16px;
        /* 1.6rem */
        color: #ffffff; } }
  .jaunt52__value-container .jaunt52__mobile-banner .jaunt52__label {
    color: #858585;
    display: inline;
    margin-left: 18px; }
    @media only screen and (min-width: 64em) {
      .jaunt52__value-container .jaunt52__mobile-banner .jaunt52__label {
        display: none; } }
  .jaunt52__value-container .jaunt52__mobile-banner .jaunt52__banner-logo {
    display: inline;
    position: relative; }
    @media only screen and (min-width: 64em) {
      .jaunt52__value-container .jaunt52__mobile-banner .jaunt52__banner-logo {
        display: none; } }
    .jaunt52__value-container .jaunt52__mobile-banner .jaunt52__banner-logo .ds-icon-bolt {
      fill: #bbced9;
      left: -5px;
      position: absolute; }

/* percent */
.jaunt52__percent-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex; }
  @media only screen and (max-width: 63.99em) {
    .jaunt52__percent-container {
      bottom: 231px;
      position: absolute;
      right: 1rem; } }
  @media only screen and (min-width: 64em) {
    .jaunt52__percent-container {
      display: table-cell; } }
  @media only screen and (max-width: 63.99em) {
    .jaunt52__percent-container .jaunt52__percent-details {
      padding: 0;
      width: 100%; } }
  @media only screen and (min-width: 64em) {
    .jaunt52__percent-container .jaunt52__percent-details {
      padding: 1rem 0;
      text-align: center; } }
  .jaunt52__percent-container .jaunt52__percent-details .jaunt52__percent {
    color: #ffffff; }
    @media only screen and (min-width: 64em) {
      .jaunt52__percent-container .jaunt52__percent-details .jaunt52__percent {
        color: #5991b2; } }

/* status */
.jaunt52__status-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex; }
  @media only screen and (min-width: 64em) {
    .jaunt52__status-container {
      display: table-cell; } }
  @media only screen and (max-width: 63.99em) {
    .jaunt52__status-container .jaunt52__cta-container {
      padding: 1rem 0 0;
      text-align: right;
      width: 100%; } }
  @media only screen and (min-width: 64em) {
    .jaunt52__status-container .jaunt52__cta-container {
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      text-align: center; } }
  .jaunt52__status-container .jaunt52__cta-container .jaunt52__cta {
    width: 50%; }
    @media only screen and (min-width: 64em) {
      .jaunt52__status-container .jaunt52__cta-container .jaunt52__cta {
        padding: 3px 1rem;
        white-space: nowrap;
        padding-left: 0;
        padding-right: 0;
        width: 100%; } }
  .jaunt52__status-container .jaunt52__restricted-message {
    color: #000000; }
    @media only screen and (max-width: 63.99em) {
      .jaunt52__status-container .jaunt52__restricted-message {
        font-size: 13px;
        /* 1.3rem */
        height: 40px;
        padding-top: 14px; } }

/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
loading {
  margin: 5px 0;
  width: 100%; }

.search-loader {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  height: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center; }

.search-loader__circular-loader {
  -webkit-animation: rotate 2s linear infinite;
          animation: rotate 2s linear infinite;
  height: 40px;
  overflow: visible;
  width: 40px; }

.search-loader__circular-path {
  -webkit-animation: dash 1.5s ease-in-out infinite;
          animation: dash 1.5s ease-in-out infinite;
  stroke: #000000;
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  stroke-linecap: round; }

.search-loader__loading-text {
  -webkit-align-self: center;
          align-self: center;
  white-space: nowrap; }

/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
.loader-horizontal {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  margin: 1rem 0;
  width: 100%; }
  .loader-horizontal__dot {
    -webkit-animation: loader-horizontal__blip 1.6s infinite;
            animation: loader-horizontal__blip 1.6s infinite;
    background: #858585;
    border-radius: 100%;
    float: left;
    height: 8px;
    margin-right: 6px;
    width: 8px; }
    .loader-horizontal__dot:first-child {
      -webkit-animation-delay: .1s;
              animation-delay: .1s; }
    .loader-horizontal__dot:nth-child(2) {
      -webkit-animation-delay: .3s;
              animation-delay: .3s; }
    .loader-horizontal__dot:nth-child(3) {
      -webkit-animation-delay: .5s;
              animation-delay: .5s;
      -webkit-animation-timing-function: ease;
              animation-timing-function: ease;
      margin-right: 0; }

@-webkit-keyframes loader-horizontal__blip {
  0%,
  100% {
    opacity: 1; }
  60% {
    opacity: .0; } }

@keyframes loader-horizontal__blip {
  0%,
  100% {
    opacity: 1; }
  60% {
    opacity: .0; } }

/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
.member-activity {
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  background-color: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  padding: 1rem;
  text-align: left; }

.member-activity__innerRectangle {
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-basis: 1024px;
          flex-basis: 1024px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  margin: auto;
  padding-left: 1rem;
  padding-right: 1rem; }
  @media screen and (max-width: 767px) {
    .member-activity__innerRectangle {
      -webkit-box-align: center;
      -webkit-align-items: center;
              align-items: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
              flex-direction: column;
      height: auto;
      padding-bottom: 3rem;
      padding-left: 0;
      padding-right: 0;
      padding-top: 3rem;
      text-align: center; } }

.member-activity__section-welcome {
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
          flex-grow: 0;
  -webkit-justify-content: space-around;
          justify-content: space-around; }
  @media screen and (max-width: 767px) {
    .member-activity__section-welcome {
      -webkit-box-align: center;
      -webkit-align-items: center;
              align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
              flex-direction: column; } }

.member-activity__member-miniphoto {
  background-position: center;
  background-size: cover;
  border-radius: 50%;
  height: 40px;
  margin-right: 1rem;
  width: 40px; }
  @media screen and (max-width: 767px) {
    .member-activity__member-miniphoto {
      height: 80px;
      margin-right: 0;
      page-break-after: always;
      width: 80px; } }

.member-activity__section-member-data {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between; }
  @media screen and (max-width: 767px) {
    .member-activity__section-member-data {
      margin-bottom: 1rem; } }

.member-activity__section-welcome-text,
.member-activity__section-member-data-text {
  color: #858585;
  margin-top: 1rem;
  text-align: center; }
  @media only screen and (min-width: 48em) {
    .member-activity__section-welcome-text,
    .member-activity__section-member-data-text {
      font-family: "GT America", "Helvetica Neue", sans-serif;
      font-size: 13px;
      /* 1.3rem */
      /* 13px */
      color: #606060;
      line-height: 15px;
      color: #858585;
      margin-top: 0;
      text-align: left; } }

.member-activity__section-welcome-hr-responsive {
  display: none; }
  @media screen and (max-width: 767px) {
    .member-activity__section-welcome-hr-responsive {
      border-bottom: solid 1px #000000;
      display: block;
      margin: 1rem auto;
      width: 85%; } }

.member-activity__section-membersince-text,
.member-activity__section-member-data-linktext {
  font-size: 16px;
  /* 1.6rem */
  font-family: "GT America", "Helvetica Neue", sans-serif; }

.member-activity__section-membersince-text {
  color: #000000;
  page-break-after: always; }

@media screen and (max-width: 48em) {
  .member-activity__section-favorites {
    display: none; } }

.member-activity__section-favorites-linktext a {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  text-decoration: none; }

/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
.member-news {
  max-width: 1024px; }

.member-news__featured,
.member-news__cards {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  margin-left: auto;
  margin-right: auto;
  max-width: 1024px;
  width: 100%; }
  @media screen and (max-width: 767px) {
    .member-news__featured,
    .member-news__cards {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
              justify-content: center; } }

@media screen and (max-width: 767px) {
  .member-news__featured {
    padding-bottom: 1rem; } }

/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
.member-testimonial {
  display: block; }
  .member-testimonial .responsive-image--is-background-image .responsive-image__img {
    z-index: -2; }

.member-testimonial:not(.member-testimonial--selected) {
  display: none; }

.member-testimonial__testimonial {
  margin-left: auto;
  margin-right: auto;
  max-width: 1024px;
  position: relative; }

.member-testimonial__header {
  text-align: center; }

.member-testimonial__headline {
  color: #ffffff;
  margin-bottom: 2rem;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  position: relative;
  text-align: center; }

.member-testimonial__member-quote {
  background: none;
  color: #ffffff;
  display: inline-block;
  margin: 0 auto;
  padding: 0; }
  .member-testimonial__member-quote p {
    color: #ffffff;
    margin: 0;
    padding: 0; }
    .member-testimonial__member-quote p:before {
      content: open-quote; }
    .member-testimonial__member-quote p:after {
      content: close-quote; }

.member-testimonial__member-attribution {
  color: #ffffff;
  margin-top: 2rem; }

.member-testimonial__video-play-button {
  background-color: #000000;
  border: none;
  border-radius: 500px;
  bottom: 115px;
  cursor: pointer;
  filter: alpha(opacity=75);
  font-size: 0;
  height: auto;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px;
  opacity: 0.75;
  overflow: visible;
  padding: 0;
  position: absolute;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  width: 50px; }
  .member-testimonial__video-play-button:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
    opacity: 1;
    zoom: 1; }

.video-play-button__size {
  padding-top: 100%;
  width: 100%; }

.video-play-button__arrow-size {
  height: auto;
  left: 50%;
  margin: -25% 0 0 -12%;
  overflow: hidden;
  position: absolute;
  top: 50%;
  width: 35%; }

.video-play-button__arrow-size-ratio {
  padding-top: 150%;
  width: 100%; }

.video-play-button__arrow {
  border: 200px solid transparent;
  border-left: 300px solid #ffffff;
  border-right: none;
  height: 0;
  margin: -200px 0 -200px -300px;
  position: absolute;
  right: 0;
  top: 50%;
  width: 0; }

.member-testimonials {
  background-color: rgba(0, 0, 0, .3);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: -webkit-calc(100vh - 48px);
  min-height: calc(100vh - 48px);
  /* NOTE: This spacing is custom to marketing content project. It is slightly different to the usual grid spacing due to the way it is set up with umbraco components. */
  padding-bottom: 4rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 4rem;
  position: relative;
  -webkit-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out; }
  @media only screen and (min-width: 48em) {
    .member-testimonials {
      min-height: 600px;
      padding-bottom: 195px;
      /* 30px above the video play button, to ensure the text never overflows the video button. */
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  @media only screen and (min-width: 64em) {
    .member-testimonials {
      padding-bottom: 5rem;
      padding-top: 5rem; } }
  @media only screen and (min-width: 75em) {
    .member-testimonials {
      padding-bottom: 6rem;
      padding-top: 6rem; } }

.member-testimonials__tabs {
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  left: 0;
  margin-bottom: -27px;
  margin-top: -27px;
  position: absolute;
  width: 100%;
  z-index: 2; }

.member-testimonials__tab {
  background-color: #f1f4f8;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #ffffff, 0 2px 8px rgba(0, 0, 0, .15);
  /* Not in standard mixin. Second shadow replaces border. For smoother antialiased look. */
  cursor: pointer;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  height: 60px;
  margin: 0 1rem;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  width: 60px;
  z-index: 1; }

.member-testimonials__tab--selected,
.member-testimonials__tab:hover {
  box-shadow: 0 0 0 1px #ffffff, 0 4px 16px rgba(0, 0, 0, .15);
  -webkit-transform: scale(1.3);
          transform: scale(1.3); }

/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
.membership-card {
  box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  background: #ffffff;
  margin-bottom: 1rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 320px;
  overflow: hidden;
  padding-bottom: 2rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 2rem; }
  .membership-card:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, .15); }
  @media only screen and (min-width: 48em) {
    .membership-card {
      margin-bottom: 0;
      max-width: 100%; } }
  @media only screen and (min-width: 64em) {
    .membership-card {
      padding-left: 1rem;
      padding-right: 1rem; } }
  .membership-card .icon-list-item {
    padding-bottom: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.5rem; }
    @media only screen and (min-width: 48em) and (max-width: 63.99em) {
      .membership-card .icon-list-item {
        padding-right: 0; } }
    @media only screen and (min-width: 64em) {
      .membership-card .icon-list-item {
        padding-bottom: 1rem;
        padding-top: 1rem; } }

@media screen and (max-width: 64em) {
  .section__components-per-row--3-of-3 .membership-card {
    margin-bottom: 0; } }

.membership-card__product-title {
  font-size: 36px;
  /* 3.6rem */
  background-position: top right;
  background-repeat: no-repeat;
  background-size: 45px 45px;
  color: #000000;
  display: inline-block;
  font-weight: 100;
  line-height: 42px;
  margin: auto;
  padding-bottom: 7px;
  padding-right: 27px; }
  @media only screen and (min-width: 64em) {
    .membership-card__product-title {
      font-size: 44px;
      /* 4.4rem */
      letter-spacing: 1px;
      line-height: 52px;
      padding-bottom: 25px;
      padding-right: 25px; } }

.membership-card__product-cost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
          flex-direction: row;
  line-height: 32px;
  /* re-centers horizontal lines for before/after */ }
  .membership-card__product-cost:before, .membership-card__product-cost:after {
    background-color: #c5c5c5;
    content: '\A0';
    display: inline;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
            flex-grow: 1;
    height: 1px;
    margin-left: 1rem;
    margin-right: 1rem;
    position: relative;
    top: 1rem; }

.membership-card__call-to-action {
  margin-top: 1.5rem;
  width: -webkit-calc(100% - 60px);
  width: calc(100% - 60px); }

/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
/* constrain the aspect ratio, 9:16 = 0.5625 */
.news-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  padding-bottom: 1rem; }
  @media screen and (max-width: 767px) {
    .news-card {
      max-width: 100%; }
      .news-card:last-child {
        padding-bottom: 0; } }

.news-card__wrapper {
  box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  -webkit-align-self: center;
          align-self: center;
  background-color: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
          flex-grow: 1;
  overflow: hidden;
  width: 100%; }
  .news-card__wrapper:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, .15); }
  @media screen and (max-width: 767px) {
    .news-card__wrapper {
      margin-left: auto;
      margin-right: auto;
      max-width: 315px; } }

.news-card__image-wrapper {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
          order: 0;
  width: 100%; }

.news-card__image {
  background-position: center center;
  background-size: cover;
  display: block;
  height: 0;
  padding-bottom: 56.25%; }

.news-card__copy-area {
  color: #606060;
  display: block;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
          flex-grow: 1;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  padding: 1rem;
  width: 100%; }
  @media only screen and (min-width: 48em) {
    .news-card__copy-area {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      padding-top: 2rem; } }
  @media only screen and (min-width: 64em) {
    .news-card__copy-area {
      padding: 2rem; } }
  .news-card__copy-area .content-divider {
    margin-bottom: 0;
    margin-top: 0; }

.news-card__headline {
  margin-bottom: 1.5rem;
  text-align: center; }

.news-card__body-text {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
          flex-grow: 1;
  margin-top: 1.5rem; }

.news-card__call-to-action {
  margin-top: 2rem; }
  .news-card__call-to-action a {
    text-align: center;
    width: 100%; }

.news-card.news-card--is-featured {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  /**
	* 1. IE11 doesn't support position: initial, reset to static
	*/ }
  .news-card.news-card--is-featured .news-card__wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
            flex-direction: row;
    width: 100%; }
    @media screen and (max-width: 767px) {
      .news-card.news-card--is-featured .news-card__wrapper {
        display: block; } }
  .news-card.news-card--is-featured .news-card__image-wrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
            flex: 1;
    -webkit-flex-basis: auto;
            flex-basis: auto;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
            order: 1;
    overflow: hidden;
    position: relative;
    width: -webkit-calc(66.66% - 0.5rem);
    width: calc(66.66% - 0.5rem); }
    @media screen and (max-width: 767px) {
      .news-card.news-card--is-featured .news-card__image-wrapper {
        position: static;
        /* 1 */
        width: 100%; } }
  .news-card.news-card--is-featured .news-card__image {
    bottom: 0;
    display: block;
    left: 0;
    min-height: 100%;
    position: absolute;
    right: 0;
    top: 0; }
    @media screen and (max-width: 767px) {
      .news-card.news-card--is-featured .news-card__image {
        height: 0;
        padding-bottom: 56.25%;
        position: static; } }
  .news-card.news-card--is-featured .news-card__copy-area {
    -webkit-flex-basis: auto;
            flex-basis: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
    width: -webkit-calc(33.33% + 0.5rem);
    width: calc(33.33% + 0.5rem); }
    @media screen and (max-width: 767px) {
      .news-card.news-card--is-featured .news-card__copy-area {
        width: 100%; } }

/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
.press {
  background-color: #f1f4f8;
  height: 100px; }
  @media screen and (max-width: 1024px) {
    .press {
      height: auto;
      padding-bottom: 2rem; } }
  @media screen and (max-width: 767px) {
    .press {
      height: auto;
      padding-bottom: 2rem; } }

.press__container {
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1024px; }
  @media screen and (max-width: 1024px) {
    .press__container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
              flex-direction: column;
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap;
      text-align: center; } }
  @media screen and (max-width: 767px) {
    .press__container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
              flex-direction: column;
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap;
      text-align: center; } }

.press__elements {
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex; }
  @media screen and (max-width: 1024px) {
    .press__elements {
      margin-top: 2rem; } }
  @media screen and (max-width: 767px) {
    .press__elements {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
              flex-direction: column;
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap;
      margin-top: 0;
      text-align: center; } }

.press__element {
  -webkit-flex-basis: auto;
          flex-basis: auto;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 1;
          flex-shrink: 1;
  height: 40px;
  line-height: 40px;
  margin-left: 2rem; }
  .press__element:last-of-type {
    margin-right: 2rem; }
  @media screen and (max-width: 1024px) {
    .press__element {
      margin-left: 2rem;
      margin-right: 0; }
      .press__element:last-of-type {
        margin-right: 2rem; } }
  @media screen and (max-width: 767px) {
    .press__element {
      margin-left: auto;
      margin-right: auto;
      margin-top: 2rem;
      max-width: 220px; }
      .press__element:last-of-type {
        margin-right: auto; } }

.press__as-featured-in {
  border-right: 1px solid #c5c5c5;
  color: #858585;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  padding-right: 2rem;
  text-overflow: ellipsis;
  white-space: nowrap; }
  @media screen and (max-width: 1024px) {
    .press__as-featured-in {
      border-right: none;
      margin-left: 0px;
      margin-top: 2rem;
      min-width: 100%;
      padding-right: 0;
      padding-right: 0;
      text-align: center; } }
  @media screen and (max-width: 767px) {
    .press__as-featured-in {
      border-right: none;
      padding-right: 0; } }

.press__outlet-image {
  height: 100%;
  object-fit: contain;
  overflow: hidden;
  vertical-align: middle;
  width: 100%; }

.article-page__wrap {
  margin: 0 auto;
  max-width: 1024px;
  padding-bottom: 4rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1.5rem; }
  @media only screen and (min-width: 48em) {
    .article-page__wrap {
      padding-bottom: 6rem;
      padding-left: 2rem;
      padding-right: 2rem; } }

.article-page__content {
  margin-bottom: 2rem;
  margin-top: 2rem; }

.article-page__back-link {
  font-size: 13px;
  /* 1.3rem */
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-left: -0.5rem; }
  .article-page__back-link svg {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    fill: #5991b2;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  .article-page__back-link span {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    line-height: 0; }

.article-page__date-container {
  text-align: right; }

.article-page__date {
  font-size: 13px;
  /* 1.3rem */
  color: #858585; }

.article-page__header {
  margin-bottom: 2rem;
  text-align: center; }

.article-page__subhead {
  margin-bottom: 2rem;
  text-align: center; }

.article-page__body {
  font-family: "Sabon", "Garamond", serif;
  font-size: 18px;
  /* 1.8rem */
  /* 18px */
  color: #606060;
  line-height: 27px;
  text-align: left;
  color: #000000; }
  .article-page__body p {
    font-family: "Sabon", "Garamond", serif;
    font-size: 18px;
    /* 1.8rem */
    /* 18px */
    color: #606060;
    line-height: 27px;
    color: inherit;
    margin-bottom: 1rem;
    margin-top: 1rem; }
  .article-page__body ul,
  .article-page__body ol {
    font-family: "Sabon", "Garamond", serif;
    font-size: 18px;
    /* 1.8rem */
    /* 18px */
    color: #606060;
    line-height: 27px;
    color: inherit;
    line-height: 24px;
    margin: auto;
    margin-left: 0; }
    .article-page__body ul li,
    .article-page__body ol li {
      margin-bottom: 12px;
      text-align: left; }
      .article-page__body ul li:last-child,
      .article-page__body ol li:last-child {
        margin-bottom: 0; }
  .article-page__body ul {
    list-style: none;
    padding: 1rem 0; }
    .article-page__body ul li {
      fill: #000000;
      padding-left: 1.5rem;
      position: relative; }
      .article-page__body ul li:before {
        content: '\2022';
        /* bullet point, for screen readers */
        left: 0;
        position: absolute;
        top: 0;
        width: 10px; }
  .article-page__body ol {
    padding: 1rem 0 1rem 1rem; }
    .article-page__body ol li {
      padding-left: 0.5rem; }

.article-page__cta {
  margin-top: 2rem; }

/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
.article-list__table {
  margin-bottom: 1rem; }

.article-list__row {
  cursor: pointer;
  padding: 1rem 0;
  position: relative; }
  @media only screen and (max-width: 63.99em) {
    .article-list__row:hover {
      background: none !important; } }
  @media only screen and (min-width: 64em) {
    .article-list__row {
      padding: 0;
      padding: initial; } }
  .article-list__row .article-list__text-container {
    width: -webkit-calc(100% - 1.5rem);
    width: calc(100% - 1.5rem); }
    @media only screen and (min-width: 48em) {
      .article-list__row .article-list__text-container {
        width: auto; } }

.article-list__date {
  color: #858585;
  margin-bottom: 0.25rem;
  width: 100%; }
  @media only screen and (min-width: 48em) {
    .article-list__date {
      padding-right: 0 !important;
      padding-top: 22px !important;
      vertical-align: top;
      width: 149px; } }

.article-list__article-detail {
  font-size: 16px;
  /* 1.6rem */
  color: #606060; }

.article-list__cta-container {
  text-align: right !important;
  width: 124px; }
  @media only screen and (max-width: 47.99em) {
    .article-list__cta-container {
      bottom: -webkit-calc(1rem - 3px);
      bottom: calc(1rem - 3px);
      position: absolute;
      right: 0; } }

.article-list__cta {
  width: 100%; }
  @media only screen and (max-width: 47.99em) {
    .article-list__cta {
      display: none; } }

@media only screen and (min-width: 48em) {
  .article-list__cta-mobile {
    display: none; } }

/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
.recommended-for-you-card {
  box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  color: #000000;
  cursor: pointer;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
          flex: 0 0 auto;
  height: 410px;
  margin: 1rem;
  overflow: hidden;
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
  width: 600px; }
  .recommended-for-you-card:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, .15); }
  @media screen and (max-width: 767px) {
    .recommended-for-you-card {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 auto;
              flex: 0 0 auto;
      height: 240px;
      margin-bottom: 2rem;
      width: 300px; } }

.recommended-for-you-card__hero {
  background: transparent;
  background-position: center;
  background-size: cover;
  height: 340px; }
  @media screen and (max-width: 767px) {
    .recommended-for-you-card__hero {
      background-position: center;
      background-size: cover;
      height: 170px; } }

.recommended-for-you-card__content-container {
  background-color: #ffffff;
  margin: 0;
  padding-bottom: 12px;
  padding-top: 12px; }

.recommended-for-you-card__content {
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  margin-left: 0.5rem;
  margin-right: 0.5rem; }

.recommended-for-you-card__info {
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex; }

.recommended-for-you-card__destination-info {
  margin-left: 0.5rem;
  text-align: left; }

.recommended-for-you-card__residence-name {
  color: #000000;
  max-width: 380px; }
  .recommended-for-you-card__residence-name:hover {
    text-decoration: none; }
  @media screen and (max-width: 767px) {
    .recommended-for-you-card__residence-name {
      max-width: 230px; } }

.recommended-for-you-card__destination-name {
  font-size: 13px;
  /* 1.3rem */
  color: #606060;
  max-width: 380px; }
  @media screen and (max-width: 767px) {
    .recommended-for-you-card__destination-name {
      max-width: 230px; } }

.recommended-for-you-card__btn {
  margin-left: 0.5rem;
  margin-right: 0.5rem; }
  @media screen and (max-width: 767px) {
    .recommended-for-you-card__btn {
      display: none; } }

.recommended-for-you {
  touch-action: none; }

/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
.responsive-image .responsive-image__img {
  height: auto;
  max-width: 100%; }

.responsive-image--is-background-image .responsive-image__img {
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  width: auto; }

/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
.scrolling-image-gallery {
  cursor: -webkit-grab;
  cursor: grab;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  position: relative;
  right: 50%;
  width: 100vw; }

.scrolling-image-gallery__image {
  background-position: center center;
  background-size: cover;
  height: 200px;
  position: relative; }

.owl-carousel {
  touch-action: none; }

/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
.section-component {
  background-color: #ffffff;
  /* NOTE: This spacing is custom to marketing content project. It is slightly different to the usual grid spacing due to the way it is set up with umbraco components. */
  padding-bottom: 4rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 4rem;
  position: relative; }
  @media only screen and (min-width: 48em) {
    .section-component {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  @media only screen and (min-width: 64em) {
    .section-component {
      padding-bottom: 5rem;
      padding-top: 5rem; } }
  @media only screen and (min-width: 75em) {
    .section-component {
      padding-bottom: 6rem;
      padding-top: 6rem; } }

.section-component__background-image-container {
  --image-overlay-color: black;
  --image-overlay-opacity: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0; }
  .section-component__background-image-container:after {
    content: "";
    background-color: var(--image-overlay-color);
    height: 100%;
    left: 0;
    opacity: var(--image-overlay-opacity);
    position: absolute;
    top: 0;
    width: 100%; }

.section-component--padtop {
  padding-top: 120px; }

.section-component--padbottom {
  padding-bottom: 120px; }

.section-component--collapsetop {
  padding-top: 0; }

@media only screen and (min-width: 48em) {
  .responsive-page__content--is-fenced .section-component:first-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: -webkit-calc(100vh - 290px);
    height: calc(100vh - 290px);
    min-height: 734px; } }

@media only screen and (min-width: 64em) {
  .responsive-page__content--is-fenced .section-component:first-child {
    height: -webkit-calc(100vh - 352px);
    height: calc(100vh - 352px);
    min-height: 727px; } }

@media only screen and (min-width: 75em) {
  .responsive-page__content--is-fenced .section-component:first-child {
    height: -webkit-calc(100vh - 336px);
    height: calc(100vh - 336px);
    min-height: 743px; } }

.responsive-page__content--is-fenced .section-component--collapsetop {
  padding-top: 4rem; }

.section-component--collapsebottom {
  padding-bottom: 0; }

.section-component__components,
.section-component__container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1024px;
  position: relative; }

.section-component__components.section-component__components--has-cta-button {
  padding-bottom: 55px; }

.section-component__headline {
  margin-bottom: 2rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  text-align: center; }
  .section-component__headline p {
    color: inherit;
    margin: 0; }

.section-component__subhead,
.section-component__body {
  margin: auto;
  text-align: center;
  /* hack for umbraco injecting unwanted <p> tags around content. */ }
  .section-component__subhead p,
  .section-component__body p {
    color: inherit; }

.section-component__subhead {
  margin-bottom: 2rem;
  /* hack for umbraco injecting unwanted <p> tags around content. */ }
  .section-component__subhead p {
    margin: 0; }

.section-component__body {
  margin-bottom: 2rem;
  margin-top: 2rem; }

.section-component__call-to-action {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  position: relative; }

.section-component.section-component--has-sibling-with-same-background {
  padding-top: 0; }

.section-component__fullscreen {
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  right: 50%;
  width: 100vw; }

.section-component--row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
          flex-direction: row-reverse; }

/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
.static-content-page {
  margin-top: -1px;
  /* prevents 1px line under hero video */ }
  .static-content-page__wrap {
    margin: 0 auto;
    max-width: 1200px; }
  .static-content-page__container-fluid {
    padding-left: 1rem;
    padding-right: 1rem; }
    @media only screen and (min-width: 48em) {
      .static-content-page__container-fluid {
        padding-left: 2rem;
        padding-right: 2rem; } }
  .static-content-page__section {
    padding: 5rem 0 6rem 0; }
    .static-content-page__section .static-content-page__section-header {
      margin-bottom: 1.5rem; }
    .static-content-page__section .static-content-page__section-subhead {
      margin-bottom: 1.5rem; }
  .static-content-page__image-container {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1; }
  .static-content-page__background-image-picture {
    padding: 0;
    /* overriding 16x9 ratio from ds */ }
  .static-content-page__background-image {
    height: 100%;
    object-fit: cover;
    object-position: 37% top;
    width: 100%; }
    @media only screen and (min-width: 48em) {
      .static-content-page__background-image {
        object-position: 100% top; } }
  .static-content-page__section--is-comparison {
    overflow: hidden;
    /* HACK: prevents aos animation from pushing extra space out on right side of screen */
    position: relative; }
    @media only screen and (max-width: 47.99em) {
      .static-content-page__section--is-comparison {
        padding: 2rem 0; } }
    .static-content-page__section--is-comparison .static-content-page__section-header {
      color: #000000; }
    .static-content-page__section--is-comparison .comparison-card__container {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; }
      @media only screen and (min-width: 48em) {
        .static-content-page__section--is-comparison .comparison-card__container {
          -webkit-box-flex: 1;
          -webkit-flex: 1;
                  flex: 1; } }
    .static-content-page__section--is-comparison .comparison-card {
      background: rgba(255, 255, 255, .9);
      margin-left: auto;
      margin-right: auto;
      margin-top: 1rem;
      max-width: 408px;
      padding-top: 2rem;
      position: relative;
      width: 100%; }
      @media only screen and (min-width: 48em) {
        .static-content-page__section--is-comparison .comparison-card {
          margin-top: 2rem; } }
      @media only screen and (min-width: 64em) {
        .static-content-page__section--is-comparison .comparison-card {
          margin-top: 3rem;
          padding-top: 3rem; } }
      @media only screen and (min-width: 48em) {
        .static-content-page__section--is-comparison .comparison-card--is-left {
          margin-left: auto; } }
      @media only screen and (min-width: 64em) {
        .static-content-page__section--is-comparison .comparison-card--is-left {
          margin-right: 0.5rem; } }
      @media only screen and (min-width: 48em) {
        .static-content-page__section--is-comparison .comparison-card--is-right {
          margin-right: auto; } }
      @media only screen and (min-width: 64em) {
        .static-content-page__section--is-comparison .comparison-card--is-right {
          margin-left: 0.5rem; } }
      .static-content-page__section--is-comparison .comparison-card__price {
        padding-left: 40px;
        margin-bottom: 0.5rem;
        color: #000000; }
      .static-content-page__section--is-comparison .comparison-card__currency {
        font-size: 16px;
        /* 1.6rem */
        line-height: 0;
        position: relative;
        top: -17px;
        right: 2px;
        color: #606060; }
      .static-content-page__section--is-comparison .comparison-card__value {
        font-size: 44px;
        /* 4.4rem */
        font-family: "Sabon", "Garamond", serif;
        letter-spacing: 1px; }
        .static-content-page__section--is-comparison .comparison-card__value--comma {
          font-size: 34px; }
      .static-content-page__section--is-comparison .comparison-card__time {
        font-size: 13px;
        /* 1.3rem */
        color: #606060; }
      .static-content-page__section--is-comparison .comparison-card__dash {
        margin-right: 3px; }
      .static-content-page__section--is-comparison .comparison-card__content-container {
        padding: 0 1.5rem 5.5rem; }
        @media only screen and (min-width: 64em) {
          .static-content-page__section--is-comparison .comparison-card__content-container {
            padding: 0 3rem 6.5rem; } }
      .static-content-page__section--is-comparison .comparison-card__list {
        font-family: "Sabon", "Garamond", serif;
        font-size: 18px;
        /* 1.8rem */
        /* 18px */
        color: #606060;
        line-height: 27px;
        text-align: left;
        color: #000000; }
        .static-content-page__section--is-comparison .comparison-card__list p {
          font-family: "Sabon", "Garamond", serif;
          font-size: 18px;
          /* 1.8rem */
          /* 18px */
          color: #606060;
          line-height: 27px;
          color: inherit;
          margin-bottom: 1rem;
          margin-top: 1rem; }
        .static-content-page__section--is-comparison .comparison-card__list ul,
        .static-content-page__section--is-comparison .comparison-card__list ol {
          font-family: "Sabon", "Garamond", serif;
          font-size: 18px;
          /* 1.8rem */
          /* 18px */
          color: #606060;
          line-height: 27px;
          color: inherit;
          line-height: 24px;
          margin: auto;
          margin-left: 0; }
          .static-content-page__section--is-comparison .comparison-card__list ul li,
          .static-content-page__section--is-comparison .comparison-card__list ol li {
            margin-bottom: 12px;
            text-align: left; }
            .static-content-page__section--is-comparison .comparison-card__list ul li:last-child,
            .static-content-page__section--is-comparison .comparison-card__list ol li:last-child {
              margin-bottom: 0; }
        .static-content-page__section--is-comparison .comparison-card__list ul {
          list-style: none;
          padding: 1rem 0; }
          .static-content-page__section--is-comparison .comparison-card__list ul li {
            fill: #000000;
            padding-left: 1.5rem;
            position: relative; }
            .static-content-page__section--is-comparison .comparison-card__list ul li:before {
              content: '\2022';
              /* bullet point, for screen readers */
              left: 0;
              position: absolute;
              top: 0;
              width: 10px; }
        .static-content-page__section--is-comparison .comparison-card__list ol {
          padding: 1rem 0 1rem 1rem; }
          .static-content-page__section--is-comparison .comparison-card__list ol li {
            padding-left: 0.5rem; }
      .static-content-page__section--is-comparison .comparison-card__call-to-action {
        bottom: 2rem;
        left: 1.5rem;
        position: absolute;
        right: 1.5rem; }
        @media only screen and (min-width: 48em) {
          .static-content-page__section--is-comparison .comparison-card__call-to-action {
            bottom: 2rem;
            left: 2rem;
            right: 2rem; } }
        @media only screen and (min-width: 64em) {
          .static-content-page__section--is-comparison .comparison-card__call-to-action {
            bottom: 3rem;
            left: 3rem;
            right: 3rem; } }

/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
.story {
  counter-reset: story-list;
  position: relative;
  z-index: 0; }
  .story::after {
    border-left: 2px dotted #c5c5c5;
    bottom: 0;
    content: '';
    display: block;
    left: 50%;
    position: absolute;
    top: 0;
    -webkit-transform: translate(-50%);
            transform: translate(-50%);
    z-index: -1; }
    @media screen and (max-width: 767px) {
      .story::after {
        display: none; } }

.story__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  counter-increment: story-list;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding-bottom: 1rem;
  padding-top: 1rem; }
  .story__item:before {
    font-size: 28px;
    /* 2.8rem */
    background-color: #000000;
    border-radius: 50px;
    color: #ffffff;
    content: counter(story-list);
    display: inline-block;
    font-weight: 100;
    height: 50px;
    left: -webkit-calc(50% - 25px);
    left: calc(50% - 25px);
    padding-top: 3px;
    position: absolute;
    text-align: center;
    width: 50px; }
  .story__item:nth-child(even) {
    margin-bottom: -4.5rem;
    margin-left: auto;
    margin-top: -4.5rem; }
  .story__item .icon-card {
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 0; }
    .story__item .icon-card .icon-card__icon {
      max-height: 120px;
      max-width: 120px; }
  @media screen and (max-width: 767px) {
    .story__item {
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
              align-items: flex-start; }
      .story__item:nth-child(even) {
        margin: auto; }
      .story__item .icon-card {
        margin-bottom: 2rem;
        margin-top: 5rem; }
      .story__item:last-of-type .icon-card {
        margin-bottom: 0; }
      .story__item .icon-card__icon-holder {
        display: none; } }

/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
.tab-listing {
  border-bottom: 1px solid rgba(197, 197, 197, .5);
  margin-left: 0;
  margin-left: auto;
  margin-right: 0;
  margin-right: auto;
  margin-top: 1rem;
  max-width: 1024px; }
  @media only screen and (min-width: 48em) {
    .tab-listing {
      margin-top: 2rem; } }

.tab {
  margin-bottom: -1px;
  /* tab border sits over listing border */
  padding-left: 0;
  padding-right: 0; }

.tab__anchor {
  font-size: 16px;
  /* 1.6rem */
  color: #606060;
  display: inline-block;
  height: 42px;
  padding: 0.5rem 0;
  position: relative; }
  .tab.tab--is-active .tab__anchor {
    border-bottom: 2px solid #000000;
    color: #000000; }
  .tab.tab--has-icon .tab__anchor {
    padding-right: 0; }
    @media only screen and (min-width: 48em) {
      .tab.tab--has-icon .tab__anchor {
        padding-right: 0; } }
  .tab__anchor:hover {
    border-bottom: 2px solid #000000;
    color: #000000;
    cursor: pointer; }
    .tab__anchor:hover svg {
      cursor: pointer;
      fill: #000000; }
  .tab__anchor svg {
    fill: #606060;
    margin-left: -0.25rem;
    vertical-align: -3px; }
    @media only screen and (min-width: 48em) {
      .tab__anchor svg {
        margin-left: 0; } }

/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
.testimonial-card {
  box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  background-color: #ffffff;
  color: #606060;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding-bottom: 2rem;
  padding-left: 0;
  padding-right: 0; }
  .testimonial-card:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, .15); }
  @media screen and (max-width: 767px) {
    .testimonial-card {
      margin-bottom: 1rem;
      max-width: 320px;
      padding-bottom: 1rem; } }
  @media screen and (max-width: 1024px) {
    .testimonial-card {
      margin-bottom: 1rem;
      padding-bottom: 1rem; } }

.testimonial-card__quote {
  padding: 1.5rem; }
  @media only screen and (min-width: 64em) {
    .testimonial-card__quote {
      padding-bottom: 1.5rem;
      padding-left: 2rem;
      padding-right: 2rem;
      padding-top: 2rem; } }
  .testimonial-card__quote p {
    margin: 0;
    padding: 0; }

.testimonial-card__attribution {
  font-weight: bold;
  margin-bottom: 0.25rem; }

.testimonial-card__location {
  color: #858585;
  font-weight: normal; }

.testimonial-card__attribution,
.testimonial-card__location {
  display: block; }

/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
.matched-results__list {
  height: 100%;
  list-style: none;
  overflow-x: hidden;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 1rem;
  width: 100%; }

.matched-results__heading {
  color: #000000;
  display: block;
  margin-bottom: 0.5rem;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  overflow: hidden;
  padding: 0.5rem 0;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: -webkit-calc(100% - 3rem);
  width: calc(100% - 3rem); }
  .matched-results__heading:hover {
    background-color: #ffffff;
    cursor: default; }

.matched-results__item {
  font-size: 16px;
  /* 1.6rem */
  color: #606060;
  display: block;
  line-height: 18px;
  overflow: hidden;
  padding: 0.5rem 3rem;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%; }
  .matched-results__item:hover, .matched-results__item.matched-results__item--is-selected {
    background-color: rgba(187, 206, 217, .25);
    color: #000000;
    cursor: pointer; }

.matched-results__item--partial-matched-text {
  color: #000000;
  font-weight: 700; }

.autocomplete {
  width: 100%; }

.autocomplete.autocomplete--is-open .autocomplete__search-input {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-color: #858585;
  border-top-left-radius: 28px;
  border-top-right-radius: 28px; }

.autocomplete.autocomplete--is-open .autocomplete__search-icon {
  fill: #000000; }

.autocomplete__search-input {
  font-size: 16px;
  /* 1.6rem */
  box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
  background-color: #ffffff;
  border-radius: 28px;
  box-sizing: border-box;
  color: #606060;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  height: 56px;
  outline: none;
  padding: 0.25rem 2rem 0.25rem 1rem;
  width: 100%; }
  @media only screen and (min-width: 64em) {
    .autocomplete__search-input {
      padding-left: 1.5rem; } }

.autocomplete__search-input--is-active .autocomplete__search-icon {
  fill: #000000; }

input[type='text'].autocomplete__search-input-field {
  border: none;
  border-color: transparent;
  box-shadow: none;
  color: #000000;
  -webkit-flex-basis: 92px;
          flex-basis: 92px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  height: 48px;
  margin-bottom: 0;
  margin-left: 0.5rem;
  margin-right: 0;
  outline-style: none;
  padding: 0;
  /* FF bugfix */ }
  @media only screen and (min-width: 64em) {
    input[type='text'].autocomplete__search-input-field {
      margin-left: 1.5rem; } }
  input[type='text'].autocomplete__search-input-field::-ms-clear {
    display: none; }
  input[type='text'].autocomplete__search-input-field::-webkit-input-placeholder {
    opacity: 1; }
  input[type='text'].autocomplete__search-input-field::placeholder {
    opacity: 1; }

.autocomplete__search-clear {
  cursor: pointer;
  display: none;
  position: absolute;
  right: 1rem;
  top: 17px; }

.autocomplete__search-clear.autocomplete__search-clear--is-active {
  display: block; }

.autocomplete__search-icon {
  fill: #606060; }

.autocomplete__close-icon {
  fill: #606060; }
  .autocomplete__close-icon:hover {
    fill: #000000; }

.autocomplete__search-results-container {
  box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
  background-color: #ffffff;
  border-bottom-left-radius: 28px;
  border-bottom-right-radius: 28px;
  left: 0;
  overflow: hidden;
  position: absolute;
  width: 100%;
  z-index: 1000; }

.autocomplete__search-results {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: scroll;
  width: 110%; }

.autocomplete__fadeout {
  background: -webkit-gradient(linear, left bottom, left top, from(white), color-stop(24%, white), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(0deg, white 0%, white 24%, rgba(255, 255, 255, 0) 100%);
  bottom: 0;
  height: 4rem;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 1000; }

.autocomplete__no-results {
  margin-bottom: 4rem;
  margin-top: 3rem;
  text-align: center;
  width: 92%; }

.autocomplete__loading {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  height: 400px;
  margin-right: 7.5%; }

.autocomplete__matched-results {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  width: 100%; }
  .autocomplete__matched-results li:first-child .matched-results__list {
    padding-top: 1.5rem; }
  .autocomplete__matched-results li:last-child .matched-results__list {
    padding-bottom: 3rem; }

.trip-finder {
  width: 100%; }

.trip-finder__container {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  max-width: -webkit-calc(1024px - 4rem);
  max-width: calc(1024px - 4rem);
  padding: 2.5rem 0; }
  @media only screen and (min-width: 48em) {
    .trip-finder__container {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  @media screen and (max-width: 767px) {
    .trip-finder__container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
              flex-direction: column;
      height: auto; }
      .trip-finder__container .trip-finder__autocomplete,
      .trip-finder__container .trip-finder__date-range,
      .trip-finder__container .trip-finder__travelers {
        max-width: 100%;
        padding-bottom: 0.5rem;
        width: 100%; }
      .trip-finder__container .trip-finder__search {
        width: 100%; } }

.trip-finder__autocomplete {
  display: block;
  -webkit-flex-basis: auto;
          flex-basis: auto;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 1;
          flex-shrink: 1;
  position: relative; }

.trip-finder__date-range {
  -webkit-flex-basis: auto;
          flex-basis: auto;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  margin-right: 1rem; }
  @media screen and (min-width: 768px) {
    .trip-finder__date-range {
      max-width: 250px;
      min-width: 250px; } }

.trip-finder__maximum-selections {
  margin-left: auto;
  margin-right: auto;
  padding: 1rem; }

.trip-finder__travelers {
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  margin-right: 1rem;
  max-width: 162px;
  width: 100%; }
  @media screen and (max-width: 767px) {
    .trip-finder__travelers > dropdown {
      max-width: 100%; } }

.icon--travelers {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjQgMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnIGlkPSJncm91cCI+DQoJPHBhdGggZmlsbD0iIzY1NjU2NSIgZD0iTTE5LjgsMTcuNWMwLDAuOCwwLDEuOCwwLDEuOGMwLDAuMS0wLjEsMC4zLTAuMSwwLjNINC4yYy0wLjEsMC0wLjEtMC4xLTAuMS0wLjNjMCwwLDAtMSwwLTEuOA0KCQljMC0wLjgsMC4xLTEuMSwwLjctMS40YzAuNC0wLjMsMy40LTEuOSw0LjgtMi42VjExQzksMTAuOCw4LjgsMTAuMiw4LjgsOS41YzAtMS44LDAtMiwwLTJjMC0xLjgsMS0zLjEsMy4xLTMuMVMxNSw1LjksMTUsNy41djINCgkJYzAsMC44LTAuMywxLjItMC43LDEuNXYyLjZjMS41LDAuNiw0LjQsMi4zLDQuOCwyLjZDMTkuNiwxNi41LDE5LjgsMTYuOCwxOS44LDE3LjV6IE00LjIsMTUuM0w0LjIsMTUuM0M1LjgsMTQuNCw3LDEzLjcsOCwxMy4zDQoJCWMtMC40LTAuMy0wLjktMC40LTEuMy0wLjVWMTFjMC43LTAuMywwLjctMC41LDAuNy0xLjFWOC43YzAtMS4yLTAuNi0yLjItMi0yLjJzLTIsMS0yLDIuMmMwLDAsMCwwLDAsMS4yYzAsMC41LDAsMC44LDAuNywxLjF2MS44DQoJCWMtMS40LDAuNC0zLjEsMS42LTMuNCwxLjhDMC4zLDE0LjgsMCwxNSwwLDE1LjRzMCwxLjIsMCwxLjJjMCwwLjEsMC4xLDAuMSwwLjEsMC4xaDNDMy4yLDE2LjIsMy41LDE1LjcsNC4yLDE1LjN6IE0yMy4zLDE0LjUNCgkJYy0wLjMtMC4xLTIuMS0xLjQtMy40LTEuOHYtMS44YzAuNy0wLjMsMC43LTAuNSwwLjctMS4xVjguN2MwLTEuMi0wLjYtMi4yLTItMi4yYy0xLjQsMC0yLDEtMiwyLjJjMCwwLDAsMCwwLDEuMg0KCQljMCwwLjUsMCwwLjgsMC43LDEuMXYxLjhjLTAuNCwwLjEtMC44LDAuMy0xLjMsMC41YzEuNCwwLjcsMi45LDEuNiwzLjYsMS45bDAuMywwLjFjMC43LDAuNCwxLDAuOSwxLjEsMS40aDIuOQ0KCQljMC4xLDAsMC4xLTAuMSwwLjEtMC4xYzAsMCwwLTAuNywwLTEuMkMyNCwxNC45LDIzLjcsMTQuNywyMy4zLDE0LjV6Ii8+DQo8L2c+DQo8L3N2Zz4NCg=="); }

@media screen and (min-width: 768px) {
  .trip-finder__search {
    max-width: 136px; } }

@media screen and (max-width: 767px) {
  .trip-finder__search > button {
    width: 100%; } }

.trip-finder__search .vacation-search-button {
  display: inline-block; }

/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
.travel-card {
  padding-left: 0; }
  @media screen and (max-width: 64em) {
    .travel-card {
      margin-bottom: 1rem; }
      .travel-card.travel-card--is-last {
        margin-bottom: 0; } }
  @media screen and (max-width: 64em) {
    .travel-card:last-child .travel-card__container {
      margin-bottom: 0; }
    .travel-card.travel-card--is-odd {
      padding-left: 0;
      padding-right: 0; }
    .travel-card.travel-card--is-even {
      padding-left: 0;
      padding-right: 0; } }
  @media screen and (max-width: 48em) {
    .travel-card.travel-card--is-odd {
      padding-left: 0;
      padding-right: 0; }
    .travel-card.travel-card--is-even {
      padding-left: 0;
      padding-right: 0; }
    .travel-card.travel-card--is-odd .travel-card__container {
      margin-left: auto;
      margin-right: auto; }
    .travel-card.travel-card--is-even .travel-card__container {
      margin-left: auto;
      margin-right: auto; } }

.travel-card__container {
  box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  min-height: 343px;
  overflow: hidden;
  position: relative;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  width: 100%; }
  .travel-card__container:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, .15); }
  @media screen and (max-width: 64em) {
    .travel-card__container {
      min-height: 530px; } }
  .travel-card__container:before {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(66%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .5)));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 66%, rgba(0, 0, 0, .5) 100%);
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0; }
  .travel-card__container:hover:before {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(66%, rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .7)));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5) 66%, rgba(0, 0, 0, .7) 100%);
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0; }
  .travel-card__container:hover .travel-card__content {
    height: auto;
    position: relative;
    -webkit-transform: none;
            transform: none;
    z-index: 1; }
    .travel-card__container:hover .travel-card__content .travel-card__body-copy:not(:empty) {
      padding-top: 1rem; }
    .travel-card__container:hover .travel-card__content .travel-card__action:not(:empty) {
      margin-top: 1rem; }

.travel-card__icon-holder {
  height: 50px;
  margin-bottom: 1rem; }

.travel-card__icon {
  max-height: 50px;
  object-fit: contain; }

.travel-card__heading {
  color: #ffffff;
  margin: 0; }

.travel-card__content {
  bottom: 140px;
  left: 0;
  padding-bottom: 2rem;
  padding-top: 2rem;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  transition: -webkit-transform 0.35s ease-out;
  -webkit-transition: -webkit-transform 0.35s ease-out;
  transition: transform 0.35s ease-out;
  transition: transform 0.35s ease-out, -webkit-transform 0.35s ease-out; }

.travel-card__body-copy:not(:empty) {
  font-family: "Sabon", "Garamond", serif;
  font-size: 18px;
  /* 1.8rem */
  /* 18px */
  color: #606060;
  line-height: 27px;
  text-align: left;
  color: #ffffff;
  margin-left: auto;
  margin-right: auto;
  padding: 50px 1rem 0; }
  .travel-card__body-copy:not(:empty) p {
    font-family: "Sabon", "Garamond", serif;
    font-size: 18px;
    /* 1.8rem */
    /* 18px */
    color: #606060;
    line-height: 27px;
    color: inherit;
    margin-bottom: 1rem;
    margin-top: 1rem; }
  .travel-card__body-copy:not(:empty) ul,
  .travel-card__body-copy:not(:empty) ol {
    font-family: "Sabon", "Garamond", serif;
    font-size: 18px;
    /* 1.8rem */
    /* 18px */
    color: #606060;
    line-height: 27px;
    color: inherit;
    line-height: 24px;
    margin: auto;
    margin-left: 0; }
    .travel-card__body-copy:not(:empty) ul li,
    .travel-card__body-copy:not(:empty) ol li {
      margin-bottom: 12px;
      text-align: left; }
      .travel-card__body-copy:not(:empty) ul li:last-child,
      .travel-card__body-copy:not(:empty) ol li:last-child {
        margin-bottom: 0; }
  .travel-card__body-copy:not(:empty) ul {
    list-style: none;
    padding: 1rem 0; }
    .travel-card__body-copy:not(:empty) ul li {
      fill: #000000;
      padding-left: 1.5rem;
      position: relative; }
      .travel-card__body-copy:not(:empty) ul li:before {
        content: '\2022';
        /* bullet point, for screen readers */
        left: 0;
        position: absolute;
        top: 0;
        width: 10px; }
  .travel-card__body-copy:not(:empty) ol {
    padding: 1rem 0 1rem 1rem; }
    .travel-card__body-copy:not(:empty) ol li {
      padding-left: 0.5rem; }
  .travel-card__body-copy:not(:empty) p {
    color: #ffffff;
    margin-bottom: 0; }

.travel-card__action {
  margin-top: 50px; }

.travel-card__child {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column; }

/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
.video-gallery {
  text-align: left; }
  .video-gallery__video-container {
    margin-bottom: 0.5rem;
    position: relative; }
    @media only screen and (min-width: 48em) {
      .video-gallery__video-container {
        margin-bottom: 1rem; } }
  .video-gallery__fallback {
    background-color: rgba(0, 0, 0, .03);
    background-position: center;
    background-size: cover;
    padding-bottom: 56.25%; }
  .video-gallery__video-player {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }
  .video-gallery .video-player {
    background-color: transparent; }
  .video-gallery__active-video-title {
    font-family: "GT America", "Helvetica Neue", sans-serif;
    font-size: 16px;
    /* 1.6rem */
    /* 16px */
    color: #000000;
    font-weight: 700;
    letter-spacing: normal;
    letter-spacing: initial;
    line-height: 24px; }
    @media only screen and (min-width: 48em) {
      .video-gallery__active-video-title {
        font-size: 28px;
        /* 2.8rem */
        /* 28px */
        font-family: "GT America", "Helvetica Neue", sans-serif;
        color: #000000;
        font-weight: 100;
        letter-spacing: 1px;
        line-height: 32px; } }
  .video-gallery__date-duration {
    padding-bottom: 0;
    padding-top: 1rem; }
    @media only screen and (min-width: 48em) {
      .video-gallery__date-duration {
        border-bottom: 1px solid rgba(197, 197, 197, .5);
        padding-bottom: 1rem;
        padding-top: 2rem; } }
  .video-gallery__duration {
    text-align: right; }
  .video-gallery__details {
    position: relative; }
  .video-gallery__more-link {
    font-size: 13px;
    /* 1.3rem */
    color: #5991b2;
    bottom: 1.5rem;
    cursor: pointer;
    position: absolute;
    z-index: 1; }
    .video-gallery__more-link:visited {
      color: #5991b2; }
    .video-gallery__more-link:hover {
      color: #82adc5;
      text-decoration: underline; }
    .video-gallery__more-link:active {
      color: #5991b2;
      text-decoration: underline; }
    .video-gallery__more-link::after {
      content: 'More'; }
  .video-gallery__details-accordion {
    margin-bottom: 2rem;
    margin-top: 0;
    max-height: 117px;
    overflow: hidden;
    position: relative;
    -webkit-transition: max-height .35s ease-out;
    transition: max-height .35s ease-out; }
    @media only screen and (min-width: 48em) {
      .video-gallery__details-accordion {
        margin-bottom: 3rem;
        margin-top: 1rem; } }
    .video-gallery__details-accordion:after {
      background: -webkit-gradient(linear, left bottom, left top, from(white), color-stop(24%, white), to(rgba(255, 255, 255, 0)));
      background: linear-gradient(0deg, white 0%, white 24%, rgba(255, 255, 255, 0) 100%);
      bottom: 0;
      content: '';
      height: 3rem;
      left: 0;
      pointer-events: none;
      position: absolute;
      width: 100%; }
  .video-gallery input[type='checkbox'].video-gallery__details-accordion--trigger {
    display: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    /* remove tap flicker */
    visibility: hidden; }
    .video-gallery input[type='checkbox'].video-gallery__details-accordion--trigger:checked ~ .video-gallery__details-accordion {
      height: 100%;
      /* required for expand to work */
      max-height: 600px;
      /* required for expand to work */ }
      .video-gallery input[type='checkbox'].video-gallery__details-accordion--trigger:checked ~ .video-gallery__details-accordion::after {
        background-image: none; }
    .video-gallery input[type='checkbox'].video-gallery__details-accordion--trigger:checked ~ .video-gallery__more-link::after {
      content: 'Less'; }
    .video-gallery input[type='checkbox'].video-gallery__details-accordion--trigger-view-all:checked ~ .video-gallery__more-link::after {
      content: ''; }
    .video-gallery input[type='checkbox'].video-gallery__details-accordion--trigger-view-all:checked ~ .video-gallery__details-accordion {
      margin-bottom: 1rem; }
  .video-gallery .select-menu {
    padding-bottom: 1rem;
    text-align: left; }
  .video-gallery__gallery {
    border-top: 1px solid rgba(197, 197, 197, .5);
    margin-bottom: 1rem;
    padding-top: 1rem; }
    @media only screen and (min-width: 64em) {
      .video-gallery__gallery {
        margin-bottom: 2rem; } }
  .video-gallery__results {
    font-size: 13px;
    /* 1.3rem */
    color: #606060;
    margin-bottom: 1rem; }
  .video-gallery__cta {
    width: 100%; }
    @media only screen and (min-width: 48em) {
      .video-gallery__cta {
        max-width: 220px; } }
  .video-gallery .video-gallery-card {
    background-color: #ffffff;
    color: #606060;
    display: block;
    margin-bottom: 1rem;
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
    @media only screen and (min-width: 48em) {
      .video-gallery .video-gallery-card {
        margin-bottom: 2rem; } }
    .video-gallery .video-gallery-card:hover .video-gallery-card__icon {
      fill: rgba(0, 0, 0, .8); }
    .video-gallery .video-gallery-card--is-playing:hover {
      cursor: auto;
      cursor: initial; }
    .video-gallery .video-gallery-card--is-playing .video-gallery-card__icon {
      display: none; }
    .video-gallery .video-gallery-card--is-playing .video-gallery-card__banner--is-playing {
      display: block; }
    .video-gallery .video-gallery-card--is-playing .video-gallery-card__image-container:before {
      background-color: rgba(0, 0, 0, .6);
      /* 1 */
      content: '';
      display: block;
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%; }
    .video-gallery .video-gallery-card__image-container {
      background-color: rgba(0, 0, 0, .03);
      background-position: center;
      background-size: cover;
      padding-bottom: 56.25%;
      position: relative; }
      .video-gallery .video-gallery-card__image-container img {
        width: 100%; }
    .video-gallery .video-gallery-card__icon {
      fill: rgba(0, 0, 0, .7);
      height: 40px;
      left: -webkit-calc(50% - 20px);
      left: calc(50% - 20px);
      position: absolute;
      top: -webkit-calc(50% - 20px);
      top: calc(50% - 20px);
      -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
      transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
      width: 40px; }
      @media only screen and (min-width: 48em) {
        .video-gallery .video-gallery-card__icon {
          height: 60px;
          left: -webkit-calc(50% - 30px);
          left: calc(50% - 30px);
          top: -webkit-calc(50% - 30px);
          top: calc(50% - 30px);
          width: 60px; } }
    .video-gallery .video-gallery-card__banner--is-new {
      font-size: 11px;
      /* 1.1rem */
      /* 11px */
      font-family: "GT America", "Helvetica Neue", sans-serif;
      color: #000000;
      font-weight: 700;
      letter-spacing: 2px;
      line-height: 13px;
      text-transform: uppercase;
      background-color: #000000;
      bottom: 0;
      color: #ffffff;
      line-height: 16px;
      padding: 0.25rem 6px 0.25rem 0.5rem;
      /* padding-right is custom optical alignment */
      position: absolute;
      right: 0;
      -webkit-user-select: none;
          -ms-user-select: none;
              user-select: none; }
      @media only screen and (min-width: 48em) {
        .video-gallery .video-gallery-card__banner--is-new {
          bottom: 0.5rem;
          right: 0.5rem; } }
    .video-gallery .video-gallery-card__banner--is-playing {
      font-size: 11px;
      /* 1.1rem */
      /* 11px */
      font-family: "GT America", "Helvetica Neue", sans-serif;
      color: #000000;
      font-weight: 700;
      letter-spacing: 2px;
      line-height: 13px;
      text-transform: uppercase;
      background-color: #ffffff;
      color: #000000;
      display: none;
      left: 0.25rem;
      line-height: 16px;
      padding: 0.25rem 0.5rem;
      /* padding-right is custom optical alignment */
      position: absolute;
      top: 0.25rem;
      -webkit-user-select: none;
          -ms-user-select: none;
              user-select: none; }
      @media only screen and (min-width: 48em) {
        .video-gallery .video-gallery-card__banner--is-playing {
          left: 0.5rem;
          top: 0.5rem; } }
    @media only screen and (max-width: 47.99em) {
      .video-gallery .video-gallery-card__content-container {
        position: relative; } }
    .video-gallery .video-gallery-card__content {
      line-height: normal;
      line-height: initial;
      margin-left: -0.5rem;
      padding: 0; }
      @media only screen and (min-width: 48em) {
        .video-gallery .video-gallery-card__content {
          margin: 0;
          margin: initial;
          padding-bottom: 0.5rem;
          padding-top: 0.5rem; } }
    .video-gallery .video-gallery-card__category {
      font-size: 11px;
      /* 1.1rem */
      color: #606060;
      -webkit-user-select: none;
          -ms-user-select: none;
              user-select: none; }
    .video-gallery .video-gallery-card__title {
      font-size: 16px;
      /* 1.6rem */
      color: #000000;
      font-weight: 700;
      text-align: left; }
      @media only screen and (max-width: 47.99em) {
        .video-gallery .video-gallery-card__title {
          -webkit-box-orient: vertical;
          box-orient: vertical;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          overflow: hidden;
          text-overflow: ellipsis; } }
    .video-gallery .video-gallery-card__duration {
      font-size: 11px;
      /* 1.1rem */
      color: #858585;
      -webkit-user-select: none;
          -ms-user-select: none;
              user-select: none; }
      @media only screen and (max-width: 47.99em) {
        .video-gallery .video-gallery-card__duration {
          bottom: 0;
          left: 0;
          position: absolute; } }
      @media only screen and (min-width: 48em) {
        .video-gallery .video-gallery-card__duration {
          color: #606060;
          padding-right: 6px;
          text-align: right; } }

/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
.video-player {
  background-color: #ffffff; }
  .video-player .video-player__lightbox-container,
  .video-player .vidyard_player > span {
    height: 0 !important;
    /* using important since these values get set in js by vidyard */
    max-height: 56.25vw;
    /* constrain the aspect ratio, 9:16 = 0.5625 */
    max-width: 100vw;
    padding-bottom: 56.25%;
    width: 100% !important; }
  .video-player:after {
    clear: both;
    content: '';
    display: block;
    height: 0;
    visibility: hidden; }

/* Overrides */
/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
/* Hacks
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * This is a fix for the Edge browser.
	  Visually hides the tracking image that is inserted by google analytics.
 */
img[src*='ssl.google-analytics.com'] {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.responsive-page__content--is-fenced.responsive-page__content--is-loading:after {
  background-position: center center; }

/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
/**
 * Font variables:
 * Quick n dirty hack to try to reflect brand update fonts throughout site.
 * When refactor, clean this up!
 */
/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
/**
 * Font variables:
 * Quick n dirty hack to try to reflect brand update fonts throughout site.
 * When refactor, clean this up!
 */
/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
.modal .modal-content, .modal-tc .modal-content {
  box-sizing: border-box;
  background: #ffffff;
  padding: 30px; }

.modal .modal-content, .modal-tc .modal-content {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15); }

.modal, .modal-tc {
  -webkit-transform: translate(0, 200%);
  transform: translate(0, 200%);
  background: rgba(119, 119, 119, 0.7);
  bottom: 0;
  display: table;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 90210; }
  .active.modal, .active.modal-tc, .modal:target, .modal-tc:target {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1; }
  .modal .modal-content, .modal-tc .modal-content {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    float: none;
    left: 50%;
    margin: 0 auto;
    position: absolute;
    top: 50%; }

.modal {
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease; }

/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
.modal .modal-content > .modal-close {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9Ii0xLjc0NSAtMS43NDUgMjQgMjQiDQoJIG92ZXJmbG93PSJ2aXNpYmxlIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IC0xLjc0NSAtMS43NDUgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGRlZnM+DQo8L2RlZnM+DQo8cGF0aCBmaWxsPSIjNjU2NTY1IiBkPSJNMTMuODg5LDEwLjI1Nmw2LjQzMi02LjQzM2MwLjI1Mi0wLjI1MiwwLjI1Mi0wLjY2NiwwLTAuOTE4bC0yLjcxMy0yLjcxM2MtMC4yNTItMC4yNTItMC42NjQtMC4yNTItMC45MTYsMA0KCWwtNi40MzUsNi40MzRMMy44MTksMC4xODhjLTAuMjUzLTAuMjUxLTAuNjY1LTAuMjUxLTAuOTE3LDBMMC4xODksMi45MDNjLTAuMjUzLDAuMjUtMC4yNTMsMC42NjMsMCwwLjkxOGw2LjQzNyw2LjQzNmwtNi40MzUsNi40MzYNCgljLTAuMjUsMC4yNS0wLjI1LDAuNjY0LDAsMC45MTZsMi43MTQsMi43MTNjMC4yNTIsMC4yNTEsMC42NjcsMC4yNTEsMC45MTcsMGw2LjQzNC02LjQzNGw2LjQzMSw2LjQzMQ0KCWMwLjI1MSwwLjI1MSwwLjY2NiwwLjI1MSwwLjkxNywwbDIuNzE1LTIuNzE0YzAuMjUtMC4yNTEsMC4yNS0wLjY2NCwwLTAuOTE4TDEzLjg4OSwxMC4yNTZ6Ii8+DQo8L3N2Zz4NCg=="); }

/* Experience Icons */
/* Residence Icons */
/* Room and Suite Icons */
.modal .modal-content h1 {
  border-bottom: solid 1px #f1f4f8;
  font-size: 16px;
  padding: 10px 0;
  text-align: center; }

.modal .modal-content .modal-content-container {
  margin: 20px -30px;
  max-height: 61vh;
  /* 85% of the viewport heights */
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 2rem; }

.modal .modal-content .inline {
  display: inline; }

.modal .modal-content > .modal-close {
  box-sizing: border-box;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 15px;
  display: block;
  height: 30px;
  overflow: hidden;
  padding: 2px 8px;
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  z-index: 90220; }

.modal .modal-content-expandable {
  max-height: -webkit-calc(75vh - 425px);
  max-height: calc(75vh - 425px);
  /* 85% of the viewport height - approximate height of header and footer */
  min-height: 28px;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: auto; }

.modal img.fullbackground {
  display: none; }

.modal.setting-minimal .modal-content-container {
  margin: 0; }

.modal-tc {
  -webkit-transform: none;
          transform: none;
  background: rgba(119, 119, 119, 0.7);
  bottom: 0;
  display: table;
  height: 100%;
  left: 0;
  opacity: 1;
  position: fixed;
  right: 50;
  top: 0;
  width: 100%;
  z-index: 10000; }
  .modal-tc .modal-privacy {
    z-index: 9999 !important; }
  .modal-tc .tcs-title-container {
    margin-bottom: 24px;
    text-align: center; }
  .modal-tc .modal-content {
    height: 100%;
    width: 100%;
    overflow: auto; }
  @media only screen and (min-width: 767px) {
    .modal-tc .modal-content {
      height: auto;
      max-height: 100vh;
      max-width: 600px;
      overflow: auto; } }

.separator {
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  margin: 0.5rem; }
  .separator .horizontal-rule {
    background-color: #c5c5c5;
    height: 1px;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    width: 70px; }

.icon-holder {
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  background: #f1f4f8;
  border-radius: 50%;
  height: 5rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  margin-bottom: 1.5rem;
  width: 5rem;
  display: inline-block;
  padding: 7px; }

.icon-show-center {
  width: 50px;
  height: 50px;
  margin-left: 13px;
  margin-top: 3px; }

/* Modal Sizes */
.modal-xsm {
  width: 320px; }

.modal-sm {
  width: 420px; }

.modal-md {
  width: 600px; }

.modal-lg {
  width: 640px; }

.modal-xlg {
  width: 730px; }

.modal-xxlg {
  width: 850px; }

/*Full-screen video modal*/
.video-modal {
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  background: black;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  left: 0;
  margin: 0 auto;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  z-index: 999999999; }
  .video-modal:target {
    opacity: 1;
    pointer-events: auto; }
  .video-modal .close-modal {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9Ii0xLjc0NSAtMS43NDUgMjQgMjQiDQoJIG92ZXJmbG93PSJ2aXNpYmxlIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IC0xLjc0NSAtMS43NDUgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGRlZnM+DQo8L2RlZnM+DQo8cGF0aCBmaWxsPSIjNjU2NTY1IiBkPSJNMTMuODg5LDEwLjI1Nmw2LjQzMi02LjQzM2MwLjI1Mi0wLjI1MiwwLjI1Mi0wLjY2NiwwLTAuOTE4bC0yLjcxMy0yLjcxM2MtMC4yNTItMC4yNTItMC42NjQtMC4yNTItMC45MTYsMA0KCWwtNi40MzUsNi40MzRMMy44MTksMC4xODhjLTAuMjUzLTAuMjUxLTAuNjY1LTAuMjUxLTAuOTE3LDBMMC4xODksMi45MDNjLTAuMjUzLDAuMjUtMC4yNTMsMC42NjMsMCwwLjkxOGw2LjQzNyw2LjQzNmwtNi40MzUsNi40MzYNCgljLTAuMjUsMC4yNS0wLjI1LDAuNjY0LDAsMC45MTZsMi43MTQsMi43MTNjMC4yNTIsMC4yNTEsMC42NjcsMC4yNTEsMC45MTcsMGw2LjQzNC02LjQzNGw2LjQzMSw2LjQzMQ0KCWMwLjI1MSwwLjI1MSwwLjY2NiwwLjI1MSwwLjkxNywwbDIuNzE1LTIuNzE0YzAuMjUtMC4yNTEsMC4yNS0wLjY2NCwwLTAuOTE4TDEzLjg4OSwxMC4yNTZ6Ii8+DQo8L3N2Zz4NCg==");
    height: 24px;
    position: fixed;
    right: 5%;
    top: 5%;
    width: 24px;
    z-index: 1000; }
  .video-modal .close-modal:hover {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9Ii0xLjc0NSAtMS43NDUgMjQgMjQiDQoJIG92ZXJmbG93PSJ2aXNpYmxlIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IC0xLjc0NSAtMS43NDUgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGRlZnM+DQo8L2RlZnM+DQo8cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMTMuODg5LDEwLjI1Nmw2LjQzMi02LjQzM2MwLjI1Mi0wLjI1MiwwLjI1Mi0wLjY2NiwwLTAuOTE4bC0yLjcxMy0yLjcxM2MtMC4yNTItMC4yNTItMC42NjQtMC4yNTItMC45MTYsMA0KCWwtNi40MzUsNi40MzRMMy44MTksMC4xODhjLTAuMjUzLTAuMjUxLTAuNjY1LTAuMjUxLTAuOTE3LDBMMC4xODksMi45MDNjLTAuMjUzLDAuMjUtMC4yNTMsMC42NjMsMCwwLjkxOGw2LjQzNyw2LjQzNmwtNi40MzUsNi40MzYNCgljLTAuMjUsMC4yNS0wLjI1LDAuNjY0LDAsMC45MTZsMi43MTQsMi43MTNjMC4yNTIsMC4yNTEsMC42NjcsMC4yNTEsMC45MTcsMGw2LjQzNC02LjQzNGw2LjQzMSw2LjQzMQ0KCWMwLjI1MSwwLjI1MSwwLjY2NiwwLjI1MSwwLjkxNywwbDIuNzE1LTIuNzE0YzAuMjUtMC4yNTEsMC4yNS0wLjY2NCwwLTAuOTE4TDEzLjg4OSwxMC4yNTZ6Ii8+DQo8L3N2Zz4NCg=="); }

.unsupported .modal,
.ie8 .modal,
.ie7 .modal {
  background: #606060; }
  .unsupported .modal .modal-content,
  .ie8 .modal .modal-content,
  .ie7 .modal .modal-content {
    left: 28%;
    top: 24%;
    z-index: 90220; }
  .unsupported .modal img.fullbackground,
  .ie8 .modal img.fullbackground,
  .ie7 .modal img.fullbackground {
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    /* alternative: right:0; */
    z-index: -1;
    /*height: 100%;  alternative: bottom:0; */ }