.bricklayer {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap; }

.bricklayer-column {
  flex: 1;
  padding-left: 5px;
  padding-right: 5px; }

.bricklayer-column-sizer {
  width: 33.33334%;
  display: none; }
  @media (max-width: 768px) {
    .bricklayer-column-sizer {
      width: 50%; } }

/*! 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 * {
  -webkit-box-sizing: border-box;
  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 */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--open {
  display: block; }

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.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;
  -ms-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  -webkit-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 */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  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; }

/*! 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.)

*/
/*

	1. Buttons

 */
/* <button> css reset */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-box-shadow: none;
  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,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url(../img/default-skin.png) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px; }

@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(../img/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--share {
  background-position: -44px -44px; }

.pswp__button--fs {
  display: none; }

.pswp--supports-fs .pswp__button--fs {
  display: block; }

.pswp--fs .pswp__button--fs {
  background-position: -44px 0; }

.pswp__button--zoom {
  display: none;
  background-position: -88px 0; }

.pswp--zoom-allowed .pswp__button--zoom {
  display: block; }

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0; }

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden; }

/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute; }

.pswp__button--arrow--left {
  left: 0; }

.pswp__button--arrow--right {
  right: 0; }

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute; }

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px; }

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px; }

/*

	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; }

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__share-modal--hidden {
  display: none; }

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
  -ms-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform; }

.pswp__share-tooltip a {
  display: block;
  padding: 8px 12px;
  color: #000;
  text-decoration: none;
  font-size: 14px;
  line-height: 18px; }

.pswp__share-tooltip a:hover {
  text-decoration: none;
  color: #000; }

.pswp__share-tooltip a:first-child {
  /* round corners on the first/last list item */
  border-radius: 2px 2px 0 0; }

.pswp__share-tooltip a:last-child {
  border-radius: 0 0 2px 2px; }

.pswp__share-modal--fade-in {
  opacity: 1; }

.pswp__share-modal--fade-in .pswp__share-tooltip {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px; }

a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none; }

a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF; }

a.pswp__share--facebook:hover:before {
  border-bottom-color: #3E5C9A; }

a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF; }

a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D; }

a.pswp__share--download:hover {
  background: #DDD; }

/*

	3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  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__center {
  text-align: center;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #CCC; }

.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;
  -webkit-transition: opacity 0.25s ease-out;
  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(../img/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 {
  -webkit-box-sizing: border-box;
  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;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  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__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5); }

/* 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__top-bar {
  opacity: 0; }

.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; }

@font-face {
  font-family: "datedropper";
  src: url("../fonts/datedropper.eot");
  src: url("../fonts/datedropper.eot?#iefix") format("embedded-opentype"), url("../fonts/datedropper.woff") format("woff"), url("../fonts/datedropper.ttf") format("truetype"), url("../fonts/datedropper.svg#datedropper") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="pick-i-"]:before,
[class*=" pick-i-"]:before {
  font-family: "datedropper" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.pick-i-lng:before {
  content: "\6a"; }

.pick-i-lkd:before {
  content: "\62"; }

.pick-i-ckd:before {
  content: "\65"; }

.pick-i-r:before {
  content: "\66"; }

.pick-i-l:before {
  content: "\68"; }

.pick-i-min:before {
  content: "\61"; }

.pick-i-exp:before {
  content: "\63"; }

.picker-input {
  cursor: text; }

.picker-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 9998;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.4s ease, visibility 0.4s ease;
  -moz-transition: opacity 0.4s ease, visibility 0.4s ease;
  -ms-transition: opacity 0.4s ease, visibility 0.4s ease;
  -o-transition: opacity 0.4s ease, visibility 0.4s ease; }

.picker-modal-overlay.tohide {
  opacity: 0;
  visibility: hidden; }

div.datedropper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  line-height: 1;
  font-family: sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  opacity: 0;
  visibility: hidden;
  margin-top: -8px;
  transform-style: preserve-3d;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden; }

div.datedropper:before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  top: -8px;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
  -moz-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
  -o-transform: translateX(-50%) rotate(45deg);
  border-top-left-radius: 4px; }

div.datedropper.picker-focus {
  opacity: 1;
  visibility: visible;
  margin-top: 8px; }

div.datedropper.picker-modal {
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, -50%) !important;
  -moz-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  -o-transform: translate(-50%, -50%) !important;
  position: fixed !important;
  margin: 0 !important; }

div.datedropper.picker-modal:before {
  display: none; }

div.datedropper .picker {
  overflow: hidden; }

div.datedropper .picker ul {
  margin: 0;
  padding: 0;
  list-style: none;
  cursor: pointer; }

div.datedropper .picker ul.pick {
  position: relative;
  overflow: hidden;
  max-height: 100px; }

div.datedropper .picker ul.pick:nth-of-type(2) {
  box-shadow: 0 1px rgba(0, 0, 0, 0.06); }

div.datedropper .picker ul.pick li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  opacity: .5;
  display: block; }

div.datedropper .picker ul.pick li.pick-afr {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%); }

div.datedropper .picker ul.pick li.pick-bfr {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%); }

div.datedropper .picker ul.pick li.pick-sl {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  z-index: 1; }

div.datedropper .picker ul.pick li span {
  font-size: 16px;
  position: absolute;
  left: 0;
  width: 100%;
  line-height: 0;
  bottom: 24px; }

div.datedropper .picker ul.pick .pick-arw {
  position: absolute;
  top: 0;
  height: 100%;
  width: 25%;
  font-size: 10px;
  text-align: center;
  display: block;
  z-index: 10;
  cursor: pointer;
  background-size: 24px 24px;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0); }

div.datedropper .picker ul.pick .pick-arw i {
  line-height: 0;
  top: 50%;
  position: relative;
  display: block;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%); }

div.datedropper .picker ul.pick .pick-arw.pick-arw-s1:hover {
  opacity: 1;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2); }

div.datedropper .picker ul.pick .pick-arw.pick-arw-r {
  right: 0; }

div.datedropper .picker ul.pick .pick-arw.pick-arw-r i {
  right: 0; }

div.datedropper .picker ul.pick .pick-arw.pick-arw-l {
  left: 0; }

div.datedropper .picker ul.pick .pick-arw.pick-arw-l i {
  left: 0; }

div.datedropper .picker ul.pick .pick-arw.pick-arw-s2.pick-arw-r {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%); }

div.datedropper .picker ul.pick .pick-arw.pick-arw-s2.pick-arw-l {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%); }

@media only screen and (max-width: 480px) {
  div.datedropper .picker ul.pick .pick-arw {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    opacity: 0.4; } }
div.datedropper .picker ul.pick.pick-m,
div.datedropper .picker ul.pick.pick-y,
div.datedropper .picker ul.pick.pick-l {
  height: 60px;
  line-height: 60px; }

div.datedropper .picker ul.pick.pick-m {
  font-size: 32px; }

div.datedropper .picker ul.pick.pick-y {
  font-size: 24px; }

div.datedropper .picker ul.pick.pick-y.pick-jump .pick-arw.pick-arw-s1.pick-arw-r i {
  right: 16px; }

div.datedropper .picker ul.pick.pick-y.pick-jump .pick-arw.pick-arw-s1.pick-arw-l i {
  left: 16px; }

div.datedropper .picker ul.pick.pick-y.pick-jump .pick-arw.pick-arw-s2.pick-arw-r,
div.datedropper .picker ul.pick.pick-y.pick-jump .pick-arw.pick-arw-s2.pick-arw-l {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0); }

div.datedropper .picker ul.pick.pick-y.pick-jump .pick-arw:hover {
  -webkit-transform: scale(1.6);
  -moz-transform: scale(1.6);
  -ms-transform: scale(1.6);
  -o-transform: scale(1.6); }

div.datedropper .picker ul.pick.pick-d {
  height: 100px;
  line-height: 80px;
  font-size: 64px;
  font-weight: bold; }

div.datedropper .picker ul.pick.pick-l {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  font-size: 18px;
  font-weight: bold;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(32px);
  -moz-transform: translateY(32px);
  -ms-transform: translateY(32px);
  -o-transform: translateY(32px);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease; }

div.datedropper .picker ul.pick.pick-l.visible {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0); }

div.datedropper .picker ul.pick:hover .pick-arw {
  opacity: 0.6;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1); }

div.datedropper .picker ul.pick.pick-d:hover,
div.datedropper .picker ul.pick.pick-y:hover {
  background-color: rgba(0, 0, 0, 0.02); }

div.datedropper .picker .pick-lg {
  z-index: 1;
  margin: 0 auto;
  max-height: 0;
  overflow: hidden; }

div.datedropper .picker .pick-lg.down {
  animation: down .8s ease; }

div.datedropper .picker .pick-lg .pick-h {
  opacity: 0.4; }

div.datedropper .picker .pick-lg ul:after {
  content: "";
  display: table;
  clear: both; }

div.datedropper .picker .pick-lg ul li {
  float: left;
  text-align: center;
  width: 14.285714286%;
  line-height: 36px;
  height: 36px;
  font-size: 14px; }

div.datedropper .picker .pick-lg ul.pick-lg-h {
  padding: 0 16px; }

div.datedropper .picker .pick-lg ul.pick-lg-b {
  padding: 16px; }

div.datedropper .picker .pick-lg ul.pick-lg-b li {
  cursor: pointer;
  position: relative;
  z-index: 1; }

div.datedropper .picker .pick-lg ul.pick-lg-b li:before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 48px;
  height: 48px;
  box-shadow: 0 0 32px rgba(0, 0, 0, 0.1);
  border-radius: 32px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
  -moz-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  -o-transform: translate(-50%, -50%) scale(0); }

div.datedropper .picker .pick-lg ul.pick-lg-b li.pick-v:hover {
  text-decoration: underline; }

div.datedropper .picker .pick-lg ul.pick-lg-b li.pick-lk:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 4px;
  right: 4px;
  height: 1px;
  background: rgba(0, 0, 0, 0.2);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg); }

div.datedropper .picker .pick-lg ul.pick-lg-b li.pick-sl {
  font-size: 24px; }

div.datedropper .picker .pick-lg ul.pick-lg-b li.pick-sl:before {
  -webkit-transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  -o-transform: translate(-50%, -50%) scale(1); }

div.datedropper .picker .pick-btns {
  margin: -1px;
  position: relative;
  z-index: 2;
  height: 56px; }

div.datedropper .picker .pick-btns div {
  cursor: pointer;
  line-height: 0; }

div.datedropper .picker .pick-btns .pick-submit {
  margin: 0 auto;
  width: 56px;
  height: 56px;
  line-height: 64px;
  border-radius: 56px;
  font-size: 24px;
  cursor: pointer;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  text-align: center;
  position: relative;
  top: 0; }

div.datedropper .picker .pick-btns .pick-submit:after {
  font-family: "datedropper" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 60px;
  content: "\65"; }

div.datedropper .picker .pick-btns .pick-submit:hover {
  top: 4px;
  box-shadow: 0 0 0 16px rgba(0, 0, 0, 0.04), 0 0 0 8px rgba(0, 0, 0, 0.04); }

div.datedropper .picker .pick-btns .pick-btn {
  position: absolute;
  width: 32px;
  height: 32px;
  bottom: 0;
  text-align: center;
  line-height: 38px;
  font-size: 16px;
  margin: 8px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.03); }

div.datedropper .picker .pick-btns .pick-btn:hover {
  background: #FFF;
  -webkit-box-shadow: 0 0 32px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 32px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 32px rgba(0, 0, 0, 0.1);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2); }

div.datedropper .picker .pick-btns .pick-btn:after {
  font-family: "datedropper" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

div.datedropper .picker .pick-btns .pick-btn.pick-btn-sz {
  right: 0;
  transform-origin: right bottom; }

div.datedropper .picker .pick-btns .pick-btn.pick-btn-sz:after {
  content: "\63"; }

div.datedropper .picker .pick-btns .pick-btn.pick-btn-lng {
  left: 0;
  transform-origin: left bottom; }

div.datedropper .picker .pick-btns .pick-btn.pick-btn-lng:after {
  content: "\6a"; }

div.datedropper.picker-lg {
  width: 300px !important; }

div.datedropper.picker-lg ul.pick.pick-d {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  max-height: 0 !important; }

div.datedropper.picker-lg .pick-lg {
  max-height: 320px; }

div.datedropper.picker-lg .pick-btns .pick-btn.pick-btn-sz:after {
  content: "\61"; }

@media only screen and (max-width: 480px) {
  div.datedropper.picker-lg {
    position: fixed;
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    margin: 0; }

  div.datedropper.picker-lg:before {
    display: none; } }
@-moz-keyframes picker_locked {
  0%,
  100% {
    -webkit-transform: translateX(-50%) translate3d(0, 0, 0);
    -moz-transform: translateX(-50%) translate3d(0, 0, 0);
    -ms-transform: translateX(-50%) translate3d(0, 0, 0);
    -o-transform: translateX(-50%) translate3d(0, 0, 0); }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-50%) translate3d(-2px, 0, 0);
    -moz-transform: translateX(-50%) translate3d(-2px, 0, 0);
    -ms-transform: translateX(-50%) translate3d(-2px, 0, 0);
    -o-transform: translateX(-50%) translate3d(-2px, 0, 0); }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(-50%) translate3d(2px, 0, 0);
    -moz-transform: translateX(-50%) translate3d(2px, 0, 0);
    -ms-transform: translateX(-50%) translate3d(2px, 0, 0);
    -o-transform: translateX(-50%) translate3d(2px, 0, 0); } }
@-webkit-keyframes picker_locked {
  0%,
  100% {
    -webkit-transform: translateX(-50%) translate3d(0, 0, 0);
    -moz-transform: translateX(-50%) translate3d(0, 0, 0);
    -ms-transform: translateX(-50%) translate3d(0, 0, 0);
    -o-transform: translateX(-50%) translate3d(0, 0, 0); }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-50%) translate3d(-2px, 0, 0);
    -moz-transform: translateX(-50%) translate3d(-2px, 0, 0);
    -ms-transform: translateX(-50%) translate3d(-2px, 0, 0);
    -o-transform: translateX(-50%) translate3d(-2px, 0, 0); }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(-50%) translate3d(2px, 0, 0);
    -moz-transform: translateX(-50%) translate3d(2px, 0, 0);
    -ms-transform: translateX(-50%) translate3d(2px, 0, 0);
    -o-transform: translateX(-50%) translate3d(2px, 0, 0); } }
@keyframes picker_locked {
  0%,
  100% {
    -webkit-transform: translateX(-50%) translate3d(0, 0, 0);
    -moz-transform: translateX(-50%) translate3d(0, 0, 0);
    -ms-transform: translateX(-50%) translate3d(0, 0, 0);
    -o-transform: translateX(-50%) translate3d(0, 0, 0); }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-50%) translate3d(-2px, 0, 0);
    -moz-transform: translateX(-50%) translate3d(-2px, 0, 0);
    -ms-transform: translateX(-50%) translate3d(-2px, 0, 0);
    -o-transform: translateX(-50%) translate3d(-2px, 0, 0); }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(-50%) translate3d(2px, 0, 0);
    -moz-transform: translateX(-50%) translate3d(2px, 0, 0);
    -ms-transform: translateX(-50%) translate3d(2px, 0, 0);
    -o-transform: translateX(-50%) translate3d(2px, 0, 0); } }
@-moz-keyframes picker_locked_large_mobile {
  0%,
  100% {
    -webkit-transform: translate(-50%, -50%) translate3d(0, 0, 0);
    -moz-transform: translate(-50%, -50%) translate3d(0, 0, 0);
    -ms-transform: translate(-50%, -50%) translate3d(0, 0, 0);
    -o-transform: translate(-50%, -50%) translate3d(0, 0, 0); }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate(-50%, -50%) translate3d(-2px, 0, 0);
    -moz-transform: translate(-50%, -50%) translate3d(-2px, 0, 0);
    -ms-transform: translate(-50%, -50%) translate3d(-2px, 0, 0);
    -o-transform: translate(-50%, -50%) translate3d(-2px, 0, 0); }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate(-50%, -50%) translate3d(2px, 0, 0);
    -moz-transform: translate(-50%, -50%) translate3d(2px, 0, 0);
    -ms-transform: translate(-50%, -50%) translate3d(2px, 0, 0);
    -o-transform: translate(-50%, -50%) translate3d(2px, 0, 0); } }
@-webkit-keyframes picker_locked_large_mobile {
  0%,
  100% {
    -webkit-transform: translate(-50%, -50%) translate3d(0, 0, 0);
    -moz-transform: translate(-50%, -50%) translate3d(0, 0, 0);
    -ms-transform: translate(-50%, -50%) translate3d(0, 0, 0);
    -o-transform: translate(-50%, -50%) translate3d(0, 0, 0); }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate(-50%, -50%) translate3d(-2px, 0, 0);
    -moz-transform: translate(-50%, -50%) translate3d(-2px, 0, 0);
    -ms-transform: translate(-50%, -50%) translate3d(-2px, 0, 0);
    -o-transform: translate(-50%, -50%) translate3d(-2px, 0, 0); }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate(-50%, -50%) translate3d(2px, 0, 0);
    -moz-transform: translate(-50%, -50%) translate3d(2px, 0, 0);
    -ms-transform: translate(-50%, -50%) translate3d(2px, 0, 0);
    -o-transform: translate(-50%, -50%) translate3d(2px, 0, 0); } }
@keyframes picker_locked_large_mobile {
  0%,
  100% {
    -webkit-transform: translate(-50%, -50%) translate3d(0, 0, 0);
    -moz-transform: translate(-50%, -50%) translate3d(0, 0, 0);
    -ms-transform: translate(-50%, -50%) translate3d(0, 0, 0);
    -o-transform: translate(-50%, -50%) translate3d(0, 0, 0); }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate(-50%, -50%) translate3d(-2px, 0, 0);
    -moz-transform: translate(-50%, -50%) translate3d(-2px, 0, 0);
    -ms-transform: translate(-50%, -50%) translate3d(-2px, 0, 0);
    -o-transform: translate(-50%, -50%) translate3d(-2px, 0, 0); }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate(-50%, -50%) translate3d(2px, 0, 0);
    -moz-transform: translate(-50%, -50%) translate3d(2px, 0, 0);
    -ms-transform: translate(-50%, -50%) translate3d(2px, 0, 0);
    -o-transform: translate(-50%, -50%) translate3d(2px, 0, 0); } }
div.datedropper.picker-rmbl {
  -webkit-animation: picker_locked 0.4s ease;
  -moz-animation: picker_locked 0.4s ease;
  animation: picker_locked 0.4s ease; }

@media only screen and (max-width: 480px) {
  div.datedropper.picker-rmbl.picker-lg {
    -webkit-animation: picker_locked_large_mobile 0.4s ease;
    -moz-animation: picker_locked_large_mobile 0.4s ease;
    animation: picker_locked_large_mobile 0.4s ease; } }
div.datedropper.picker-lkd .pick-submit {
  background-color: rgba(0, 0, 0, 0.04) !important;
  color: rgba(0, 0, 0, 0.2) !important; }

div.datedropper.picker-lkd .pick-submit:hover {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important; }

div.datedropper.picker-lkd .pick-submit:after {
  content: "\62" !important; }

div.datedropper.picker-fxs {
  -webkit-transition: width 0.8s cubic-bezier(1, -0.55, 0.2, 1.37), opacity 0.2s ease, visibility 0.2s ease, margin 0.2s ease;
  -moz-transition: width 0.8s cubic-bezier(1, -0.55, 0.2, 1.37), opacity 0.2s ease, visibility 0.2s ease, margin 0.2s ease;
  -ms-transition: width 0.8s cubic-bezier(1, -0.55, 0.2, 1.37), opacity 0.2s ease, visibility 0.2s ease, margin 0.2s ease;
  -o-transition: width 0.8s cubic-bezier(1, -0.55, 0.2, 1.37), opacity 0.2s ease, visibility 0.2s ease, margin 0.2s ease; }

div.datedropper.picker-fxs ul.pick.pick-d {
  -webkit-transition: top 0.8s cubic-bezier(1, -0.55, 0.2, 1.37), transform 0.8s cubic-bezier(1, -0.55, 0.2, 1.37), max-height 0.8s cubic-bezier(1, -0.55, 0.2, 1.37), background-color 0.4s ease;
  -moz-transition: top 0.8s cubic-bezier(1, -0.55, 0.2, 1.37), transform 0.8s cubic-bezier(1, -0.55, 0.2, 1.37), max-height 0.8s cubic-bezier(1, -0.55, 0.2, 1.37), background-color 0.4s ease;
  -ms-transition: top 0.8s cubic-bezier(1, -0.55, 0.2, 1.37), transform 0.8s cubic-bezier(1, -0.55, 0.2, 1.37), max-height 0.8s cubic-bezier(1, -0.55, 0.2, 1.37), background-color 0.4s ease;
  -o-transition: top 0.8s cubic-bezier(1, -0.55, 0.2, 1.37), transform 0.8s cubic-bezier(1, -0.55, 0.2, 1.37), max-height 0.8s cubic-bezier(1, -0.55, 0.2, 1.37), background-color 0.4s ease; }

div.datedropper.picker-fxs ul.pick.pick-y {
  -webkit-transition: background-color 0.4s ease;
  -moz-transition: background-color 0.4s ease;
  -ms-transition: background-color 0.4s ease;
  -o-transition: background-color 0.4s ease; }

div.datedropper.picker-fxs ul.pick li {
  -webkit-transition: transform 0.4s ease, opacity 0.4s ease;
  -moz-transition: transform 0.4s ease, opacity 0.4s ease;
  -ms-transition: transform 0.4s ease, opacity 0.4s ease;
  -o-transition: transform 0.4s ease, opacity 0.4s ease; }

div.datedropper.picker-fxs ul.pick .pick-arw {
  -webkit-transition: transform 0.2s ease, opacity 0.2s ease;
  -moz-transition: transform 0.2s ease, opacity 0.2s ease;
  -ms-transition: transform 0.2s ease, opacity 0.2s ease;
  -o-transition: transform 0.2s ease, opacity 0.2s ease; }

div.datedropper.picker-fxs ul.pick .pick-arw i {
  -webkit-transition: right 0.2s ease, left 0.2s ease;
  -moz-transition: right 0.2s ease, left 0.2s ease;
  -ms-transition: right 0.2s ease, left 0.2s ease;
  -o-transition: right 0.2s ease, left 0.2s ease; }

div.datedropper.picker-fxs .pick-lg {
  -webkit-transition: max-height 0.8s cubic-bezier(1, -0.55, 0.2, 1.37);
  -moz-transition: max-height 0.8s cubic-bezier(1, -0.55, 0.2, 1.37);
  -ms-transition: max-height 0.8s cubic-bezier(1, -0.55, 0.2, 1.37);
  -o-transition: max-height 0.8s cubic-bezier(1, -0.55, 0.2, 1.37); }

div.datedropper.picker-fxs .pick-lg .pick-lg-b li:before {
  -webkit-transition: transform 0.2s ease;
  -moz-transition: transform 0.2s ease;
  -ms-transition: transform 0.2s ease;
  -o-transition: transform 0.2s ease; }

div.datedropper.picker-fxs .pick-btns .pick-submit {
  -webkit-transition: top 0.2s ease, box-shadow 0.4s ease, background-color 0.4s ease;
  -moz-transition: top 0.2s ease, box-shadow 0.4s ease, background-color 0.4s ease;
  -ms-transition: top 0.2s ease, box-shadow 0.4s ease, background-color 0.4s ease;
  -o-transition: top 0.2s ease, box-shadow 0.4s ease, background-color 0.4s ease; }

div.datedropper.picker-fxs .pick-btns .pick-btn {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease; }

@media only screen and (max-width: 480px) {
  div.datedropper.picker-fxs {
    -webkit-transition: opacity 0.2s ease, visibility 0.2s ease, margin 0.2s ease;
    -moz-transition: opacity 0.2s ease, visibility 0.2s ease, margin 0.2s ease;
    -ms-transition: opacity 0.2s ease, visibility 0.2s ease, margin 0.2s ease;
    -o-transition: opacity 0.2s ease, visibility 0.2s ease, margin 0.2s ease; }

  div.datedropper.picker-fxs ul.pick.pick-d,
  div.datedropper.picker-fxs .pick-lg {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none; } }
div.datedropper.vanilla {
  border-radius: 6px;
  width: 180px; }

div.datedropper.vanilla .picker {
  border-radius: 6px;
  box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.1); }

div.datedropper.vanilla .pick-l {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px; }

div.datedropper.vanilla:before,
div.datedropper.vanilla .pick-submit,
div.datedropper.vanilla .pick-lg-b .pick-sl:before,
div.datedropper.vanilla .pick-m,
div.datedropper.vanilla .pick-lg-h {
  background-color: #feac92; }

div.datedropper.vanilla .pick-y.pick-jump,
div.datedropper.vanilla .pick li span,
div.datedropper.vanilla .pick-lg-b .pick-wke,
div.datedropper.vanilla .pick-btn {
  color: #feac92; }

div.datedropper.vanilla .picker,
div.datedropper.vanilla .pick-l {
  background-color: #ffffff; }

div.datedropper.vanilla .picker,
div.datedropper.vanilla .pick-arw,
div.datedropper.vanilla .pick-l {
  color: #9ed7db; }

div.datedropper.vanilla .pick-m,
div.datedropper.vanilla .pick-m .pick-arw,
div.datedropper.vanilla .pick-lg-h,
div.datedropper.vanilla .pick-lg-b .pick-sl,
div.datedropper.vanilla .pick-submit {
  color: #faf7f4; }

div.datedropper.vanilla.picker-tiny:before,
div.datedropper.vanilla.picker-tiny .pick-m {
  background-color: #ffffff; }

div.datedropper.vanilla.picker-tiny .pick-m,
div.datedropper.vanilla.picker-tiny .pick-m .pick-arw {
  color: #9ed7db; }

div.datedropper.leaf {
  border-radius: 6px;
  width: 180px; }

div.datedropper.leaf .picker {
  border-radius: 6px;
  box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.1); }

div.datedropper.leaf .pick-l {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px; }

div.datedropper.leaf:before,
div.datedropper.leaf .pick-submit,
div.datedropper.leaf .pick-lg-b .pick-sl:before,
div.datedropper.leaf .pick-m,
div.datedropper.leaf .pick-lg-h {
  background-color: #1ecd80; }

div.datedropper.leaf .pick-y.pick-jump,
div.datedropper.leaf .pick li span,
div.datedropper.leaf .pick-lg-b .pick-wke,
div.datedropper.leaf .pick-btn {
  color: #1ecd80; }

div.datedropper.leaf .picker,
div.datedropper.leaf .pick-l {
  background-color: #fefff2; }

div.datedropper.leaf .picker,
div.datedropper.leaf .pick-arw,
div.datedropper.leaf .pick-l {
  color: #528971; }

div.datedropper.leaf .pick-m,
div.datedropper.leaf .pick-m .pick-arw,
div.datedropper.leaf .pick-lg-h,
div.datedropper.leaf .pick-lg-b .pick-sl,
div.datedropper.leaf .pick-submit {
  color: #fefff2; }

div.datedropper.leaf.picker-tiny:before,
div.datedropper.leaf.picker-tiny .pick-m {
  background-color: #fefff2; }

div.datedropper.leaf.picker-tiny .pick-m,
div.datedropper.leaf.picker-tiny .pick-m .pick-arw {
  color: #528971; }

div.datedropper.primary {
  border-radius: 6px;
  width: 180px; }

div.datedropper.primary .picker {
  border-radius: 6px;
  box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.1); }

div.datedropper.primary .pick-l {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px; }

div.datedropper.primary:before,
div.datedropper.primary .pick-submit,
div.datedropper.primary .pick-lg-b .pick-sl:before,
div.datedropper.primary .pick-m,
div.datedropper.primary .pick-lg-h {
  background-color: #fd4741; }

div.datedropper.primary .pick-y.pick-jump,
div.datedropper.primary .pick li span,
div.datedropper.primary .pick-lg-b .pick-wke,
div.datedropper.primary .pick-btn {
  color: #fd4741; }

div.datedropper.primary .picker,
div.datedropper.primary .pick-l {
  background-color: #ffffff; }

div.datedropper.primary .picker,
div.datedropper.primary .pick-arw,
div.datedropper.primary .pick-l {
  color: #4d4d4d; }

div.datedropper.primary .pick-m,
div.datedropper.primary .pick-m .pick-arw,
div.datedropper.primary .pick-lg-h,
div.datedropper.primary .pick-lg-b .pick-sl,
div.datedropper.primary .pick-submit {
  color: #ffffff; }

div.datedropper.primary.picker-tiny:before,
div.datedropper.primary.picker-tiny .pick-m {
  background-color: #ffffff; }

div.datedropper.primary.picker-tiny .pick-m,
div.datedropper.primary.picker-tiny .pick-m .pick-arw {
  color: #4d4d4d; }

div.datedropper .null {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none; }

.datedropper.date-style {
  border-radius: 8px;
  width: 180px; }

.datedropper.date-style .picker {
  border-radius: 8px;
  box-shadow: 0 0 47px 0 rgba(0, 0, 0, 0.13); }

.datedropper.date-style .pick-l {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px; }

.datedropper.date-style:before,
.datedropper.date-style .pick-submit,
.datedropper.date-style .pick-lg-b .pick-sl:before,
.datedropper.date-style .pick-m,
.datedropper.date-style .pick-lg-h {
  background-color: #ba954c; }

.datedropper.date-style .pick-y.pick-jump,
.datedropper.date-style .pick li span,
.datedropper.date-style .pick-lg-b .pick-wke,
.datedropper.date-style .pick-btn {
  color: #ba954c; }

.datedropper.date-style .picker,
.datedropper.date-style .pick-m,
.datedropper.date-style .pick-m .pick-arw,
.datedropper.date-style .pick-lg-h,
.datedropper.date-style .pick-lg-b .pick-sl,
.datedropper.date-style .pick-submit {
  color: #fff; }

.datedropper.date-style .picker,
.datedropper.date-style .pick-l,
.datedropper.date-style.picker-lkd .pick-submit,
.datedropper.date-style.picker-tiny:before,
.datedropper.date-style.picker-tiny .pick-m {
  background-color: #fff; }

.datedropper.date-style .picker,
.datedropper.date-style .pick-arw,
.datedropper.date-style .pick-l,
.datedropper.date-style.picker-lkd .pick-submit,
.datedropper.date-style.picker-tiny .pick-m,
.datedropper.date-style.picker-tiny .pick-m .pick-arw {
  color: #4d4d4d; }

.mapboxgl-map {
  font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif;
  overflow: hidden;
  position: relative;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.mapboxgl-map:-webkit-full-screen {
  width: 100%;
  height: 100%; }

.mapboxgl-canary {
  background-color: salmon; }

.mapboxgl-canvas-container.mapboxgl-interactive,
.mapboxgl-ctrl-group > button.mapboxgl-ctrl-compass {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.mapboxgl-canvas-container.mapboxgl-interactive:active,
.mapboxgl-ctrl-group > button.mapboxgl-ctrl-compass:active {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing; }

.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas {
  touch-action: pan-x pan-y; }

.mapboxgl-canvas-container.mapboxgl-touch-drag-pan,
.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas {
  touch-action: pinch-zoom; }

.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas {
  touch-action: none; }

.mapboxgl-ctrl-top-left,
.mapboxgl-ctrl-top-right,
.mapboxgl-ctrl-bottom-left,
.mapboxgl-ctrl-bottom-right {
  position: absolute;
  pointer-events: none;
  z-index: 2; }

.mapboxgl-ctrl-top-left {
  top: 0;
  left: 0; }

.mapboxgl-ctrl-top-right {
  top: 0;
  right: 0; }

.mapboxgl-ctrl-bottom-left {
  bottom: 0;
  left: 0; }

.mapboxgl-ctrl-bottom-right {
  right: 0;
  bottom: 0; }

.mapboxgl-ctrl {
  clear: both;
  pointer-events: auto; }

.mapboxgl-ctrl-top-left .mapboxgl-ctrl {
  margin: 10px 0 0 10px;
  float: left; }

.mapboxgl-ctrl-top-right .mapboxgl-ctrl {
  margin: 10px 10px 0 0;
  float: right; }

.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl {
  margin: 0 0 10px 10px;
  float: left; }

.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl {
  margin: 0 10px 10px 0;
  float: right; }

.mapboxgl-ctrl-group {
  border-radius: 4px;
  overflow: hidden;
  background: #fff; }

.mapboxgl-ctrl-group:not(:empty) {
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1); }

.mapboxgl-ctrl-group > button {
  width: 30px;
  height: 30px;
  display: block;
  padding: 0;
  outline: none;
  border: 0;
  box-sizing: border-box;
  background-color: transparent;
  cursor: pointer; }

.mapboxgl-ctrl-group > button + button {
  border-top: 1px solid #ddd; }

/* https://bugzilla.mozilla.org/show_bug.cgi?id=140562 */
.mapboxgl-ctrl > button::-moz-focus-inner {
  border: 0;
  padding: 0; }

.mapboxgl-ctrl > button:hover {
  background-color: rgba(0, 0, 0, 0.05); }

.mapboxgl-ctrl-icon,
.mapboxgl-ctrl-icon > .mapboxgl-ctrl-compass-arrow {
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.mapboxgl-ctrl-icon {
  padding: 5px; }

.mapboxgl-ctrl-icon.mapboxgl-ctrl-zoom-out {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath style='fill:%23333333;' d='m 7,9 c -0.554,0 -1,0.446 -1,1 0,0.554 0.446,1 1,1 l 6,0 c 0.554,0 1,-0.446 1,-1 0,-0.554 -0.446,-1 -1,-1 z'/%3E %3C/svg%3E"); }

.mapboxgl-ctrl-icon.mapboxgl-ctrl-zoom-in {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath style='fill:%23333333;' d='M 10 6 C 9.446 6 9 6.4459904 9 7 L 9 9 L 7 9 C 6.446 9 6 9.446 6 10 C 6 10.554 6.446 11 7 11 L 9 11 L 9 13 C 9 13.55401 9.446 14 10 14 C 10.554 14 11 13.55401 11 13 L 11 11 L 13 11 C 13.554 11 14 10.554 14 10 C 14 9.446 13.554 9 13 9 L 11 9 L 11 7 C 11 6.4459904 10.554 6 10 6 z'/%3E %3C/svg%3E"); }

.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E %3Cpath d='M10 4C9 4 9 5 9 5L9 5.1A5 5 0 0 0 5.1 9L5 9C5 9 4 9 4 10 4 11 5 11 5 11L5.1 11A5 5 0 0 0 9 14.9L9 15C9 15 9 16 10 16 11 16 11 15 11 15L11 14.9A5 5 0 0 0 14.9 11L15 11C15 11 16 11 16 10 16 9 15 9 15 9L14.9 9A5 5 0 0 0 11 5.1L11 5C11 5 11 4 10 4zM10 6.5A3.5 3.5 0 0 1 13.5 10 3.5 3.5 0 0 1 10 13.5 3.5 3.5 0 0 1 6.5 10 3.5 3.5 0 0 1 10 6.5zM10 8.3A1.8 1.8 0 0 0 8.3 10 1.8 1.8 0 0 0 10 11.8 1.8 1.8 0 0 0 11.8 10 1.8 1.8 0 0 0 10 8.3z'/%3E %3C/svg%3E"); }

.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate:disabled {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E %3Cpath d='M10 4C9 4 9 5 9 5L9 5.1A5 5 0 0 0 5.1 9L5 9C5 9 4 9 4 10 4 11 5 11 5 11L5.1 11A5 5 0 0 0 9 14.9L9 15C9 15 9 16 10 16 11 16 11 15 11 15L11 14.9A5 5 0 0 0 14.9 11L15 11C15 11 16 11 16 10 16 9 15 9 15 9L14.9 9A5 5 0 0 0 11 5.1L11 5C11 5 11 4 10 4zM10 6.5A3.5 3.5 0 0 1 13.5 10 3.5 3.5 0 0 1 10 13.5 3.5 3.5 0 0 1 6.5 10 3.5 3.5 0 0 1 10 6.5zM10 8.3A1.8 1.8 0 0 0 8.3 10 1.8 1.8 0 0 0 10 11.8 1.8 1.8 0 0 0 11.8 10 1.8 1.8 0 0 0 10 8.3z'/%3E %3C/svg%3E"); }

.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E %3Cpath d='M10 4C9 4 9 5 9 5L9 5.1A5 5 0 0 0 5.1 9L5 9C5 9 4 9 4 10 4 11 5 11 5 11L5.1 11A5 5 0 0 0 9 14.9L9 15C9 15 9 16 10 16 11 16 11 15 11 15L11 14.9A5 5 0 0 0 14.9 11L15 11C15 11 16 11 16 10 16 9 15 9 15 9L14.9 9A5 5 0 0 0 11 5.1L11 5C11 5 11 4 10 4zM10 6.5A3.5 3.5 0 0 1 13.5 10 3.5 3.5 0 0 1 10 13.5 3.5 3.5 0 0 1 6.5 10 3.5 3.5 0 0 1 10 6.5zM10 8.3A1.8 1.8 0 0 0 8.3 10 1.8 1.8 0 0 0 10 11.8 1.8 1.8 0 0 0 11.8 10 1.8 1.8 0 0 0 10 8.3z'/%3E %3C/svg%3E"); }

.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E %3Cpath d='M10 4C9 4 9 5 9 5L9 5.1A5 5 0 0 0 5.1 9L5 9C5 9 4 9 4 10 4 11 5 11 5 11L5.1 11A5 5 0 0 0 9 14.9L9 15C9 15 9 16 10 16 11 16 11 15 11 15L11 14.9A5 5 0 0 0 14.9 11L15 11C15 11 16 11 16 10 16 9 15 9 15 9L14.9 9A5 5 0 0 0 11 5.1L11 5C11 5 11 4 10 4zM10 6.5A3.5 3.5 0 0 1 13.5 10 3.5 3.5 0 0 1 10 13.5 3.5 3.5 0 0 1 6.5 10 3.5 3.5 0 0 1 10 6.5zM10 8.3A1.8 1.8 0 0 0 8.3 10 1.8 1.8 0 0 0 10 11.8 1.8 1.8 0 0 0 11.8 10 1.8 1.8 0 0 0 10 8.3z'/%3E %3C/svg%3E"); }

.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E %3Cpath d='M 10,4 C 9,4 9,5 9,5 L 9,5.1 C 7.0357113,5.5006048 5.5006048,7.0357113 5.1,9 L 5,9 c 0,0 -1,0 -1,1 0,1 1,1 1,1 l 0.1,0 c 0.4006048,1.964289 1.9357113,3.499395 3.9,3.9 L 9,15 c 0,0 0,1 1,1 1,0 1,-1 1,-1 l 0,-0.1 c 1.964289,-0.400605 3.499395,-1.935711 3.9,-3.9 l 0.1,0 c 0,0 1,0 1,-1 C 16,9 15,9 15,9 L 14.9,9 C 14.499395,7.0357113 12.964289,5.5006048 11,5.1 L 11,5 c 0,0 0,-1 -1,-1 z m 0,2.5 c 1.932997,0 3.5,1.5670034 3.5,3.5 0,1.932997 -1.567003,3.5 -3.5,3.5 C 8.0670034,13.5 6.5,11.932997 6.5,10 6.5,8.0670034 8.0670034,6.5 10,6.5 Z'/%3E %3C/svg%3E"); }

.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E %3Cpath d='M 10,4 C 9,4 9,5 9,5 L 9,5.1 C 7.0357113,5.5006048 5.5006048,7.0357113 5.1,9 L 5,9 c 0,0 -1,0 -1,1 0,1 1,1 1,1 l 0.1,0 c 0.4006048,1.964289 1.9357113,3.499395 3.9,3.9 L 9,15 c 0,0 0,1 1,1 1,0 1,-1 1,-1 l 0,-0.1 c 1.964289,-0.400605 3.499395,-1.935711 3.9,-3.9 l 0.1,0 c 0,0 1,0 1,-1 C 16,9 15,9 15,9 L 14.9,9 C 14.499395,7.0357113 12.964289,5.5006048 11,5.1 L 11,5 c 0,0 0,-1 -1,-1 z m 0,2.5 c 1.932997,0 3.5,1.5670034 3.5,3.5 0,1.932997 -1.567003,3.5 -3.5,3.5 C 8.0670034,13.5 6.5,11.932997 6.5,10 6.5,8.0670034 8.0670034,6.5 10,6.5 Z'/%3E %3C/svg%3E"); }

.mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting {
  -webkit-animation: mapboxgl-spin 2s infinite linear;
  -moz-animation: mapboxgl-spin 2s infinite linear;
  -o-animation: mapboxgl-spin 2s infinite linear;
  -ms-animation: mapboxgl-spin 2s infinite linear;
  animation: mapboxgl-spin 2s infinite linear; }

@-webkit-keyframes mapboxgl-spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }
@-moz-keyframes mapboxgl-spin {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(360deg); } }
@-o-keyframes mapboxgl-spin {
  0% {
    -o-transform: rotate(0deg); }
  100% {
    -o-transform: rotate(360deg); } }
@-ms-keyframes mapboxgl-spin {
  0% {
    -ms-transform: rotate(0deg); }
  100% {
    -ms-transform: rotate(360deg); } }
@keyframes mapboxgl-spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
.mapboxgl-ctrl-icon.mapboxgl-ctrl-fullscreen {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M 5 4 C 4.5 4 4 4.5 4 5 L 4 6 L 4 9 L 4.5 9 L 5.7773438 7.296875 C 6.7771319 8.0602131 7.835765 8.9565728 8.890625 10 C 7.8257121 11.0633 6.7761791 11.951675 5.78125 12.707031 L 4.5 11 L 4 11 L 4 15 C 4 15.5 4.5 16 5 16 L 9 16 L 9 15.5 L 7.2734375 14.205078 C 8.0428931 13.187886 8.9395441 12.133481 9.9609375 11.068359 C 11.042371 12.14699 11.942093 13.2112 12.707031 14.21875 L 11 15.5 L 11 16 L 14 16 L 15 16 C 15.5 16 16 15.5 16 15 L 16 14 L 16 11 L 15.5 11 L 14.205078 12.726562 C 13.177985 11.949617 12.112718 11.043577 11.037109 10.009766 C 12.151856 8.981061 13.224345 8.0798624 14.228516 7.3046875 L 15.5 9 L 16 9 L 16 5 C 16 4.5 15.5 4 15 4 L 11 4 L 11 4.5 L 12.703125 5.7773438 C 11.932647 6.7864834 11.026693 7.8554712 9.9707031 8.9199219 C 8.9584739 7.8204943 8.0698767 6.7627188 7.3046875 5.7714844 L 9 4.5 L 9 4 L 6 4 L 5 4 z '/%3E %3C/svg%3E"); }

.mapboxgl-ctrl-icon.mapboxgl-ctrl-shrink {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath style='fill:%23000000;' d='M 4.2421875 3.4921875 A 0.750075 0.750075 0 0 0 3.71875 4.78125 L 5.9648438 7.0273438 L 4 8.5 L 4 9 L 8 9 C 8.500001 8.9999988 9 8.4999992 9 8 L 9 4 L 8.5 4 L 7.0175781 5.9550781 L 4.78125 3.71875 A 0.750075 0.750075 0 0 0 4.2421875 3.4921875 z M 15.734375 3.4921875 A 0.750075 0.750075 0 0 0 15.21875 3.71875 L 12.984375 5.953125 L 11.5 4 L 11 4 L 11 8 C 11 8.4999992 11.499999 8.9999988 12 9 L 16 9 L 16 8.5 L 14.035156 7.0273438 L 16.28125 4.78125 A 0.750075 0.750075 0 0 0 15.734375 3.4921875 z M 4 11 L 4 11.5 L 5.9648438 12.972656 L 3.71875 15.21875 A 0.75130096 0.75130096 0 1 0 4.78125 16.28125 L 7.0273438 14.035156 L 8.5 16 L 9 16 L 9 12 C 9 11.500001 8.500001 11.000001 8 11 L 4 11 z M 12 11 C 11.499999 11.000001 11 11.500001 11 12 L 11 16 L 11.5 16 L 12.972656 14.035156 L 15.21875 16.28125 A 0.75130096 0.75130096 0 1 0 16.28125 15.21875 L 14.035156 12.972656 L 16 11.5 L 16 11 L 12 11 z '/%3E %3C/svg%3E"); }

.mapboxgl-ctrl-icon.mapboxgl-ctrl-compass > .mapboxgl-ctrl-compass-arrow {
  width: 20px;
  height: 20px;
  margin: 5px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E %3Cpolygon fill='%23333333' points='6,9 10,1 14,9'/%3E %3Cpolygon fill='%23CCCCCC' points='6,11 10,19 14,11 '/%3E %3C/svg%3E");
  background-repeat: no-repeat;
  display: inline-block; }

a.mapboxgl-ctrl-logo {
  width: 85px;
  height: 21px;
  margin: 0 0 -3px -3px;
  display: block;
  background-repeat: no-repeat;
  cursor: pointer;
  background-image: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 84.49 21' style='enable-background:new 0 0 84.49 21;' xml:space='preserve'%3E%3Cg%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M83.25,14.26c0,0.12-0.09,0.21-0.21,0.21h-1.61c-0.13,0-0.24-0.06-0.3-0.17l-1.44-2.39l-1.44,2.39 c-0.06,0.11-0.18,0.17-0.3,0.17h-1.61c-0.04,0-0.08-0.01-0.12-0.03c-0.09-0.06-0.13-0.19-0.06-0.28l0,0l2.43-3.68L76.2,6.84 c-0.02-0.03-0.03-0.07-0.03-0.12c0-0.12,0.09-0.21,0.21-0.21h1.61c0.13,0,0.24,0.06,0.3,0.17l1.41,2.36l1.4-2.35 c0.06-0.11,0.18-0.17,0.3-0.17H83c0.04,0,0.08,0.01,0.12,0.03c0.09,0.06,0.13,0.19,0.06,0.28l0,0l-2.37,3.63l2.43,3.67 C83.24,14.18,83.25,14.22,83.25,14.26z'/%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M66.24,9.59c-0.39-1.88-1.96-3.28-3.84-3.28c-1.03,0-2.03,0.42-2.73,1.18V3.51c0-0.13-0.1-0.23-0.23-0.23h-1.4 c-0.13,0-0.23,0.11-0.23,0.23v10.72c0,0.13,0.1,0.23,0.23,0.23h1.4c0.13,0,0.23-0.11,0.23-0.23V13.5c0.71,0.75,1.7,1.18,2.73,1.18 c1.88,0,3.45-1.41,3.84-3.29C66.37,10.79,66.37,10.18,66.24,9.59L66.24,9.59z M62.08,13c-1.32,0-2.39-1.11-2.41-2.48v-0.06 c0.02-1.38,1.09-2.48,2.41-2.48s2.42,1.12,2.42,2.51S63.41,13,62.08,13z'/%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M71.67,6.32c-1.98-0.01-3.72,1.35-4.16,3.29c-0.13,0.59-0.13,1.19,0,1.77c0.44,1.94,2.17,3.32,4.17,3.3 c2.35,0,4.26-1.87,4.26-4.19S74.04,6.32,71.67,6.32z M71.65,13.01c-1.33,0-2.42-1.12-2.42-2.51s1.08-2.52,2.42-2.52 c1.33,0,2.42,1.12,2.42,2.51S72.99,13,71.65,13.01L71.65,13.01z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M62.08,7.98c-1.32,0-2.39,1.11-2.41,2.48v0.06C59.68,11.9,60.75,13,62.08,13s2.42-1.12,2.42-2.51 S63.41,7.98,62.08,7.98z M62.08,11.76c-0.63,0-1.14-0.56-1.17-1.25v-0.04c0.01-0.69,0.54-1.25,1.17-1.25 c0.63,0,1.17,0.57,1.17,1.27C63.24,11.2,62.73,11.76,62.08,11.76z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M71.65,7.98c-1.33,0-2.42,1.12-2.42,2.51S70.32,13,71.65,13s2.42-1.12,2.42-2.51S72.99,7.98,71.65,7.98z M71.65,11.76c-0.64,0-1.17-0.57-1.17-1.27c0-0.7,0.53-1.26,1.17-1.26s1.17,0.57,1.17,1.27C72.82,11.21,72.29,11.76,71.65,11.76z'/%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M45.74,6.53h-1.4c-0.13,0-0.23,0.11-0.23,0.23v0.73c-0.71-0.75-1.7-1.18-2.73-1.18 c-2.17,0-3.94,1.87-3.94,4.19s1.77,4.19,3.94,4.19c1.04,0,2.03-0.43,2.73-1.19v0.73c0,0.13,0.1,0.23,0.23,0.23h1.4 c0.13,0,0.23-0.11,0.23-0.23V6.74c0-0.12-0.09-0.22-0.22-0.22C45.75,6.53,45.75,6.53,45.74,6.53z M44.12,10.53 C44.11,11.9,43.03,13,41.71,13s-2.42-1.12-2.42-2.51s1.08-2.52,2.4-2.52c1.33,0,2.39,1.11,2.41,2.48L44.12,10.53z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M41.71,7.98c-1.33,0-2.42,1.12-2.42,2.51S40.37,13,41.71,13s2.39-1.11,2.41-2.48v-0.06 C44.1,9.09,43.03,7.98,41.71,7.98z M40.55,10.49c0-0.7,0.52-1.27,1.17-1.27c0.64,0,1.14,0.56,1.17,1.25v0.04 c-0.01,0.68-0.53,1.24-1.17,1.24C41.08,11.75,40.55,11.19,40.55,10.49z'/%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M52.41,6.32c-1.03,0-2.03,0.42-2.73,1.18V6.75c0-0.13-0.1-0.23-0.23-0.23h-1.4c-0.13,0-0.23,0.11-0.23,0.23 v10.72c0,0.13,0.1,0.23,0.23,0.23h1.4c0.13,0,0.23-0.1,0.23-0.23V13.5c0.71,0.75,1.7,1.18,2.74,1.18c2.17,0,3.94-1.87,3.94-4.19 S54.58,6.32,52.41,6.32z M52.08,13.01c-1.32,0-2.39-1.11-2.42-2.48v-0.07c0.02-1.38,1.09-2.49,2.4-2.49c1.32,0,2.41,1.12,2.41,2.51 S53.4,13,52.08,13.01L52.08,13.01z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M52.08,7.98c-1.32,0-2.39,1.11-2.42,2.48v0.06c0.03,1.38,1.1,2.48,2.42,2.48s2.41-1.12,2.41-2.51 S53.4,7.98,52.08,7.98z M52.08,11.76c-0.63,0-1.14-0.56-1.17-1.25v-0.04c0.01-0.69,0.54-1.25,1.17-1.25c0.63,0,1.17,0.58,1.17,1.27 S52.72,11.76,52.08,11.76z'/%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M36.08,14.24c0,0.13-0.1,0.23-0.23,0.23h-1.41c-0.13,0-0.23-0.11-0.23-0.23V9.68c0-0.98-0.74-1.71-1.62-1.71 c-0.8,0-1.46,0.7-1.59,1.62l0.01,4.66c0,0.13-0.11,0.23-0.23,0.23h-1.41c-0.13,0-0.23-0.11-0.23-0.23V9.68 c0-0.98-0.74-1.71-1.62-1.71c-0.85,0-1.54,0.79-1.6,1.8v4.48c0,0.13-0.1,0.23-0.23,0.23h-1.4c-0.13,0-0.23-0.11-0.23-0.23V6.74 c0.01-0.13,0.1-0.22,0.23-0.22h1.4c0.13,0,0.22,0.11,0.23,0.22V7.4c0.5-0.68,1.3-1.09,2.16-1.1h0.03c1.09,0,2.09,0.6,2.6,1.55 c0.45-0.95,1.4-1.55,2.44-1.56c1.62,0,2.93,1.25,2.9,2.78L36.08,14.24z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M84.34,13.59l-0.07-0.13l-1.96-2.99l1.94-2.95c0.44-0.67,0.26-1.56-0.41-2.02c-0.02,0-0.03,0-0.04-0.01 c-0.23-0.15-0.5-0.22-0.78-0.22h-1.61c-0.56,0-1.08,0.29-1.37,0.78L79.72,6.6l-0.34-0.56C79.09,5.56,78.57,5.27,78,5.27h-1.6 c-0.6,0-1.13,0.37-1.35,0.92c-2.19-1.66-5.28-1.47-7.26,0.45c-0.35,0.34-0.65,0.72-0.89,1.14c-0.9-1.62-2.58-2.72-4.5-2.72 c-0.5,0-1.01,0.07-1.48,0.23V3.51c0-0.82-0.66-1.48-1.47-1.48h-1.4c-0.81,0-1.47,0.66-1.47,1.47v3.75 c-0.95-1.36-2.5-2.18-4.17-2.19c-0.74,0-1.46,0.16-2.12,0.47c-0.24-0.17-0.54-0.26-0.84-0.26h-1.4c-0.45,0-0.87,0.21-1.15,0.56 c-0.02-0.03-0.04-0.05-0.07-0.08c-0.28-0.3-0.68-0.47-1.09-0.47h-1.39c-0.3,0-0.6,0.09-0.84,0.26c-0.67-0.3-1.39-0.46-2.12-0.46 c-1.83,0-3.43,1-4.37,2.5c-0.2-0.46-0.48-0.89-0.83-1.25c-0.8-0.81-1.89-1.25-3.02-1.25h-0.01c-0.89,0.01-1.75,0.33-2.46,0.88 c-0.74-0.57-1.64-0.88-2.57-0.88H28.1c-0.29,0-0.58,0.03-0.86,0.11c-0.28,0.06-0.56,0.16-0.82,0.28c-0.21-0.12-0.45-0.18-0.7-0.18 h-1.4c-0.82,0-1.47,0.66-1.47,1.47v7.5c0,0.82,0.66,1.47,1.47,1.47h1.4c0.82,0,1.48-0.66,1.48-1.48l0,0V9.79 c0.03-0.36,0.23-0.59,0.36-0.59c0.18,0,0.38,0.18,0.38,0.47v4.57c0,0.82,0.66,1.47,1.47,1.47h1.41c0.82,0,1.47-0.66,1.47-1.47 l-0.01-4.57c0.06-0.32,0.25-0.47,0.35-0.47c0.18,0,0.38,0.18,0.38,0.47v4.57c0,0.82,0.66,1.47,1.47,1.47h1.41 c0.82,0,1.47-0.66,1.47-1.47v-0.38c0.96,1.29,2.46,2.06,4.06,2.06c0.74,0,1.46-0.16,2.12-0.47c0.24,0.17,0.54,0.26,0.84,0.26h1.39 c0.3,0,0.6-0.09,0.84-0.26v2.01c0,0.82,0.66,1.47,1.47,1.47h1.4c0.82,0,1.47-0.66,1.47-1.47v-1.77c0.48,0.15,0.99,0.23,1.49,0.22 c1.7,0,3.22-0.87,4.17-2.2v0.52c0,0.82,0.66,1.47,1.47,1.47h1.4c0.3,0,0.6-0.09,0.84-0.26c0.66,0.31,1.39,0.47,2.12,0.47 c1.92,0,3.6-1.1,4.49-2.73c1.54,2.65,4.95,3.53,7.58,1.98c0.18-0.11,0.36-0.22,0.53-0.36c0.22,0.55,0.76,0.91,1.35,0.9H78 c0.56,0,1.08-0.29,1.37-0.78l0.37-0.61l0.37,0.61c0.29,0.48,0.81,0.78,1.38,0.78h1.6c0.81,0,1.46-0.66,1.45-1.46 C84.49,14.02,84.44,13.8,84.34,13.59L84.34,13.59z M35.86,14.47h-1.41c-0.13,0-0.23-0.11-0.23-0.23V9.68 c0-0.98-0.74-1.71-1.62-1.71c-0.8,0-1.46,0.7-1.59,1.62l0.01,4.66c0,0.13-0.1,0.23-0.23,0.23h-1.41c-0.13,0-0.23-0.11-0.23-0.23 V9.68c0-0.98-0.74-1.71-1.62-1.71c-0.85,0-1.54,0.79-1.6,1.8v4.48c0,0.13-0.1,0.23-0.23,0.23h-1.4c-0.13,0-0.23-0.11-0.23-0.23 V6.74c0.01-0.13,0.11-0.22,0.23-0.22h1.4c0.13,0,0.22,0.11,0.23,0.22V7.4c0.5-0.68,1.3-1.09,2.16-1.1h0.03 c1.09,0,2.09,0.6,2.6,1.55c0.45-0.95,1.4-1.55,2.44-1.56c1.62,0,2.93,1.25,2.9,2.78l0.01,5.16C36.09,14.36,35.98,14.46,35.86,14.47 L35.86,14.47z M45.97,14.24c0,0.13-0.1,0.23-0.23,0.23h-1.4c-0.13,0-0.23-0.11-0.23-0.23V13.5c-0.7,0.76-1.69,1.18-2.72,1.18 c-2.17,0-3.94-1.87-3.94-4.19s1.77-4.19,3.94-4.19c1.03,0,2.02,0.43,2.73,1.18V6.74c0-0.13,0.1-0.23,0.23-0.23h1.4 c0.12-0.01,0.22,0.08,0.23,0.21c0,0.01,0,0.01,0,0.02v7.51h-0.01V14.24z M52.41,14.67c-1.03,0-2.02-0.43-2.73-1.18v3.97 c0,0.13-0.1,0.23-0.23,0.23h-1.4c-0.13,0-0.23-0.1-0.23-0.23V6.75c0-0.13,0.1-0.22,0.23-0.22h1.4c0.13,0,0.23,0.11,0.23,0.23v0.73 c0.71-0.76,1.7-1.18,2.73-1.18c2.17,0,3.94,1.86,3.94,4.18S54.58,14.67,52.41,14.67z M66.24,11.39c-0.39,1.87-1.96,3.29-3.84,3.29 c-1.03,0-2.02-0.43-2.73-1.18v0.73c0,0.13-0.1,0.23-0.23,0.23h-1.4c-0.13,0-0.23-0.11-0.23-0.23V3.51c0-0.13,0.1-0.23,0.23-0.23 h1.4c0.13,0,0.23,0.11,0.23,0.23v3.97c0.71-0.75,1.7-1.18,2.73-1.17c1.88,0,3.45,1.4,3.84,3.28C66.37,10.19,66.37,10.8,66.24,11.39 L66.24,11.39L66.24,11.39z M71.67,14.68c-2,0.01-3.73-1.35-4.17-3.3c-0.13-0.59-0.13-1.19,0-1.77c0.44-1.94,2.17-3.31,4.17-3.3 c2.36,0,4.26,1.87,4.26,4.19S74.03,14.68,71.67,14.68L71.67,14.68z M83.04,14.47h-1.61c-0.13,0-0.24-0.06-0.3-0.17l-1.44-2.39 l-1.44,2.39c-0.06,0.11-0.18,0.17-0.3,0.17h-1.61c-0.04,0-0.08-0.01-0.12-0.03c-0.09-0.06-0.13-0.19-0.06-0.28l0,0l2.43-3.68 L76.2,6.84c-0.02-0.03-0.03-0.07-0.03-0.12c0-0.12,0.09-0.21,0.21-0.21h1.61c0.13,0,0.24,0.06,0.3,0.17l1.41,2.36l1.41-2.36 c0.06-0.11,0.18-0.17,0.3-0.17h1.61c0.04,0,0.08,0.01,0.12,0.03c0.09,0.06,0.13,0.19,0.06,0.28l0,0l-2.38,3.64l2.43,3.67 c0.02,0.03,0.03,0.07,0.03,0.12C83.25,14.38,83.16,14.47,83.04,14.47L83.04,14.47L83.04,14.47z'/%3E %3Cpath class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' d='M10.5,1.24c-5.11,0-9.25,4.15-9.25,9.25s4.15,9.25,9.25,9.25s9.25-4.15,9.25-9.25 C19.75,5.38,15.61,1.24,10.5,1.24z M14.89,12.77c-1.93,1.93-4.78,2.31-6.7,2.31c-0.7,0-1.41-0.05-2.1-0.16c0,0-1.02-5.64,2.14-8.81 c0.83-0.83,1.95-1.28,3.13-1.28c1.27,0,2.49,0.51,3.39,1.42C16.59,8.09,16.64,11,14.89,12.77z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M10.5-0.01C4.7-0.01,0,4.7,0,10.49s4.7,10.5,10.5,10.5S21,16.29,21,10.49C20.99,4.7,16.3-0.01,10.5-0.01z M10.5,19.74c-5.11,0-9.25-4.15-9.25-9.25s4.14-9.26,9.25-9.26s9.25,4.15,9.25,9.25C19.75,15.61,15.61,19.74,10.5,19.74z'/%3E %3Cpath class='st1' style='opacity:0.35; enable-background:new;' d='M14.74,6.25C12.9,4.41,9.98,4.35,8.23,6.1c-3.16,3.17-2.14,8.81-2.14,8.81s5.64,1.02,8.81-2.14 C16.64,11,16.59,8.09,14.74,6.25z M12.47,10.34l-0.91,1.87l-0.9-1.87L8.8,9.43l1.86-0.9l0.9-1.87l0.91,1.87l1.86,0.9L12.47,10.34z'/%3E %3Cpolygon class='st0' style='opacity:0.9; fill: %23FFFFFF; enable-background: new;' points='14.33,9.43 12.47,10.34 11.56,12.21 10.66,10.34 8.8,9.43 10.66,8.53 11.56,6.66 12.47,8.53 '/%3E%3C/g%3E%3C/svg%3E"); }

a.mapboxgl-ctrl-logo.mapboxgl-compact {
  width: 21px;
  height: 21px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 21 21' style='enable-background:new 0 0 21 21;' xml:space='preserve'%3E%3Cg transform='translate(0,0.01)'%3E%3Cpath d='m 10.5,1.24 c -5.11,0 -9.25,4.15 -9.25,9.25 0,5.1 4.15,9.25 9.25,9.25 5.1,0 9.25,-4.15 9.25,-9.25 0,-5.11 -4.14,-9.25 -9.25,-9.25 z m 4.39,11.53 c -1.93,1.93 -4.78,2.31 -6.7,2.31 -0.7,0 -1.41,-0.05 -2.1,-0.16 0,0 -1.02,-5.64 2.14,-8.81 0.83,-0.83 1.95,-1.28 3.13,-1.28 1.27,0 2.49,0.51 3.39,1.42 1.84,1.84 1.89,4.75 0.14,6.52 z' style='opacity:0.9;fill:%23ffffff;enable-background:new' class='st0'/%3E%3Cpath d='M 10.5,-0.01 C 4.7,-0.01 0,4.7 0,10.49 c 0,5.79 4.7,10.5 10.5,10.5 5.8,0 10.5,-4.7 10.5,-10.5 C 20.99,4.7 16.3,-0.01 10.5,-0.01 Z m 0,19.75 c -5.11,0 -9.25,-4.15 -9.25,-9.25 0,-5.1 4.14,-9.26 9.25,-9.26 5.11,0 9.25,4.15 9.25,9.25 0,5.13 -4.14,9.26 -9.25,9.26 z' style='opacity:0.35;enable-background:new' class='st1'/%3E%3Cpath d='M 14.74,6.25 C 12.9,4.41 9.98,4.35 8.23,6.1 5.07,9.27 6.09,14.91 6.09,14.91 c 0,0 5.64,1.02 8.81,-2.14 C 16.64,11 16.59,8.09 14.74,6.25 Z m -2.27,4.09 -0.91,1.87 -0.9,-1.87 -1.86,-0.91 1.86,-0.9 0.9,-1.87 0.91,1.87 1.86,0.9 z' style='opacity:0.35;enable-background:new' class='st1'/%3E%3Cpolygon points='11.56,12.21 10.66,10.34 8.8,9.43 10.66,8.53 11.56,6.66 12.47,8.53 14.33,9.43 12.47,10.34 ' style='opacity:0.9;fill:%23ffffff;enable-background:new' class='st0'/%3E%3C/g%3E%3C/svg%3E"); }

.mapboxgl-ctrl.mapboxgl-ctrl-attrib {
  padding: 0 5px;
  background-color: rgba(255, 255, 255, 0.5);
  margin: 0; }

@media screen {
  .mapboxgl-ctrl-attrib.mapboxgl-compact {
    margin: 10px;
    position: relative;
    background-color: #fff;
    border-radius: 3px 12px 12px 3px; }

  .mapboxgl-ctrl-attrib.mapboxgl-compact:hover {
    padding: 2px 24px 2px 4px;
    visibility: visible; }

  .mapboxgl-ctrl-top-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:hover,
  .mapboxgl-ctrl-bottom-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:hover {
    padding: 2px 4px 2px 24px;
    border-radius: 12px 3px 3px 12px; }

  .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner {
    display: none; }

  .mapboxgl-ctrl-attrib.mapboxgl-compact:hover .mapboxgl-ctrl-attrib-inner {
    display: block; }

  .mapboxgl-ctrl-attrib.mapboxgl-compact::after {
    content: '';
    cursor: pointer;
    position: absolute;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill='%23333333' fill-rule='evenodd' d='M4,10a6,6 0 1,0 12,0a6,6 0 1,0 -12,0 M9,7a1,1 0 1,0 2,0a1,1 0 1,0 -2,0 M9,10a1,1 0 1,1 2,0l0,3a1,1 0 1,1 -2,0'/%3E %3C/svg%3E");
    background-color: rgba(255, 255, 255, 0.5);
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    border-radius: 12px; }

  .mapboxgl-ctrl-bottom-right > .mapboxgl-ctrl-attrib.mapboxgl-compact::after {
    bottom: 0;
    right: 0; }

  .mapboxgl-ctrl-top-right > .mapboxgl-ctrl-attrib.mapboxgl-compact::after {
    top: 0;
    right: 0; }

  .mapboxgl-ctrl-top-left > .mapboxgl-ctrl-attrib.mapboxgl-compact::after {
    top: 0;
    left: 0; }

  .mapboxgl-ctrl-bottom-left > .mapboxgl-ctrl-attrib.mapboxgl-compact::after {
    bottom: 0;
    left: 0; } }
.mapboxgl-ctrl-attrib a {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none; }

.mapboxgl-ctrl-attrib a:hover {
  color: inherit;
  text-decoration: underline; }

/* stylelint-disable-next-line selector-class-pattern */
.mapboxgl-ctrl-attrib .mapbox-improve-map {
  font-weight: bold;
  margin-left: 2px; }

.mapboxgl-attrib-empty {
  display: none; }

.mapboxgl-ctrl-scale {
  background-color: rgba(255, 255, 255, 0.75);
  font-size: 10px;
  border-width: medium 2px 2px;
  border-style: none solid solid;
  border-color: #333;
  padding: 0 5px;
  color: #333;
  box-sizing: border-box; }

.mapboxgl-popup {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-flex;
  display: flex;
  will-change: transform;
  pointer-events: none; }

.mapboxgl-popup-anchor-top,
.mapboxgl-popup-anchor-top-left,
.mapboxgl-popup-anchor-top-right {
  -webkit-flex-direction: column;
  flex-direction: column; }

.mapboxgl-popup-anchor-bottom,
.mapboxgl-popup-anchor-bottom-left,
.mapboxgl-popup-anchor-bottom-right {
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse; }

.mapboxgl-popup-anchor-left {
  -webkit-flex-direction: row;
  flex-direction: row; }

.mapboxgl-popup-anchor-right {
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse; }

.mapboxgl-popup-tip {
  width: 0;
  height: 0;
  border: 10px solid transparent;
  z-index: 1; }

.mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
  -webkit-align-self: center;
  align-self: center;
  border-top: none;
  border-bottom-color: #fff; }

.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip {
  -webkit-align-self: flex-start;
  align-self: flex-start;
  border-top: none;
  border-left: none;
  border-bottom-color: #fff; }

.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip {
  -webkit-align-self: flex-end;
  align-self: flex-end;
  border-top: none;
  border-right: none;
  border-bottom-color: #fff; }

.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
  -webkit-align-self: center;
  align-self: center;
  border-bottom: none;
  border-top-color: #fff; }

.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip {
  -webkit-align-self: flex-start;
  align-self: flex-start;
  border-bottom: none;
  border-left: none;
  border-top-color: #fff; }

.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip {
  -webkit-align-self: flex-end;
  align-self: flex-end;
  border-bottom: none;
  border-right: none;
  border-top-color: #fff; }

.mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
  -webkit-align-self: center;
  align-self: center;
  border-left: none;
  border-right-color: #fff; }

.mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
  -webkit-align-self: center;
  align-self: center;
  border-right: none;
  border-left-color: #fff; }

.mapboxgl-popup-close-button {
  position: absolute;
  right: 0;
  top: 0;
  border: 0;
  border-radius: 0 3px 0 0;
  cursor: pointer;
  background-color: transparent; }

.mapboxgl-popup-close-button:hover {
  background-color: rgba(0, 0, 0, 0.05); }

.mapboxgl-popup-content {
  position: relative;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  padding: 10px 10px 15px;
  pointer-events: auto; }

.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content {
  border-top-left-radius: 0; }

.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content {
  border-top-right-radius: 0; }

.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content {
  border-bottom-left-radius: 0; }

.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content {
  border-bottom-right-radius: 0; }

.mapboxgl-marker {
  position: absolute;
  top: 0;
  left: 0;
  will-change: transform; }

.mapboxgl-user-location-dot {
  background-color: #1da1f2;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.25); }

.mapboxgl-user-location-dot::before {
  background-color: #1da1f2;
  content: '';
  width: 15px;
  height: 15px;
  border-radius: 50%;
  position: absolute;
  -webkit-animation: mapboxgl-user-location-dot-pulse 2s infinite;
  -moz-animation: mapboxgl-user-location-dot-pulse 2s infinite;
  -ms-animation: mapboxgl-user-location-dot-pulse 2s infinite;
  animation: mapboxgl-user-location-dot-pulse 2s infinite; }

.mapboxgl-user-location-dot::after {
  border-radius: 50%;
  border: 2px solid #fff;
  content: '';
  height: 19px;
  left: -2px;
  position: absolute;
  top: -2px;
  width: 19px;
  box-sizing: border-box; }

@-webkit-keyframes mapboxgl-user-location-dot-pulse {
  0% {
    -webkit-transform: scale(1);
    opacity: 1; }
  70% {
    -webkit-transform: scale(3);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
    opacity: 0; } }
@-ms-keyframes mapboxgl-user-location-dot-pulse {
  0% {
    -ms-transform: scale(1);
    opacity: 1; }
  70% {
    -ms-transform: scale(3);
    opacity: 0; }
  100% {
    -ms-transform: scale(1);
    opacity: 0; } }
@keyframes mapboxgl-user-location-dot-pulse {
  0% {
    transform: scale(1);
    opacity: 1; }
  70% {
    transform: scale(3);
    opacity: 0; }
  100% {
    transform: scale(1);
    opacity: 0; } }
.mapboxgl-user-location-dot-stale {
  background-color: #aaa; }

.mapboxgl-user-location-dot-stale::after {
  display: none; }

.mapboxgl-crosshair,
.mapboxgl-crosshair .mapboxgl-interactive,
.mapboxgl-crosshair .mapboxgl-interactive:active {
  cursor: crosshair; }

.mapboxgl-boxzoom {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  background: #fff;
  border: 2px dotted #202020;
  opacity: 0.5; }

@media print {
  /* stylelint-disable-next-line selector-class-pattern */
  .mapbox-improve-map {
    display: none; } }
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 300;
  src: local("Nunito Light"), local("Nunito-Light"), url(../fonts/nunito300.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  src: local("Nunito Regular"), local("Nunito-Regular"), url(../fonts/nunito400.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  src: local("Nunito SemiBold"), local("Nunito-SemiBold"), url(../fonts/nunito600.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  src: local("Nunito Bold"), local("Nunito-Bold"), url(../fonts/nunito700.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face {
  font-family: 'Lobster Two';
  font-style: normal;
  font-weight: 400;
  src: local("Lobster Two"), local("LobsterTwo"), url(../fonts/lobstertwo400.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face {
  font-family: 'Lobster Two';
  font-style: normal;
  font-weight: 700;
  src: local("Lobster Two Bold"), local("LobsterTwo-Bold"), url(../fonts/lobstertwo700.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
*,
*:before,
*:after {
  box-sizing: border-box; }

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
  color: #444;
  background: #fff; }

::-moz-selection {
  color: #fff;
  background: #4c74b7;
  text-shadow: none; }

::selection {
  color: #fff;
  background: #4c74b7;
  text-shadow: none; }

hr {
  overflow: visible;
  box-sizing: content-box;
  height: 0; }

a {
  text-decoration: none;
  color: #4c74b7;
  background-color: transparent; }
  a:hover {
    text-decoration: underline;
    color: #365383; }

b,
strong {
  font-weight: bolder; }

small {
  font-size: 80%; }

sup,
sub {
  font-size: 65%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 0.5rem; }

h1 {
  font-size: 2.5rem; }

h2 {
  font-size: 2rem; }

h3 {
  font-size: 1.75rem; }

h4 {
  font-size: 1.5rem; }

h5 {
  font-size: 1.25rem; }

h6 {
  font-size: 1rem; }

p {
  margin-top: 0;
  margin-bottom: 1rem; }

ul,
ol {
  margin-top: 0;
  margin-bottom: 1rem; }

pre {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
  font-size: 1em;
  overflow: auto;
  margin-top: 0;
  margin-bottom: 1rem; }

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0; }

textarea {
  resize: vertical; }

figure {
  margin: 0 0 1rem; }

img {
  max-width: 100%;
  height: auto; }

svg {
  overflow: hidden;
  vertical-align: middle; }

html {
  overflow-y: scroll; }

body {
  font-family: Nunito, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  color: #444;
  background: #fff;
  font-size: 16px;
  font-family: Nunito, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  font-weight: 400; }
  @media screen and (min-width: 384px) {
    body {
      font-size: calc(16px + 2 * (100vw - 384px) / 816); } }
  @media screen and (min-width: 1200px) {
    body {
      font-size: 18px; } }

::-moz-selection {
  color: #fff;
  background: #ba954c; }

::selection {
  color: #fff;
  background: #ba954c; }

a {
  color: #ba954c; }
  a:hover {
    color: #567; }

.wrap-body {
  display: block;
  width: 100%;
  max-width: 1440px;
  margin-right: auto;
  margin-left: auto; }

.wrap-content {
  display: block;
  width: 100%;
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto; }

.clearfix:after {
  display: table;
  clear: both;
  content: ''; }

.header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  background: #fff;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  transition: 200ms;
  z-index: 11; }

.header-holder {
  position: relative;
  width: 100%;
  height: 108px; }
  @media (max-width: 768px) {
    .header-holder {
      height: 89px; } }

.header-inner {
  position: relative;
  padding: 10px 30px 0;
  display: block;
  width: 100%;
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto; }
  .header-inner:after {
    display: table;
    clear: both;
    content: ''; }
  @media (max-width: 992px) {
    .header-inner {
      padding-top: 0; } }

.logo {
  float: left;
  margin: 0 auto 10px;
  display: block; }
  @media (max-width: 992px) {
    .logo {
      margin-top: 10px; } }

.logo-icon {
  width: 90px;
  height: 88px; }
  @media (max-width: 768px) {
    .logo-icon {
      width: 70px;
      height: 69px; } }

.trigger {
  display: inline-block;
  float: right;
  position: relative;
  width: 50px;
  height: 50px;
  margin: 29px -10px 29px 0;
  color: #2a2a2a;
  cursor: pointer;
  transition: transform 200ms; }
  @media (min-width: 993px) {
    .trigger {
      display: none; } }
  @media (max-width: 992px) {
    .trigger {
      display: block; } }
  @media (max-width: 768px) {
    .trigger {
      margin: 19px -10px 19px 0; } }
  .trigger span {
    position: absolute;
    left: 10px;
    width: 30px;
    height: 1px;
    background: #000;
    transition: 200ms; }
    .trigger span:nth-child(1) {
      top: 15px; }
    .trigger span:nth-child(2) {
      top: 25px; }
    .trigger span:nth-child(3) {
      top: 35px; }
  .trigger.is-triggered {
    transform: rotate(180deg); }
    .trigger.is-triggered span:nth-child(1) {
      transform: rotate(45deg) translate(6px, 7px); }
    .trigger.is-triggered span:nth-child(2) {
      opacity: 0; }
    .trigger.is-triggered span:nth-child(3) {
      transform: rotate(-45deg) translate(7px, -8px); }

.trigger-icon {
  width: 32px;
  height: 32px;
  margin: 10px;
  display: block; }

.languages {
  position: absolute;
  top: 0;
  right: 15px;
  margin: 0;
  padding: 0;
  list-style: none; }
  @media (max-width: 992px) {
    .languages {
      top: 30px;
      right: 80px; } }
  @media (max-width: 768px) {
    .languages {
      top: 20px; } }
  .languages li {
    font-size: 16px;
    line-height: 20px;
    display: inline-block;
    float: left; }
  .languages a {
    padding: 15px;
    color: #ba954c;
    display: block; }
    .languages a:hover, .languages a:focus {
      text-decoration: none;
      color: #444; }

.nav {
  margin: 48px 10px 0; }
  @media (min-width: 993px) {
    .nav {
      display: block !important; } }
  @media (max-width: 992px) {
    .nav {
      margin: 0;
      position: fixed;
      top: 108px;
      right: 0;
      bottom: 0;
      left: 0;
      display: none;
      background: rgba(186, 149, 76, 0.9); } }
  @media (max-width: 768px) {
    .nav {
      top: 89px; } }

.nav-inner {
  display: block;
  width: 100%;
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto; }
  @media (max-width: 992px) {
    .nav-inner {
      height: 100%;
      padding: 75px 0;
      overflow-y: auto; } }

.nav-list {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center; }

.nav-item {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  position: relative;
  display: inline;
  font-family: Nunito, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  font-weight: 700; }
  @media (max-width: 992px) {
    .nav-item {
      line-height: 1.2;
      display: block;
      font-size: 27px;
      font-family: Nunito, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
      font-weight: 300; } }
  @media screen and (max-width: 992px) and (min-width: 384px) {
    .nav-item {
      font-size: calc(27px + 13 * (100vw - 384px) / 608); } }
  @media screen and (max-width: 992px) and (min-width: 992px) {
    .nav-item {
      font-size: 40px; } }

  .nav-item:after {
    position: absolute;
    top: 2px;
    right: 2px;
    height: 16px;
    width: 1px;
    background: #444; }
    @media (max-width: 992px) {
      .nav-item:after {
        display: none; } }
  @media (max-width: 992px) {
    .nav-item:not(:last-child) {
      border-bottom: 1px solid #444; } }
  @media (max-width: 992px) and (max-width: 992px) {
    .nav-item:not(:last-child) {
      border: none; } }

  .nav-item:not(:last-child):after {
    content: ''; }

.nav-link {
  padding: 15px 30px;
  display: inline-block;
  color: #444; }
  @media (max-width: 992px) {
    .nav-link {
      padding: 15px 30px;
      display: block;
      color: rgba(255, 255, 255, 0.8); } }
  .nav-link-active, .nav-link:hover, .nav-link:focus {
    text-decoration: none;
    color: #ba954c; }
    @media (max-width: 992px) {
      .nav-link-active, .nav-link:hover, .nav-link:focus {
        color: #fff !important; } }

.nav-submenu-trigger {
  display: none; }
  @media (max-width: 992px) {
    .nav-submenu-trigger {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      display: block;
      cursor: pointer; } }
  .nav-submenu-trigger.is-triggered {
    display: none; }

.nav-submenu {
  position: absolute;
  top: calc(100% + 15px);
  left: 0;
  margin: 0;
  padding: 10px 0 15px;
  width: 250px;
  list-style: none;
  background: #ba954c;
  visibility: hidden;
  opacity: 0;
  transform: translateY(10px);
  transition: 200ms; }
  @media (max-width: 992px) {
    .nav-submenu {
      text-align: center;
      position: relative;
      top: auto;
      left: auto;
      width: 100%;
      max-height: 0;
      padding: 0;
      overflow: hidden;
      background: rgba(0, 0, 0, 0.3);
      visibility: visible;
      opacity: 1;
      transform: translateY(0); }
      .nav-submenu .nav-subitem:first-child {
        padding-top: 20px; }
      .nav-submenu .nav-subitem:last-child {
        padding-bottom: 20px; } }
  .nav-submenu:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 30px;
    background: linear-gradient(to bottom, #9c824d 0%, #ba954c 100%);
    z-index: -1;
    content: ''; }
    @media (max-width: 992px) {
      .nav-submenu:before {
        display: none; } }

.nav-subitem {
  text-align: left;
  display: block;
  font-family: Nunito, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  font-weight: 400; }
  @media (max-width: 992px) {
    .nav-subitem {
      text-align: center;
      font-size: 18px; } }
  @media screen and (max-width: 992px) and (min-width: 384px) {
    .nav-subitem {
      font-size: calc(18px + 4 * (100vw - 384px) / 608); } }
  @media screen and (max-width: 992px) and (min-width: 992px) {
    .nav-subitem {
      font-size: 22px; } }

.nav-sublink {
  text-transform: none;
  display: block;
  padding: 6px 20px;
  color: rgba(255, 255, 255, 0.75); }
  @media (max-width: 992px) {
    .nav-sublink {
      padding: 6px 30px; } }
  .nav-sublink-active, .nav-sublink:hover, .nav-sublink:focus {
    text-decoration: none;
    color: white; }

.nav-item:hover .nav-submenu, .nav-item:focus .nav-submenu {
  visibility: visible;
  opacity: 1;
  transform: translateY(0); }
.nav-item:hover > a, .nav-item:focus > a {
  color: #ba954c; }
  @media (max-width: 992px) {
    .nav-item:hover > a, .nav-item:focus > a {
      color: #fff; } }

.slider {
  position: relative;
  width: 100%; }

.slider-slide {
  position: relative;
  height: 65vh;
  background-position: center center;
  background-size: cover; }

.slider-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  color: #fff;
  background: rgba(0, 0, 0, 0.6); }
  .slider-content a {
    color: #ffc217; }

.slider-inner {
  padding: 30px;
  display: block;
  width: 100%;
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto; }

.slider-title {
  line-height: 1;
  margin: 0;
  font-size: 30px;
  font-family: Lobster Two, Brush Script Std, Lucida Calligraphy, Lucida Handwriting, Apple Chancery, cursive;
  font-weight: 400; }
  @media screen and (min-width: 384px) {
    .slider-title {
      font-size: calc(30px + 10 * (100vw - 384px) / 816); } }
  @media screen and (min-width: 1200px) {
    .slider-title {
      font-size: 40px; } }

.slider-desc {
  line-height: 1.3;
  margin-top: 10px;
  font-size: 17px;
  font-family: Nunito, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  font-weight: 300; }
  @media screen and (min-width: 384px) {
    .slider-desc {
      font-size: calc(17px + 4 * (100vw - 384px) / 816); } }
  @media screen and (min-width: 1200px) {
    .slider-desc {
      font-size: 21px; } }
  .slider-desc * {
    margin: 0; }

.slider-arrow {
  position: absolute;
  width: 44px;
  height: 44px;
  background: rgba(255, 255, 255, 0.75);
  border-radius: 4px;
  cursor: pointer;
  transition: background 200ms; }
  .slider-arrow:hover, .slider-arrow:focus {
    background: white; }
  .slider-arrow-prev, .slider-arrow-next {
    top: 50%;
    transform: translateY(-50%); }
  .slider-arrow-prev {
    left: 0;
    border-radius: 0 4px 4px 0; }
    .slider-arrow-prev:hover .slider-icon, .slider-arrow-prev:focus .slider-icon {
      transform: translateX(-3px); }
  .slider-arrow-next {
    right: 0;
    border-radius: 4px 0 0 4px; }
    .slider-arrow-next:hover .slider-icon, .slider-arrow-next:focus .slider-icon {
      transform: translateX(3px); }

.slider-icon {
  width: 24px;
  height: 24px;
  margin: 10px;
  display: block;
  transition: transform 200ms; }

#home-slider .slider-slide {
  height: 80vh; }

#apartments-slider {
  padding: 25px; }
  #apartments-slider .slider-slide {
    height: 60vh;
    margin: 5px;
    display: block; }
  #apartments-slider .slider-content {
    text-align: center; }
  #apartments-slider .slider-arrow-prev {
    left: 30px; }
  #apartments-slider .slider-arrow-next {
    right: 30px; }

#gallery-slider {
  transition: height 400ms; }
  #gallery-slider .slider-slide {
    height: auto; }
  #gallery-slider .slider-arrow {
    top: 0;
    bottom: 0;
    border-radius: 0;
    transform: translate(0);
    height: auto; }
  #gallery-slider .slider-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }

#frontmap {
  width: 100%;
  height: 500px;
  background: #f6f6f6;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc; }

.article-marker {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEuNCIgY2xpcC1ydWxlPSJldmVub2RkIiB2aWV3Qm94PSIwIDAgMjggNDAiPjxwYXRoIGZpbGw9IiNiYTk1NGMiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE0IDBBMTQgMTQgMCAwIDAgMCAxNGMwIDEwLjMgMTQgMjYgMTQgMjZzMTMuOC0xNS43IDEzLjgtMjZBMTQgMTQgMCAwIDAgMTQgMHptMCA4LjNjMyAwIDUuNCAyLjQgNS40IDUuNCAwIDMtMi40IDUuNC01LjQgNS40LTMgMC01LjQtMi40LTUuNC01LjQgMC0zIDIuNC01LjQgNS40LTUuNHoiLz48L3N2Zz4=);
  background-size: cover;
  width: 28px;
  height: 40px;
  cursor: pointer; }
  .article-marker-title {
    font-size: 14px;
    font-weight: 600;
    margin: 0; }

.mapboxgl-popup-content {
  text-align: center;
  padding: 20px 20px 15px;
  font-family: Nunito, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  font-weight: 700; }

.apartments-inner {
  padding-top: 60px; }

.apartments-header {
  padding: 0 30px 30px;
  display: block;
  width: 100%;
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto; }

.apartments-title {
  text-align: center;
  font-size: 50px;
  font-family: Nunito, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  font-weight: 300; }
  @media screen and (min-width: 384px) {
    .apartments-title {
      font-size: calc(50px + 10 * (100vw - 384px) / 816); } }
  @media screen and (min-width: 1200px) {
    .apartments-title {
      font-size: 60px; } }

.apartments-subtitle {
  font-size: 19px;
  font-style: italic;
  text-align: center;
  display: block;
  font-family: Nunito, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  font-weight: 300; }

.apartments-slider {
  margin: 0 20px; }
  .apartments-slider .slider-slide {
    margin: 20px;
    background: #eee; }

.blocks-row {
  display: flex;
  flex-flow: row wrap; }
  .blocks-row:nth-child(2n) .blocks-image {
    order: 2; }
    @media (max-width: 992px) {
      .blocks-row:nth-child(2n) .blocks-image {
        order: 0; } }

.blocks-image {
  flex: 0 0 50%;
  background-color: #f6f6f6;
  background-position: center center;
  background-size: cover; }
  @media (max-width: 992px) {
    .blocks-image {
      flex-basis: 40%; } }
  @media (max-width: 768px) {
    .blocks-image {
      height: 300px;
      flex-basis: 100%; } }

.blocks-content {
  text-align: center;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  flex: 0 0 50%;
  padding: 50px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  padding-right: 30px;
  padding-left: 30px;
  min-height: 300px; }
  @media screen and (min-width: 992px) {
    .blocks-content {
      padding-right: calc(30px + 90 * (100vw - 992px) / 208);
      padding-left: calc(30px + 90 * (100vw - 992px) / 208); } }
  @media screen and (min-width: 1200px) {
    .blocks-content {
      padding-right: 120px;
      padding-left: 120px; } }
  @media screen and (min-width: 992px) {
    .blocks-content {
      min-height: calc(300px + 300 * (100vw - 992px) / 208); } }
  @media screen and (min-width: 1200px) {
    .blocks-content {
      min-height: 600px; } }
  @media (max-width: 992px) {
    .blocks-content {
      flex-basis: 60%; } }
  @media (max-width: 768px) {
    .blocks-content {
      flex-basis: 100%;
      min-height: initial; } }

.blocks-title {
  line-height: 1;
  font-size: 40px;
  font-family: Lobster Two, Brush Script Std, Lucida Calligraphy, Lucida Handwriting, Apple Chancery, cursive;
  font-weight: 700; }
  @media screen and (min-width: 992px) {
    .blocks-title {
      font-size: calc(40px + 20 * (100vw - 992px) / 208); } }
  @media screen and (min-width: 1200px) {
    .blocks-title {
      font-size: 60px; } }

.blocks-subtitle {
  line-height: 1.4;
  margin-top: 20px;
  display: block;
  font-size: 18px;
  font-family: Nunito, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  font-weight: 300; }
  @media screen and (min-width: 576px) {
    .blocks-subtitle {
      font-size: calc(18px + 3 * (100vw - 576px) / 624); } }
  @media screen and (min-width: 1200px) {
    .blocks-subtitle {
      font-size: 21px; } }

.blocks-link {
  text-transform: uppercase;
  font-size: 14px;
  margin-top: 20px;
  padding: 10px 20px;
  color: #444;
  border: 2px solid #444;
  display: inline-block;
  font-family: Nunito, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  font-weight: 700; }
  .blocks-link:hover, .blocks-link:focus {
    text-decoration: none;
    color: #fff;
    background: #ba954c;
    border-color: #ba954c; }

.quote {
  position: relative;
  background: #f6f6f6;
  background-position: center center;
  background-size: cover; }
  .quote:hover .quote-overlay,
  .quote:hover .quote-title, .quote:focus .quote-overlay,
  .quote:focus .quote-title {
    opacity: 0; }

.quote-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(186, 149, 76, 0.5);
  transition: opacity 800ms; }

.quote-inner {
  position: relative;
  padding: 30px;
  padding-top: 100px;
  padding-bottom: 100px;
  display: block;
  width: 100%;
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto;
  max-width: 900px; }
  @media screen and (min-width: 384px) {
    .quote-inner {
      padding-top: calc(100px + 100 * (100vw - 384px) / 816);
      padding-bottom: calc(100px + 100 * (100vw - 384px) / 816); } }
  @media screen and (min-width: 1200px) {
    .quote-inner {
      padding-top: 200px;
      padding-bottom: 200px; } }

.quote-title {
  line-height: 1.2;
  text-align: center;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);
  color: #fff;
  display: block;
  transition: opacity 800ms;
  font-size: 40px;
  font-family: Lobster Two, Brush Script Std, Lucida Calligraphy, Lucida Handwriting, Apple Chancery, cursive;
  font-weight: 400; }
  @media screen and (min-width: 384px) {
    .quote-title {
      font-size: calc(40px + 20 * (100vw - 384px) / 816); } }
  @media screen and (min-width: 1200px) {
    .quote-title {
      font-size: 60px; } }

.main-inner {
  padding: 50px 30px 40px;
  display: block;
  width: 100%;
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto; }

.main-header {
  text-align: center;
  position: relative;
  background-position: center center;
  background-size: cover; }
  .main-header.has-cover {
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);
    color: #fff;
    min-height: 30vh;
    display: flex;
    align-items: center; }
    .main-header.has-cover:before {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: rgba(186, 149, 76, 0.5);
      content: ''; }

.main-header-inner {
  position: relative;
  padding: 50px 30px;
  display: block;
  width: 100%;
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto; }

.main-header-title {
  margin: 0;
  font-size: 46px;
  font-family: Lobster Two, Brush Script Std, Lucida Calligraphy, Lucida Handwriting, Apple Chancery, cursive;
  font-weight: 400; }
  @media screen and (min-width: 576px) {
    .main-header-title {
      font-size: calc(46px + 14 * (100vw - 576px) / 624); } }
  @media screen and (min-width: 1200px) {
    .main-header-title {
      font-size: 60px; } }

.main-header-intro {
  line-height: 1.25;
  margin-top: 10px;
  font-size: 18px; }
  @media screen and (min-width: 576px) {
    .main-header-intro {
      font-size: calc(18px + 4 * (100vw - 576px) / 624); } }
  @media screen and (min-width: 1200px) {
    .main-header-intro {
      font-size: 22px; } }
  .main-header-intro * {
    margin: 0; }

.gallery {
  padding: 0 30px 50px;
  display: block;
  width: 100%;
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto; }

.gallery-masonry {
  margin: 0 -5px;
  padding: 0; }
  .gallery-masonry-figure {
    margin: 0 0 10px; }
  .gallery-masonry-link {
    display: block; }
  .gallery-masonry-thumb {
    width: 100%;
    height: auto;
    display: block; }

.video-inner {
  padding: 0 30px 50px;
  display: block;
  width: 100%;
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto; }

.video-element {
  position: relative;
  background: #eee; }

.video-poster {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: center center;
  background-size: cover;
  cursor: pointer;
  z-index: 8; }

.video-trigger {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  transform: translate(-50%, -50%);
  color: #fff;
  background: rgba(186, 149, 76, 0.75);
  border-radius: 50%;
  z-index: 99;
  pointer-events: none; }

.video-icon {
  width: 40px;
  height: 40px;
  margin: 30px; }

.video-container {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  height: 0;
  padding-bottom: 56.25%; }
  .video-container iframe,
  .video-container object,
  .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.features-inner {
  padding: 0 20px 40px;
  display: block;
  width: 100%;
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto; }
.features-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-flow: row wrap; }
.features-item {
  padding: 0 10px 10px;
  max-width: 25%;
  display: flex;
  align-items: center;
  flex: 0 0 25%; }
  @media (max-width: 992px) {
    .features-item {
      max-width: 33.33334%;
      flex-basis: 33.33334%; } }
  @media (max-width: 768px) {
    .features-item {
      max-width: 50%;
      flex-basis: 50%; } }
  .features-item svg {
    width: 60px;
    height: 60px;
    margin-right: 10px;
    color: #bbb;
    flex: 0 0 50px; }
  .features-item span {
    font-size: 16px;
    line-height: 1.2; }

.faq-inner {
  padding: 0 30px 50px;
  display: block;
  width: 100%;
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto; }
.faq-list {
  padding: 30px;
  background: rgba(186, 149, 76, 0.1);
  border: 2px solid #ba954c; }
.faq-item:not(:last-child) {
  border-bottom: 1px solid #ccc; }
.faq-question {
  font-size: 18px;
  padding: 15px;
  cursor: pointer;
  font-size: 18px; }
  @media screen and (min-width: 576px) {
    .faq-question {
      font-size: calc(18px + 4 * (100vw - 576px) / 624); } }
  @media screen and (min-width: 1200px) {
    .faq-question {
      font-size: 22px; } }
  .faq-question.is-clicked {
    color: #fff;
    background: #ba954c; }
.faq-answer {
  font-weight: 300;
  overflow: hidden;
  max-height: 0;
  transition: max-height 200ms; }
  .faq-answer-content {
    overflow: hidden;
    padding: 15px 15px 0;
    color: #444;
    background: rgba(186, 149, 76, 0.25); }

.prices-inner {
  text-align: center;
  padding: 0 30px 50px;
  display: block;
  width: 100%;
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto; }

.prices-button {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  cursor: pointer; }

.prices-value {
  display: inline-block;
  color: #fff;
  background: #ba954c;
  line-height: 1;
  padding: 20px 30px;
  font-size: 30px; }
  @media screen and (min-width: 576px) {
    .prices-value {
      font-size: calc(30px + 10 * (100vw - 576px) / 624); } }
  @media screen and (min-width: 1200px) {
    .prices-value {
      font-size: 40px; } }
  .prices-value span {
    font-size: 17px;
    color: rgba(255, 255, 255, 0.75);
    padding-top: 5px;
    display: block; }

.prices-apply {
  font-size: 20px;
  line-height: 1.2;
  width: 100px;
  padding: 10px;
  color: #fff;
  background: #2889a0;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center; }

.prices-button:hover .prices-value, .prices-button:focus .prices-value {
  background: #2889a0; }
.prices-button:hover .prices-apply, .prices-button:focus .prices-apply {
  background: #ba954c; }

.enquiry-inner {
  padding: 0 30px 50px;
  display: block;
  width: 100%;
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto; }

.form {
  padding: 30px 30px 15px;
  background: #f6f6f6;
  border: 2px solid #ba954c; }

.form-info-inner {
  padding: 50px 30px 0;
  display: block;
  width: 100%;
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto; }

.form-success,
.form-error {
  text-align: center;
  color: #fff;
  font-size: 16px;
  padding: 15px; }
  @media screen and (min-width: 384px) {
    .form-success,
    .form-error {
      font-size: calc(16px + 6 * (100vw - 384px) / 816); } }
  @media screen and (min-width: 1200px) {
    .form-success,
    .form-error {
      font-size: 22px; } }
  @media screen and (min-width: 384px) {
    .form-success,
    .form-error {
      padding: calc(15px + 15 * (100vw - 384px) / 816); } }
  @media screen and (min-width: 1200px) {
    .form-success,
    .form-error {
      padding: 30px; } }

.form-success {
  background: green; }

.form-error {
  background: red;
  cursor: pointer; }

.form-row {
  margin: 0 -15px;
  display: flex;
  flex-flow: row wrap; }

.form-field {
  margin-bottom: 30px;
  padding: 0 15px;
  max-width: 50%;
  display: flex;
  flex-flow: column nowrap;
  flex: 0 0 50%; }
  @media (max-width: 576px) {
    .form-field {
      max-width: 100%;
      flex-basis: 100%; } }

.form-label {
  font-size: 14px;
  color: #666; }

.form-input {
  font-size: 18px;
  line-height: 20px;
  padding: 15px 15px;
  border: 1px solid #ccc; }

.form-submit {
  font-size: 18px;
  line-height: 20px;
  margin-top: 21px;
  padding: 15px;
  color: #fff;
  background: #16a723;
  border: none;
  cursor: pointer; }
  .form-submit:hover, .form-submit:focus {
    background: #11791b; }

.uniform__potty {
  position: absolute;
  left: -9999px; }

.error {
  background: rgba(255, 0, 0, 0.1); }
  .error .field-text {
    color: #fff; }
  .error .field-input {
    color: #fff; }
    .error .field-input::-webkit-input-placeholder {
      color: #fff; }
    .error .field-input::-moz-placeholder {
      color: #fff; }
    .error .field-input:-ms-input-placeholder {
      color: #fff; }
    .error .field-input:-moz-placeholder {
      color: #fff; }

.footer {
  color: #868e96;
  background: #333; }

.footer-inner {
  padding: 50px 30px 0;
  display: block;
  width: 100%;
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto; }

.footer-columns {
  margin: 0 -15px;
  display: flex;
  flex-flow: row wrap; }

.footer-column {
  padding: 0 15px 30px; }
  .footer-column:nth-child(1) {
    max-width: 50%;
    flex: 0 0 50%; }
    @media (max-width: 992px) {
      .footer-column:nth-child(1) {
        max-width: 100%;
        flex-basis: 100%; } }
  .footer-column:nth-child(2), .footer-column:nth-child(3) {
    max-width: 25%;
    flex: 0 0 25%; }
    @media (max-width: 992px) {
      .footer-column:nth-child(2), .footer-column:nth-child(3) {
        max-width: 50%;
        flex-basis: 50%; } }
    @media (max-width: 576px) {
      .footer-column:nth-child(2), .footer-column:nth-child(3) {
        max-width: 100%;
        flex-basis: 100%; } }

.footer-title {
  font-size: 16px;
  text-transform: uppercase;
  padding-bottom: 10px;
  color: #fff;
  font-family: Nunito, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  font-weight: 700; }

.socials {
  margin: 0 -5px;
  display: flex;
  flex-flow: row wrap; }

.socials-item {
  display: flex;
  margin: 0 5px 10px;
  color: #fff;
  border-radius: 3px;
  flex-flow: row nowrap;
  flex: 1 1 auto; }
  @media (max-width: 384px) {
    .socials-item {
      flex-basis: 100%; } }
  .socials-item:hover, .socials-item:focus {
    text-decoration: none;
    color: #fff; }
    .socials-item:hover .socials-icon, .socials-item:focus .socials-icon {
      color: white; }
  .socials-item-facebook {
    background: #3b5998; }
  .socials-item-instagram {
    background: #8a3ab9; }
  .socials-item-twitter {
    background: #38a1f3; }
  .socials-item-tripadvisor {
    background: #00af87; }
  .socials-item-booking {
    background: #003580; }
  .socials-item-expedia {
    background: #d2a800; }

.socials-icon {
  display: block;
  width: 36px;
  height: 36px;
  color: rgba(255, 255, 255, 0.75); }

.socials-title {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding: 8px 10px; }

.copyright {
  text-align: center;
  padding: 25px 30px;
  color: #868e96;
  background: #282828; }
  .copyright a {
    color: #fff; }

#cookie-notice {
  position: fixed;
  z-index: 998;
  right: 0;
  bottom: 0;
  display: none;
  width: 100%;
  max-width: 400px;
  padding: 15px 20px;
  color: #ddd;
  background: rgba(0, 0, 0, 0.7); }

#cookie-text {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5; }

#cookie-button {
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  float: right;
  margin-top: 10px;
  padding: 8px 16px;
  cursor: pointer;
  color: #fff;
  border: none;
  background: #ba954c; }
  #cookie-button:hover, #cookie-button:focus {
    background: rgba(186, 149, 76, 0.8); }

/*# sourceMappingURL=styles.css.map */
