@charset "UTF-8";
/* ==================================================
   MAISON APARTAMENTOS TOLEDO - CSS UNIFICADO
   ================================================== */

@import url("https://fonts.googleapis.com/css2?family=Mulish:wght@300;400;500;600;700&display=swap");

/* ------------------------------------------------*/
/* Loader Styles Start */
/* ------------------------------------------------*/
.loader {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  background-color: #ffffff;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.loader.loaded {
  opacity: 0;
  visibility: hidden;
}

.loader__content {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
     -moz-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}

.loader__logo {
  width: 160px;
}
.loader__logo img {
  display: block;
  width: 100%;
  height: auto;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-moz-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation: fadeIn 0.6s 1;
     -moz-animation: fadeIn 0.6s 1;
          animation: fadeIn 0.6s 1;
  -webkit-animation-fill-mode: both;
     -moz-animation-fill-mode: both;
          animation-fill-mode: both;
}

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

@-moz-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation: fadeOut 0.6s 1;
     -moz-animation: fadeOut 0.6s 1;
          animation: fadeOut 0.6s 1;
  -webkit-animation-fill-mode: both;
     -moz-animation-fill-mode: both;
          animation-fill-mode: both;
}

/* ------------------------------------------------*/
/* Loader Styles End */
/* ------------------------------------------------*/

/* Reset CSS Start */
/* ------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after {
  content: "";
  content: none;
}

q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* ------------------------------------------------*/
/* Reset CSS End */

/* ------------------------------------------------*/
/* Bootstrap Grid (minimal) Start */
/* ------------------------------------------------*/
:root {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
}

.container-fluid {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.row > * {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.g-0, .gx-0 {
  --bs-gutter-x: 0;
}
.g-0, .gy-0 {
  --bs-gutter-y: 0;
}

.gx-5 {
  --bs-gutter-x: 3rem;
}

.p-0 {
  padding: 0 !important;
}
.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}

.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 1px;
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 0.5rem 1rem;
  color: #212529;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

@media (min-width: 576px) {
  .col-sm-6 { flex: 0 0 auto; width: 50%; }
}
@media (min-width: 768px) {
  .col-md-3 { flex: 0 0 auto; width: 25%; }
  .col-md-4 { flex: 0 0 auto; width: 33.333333%; }
  .col-md-6 { flex: 0 0 auto; width: 50%; }
}
@media (min-width: 1200px) {
  .col-xl-6 { flex: 0 0 auto; width: 50%; }
  .flex-xl-row-reverse { flex-direction: row-reverse !important; }
}
/* ------------------------------------------------*/
/* Bootstrap Grid (minimal) End */
/* ------------------------------------------------*/

/* ------------------------------------------------*/
/* FontAwesome Icons (minimal) Start */
/* ------------------------------------------------*/
.fas {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../fonts/Fontawesome/fa-solid-900.eot");
  src: url("../fonts/Fontawesome/fa-solid-900.eot?#iefix") format("embedded-opentype"),
       url("../fonts/Fontawesome/fa-solid-900.woff2") format("woff2"),
       url("../fonts/Fontawesome/fa-solid-900.woff") format("woff"),
       url("../fonts/Fontawesome/fa-solid-900.ttf") format("truetype"),
       url("../fonts/Fontawesome/fa-solid-900.svg#fontawesome") format("svg");
}
.fa-plus:before { content: "\f067"; }
.fa-minus:before { content: "\f068"; }
/* ------------------------------------------------*/
/* FontAwesome Icons (minimal) End */
/* ------------------------------------------------*/

/* ------------------------------------------------*/
/* Vegas Plugin Start */
/* ------------------------------------------------*/
.vegas-overlay,
.vegas-content-scrollable,
.vegas-timer,
.vegas-slide,
.vegas-slide-inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  border: none;
  padding: 0;
  margin: 0;
}

.vegas-content-scrollable {
  position: relative;
  height: 100%;
  overflow: auto;
}

.vegas-overlay {
  opacity: 0.5;
  background: transparent url("./overlays/02.png") center center repeat;
}

.vegas-timer {
  top: auto;
  bottom: 0;
  height: 2px;
}

.vegas-timer-progress {
  width: 0%;
  height: 100%;
  background: white;
  -webkit-transition: width ease-out;
  -o-transition: width ease-out;
  -moz-transition: width ease-out;
  transition: width ease-out;
}

.vegas-timer-running .vegas-timer-progress {
  width: 100%;
}

.vegas-slide,
.vegas-slide-inner {
  margin: 0;
  padding: 0;
  background: transparent center center no-repeat;
  -webkit-transform: translateZ(0);
     -moz-transform: translateZ(0);
          transform: translateZ(0);
  will-change: transform, opacity;
}

body .vegas-container {
  overflow: hidden !important;
  position: relative;
}

.vegas-video {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
}

body.vegas-container {
  overflow: auto;
  position: static;
  z-index: -2;
}

body.vegas-container > .vegas-timer,
body.vegas-container > .vegas-overlay,
body.vegas-container > .vegas-slide {
  position: fixed;
  z-index: -1;
}

/* Target Safari IOS7+ in order to add 76px */
/*******************************************/
/* blur transition */
/*******************************************/
.vegas-transition-blur,
.vegas-transition-blur2 {
  opacity: 0;
  -webkit-filter: blur(32px) brightness(1.01);
          filter: blur(32px) brightness(1.01);
}

.vegas-transition-blur-in,
.vegas-transition-blur2-in {
  opacity: 1;
  -webkit-filter: blur(0px) brightness(1.01);
          filter: blur(0px) brightness(1.01);
}

.vegas-transition-blur2-out {
  opacity: 0;
}

/*******************************************/
/* burn transition */
/*******************************************/
.vegas-transition-burn,
.vegas-transition-burn2 {
  opacity: 0;
  -webkit-filter: contrast(1000%) saturate(1000%);
          filter: contrast(1000%) saturate(1000%);
}

.vegas-transition-burn-in,
.vegas-transition-burn2-in {
  opacity: 1;
  -webkit-filter: contrast(100%) saturate(100%);
          filter: contrast(100%) saturate(100%);
}

.vegas-transition-burn2-out {
  opacity: 0;
  -webkit-filter: contrast(1000%) saturate(1000%);
          filter: contrast(1000%) saturate(1000%);
}

/*******************************************/
/* fade transition */
/*******************************************/
.vegas-transition-fade,
.vegas-transition-fade2 {
  opacity: 0;
}

.vegas-transition-fade-in,
.vegas-transition-fade2-in {
  opacity: 1;
}

.vegas-transition-fade2-out {
  opacity: 0;
}

/*******************************************/
/* flash transition */
/*******************************************/
.vegas-transition-flash,
.vegas-transition-flash2 {
  opacity: 0;
  -webkit-filter: brightness(25);
          filter: brightness(25);
}

.vegas-transition-flash-in,
.vegas-transition-flash2-in {
  opacity: 1;
  -webkit-filter: brightness(1);
          filter: brightness(1);
}

.vegas-transition-flash2-out {
  opacity: 0;
  -webkit-filter: brightness(25);
          filter: brightness(25);
}

/*******************************************/
/* negative transition */
/*******************************************/
.vegas-transition-negative,
.vegas-transition-negative2 {
  opacity: 0;
  -webkit-filter: invert(100%);
          filter: invert(100%);
}

.vegas-transition-negative-in,
.vegas-transition-negative2-in {
  opacity: 1;
  -webkit-filter: invert(0);
          filter: invert(0);
}

.vegas-transition-negative2-out {
  opacity: 0;
  -webkit-filter: invert(100%);
          filter: invert(100%);
}

/*******************************************/
/* slideDown transition */
/*******************************************/
.vegas-transition-slideDown,
.vegas-transition-slideDown2 {
  -webkit-transform: translateY(-100%);
     -moz-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}

.vegas-transition-slideDown-in,
.vegas-transition-slideDown2-in {
  -webkit-transform: translateY(0%);
     -moz-transform: translateY(0%);
      -ms-transform: translateY(0%);
          transform: translateY(0%);
}

.vegas-transition-slideDown2-out {
  -webkit-transform: translateY(100%);
     -moz-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
}

/*******************************************/
/* slideLeft transition */
/*******************************************/
.vegas-transition-slideLeft,
.vegas-transition-slideLeft2 {
  -webkit-transform: translateX(100%);
     -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}

.vegas-transition-slideLeft-in,
.vegas-transition-slideLeft2-in {
  -webkit-transform: translateX(0%);
     -moz-transform: translateX(0%);
      -ms-transform: translateX(0%);
          transform: translateX(0%);
}

.vegas-transition-slideLeft2-out {
  -webkit-transform: translateX(-100%);
     -moz-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}

/*******************************************/
/* slideRight transition */
/*******************************************/
.vegas-transition-slideRight,
.vegas-transition-slideRight2 {
  -webkit-transform: translateX(-100%);
     -moz-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}

.vegas-transition-slideRight-in,
.vegas-transition-slideRight2-in {
  -webkit-transform: translateX(0%);
     -moz-transform: translateX(0%);
      -ms-transform: translateX(0%);
          transform: translateX(0%);
}

.vegas-transition-slideRight2-out {
  -webkit-transform: translateX(100%);
     -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}

/*******************************************/
/* slideUp transition */
/*******************************************/
.vegas-transition-slideUp,
.vegas-transition-slideUp2 {
  -webkit-transform: translateY(100%);
     -moz-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
}

.vegas-transition-slideUp-in,
.vegas-transition-slideUp2-in {
  -webkit-transform: translateY(0%);
     -moz-transform: translateY(0%);
      -ms-transform: translateY(0%);
          transform: translateY(0%);
}

.vegas-transition-slideUp2-out {
  -webkit-transform: translateY(-100%);
     -moz-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}

/*******************************************/
/* swirlLeft transition */
/*******************************************/
.vegas-transition-swirlLeft,
.vegas-transition-swirlLeft2 {
  -webkit-transform: scale(2) rotate(35deg);
     -moz-transform: scale(2) rotate(35deg);
      -ms-transform: scale(2) rotate(35deg);
          transform: scale(2) rotate(35deg);
  opacity: 0;
}

.vegas-transition-swirlLeft-in,
.vegas-transition-swirlLeft2-in {
  -webkit-transform: scale(1) rotate(0deg);
     -moz-transform: scale(1) rotate(0deg);
      -ms-transform: scale(1) rotate(0deg);
          transform: scale(1) rotate(0deg);
  opacity: 1;
}

.vegas-transition-swirlLeft2-out {
  -webkit-transform: scale(2) rotate(-35deg);
     -moz-transform: scale(2) rotate(-35deg);
      -ms-transform: scale(2) rotate(-35deg);
          transform: scale(2) rotate(-35deg);
  opacity: 0;
}

/*******************************************/
/* swirlRight transition */
/*******************************************/
.vegas-transition-swirlRight,
.vegas-transition-swirlRight2 {
  -webkit-transform: scale(2) rotate(-35deg);
     -moz-transform: scale(2) rotate(-35deg);
      -ms-transform: scale(2) rotate(-35deg);
          transform: scale(2) rotate(-35deg);
  opacity: 0;
}

.vegas-transition-swirlRight-in,
.vegas-transition-swirlRight2-in {
  -webkit-transform: scale(1) rotate(0deg);
     -moz-transform: scale(1) rotate(0deg);
      -ms-transform: scale(1) rotate(0deg);
          transform: scale(1) rotate(0deg);
  opacity: 1;
}

.vegas-transition-swirlRight2-out {
  -webkit-transform: scale(2) rotate(35deg);
     -moz-transform: scale(2) rotate(35deg);
      -ms-transform: scale(2) rotate(35deg);
          transform: scale(2) rotate(35deg);
  opacity: 0;
}

/*******************************************/
/* zoomIn transition */
/*******************************************/
.vegas-transition-zoomIn,
.vegas-transition-zoomIn2 {
  -webkit-transform: scale(0);
     -moz-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  opacity: 0;
}

.vegas-transition-zoomIn-in,
.vegas-transition-zoomIn2-in {
  -webkit-transform: scale(1);
     -moz-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}

.vegas-transition-zoomIn2-out {
  -webkit-transform: scale(2);
     -moz-transform: scale(2);
      -ms-transform: scale(2);
          transform: scale(2);
  opacity: 0;
}

/*******************************************/
/* zoomOut transition */
/*******************************************/
.vegas-transition-zoomOut,
.vegas-transition-zoomOut2 {
  -webkit-transform: scale(2);
     -moz-transform: scale(2);
      -ms-transform: scale(2);
          transform: scale(2);
  opacity: 0;
}

.vegas-transition-zoomOut-in,
.vegas-transition-zoomOut2-in {
  -webkit-transform: scale(1);
     -moz-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}

.vegas-transition-zoomOut2-out {
  -webkit-transform: scale(0);
     -moz-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  opacity: 0;
}

/*******************************************/
/* kenburns animation */
/*******************************************/
.vegas-animation-kenburns {
  -webkit-animation: kenburns ease-out;
  -moz-animation: kenburns ease-out;
       animation: kenburns ease-out;
}

@-webkit-keyframes kenburns {
  0% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-moz-keyframes kenburns {
  0% {
    -moz-transform: scale(1.5);
         transform: scale(1.5);
  }
  100% {
    -moz-transform: scale(1);
         transform: scale(1);
  }
}
@keyframes kenburns {
  0% {
    -webkit-transform: scale(1.5);
       -moz-transform: scale(1.5);
            transform: scale(1.5);
  }
  100% {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
            transform: scale(1);
  }
}
/*******************************************/
/* kenburnsDownLeft animation */
/*******************************************/
.vegas-animation-kenburnsDownLeft {
  -webkit-animation: kenburnsDownLeft ease-out;
  -moz-animation: kenburnsDownLeft ease-out;
       animation: kenburnsDownLeft ease-out;
}

@-webkit-keyframes kenburnsDownLeft {
  0% {
    -webkit-transform: scale(1.5) translate(10%, -10%);
            transform: scale(1.5) translate(10%, -10%);
  }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
  }
}
@-moz-keyframes kenburnsDownLeft {
  0% {
    -moz-transform: scale(1.5) translate(10%, -10%);
         transform: scale(1.5) translate(10%, -10%);
  }
  100% {
    -moz-transform: scale(1) translate(0, 0);
         transform: scale(1) translate(0, 0);
  }
}
@keyframes kenburnsDownLeft {
  0% {
    -webkit-transform: scale(1.5) translate(10%, -10%);
       -moz-transform: scale(1.5) translate(10%, -10%);
            transform: scale(1.5) translate(10%, -10%);
  }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
       -moz-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
  }
}
/*******************************************/
/* kenburnsDownRight animation */
/*******************************************/
.vegas-animation-kenburnsDownRight {
  -webkit-animation: kenburnsDownRight ease-out;
  -moz-animation: kenburnsDownRight ease-out;
       animation: kenburnsDownRight ease-out;
}

@-webkit-keyframes kenburnsDownRight {
  0% {
    -webkit-transform: scale(1.5) translate(-10%, -10%);
            transform: scale(1.5) translate(-10%, -10%);
  }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
  }
}
@-moz-keyframes kenburnsDownRight {
  0% {
    -moz-transform: scale(1.5) translate(-10%, -10%);
         transform: scale(1.5) translate(-10%, -10%);
  }
  100% {
    -moz-transform: scale(1) translate(0, 0);
         transform: scale(1) translate(0, 0);
  }
}
@keyframes kenburnsDownRight {
  0% {
    -webkit-transform: scale(1.5) translate(-10%, -10%);
       -moz-transform: scale(1.5) translate(-10%, -10%);
            transform: scale(1.5) translate(-10%, -10%);
  }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
       -moz-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
  }
}
/*******************************************/
/* kenburnsDown animation */
/*******************************************/
.vegas-animation-kenburnsDown {
  -webkit-animation: kenburnsDown ease-out;
  -moz-animation: kenburnsDown ease-out;
       animation: kenburnsDown ease-out;
}

@-webkit-keyframes kenburnsDown {
  0% {
    -webkit-transform: scale(1.5) translate(0, -10%);
            transform: scale(1.5) translate(0, -10%);
  }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
  }
}
@-moz-keyframes kenburnsDown {
  0% {
    -moz-transform: scale(1.5) translate(0, -10%);
         transform: scale(1.5) translate(0, -10%);
  }
  100% {
    -moz-transform: scale(1) translate(0, 0);
         transform: scale(1) translate(0, 0);
  }
}
@keyframes kenburnsDown {
  0% {
    -webkit-transform: scale(1.5) translate(0, -10%);
       -moz-transform: scale(1.5) translate(0, -10%);
            transform: scale(1.5) translate(0, -10%);
  }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
       -moz-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
  }
}
/*******************************************/
/* kenburnsLeft animation */
/*******************************************/
.vegas-animation-kenburnsLeft {
  -webkit-animation: kenburnsLeft ease-out;
  -moz-animation: kenburnsLeft ease-out;
       animation: kenburnsLeft ease-out;
}

@-webkit-keyframes kenburnsLeft {
  0% {
    -webkit-transform: scale(1.5) translate(10%, 0);
            transform: scale(1.5) translate(10%, 0);
  }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
  }
}
@-moz-keyframes kenburnsLeft {
  0% {
    -moz-transform: scale(1.5) translate(10%, 0);
         transform: scale(1.5) translate(10%, 0);
  }
  100% {
    -moz-transform: scale(1) translate(0, 0);
         transform: scale(1) translate(0, 0);
  }
}
@keyframes kenburnsLeft {
  0% {
    -webkit-transform: scale(1.5) translate(10%, 0);
       -moz-transform: scale(1.5) translate(10%, 0);
            transform: scale(1.5) translate(10%, 0);
  }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
       -moz-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
  }
}
/*******************************************/
/* kenburnsRight animation */
/*******************************************/
.vegas-animation-kenburnsRight {
  -webkit-animation: kenburnsRight ease-out;
  -moz-animation: kenburnsRight ease-out;
       animation: kenburnsRight ease-out;
}

@-webkit-keyframes kenburnsRight {
  0% {
    -webkit-transform: scale(1.5) translate(-10%, 0);
            transform: scale(1.5) translate(-10%, 0);
  }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
  }
}
@-moz-keyframes kenburnsRight {
  0% {
    -moz-transform: scale(1.5) translate(-10%, 0);
         transform: scale(1.5) translate(-10%, 0);
  }
  100% {
    -moz-transform: scale(1) translate(0, 0);
         transform: scale(1) translate(0, 0);
  }
}
@keyframes kenburnsRight {
  0% {
    -webkit-transform: scale(1.5) translate(-10%, 0);
       -moz-transform: scale(1.5) translate(-10%, 0);
            transform: scale(1.5) translate(-10%, 0);
  }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
       -moz-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
  }
}
/*******************************************/
/* kenburnsUpLeft animation */
/*******************************************/
.vegas-animation-kenburnsUpLeft {
  -webkit-animation: kenburnsUpLeft ease-out;
  -moz-animation: kenburnsUpLeft ease-out;
       animation: kenburnsUpLeft ease-out;
}

@-webkit-keyframes kenburnsUpLeft {
  0% {
    -webkit-transform: scale(1.5) translate(10%, 10%);
            transform: scale(1.5) translate(10%, 10%);
  }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
  }
}
@-moz-keyframes kenburnsUpLeft {
  0% {
    -moz-transform: scale(1.5) translate(10%, 10%);
         transform: scale(1.5) translate(10%, 10%);
  }
  100% {
    -moz-transform: scale(1) translate(0, 0);
         transform: scale(1) translate(0, 0);
  }
}
@keyframes kenburnsUpLeft {
  0% {
    -webkit-transform: scale(1.5) translate(10%, 10%);
       -moz-transform: scale(1.5) translate(10%, 10%);
            transform: scale(1.5) translate(10%, 10%);
  }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
       -moz-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
  }
}
/*******************************************/
/* kenburnsUpRight animation */
/*******************************************/
.vegas-animation-kenburnsUpRight {
  -webkit-animation: kenburnsUpRight ease-out;
  -moz-animation: kenburnsUpRight ease-out;
       animation: kenburnsUpRight ease-out;
}

@-webkit-keyframes kenburnsUpRight {
  0% {
    -webkit-transform: scale(1.5) translate(-10%, 10%);
            transform: scale(1.5) translate(-10%, 10%);
  }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
  }
}
@-moz-keyframes kenburnsUpRight {
  0% {
    -moz-transform: scale(1.5) translate(-10%, 10%);
         transform: scale(1.5) translate(-10%, 10%);
  }
  100% {
    -moz-transform: scale(1) translate(0, 0);
         transform: scale(1) translate(0, 0);
  }
}
@keyframes kenburnsUpRight {
  0% {
    -webkit-transform: scale(1.5) translate(-10%, 10%);
       -moz-transform: scale(1.5) translate(-10%, 10%);
            transform: scale(1.5) translate(-10%, 10%);
  }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
       -moz-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
  }
}
/*******************************************/
/* kenburnsUp animation */
/*******************************************/
.vegas-animation-kenburnsUp {
  -webkit-animation: kenburnsUp ease-out;
  -moz-animation: kenburnsUp ease-out;
       animation: kenburnsUp ease-out;
}

@-webkit-keyframes kenburnsUp {
  0% {
    -webkit-transform: scale(1.5) translate(0, 10%);
            transform: scale(1.5) translate(0, 10%);
  }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
  }
}
@-moz-keyframes kenburnsUp {
  0% {
    -moz-transform: scale(1.5) translate(0, 10%);
         transform: scale(1.5) translate(0, 10%);
  }
  100% {
    -moz-transform: scale(1) translate(0, 0);
         transform: scale(1) translate(0, 0);
  }
}
@keyframes kenburnsUp {
  0% {
    -webkit-transform: scale(1.5) translate(0, 10%);
       -moz-transform: scale(1.5) translate(0, 10%);
            transform: scale(1.5) translate(0, 10%);
  }
  100% {
    -webkit-transform: scale(1) translate(0, 0);
       -moz-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
  }
}
/* ------------------------------------------------*/
/* Vegas Plugin End */

/* ------------------------------------------------*/
/* PhotoSwipe Gallery Styles Start */
/* ------------------------------------------------*/
/*! 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;
     -moz-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);
  -o-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  -moz-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);
     -moz-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: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
}

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -moz-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: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  -o-transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  -moz-transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1), -moz-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1), -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1), -moz-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);
  -o-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  -moz-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;
  -o-transition: none;
  -moz-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 */
/*

	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;
  -o-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-box-shadow: none;
     -moz-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;
  -moz-background-size: 264px 88px;
       background-size: 264px 88px;
  width: 44px;
  height: 44px;
}

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min--moz-device-pixel-ratio: 1.09375), (-o-min-device-pixel-ratio: 35/32), (min-resolution: 105dpi), (min--moz-device-pixel-ratio: 1.1), (-o-min-device-pixel-ratio: 11/10), (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;
  -o-transition: opacity 0.25s ease-out;
  -moz-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;
  -moz-border-radius: 2px;
       border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
     -moz-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);
     -moz-transform: translateY(6px);
      -ms-transform: translateY(6px);
          transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
  transition: -webkit-transform 0.25s;
  -o-transition: transform 0.25s;
  -moz-transition: transform 0.25s, -moz-transform 0.25s;
  transition: transform 0.25s;
  transition: transform 0.25s, -webkit-transform 0.25s, -moz-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 */
  -moz-border-radius: 2px 2px 0 0;
       border-radius: 2px 2px 0 0;
}
.pswp__share-tooltip a:last-child {
  -moz-border-radius: 0 0 2px 2px;
       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);
     -moz-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 rgba(0, 0, 0, 0);
  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: left;
  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;
  -o-transition: opacity 0.25s ease-out;
  -moz-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;
     -moz-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;
     -moz-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;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  -moz-border-radius: 50%;
       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);
  }
}
@-moz-keyframes clockwise {
  0% {
    -moz-transform: rotate(0deg);
         transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
         transform: rotate(360deg);
  }
}
@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
       -moz-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);
  }
}
@-moz-keyframes donut-rotate {
  0% {
    -moz-transform: rotate(0);
         transform: rotate(0);
  }
  50% {
    -moz-transform: rotate(-140deg);
         transform: rotate(-140deg);
  }
  100% {
    -moz-transform: rotate(0);
         transform: rotate(0);
  }
}
@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
       -moz-transform: rotate(0);
            transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-140deg);
       -moz-transform: rotate(-140deg);
            transform: rotate(-140deg);
  }
  100% {
    -webkit-transform: rotate(0);
       -moz-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);
  -o-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  -moz-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;
}

/* ------------------------------------------------*/
/* PhotoSwipe Gallery Styles End */

/* ------------------------------------------------*/
/* Malihu Custom Scroll Styles Start */
/* ------------------------------------------------*/
/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
  /* direct pointer events to js */
}

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto;
}

.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}

.mCSB_container {
  /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto;
}

/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
  margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}

/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}

/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools {
  right: -26px;
}

/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px;
}

/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  -moz-border-radius: 16px;
  border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px;
  /* minimum dragger height */
  z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  -moz-border-radius: 16px;
  border-radius: 16px;
  text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
  /* auto-expanded scrollbar */
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
  /* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
}

/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  /* minimum dragger width */
  height: 100%;
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  /* auto-expanded scrollbar */
  margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  /* auto-expanded scrollbar */
  margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px;
}

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px;
}

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px;
}

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  /* non-visible scrollbar */
  margin-left: 0;
}

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/
/* 
----------------------------------------
6.1 THEMES 
----------------------------------------
*/
/* default theme ("light") */
.mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)";
}

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(mCSB_buttons.png);
  /* css sprites */
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
  /* 
  sprites locations 
  light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
  dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
  */
}

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
  /* 
  sprites locations
  light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
  dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
  */
}

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
  /* 
  sprites locations 
  light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
  dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
  */
}

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
  /* 
  sprites locations 
  light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
  dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
  */
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

/* ------------------------------------------------*/
/* Template Backgrounds Start */
/* ------------------------------------------------*/
.about-image-c3 {
  background-image: url("../img/backgrounds/76.jpg");
}

/* ------------------------------------------------*/
/* Template Backgrounds End */
/* ------------------------------------------------*/

/* ------------------------------------------------*/
/* ------------------------------------------------*/
/* Fonts Start */
/* ------------------------------------------------*/
@font-face {
  font-family: "Baskervville";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/Baskervville-Italic-LiningNums/Baskervville-Italic-LiningNums.eot") format("embedded-opentype"), url("../fonts/Baskervville-Italic-LiningNums/Baskervville-Italic-LiningNums.woff") format("woff2"), url("../fonts/Baskervville-Italic-LiningNums/Baskervville-Italic-LiningNums.woff") format("woff"), url("../fonts/Baskervville-Italic-LiningNums/Baskervville-Italic-LiningNums.ttf") format("truetype"), url("../fonts/Baskervville-Italic-LiningNums/Baskervville-Italic-LiningNums.svg") format("svg");
}
@font-face {
  font-family: "Baskervville";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Baskervville-Regular-LiningNums/Baskervville-Regular-LiningNums.eot") format("embedded-opentype"), url("../fonts/Baskervville-Regular-LiningNums/Baskervville-Regular-LiningNums.woff") format("woff2"), url("../fonts/Baskervville-Regular-LiningNums/Baskervville-Regular-LiningNums.woff") format("woff"), url("../fonts/Baskervville-Regular-LiningNums/Baskervville-Regular-LiningNums.ttf") format("truetype"), url("../fonts/Baskervville-Regular-LiningNums/Baskervville-Regular-LiningNums.svg") format("svg");
}
/* ------------------------------------------------*/
/* Fonts End */
/* ------------------------------------------------*/
/* ------------------------------------------------*/

/* Base CSS Styles Start */
/* ------------------------------------------------*/
*, *::before, *::after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

button:active, button:focus {
  outline: none !important;
}

button::-moz-focus-inner {
  border: 0 !important;
}

input::-moz-focus-inner {
  border: 0 !important;
}

::-moz-selection {
  background-color: #212121;
  color: #ffffff;
  text-shadow: none;
}

::selection {
  background-color: #212121;
  color: #ffffff;
  text-shadow: none;
}

html {
  font-family: sans-serif;
  font-size: 62.5%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html,
body {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

body {
  position: relative;
  min-width: 320px;
  overflow-x: hidden !important;
  font: normal 400 1.4rem/1.6 "Mulish", sans-serif;
  background-color: #ffffff;
  color: #444444;
}

section {
  position: relative;
  min-width: 320px;
}

a {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
  color: #0A0A0A;
}

a:hover,
a:active,
a:focus {
  outline: 0;
}

img {
  display: block;
  width: 100%;
  height: auto;
}

.overflow-hidden {
  overflow: hidden !important;
}

.fullheight {
  position: static;
  height: auto;
}
@media only screen and (min-width: 1200px) {
  .fullheight {
    position: relative;
    height: 100%;
  }
}

.fullheight-mobile {
  position: relative;
  height: 100%;
}

.color-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.color-layer-medium {
  background-color: rgba(0, 0, 0, 0.4);
}

.color-layer-dark {
  background-color: rgba(0, 0, 0, 0.6);
}

.background-black {
  background-color: #111111;
}

.background-dark {
  background-color: #212121;
}

.background-medium {
  background-color: #828282;
}

.background-mute {
  background-color: #F4F4F4;
}

.background-light {
  background-color: #ffffff;
}

/* Base CSS Styles End */
/* ------------------------------------------------*/
/* ------------------------------------------------*/

/* Loading Animation Start */
/* ------------------------------------------------*/

body .main .main__header,
body .main .main__socials,
body .main .mainmedia__copyright {
  opacity: 0;
}
body .main .main__headline .loading-el {
  opacity: 0;
  -webkit-transform: translateY(30px);
     -moz-transform: translateY(30px);
      -ms-transform: translateY(30px);
          transform: translateY(30px);
}
body .main .main__media {
  opacity: 0;
  -webkit-transform: translateX(20%);
     -moz-transform: translateX(20%);
      -ms-transform: translateX(20%);
          transform: translateX(20%);
}
body.loaded .main .main__media {
  opacity: 1;
  -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: opacity 0.6s ease-in-out, -webkit-transform 0.6s;
  transition: opacity 0.6s ease-in-out, -webkit-transform 0.6s;
  -o-transition: transform 0.6s, opacity 0.6s ease-in-out;
  -moz-transition: transform 0.6s, opacity 0.6s ease-in-out, -moz-transform 0.6s;
  transition: transform 0.6s, opacity 0.6s ease-in-out;
  transition: transform 0.6s, opacity 0.6s ease-in-out, -webkit-transform 0.6s, -moz-transform 0.6s;
}
body.loaded .main .main__headline .loading-el {
  opacity: 1;
  -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
body.loaded .main .main__headline .loading-el-1 {
  -webkit-transition: opacity 0.4s 0.7s, -webkit-transform 0.4s 0.7s;
  transition: opacity 0.4s 0.7s, -webkit-transform 0.4s 0.7s;
  -o-transition: opacity 0.4s 0.7s, transform 0.4s 0.7s;
  -moz-transition: opacity 0.4s 0.7s, transform 0.4s 0.7s, -moz-transform 0.4s 0.7s;
  transition: opacity 0.4s 0.7s, transform 0.4s 0.7s;
  transition: opacity 0.4s 0.7s, transform 0.4s 0.7s, -webkit-transform 0.4s 0.7s, -moz-transform 0.4s 0.7s;
}
body.loaded .main .main__headline .loading-el-2 {
  -webkit-transition: opacity 0.4s 0.8s, -webkit-transform 0.4s 0.8s;
  transition: opacity 0.4s 0.8s, -webkit-transform 0.4s 0.8s;
  -o-transition: opacity 0.4s 0.8s, transform 0.4s 0.8s;
  -moz-transition: opacity 0.4s 0.8s, transform 0.4s 0.8s, -moz-transform 0.4s 0.8s;
  transition: opacity 0.4s 0.8s, transform 0.4s 0.8s;
  transition: opacity 0.4s 0.8s, transform 0.4s 0.8s, -webkit-transform 0.4s 0.8s, -moz-transform 0.4s 0.8s;
}
body.loaded .main .main__headline .loading-el-3 {
  -webkit-transition: opacity 0.4s 0.9s, -webkit-transform 0.4s 0.9s;
  transition: opacity 0.4s 0.9s, -webkit-transform 0.4s 0.9s;
  -o-transition: opacity 0.4s 0.9s, transform 0.4s 0.9s;
  -moz-transition: opacity 0.4s 0.9s, transform 0.4s 0.9s, -moz-transform 0.4s 0.9s;
  transition: opacity 0.4s 0.9s, transform 0.4s 0.9s;
  transition: opacity 0.4s 0.9s, transform 0.4s 0.9s, -webkit-transform 0.4s 0.9s, -moz-transform 0.4s 0.9s;
}
body.loaded .main .main__header,
body.loaded .main .main__socials,
body.loaded .main .mainmedia__copyright {
  opacity: 1;
  -webkit-transition: opacity 0.8s 1.4s;
  -o-transition: opacity 0.8s 1.4s;
  -moz-transition: opacity 0.8s 1.4s;
  transition: opacity 0.8s 1.4s;
}

/* ------------------------------------------------*/
/* Loading Animation End */
/* ------------------------------------------------*/
/* ------------------------------------------------*/

/* Typography Start */
/* ------------------------------------------------*/
h1 {
  font: normal 400 5rem/1 "Baskervville", serif;
  text-transform: uppercase;
  color: #0A0A0A;
  margin-top: 2.1rem;
}
h1.light {
  color: #ffffff;
}
@media only screen and (min-width: 768px) {
  h1 {
    font-size: 6rem;
  }
}
@media only screen and (min-width: 1400px) {
  h1 {
    font-size: 8rem;
  }
}

.headline__subtitle {
  display: block;
  font: italic 400 2.2rem/1.6 "Baskervville", serif;
  color: #444444;
}
.headline__subtitle.light {
  color: rgba(255, 255, 255, 0.8);
}
@media only screen and (min-width: 1400px) {
  .headline__subtitle {
    font-size: 2.9rem;
  }
}

.headline__text {
  font: normal 400 1.4rem/1.6 "Mulish", sans-serif;
  color: #444444;
  margin: 2rem auto 0;
  max-width: 380px;
}
.headline__text.light {
  color: rgba(255, 255, 255, 0.8);
}
@media only screen and (min-width: 1400px) {
  .headline__text {
    font-size: 1.8rem;
    max-width: 500px;
  }
}

.headline__btnholder {
  margin-top: 3.2rem;
}

.section__btnholder {
  margin-top: 3.2rem;
}

.section__btnholder--compact {
  margin-top: 0;
}

h2 {
  font: normal 400 3rem/1 "Baskervville", serif;
  text-transform: uppercase;
  color: #0A0A0A;
}
@media only screen and (min-width: 768px) {
  h2 {
    font-size: 5rem;
  }
}
@media only screen and (min-width: 1400px) {
  h2 {
    font-size: 7rem;
  }
}

.section__subtitle {
  display: block;
  font: italic 400 2.4rem/1.2 "Baskervville", serif;
  color: #444444;
  margin-top: 1.4rem;
}
@media only screen and (min-width: 1400px) {
  .section__subtitle {
    font-size: 2.8rem;
  }
}

.section__text {
  font: normal 400 1.4rem/1.6 "Mulish", sans-serif;
  color: #444444;
  margin-top: 1.9rem;
}
@media only screen and (min-width: 1400px) {
  .section__text {
    font-size: 1.6rem;
  }
}

h3 {
  font: normal 400 2.8rem/1 "Baskervville", serif;
  text-transform: uppercase;
  color: #0A0A0A;
}
@media only screen and (min-width: 1400px) {
  h3 {
    font-size: 3.2rem;
  }
}

.block__subtitle {
  display: block;
  font: italic 400 1.8rem/1.3 "Baskervville", serif;
  color: #444444;
  margin-top: 1.6rem;
}
@media only screen and (min-width: 1400px) {
  .block__subtitle {
    font-size: 2.2rem;
  }
}

.block__text {
  font: normal 400 1.4rem/1.6 "Mulish", sans-serif;
  color: #444444;
  margin-top: 1.6rem;
}
@media only screen and (min-width: 1400px) {
  .block__text {
    font-size: 1.6rem;
  }
}

h4 {
  font: normal 400 2rem/1 "Baskervville", serif;
  text-transform: uppercase;
  color: #0A0A0A;
}
h4 small {
  display: block;
  text-transform: none;
  font: italic 400 1.6rem/1.6 "Baskervville", serif;
  color: #444444;
}

h5 {
  font: normal 400 1.7rem/1 "Baskervville", serif;
  text-transform: uppercase;
  color: #0A0A0A;
}

p {
  font: normal 400 1.4rem/1.6 "Mulish", sans-serif;
  color: #444444;
}
p span {
  font-weight: 700;
  color: #0A0A0A;
}
p.additional-text {
  font: italic 400 1.4rem/1.6 "Baskervville", serif;
  color: #0A0A0A;
}
p.additional-text a {
  color: #0A0A0A;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  -moz-transition: all 0.6s;
  transition: all 0.6s;
}
.no-touch p.additional-text a:hover {
  color: #444444;
}
p.additional-text.light {
  color: #ffffff;
}
p.additional-text.light a {
  color: #ffffff;
}
.no-touch p.additional-text.light a:hover {
  color: rgba(255, 255, 255, 0.6);
}
p.additional-text.light-mute {
  color: rgba(255, 255, 255, 0.6);
}
p.additional-text.light-mute a {
  color: rgba(255, 255, 255, 0.6);
}
.no-touch p.additional-text.light-mute a:hover {
  color: #ffffff;
}
@media only screen and (min-width: 1400px) {
  p {
    font-size: 1.6rem;
  }
  p.additional-text {
    font-size: 1.6rem;
  }
}

blockquote {
  display: block;
  position: relative;
  padding-top: 5.6rem;
}
blockquote p {
  font: italic 400 2.4rem/1.6 "Baskervville", serif;
  color: #0A0A0A;
}
blockquote cite {
  display: block;
  font: normal 400 1.2rem/1.6 "Mulish", sans-serif;
  color: #444444;
  margin-top: 2.2rem;
}
blockquote cite span {
  display: block;
}
blockquote::before {
  font: italic 400 12rem/0.74 "Baskervville", serif;
  content: "\201C";
  display: block;
  position: absolute;
  top: 0;
  left: -1.5rem;
  color: rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 1400px) {
  blockquote p {
    font-size: 3rem;
  }
  blockquote cite {
    font-size: 1.4rem;
  }
  blockquote::before {
    font-size: 14rem;
  }
}

.popup__title {
  display: block;
  font: normal 400 3.4rem/1 "Baskervville", serif;
  text-transform: uppercase;
  color: #0A0A0A;
  margin-top: 2rem;
}
.popup__title.light {
  color: #ffffff;
}
@media only screen and (min-width: 768px) {
  .popup__title {
    font-size: 4rem;
  }
}
@media only screen and (min-width: 1400px) {
  .popup__title {
    font-size: 5rem;
  }
}

.popup__subtitle {
  display: block;
  font: italic 400 2.2rem/1.6 "Baskervville", serif;
  color: #444444;
}
.popup__subtitle.light {
  color: rgba(255, 255, 255, 0.8);
}
@media only screen and (min-width: 1400px) {
  .popup__subtitle {
    font-size: 2.8rem;
  }
}

.popup__text {
  font: normal 400 1.4rem/1.6 "Mulish", sans-serif;
  color: #444444;
  margin-top: 2rem;
}
.popup__text.light {
  color: rgba(255, 255, 255, 0.8);
}
@media only screen and (min-width: 1400px) {
  .popup__text {
    font-size: 1.6rem;
  }
}

.navigation li {
  display: block;
  padding: 1.4rem 0;
}
.navigation li span {
  display: block;
  font: italic 400 1.8rem/1.4 "Baskervville", serif;
  padding-left: 2px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navigation li a {
  font: normal 400 3rem/1 "Baskervville", serif;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navigation.light li span {
  color: rgba(255, 255, 255, 0.6);
}
.navigation.light li a {
  color: #ffffff;
}
@media only screen and (min-width: 768px) {
  .navigation li a {
    font-size: 5rem;
  }
}
@media only screen and (min-width: 1200px) {
  .navigation li a {
    color: #444444;
  }
  .no-touch .navigation li a:hover {
    color: #0A0A0A;
  }
  .navigation.light li span {
    color: rgba(255, 255, 255, 0.6);
  }
  .navigation.light li a {
    color: rgba(255, 255, 255, 0.6);
  }
  .no-touch .navigation.light li a:hover {
    color: #ffffff;
  }
}
@media only screen and (min-width: 1400px) {
  .navigation li span {
    font-size: 2rem;
  }
  .navigation li a {
    font-size: 7rem;
  }
}

/* ------------------------------------------------*/
/* Typography End */

/* Buttons & Controls Start */
/* ------------------------------------------------*/
.menu-trigger {
  display: block;
  position: absolute;
  top: 0;
  right: 10%;
  width: 40px;
  height: 36px;
  z-index: 1;
}
.menu-trigger span {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
     -moz-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  width: 40px;
  height: 1px;
  background-color: transparent;
}
.menu-trigger span:before, .menu-trigger span::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #ffffff;
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  -o-transition: transform 0.4s;
  -moz-transition: transform 0.4s, -moz-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s, -moz-transform 0.4s;
}
.menu-trigger span::before {
  -webkit-transform: translateY(4px);
     -moz-transform: translateY(4px);
      -ms-transform: translateY(4px);
          transform: translateY(4px);
}
.menu-trigger span::after {
  -webkit-transform: translateY(-3px);
     -moz-transform: translateY(-3px);
      -ms-transform: translateY(-3px);
          transform: translateY(-3px);
}
.menu-trigger.dark span:before, .menu-trigger.dark span::after {
  background-color: #111111;
}
@media only screen and (min-width: 1200px) {
  .menu-trigger {
    right: 8rem;
  }
  .no-touch .menu-trigger:hover span::before {
    -webkit-transform: translateY(4px) translateX(-6px);
       -moz-transform: translateY(4px) translateX(-6px);
        -ms-transform: translateY(4px) translateX(-6px);
            transform: translateY(4px) translateX(-6px);
  }
  .no-touch .menu-trigger:hover span::after {
    -webkit-transform: translateY(-3px) translateX(6px);
       -moz-transform: translateY(-3px) translateX(6px);
        -ms-transform: translateY(-3px) translateX(6px);
            transform: translateY(-3px) translateX(6px);
  }
}
@media only screen and (min-width: 1400px) {
  .menu-trigger {
    right: 10rem;
  }
  .menu-trigger span {
    width: 48px;
  }
}

.section-close {
  display: block;
  position: absolute;
  top: 3rem;
  right: 10%;
  width: 24px;
  height: 36px;
  z-index: 1;
  -webkit-transform: scale(0);
     -moz-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out, -moz-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, -moz-transform 0.3s ease-in-out;
}
.section-close span {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
     -moz-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  width: 34px;
  height: 1px;
  background-color: transparent;
}
.section-close span:before, .section-close span::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(17, 17, 17, 0.5);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.section-close span::before {
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.section-close span::after {
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.no-touch .section-close:hover span:before, .no-touch .section-close:hover span::after {
  background-color: #111111;
}
.section-close.light span:before, .section-close.light span::after {
  background-color: rgba(255, 255, 255, 0.5);
}
.no-touch .section-close.light:hover span:before, .no-touch .section-close.light:hover span::after {
  background-color: #ffffff;
}
.section-close.is-scaled-up {
  -webkit-transform: scale(1);
     -moz-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
@media only screen and (min-width: 1200px) {
  .section-close {
    right: 8rem;
  }
}
@media only screen and (min-width: 1400px) {
  .section-close {
    top: 4rem;
    right: 10rem;
  }
}

.btn {
  position: relative;
  display: inline-block;
  border: none;
  outline: none;
  background-color: transparent;
  height: 4.2rem;
  padding: 0 4.4rem;
  font: italic 400 1.4rem/4.2rem "Baskervville", serif;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media only screen and (min-width: 1400px) {
  .btn {
    height: 5rem;
    line-height: 4.9rem;
    padding: 0 5rem;
    font-size: 1.6rem;
  }
}

.btn-solid-light {
  background-color: #ffffff;
  color: #000000;
}
.no-touch .btn-solid-light:hover {
  background-color: #cccccc;
}

.btn-solid-dark {
  background-color: #111111;
  color: #ffffff;
}
.no-touch .btn-solid-dark:hover {
  background-color: #414141;
}

/* ------------------------------------------------*/
/* Buttons & Controls End */
/* ------------------------------------------------*/
/* ------------------------------------------------*/

/* ------------------------------------------------*/
/* Animated Backgrounds Start */
/* ------------------------------------------------*/
#bgndKenburns,
#bgndKenburns-3 {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  background-color: transparent;
}
/* ------------------------------------------------*/
/* Animated Backgrounds End */
/* ------------------------------------------------*/

/* Main Section Styles Start */
/* ------------------------------------------------*/
.main {
  position: relative;
  width: 100%;
  min-width: 320px;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 9;
  background-color: #111111;
  -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: -webkit-transform 0.6s ease-in-out;
  transition: -webkit-transform 0.6s ease-in-out;
  -o-transition: transform 0.6s ease-in-out;
  -moz-transition: transform 0.6s ease-in-out, -moz-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out, -moz-transform 0.6s ease-in-out;
}
.main .main__headline,
.main .main__header .menu-trigger {
  -webkit-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.main.notify-is-visible .main__headline,
.main.notify-is-visible .main__header .menu-trigger {
  opacity: 0;
  visibility: hidden;
}
.main.menu-is-visible .main__content {
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  transition: opacity 0.6s;
}
.main.image-closed .mainmedia__content::before {
  -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
.main.move-in {
  -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
.main.move-in .mainmedia__content::before {
  -webkit-transform: translateX(100%);
     -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.6s 0.6s ease-in-out;
  transition: -webkit-transform 0.6s 0.6s ease-in-out;
  -o-transition: transform 0.6s 0.6s ease-in-out;
  -moz-transition: transform 0.6s 0.6s ease-in-out, -moz-transform 0.6s 0.6s ease-in-out;
  transition: transform 0.6s 0.6s ease-in-out;
  transition: transform 0.6s 0.6s ease-in-out, -webkit-transform 0.6s 0.6s ease-in-out, -moz-transform 0.6s 0.6s ease-in-out;
}
.main.move-out {
  -webkit-transform: translateX(-100%);
     -moz-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}
.main.move-out .mainmedia__content::after {
  -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: -webkit-transform 0.6s 0.6s ease-in-out;
  transition: -webkit-transform 0.6s 0.6s ease-in-out;
  -o-transition: transform 0.6s 0.6s ease-in-out;
  -moz-transition: transform 0.6s 0.6s ease-in-out, -moz-transform 0.6s 0.6s ease-in-out;
  transition: transform 0.6s 0.6s ease-in-out;
  transition: transform 0.6s 0.6s ease-in-out, -webkit-transform 0.6s 0.6s ease-in-out, -moz-transform 0.6s 0.6s ease-in-out;
}
@media only screen and (min-width: 1200px) {
  .main {
    overflow: hidden;
  }
  .main.move-out {
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

.main__content {
  position: relative;
  height: auto;
  background-color: #111111;
  background-repeat: no-repeat;
  -moz-background-size: cover;
       background-size: cover;
  -webkit-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

@media only screen and (max-width: 600px) {
  .main__content:before {
    content: "";
    background: url(../img/backgrounds/76.jpg);
    background-position: center;
    background-size: cover;
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: .2;
  }

  .headline__content img {max-width: 150px !important;}

}

@media only screen and (min-width: 1200px) {
  .main__content {
    height: 100%;
  }
}

.main__header {
  position: relative;
  width: 100%;
}
@media only screen and (min-width: 1200px) {
  .main__header {
    position: absolute;
    top: 0;
    left: 0;
  }
}

.header__container {
  position: relative;
  height: 100%;
  padding: 3rem 0 0 0;
}
@media only screen and (min-width: 1400px) {
  .header__container {
    padding: 4rem 0 0 0;
  }
}

.header__content {
  position: relative;
  padding: 0 10%;
}
@media only screen and (min-width: 1200px) {
  .header__content {
    padding: 0 8rem;
  }
}
@media only screen and (min-width: 1400px) {
  .header__content {
    padding: 0 10rem;
  }
}

.logo {
  position: relative;
  padding: 0;
  width: auto;
}
.logo img {
  width: 50px;
}

.main__headline {
  position: relative;
  width: 100%;
  padding: 10rem 0;
}

@media only screen and (min-width: 1200px) {
  .main__headline {
    position: absolute;
    left: 0;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    padding: 0;
  }
}

.headline__content {
  position: relative;
  width: 100%;
  padding: 0 10%;
}
.headline__content.centered {
  text-align: center;
}
@media only screen and (min-width: 1200px) {
  .headline__content {
    padding: 0 8rem;
  }
}
@media only screen and (min-width: 1400px) {
  .headline__content {
    padding: 0 10rem;
  }
}

.main__socials {
  position: relative;
  width: 100%;
  padding: 0 10% 3rem 10%;
  text-align: center;
  z-index: 2;
}
@media only screen and (min-width: 1200px) {
  .main__socials {
    position: absolute;
    bottom: 3rem;
    left: 0;
    padding: 0 8rem;
  }
}
@media only screen and (min-width: 1400px) {
  .main__socials {
    position: absolute;
    bottom: 3.4rem;
    left: 0;
    padding: 0 10rem;
  }
}

.main__media {
  position: relative;
  height: 100vh;
  min-height: 568px;
  background-color: #5b5b5b;
}
@media only screen and (min-width: 1200px) {
  .main__media {
    height: 100%;
    min-height: auto;
  }
}

.mainmedia__container {
  position: absolute;
  top: 9rem;
  left: 10%;
  width: 80%;
  height: -moz-calc(100% - 18rem);
  height: calc(100% - 18rem);
}
@media only screen and (min-width: 1200px) {
  .mainmedia__container {
    position: absolute;
    top: 9rem;
    left: 12rem;
    width: -moz-calc(100% - 24rem);
    width: calc(100% - 24rem);
  }
}
@media only screen and (min-width: 1400px) {
  .mainmedia__container {
    position: absolute;
    top: 10rem;
    left: 16rem;
    width: -moz-calc(100% - 32rem);
    width: calc(100% - 32rem);
    height: -moz-calc(100% - 20rem);
    height: calc(100% - 20rem);
  }
}

.mainmedia__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.mainmedia__content::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #5b5b5b;
  -webkit-transform: translateX(-100%);
     -moz-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.6s ease-in-out;
  transition: -webkit-transform 0.6s ease-in-out;
  -o-transition: transform 0.6s ease-in-out;
  -moz-transition: transform 0.6s ease-in-out, -moz-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out, -moz-transform 0.6s ease-in-out;
}
.mainmedia__content::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #5b5b5b;
  -webkit-transform: translateX(100%);
     -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.6s ease-in-out;
  transition: -webkit-transform 0.6s ease-in-out;
  -o-transition: transform 0.6s ease-in-out;
  -moz-transition: transform 0.6s ease-in-out, -moz-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out, -moz-transform 0.6s ease-in-out;
  z-index: 1;
}

.mainmedia__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: cover;
       background-size: cover;
}

.mainmedia__copyright {
  position: absolute;
  bottom: 3rem;
  left: 0;
  width: 100%;
  padding: 0 10%;
  text-align: center;
}
@media only screen and (min-width: 1200px) {
  .mainmedia__copyright {
    padding: 0 8rem;
  }
}
@media only screen and (min-width: 1400px) {
  .mainmedia__copyright {
    position: absolute;
    bottom: 3.4rem;
    left: 0;
    padding: 0 10rem;
  }
}

/* ------------------------------------------------*/
/* Main Section Styles End */

/* Menu Styles Start */
/* ------------------------------------------------*/
.menu {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 320px;
  height: 100%;
  overflow-y: auto;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.menu.dark {
  background-color: #0e0e0e;
}
.menu.light {
  background-color: #ffffff;
}
.menu .transition-el {
  opacity: 0;
  -webkit-transform: translateY(30px);
     -moz-transform: translateY(30px);
      -ms-transform: translateY(30px);
          transform: translateY(30px);
  -webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
  transition: opacity 0.6s, -webkit-transform 0.6s;
  -o-transition: opacity 0.6s, transform 0.6s;
  -moz-transition: opacity 0.6s, transform 0.6s, -moz-transform 0.6s;
  transition: opacity 0.6s, transform 0.6s;
  transition: opacity 0.6s, transform 0.6s, -webkit-transform 0.6s, -moz-transform 0.6s;
}
.menu .opacity-el {
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  transition: opacity 0.6s;
}
.menu.animate-in {
  opacity: 1;
  visibility: visible;
}
.menu.animate-in .transition-el {
  opacity: 1;
  -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.menu.animate-in .opacity-el {
  opacity: 1;
}
.menu.animate-in .transition-el-1 {
  -webkit-transition: opacity 0.3s 0.7s, -webkit-transform 0.3s 0.7s;
  transition: opacity 0.3s 0.7s, -webkit-transform 0.3s 0.7s;
  -o-transition: opacity 0.3s 0.7s, transform 0.3s 0.7s;
  -moz-transition: opacity 0.3s 0.7s, transform 0.3s 0.7s, -moz-transform 0.3s 0.7s;
  transition: opacity 0.3s 0.7s, transform 0.3s 0.7s;
  transition: opacity 0.3s 0.7s, transform 0.3s 0.7s, -webkit-transform 0.3s 0.7s, -moz-transform 0.3s 0.7s;
}
.menu.animate-in .transition-el-2 {
  -webkit-transition: opacity 0.3s 0.8s, -webkit-transform 0.3s 0.8s;
  transition: opacity 0.3s 0.8s, -webkit-transform 0.3s 0.8s;
  -o-transition: opacity 0.3s 0.8s, transform 0.3s 0.8s;
  -moz-transition: opacity 0.3s 0.8s, transform 0.3s 0.8s, -moz-transform 0.3s 0.8s;
  transition: opacity 0.3s 0.8s, transform 0.3s 0.8s;
  transition: opacity 0.3s 0.8s, transform 0.3s 0.8s, -webkit-transform 0.3s 0.8s, -moz-transform 0.3s 0.8s;
}
.menu.animate-in .transition-el-3 {
  -webkit-transition: opacity 0.3s 0.9s, -webkit-transform 0.3s 0.9s;
  transition: opacity 0.3s 0.9s, -webkit-transform 0.3s 0.9s;
  -o-transition: opacity 0.3s 0.9s, transform 0.3s 0.9s;
  -moz-transition: opacity 0.3s 0.9s, transform 0.3s 0.9s, -moz-transform 0.3s 0.9s;
  transition: opacity 0.3s 0.9s, transform 0.3s 0.9s;
  transition: opacity 0.3s 0.9s, transform 0.3s 0.9s, -webkit-transform 0.3s 0.9s, -moz-transform 0.3s 0.9s;
}
.menu.animate-in .transition-el-4 {
  -webkit-transition: opacity 0.3s 1s, -webkit-transform 0.3s 1s;
  transition: opacity 0.3s 1s, -webkit-transform 0.3s 1s;
  -o-transition: opacity 0.3s 1s, transform 0.3s 1s;
  -moz-transition: opacity 0.3s 1s, transform 0.3s 1s, -moz-transform 0.3s 1s;
  transition: opacity 0.3s 1s, transform 0.3s 1s;
  transition: opacity 0.3s 1s, transform 0.3s 1s, -webkit-transform 0.3s 1s, -moz-transform 0.3s 1s;
}
.menu.animate-in .transition-el-5 {
  -webkit-transition: opacity 0.3s 1.1s, -webkit-transform 0.3s 1.1s;
  transition: opacity 0.3s 1.1s, -webkit-transform 0.3s 1.1s;
  -o-transition: opacity 0.3s 1.1s, transform 0.3s 1.1s;
  -moz-transition: opacity 0.3s 1.1s, transform 0.3s 1.1s, -moz-transform 0.3s 1.1s;
  transition: opacity 0.3s 1.1s, transform 0.3s 1.1s;
  transition: opacity 0.3s 1.1s, transform 0.3s 1.1s, -webkit-transform 0.3s 1.1s, -moz-transform 0.3s 1.1s;
}
.menu.animate-in .opacity-el-1 {
  -webkit-transition: opacity 0.8s 1.3s;
  -o-transition: opacity 0.8s 1.3s;
  -moz-transition: opacity 0.8s 1.3s;
  transition: opacity 0.8s 1.3s;
}
.menu.animate-out {
  opacity: 0;
  visibility: hidden;
}
.menu.move-out {
  -webkit-transform: translateX(-100%);
     -moz-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}
@media only screen and (min-width: 1200px) {
  .menu {
    width: 50%;
  }
}

.menu__container {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 568px;
}

.menu__content {
  height: 100%;
  min-height: 568px;
}

.navigation {
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  padding: 0 10%;
}
@media only screen and (min-width: 1200px) {
  .navigation {
    padding: 0 8rem;
  }
}
@media only screen and (min-width: 1400px) {
  .navigation {
    padding: 0 10rem;
  }
}

.dataline {
  position: absolute;
  bottom: 3rem;
  left: 0;
  width: 100%;
  padding: 0 10%;
}
@media only screen and (min-width: 1200px) {
  .dataline {
    padding: 0 8rem;
  }
}
@media only screen and (min-width: 1400px) {
  .dataline {
    position: absolute;
    bottom: 3.4rem;
    left: 0;
    padding: 0 10rem;
  }
}

.dataline__copyright {
  display: none;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .dataline__copyright {
    display: block;
  }
}

.dataline__contact {
  display: block;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .dataline__contact {
    text-align: right;
  }
}

/* ------------------------------------------------*/
/* Menu Styles End */

/* Socials Start */
/* ------------------------------------------------*/
.socials-text {
  display: block;
}
.socials-text li {
  display: inline-block;
  font: italic 400 1.4rem/1.6 "Baskervville", serif;
}
.socials-text li::after {
  content: "/";
  display: inline-block;
  height: auto;
  margin: 0 1rem 0 1.2rem;
  font: italic 400 1.4rem/1.6 "Baskervville", serif;
  color: #0A0A0A;
}
.socials-text li:last-of-type::after {
  display: none;
}
.socials-text li a {
  height: auto;
  font: italic 400 1.4rem/1.6 "Baskervville", serif;
  color: #0A0A0A;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  -moz-transition: all 0.6s;
  transition: all 0.6s;
}
.no-touch .socials-text li:hover a {
  color: #444444;
}
.socials-text.light li::after {
  color: #ffffff;
}
.socials-text.light li a {
  color: #ffffff;
}
.no-touch .socials-text.light li:hover a {
  color: rgba(255, 255, 255, 0.6);
}
@media only screen and (min-width: 1400px) {
  .socials-text li::after {
    font-size: 1.6rem;
  }
  .socials-text li a {
    font-size: 1.6rem;
  }
}

.socials-icons {
  display: block;
}
.socials-icons li {
  display: inline-block;
  font: italic 400 1.4rem/1.6 "Baskervville", serif;
  margin-right: 2.4rem;
}
.socials-icons li:last-of-type {
  margin-right: 0;
}
.socials-icons li a {
  height: auto;
  font: italic 400 1.4rem/1.6 "Baskervville", serif;
  color: #0A0A0A;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  -moz-transition: all 0.6s;
  transition: all 0.6s;
}
.no-touch .socials-icons li a:hover {
  color: #444444;
}
.socials-icons.light li a {
  color: #ffffff;
}
.no-touch .socials-icons.light li a:hover {
  color: rgba(255, 255, 255, 0.6);
}
.socials-icons.light-mute li a {
  color: rgba(255, 255, 255, 0.6);
}
.no-touch .socials-icons.light-mute li a:hover {
  color: #ffffff;
}
@media only screen and (min-width: 1400px) {
  .socials-icons li {
    font-size: 1.6rem;
  }
  .socials-icons li a {
    font-size: 1.6rem;
  }
}

/* ------------------------------------------------*/
/* Socials End */
/* ------------------------------------------------*/
/* ------------------------------------------------*/

/* Popup Dialogs Start */
/* ------------------------------------------------*/
.notify {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 320px;
  height: 100%;
  overflow-y: auto;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.notify.animate-in {
  opacity: 1;
  visibility: visible;
}
.notify.animate-in .transition-el {
  opacity: 1;
  -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.notify.animate-in .transition-el-1 {
  -webkit-transition: opacity 0.5s 0.3s -0.2s, -webkit-transform 0.5s 0.3s -0.2s;
  transition: opacity 0.5s 0.3s -0.2s, -webkit-transform 0.5s 0.3s -0.2s;
  -o-transition: opacity 0.5s 0.3s -0.2s, transform 0.5s 0.3s -0.2s;
  -moz-transition: opacity 0.5s 0.3s -0.2s, transform 0.5s 0.3s -0.2s, -moz-transform 0.5s 0.3s -0.2s;
  transition: opacity 0.5s 0.3s -0.2s, transform 0.5s 0.3s -0.2s;
  transition: opacity 0.5s 0.3s -0.2s, transform 0.5s 0.3s -0.2s, -webkit-transform 0.5s 0.3s -0.2s, -moz-transform 0.5s 0.3s -0.2s;
}
.notify.animate-in .transition-el-2 {
  -webkit-transition: opacity 0.5s 0.2s, -webkit-transform 0.5s 0.2s;
  transition: opacity 0.5s 0.2s, -webkit-transform 0.5s 0.2s;
  -o-transition: opacity 0.5s 0.2s, transform 0.5s 0.2s;
  -moz-transition: opacity 0.5s 0.2s, transform 0.5s 0.2s, -moz-transform 0.5s 0.2s;
  transition: opacity 0.5s 0.2s, transform 0.5s 0.2s;
  transition: opacity 0.5s 0.2s, transform 0.5s 0.2s, -webkit-transform 0.5s 0.2s, -moz-transform 0.5s 0.2s;
}
.notify.animate-in .transition-el-3 {
  -webkit-transition: opacity 0.5s 0.3s, -webkit-transform 0.5s 0.3s;
  transition: opacity 0.5s 0.3s, -webkit-transform 0.5s 0.3s;
  -o-transition: opacity 0.5s 0.3s, transform 0.5s 0.3s;
  -moz-transition: opacity 0.5s 0.3s, transform 0.5s 0.3s, -moz-transform 0.5s 0.3s;
  transition: opacity 0.5s 0.3s, transform 0.5s 0.3s;
  transition: opacity 0.5s 0.3s, transform 0.5s 0.3s, -webkit-transform 0.5s 0.3s, -moz-transform 0.5s 0.3s;
}
.notify.animate-in .transition-el-4 {
  -webkit-transition: opacity 0.5s 0.4s, -webkit-transform 0.5s 0.4s;
  transition: opacity 0.5s 0.4s, -webkit-transform 0.5s 0.4s;
  -o-transition: opacity 0.5s 0.4s, transform 0.5s 0.4s;
  -moz-transition: opacity 0.5s 0.4s, transform 0.5s 0.4s, -moz-transform 0.5s 0.4s;
  transition: opacity 0.5s 0.4s, transform 0.5s 0.4s;
  transition: opacity 0.5s 0.4s, transform 0.5s 0.4s, -webkit-transform 0.5s 0.4s, -moz-transform 0.5s 0.4s;
}
.notify.animate-in .transition-el-5 {
  -webkit-transition: opacity 0.5s 0.5s, background-color 0.3s 0s, -webkit-transform 0.5s 0.5s, -webkit-box-shadow 0.3s 0s;
  transition: opacity 0.5s 0.5s, background-color 0.3s 0s, -webkit-transform 0.5s 0.5s, -webkit-box-shadow 0.3s 0s;
  -o-transition: opacity 0.5s 0.5s, transform 0.5s 0.5s, background-color 0.3s 0s, box-shadow 0.3s 0s;
  -moz-transition: opacity 0.5s 0.5s, transform 0.5s 0.5s, background-color 0.3s 0s, box-shadow 0.3s 0s, -moz-transform 0.5s 0.5s, -moz-box-shadow 0.3s 0s;
  transition: opacity 0.5s 0.5s, transform 0.5s 0.5s, background-color 0.3s 0s, box-shadow 0.3s 0s;
  transition: opacity 0.5s 0.5s, transform 0.5s 0.5s, background-color 0.3s 0s, box-shadow 0.3s 0s, -webkit-transform 0.5s 0.5s, -moz-transform 0.5s 0.5s, -webkit-box-shadow 0.3s 0s, -moz-box-shadow 0.3s 0s;
}
.notify.animate-out {
  opacity: 0;
  visibility: hidden;
}
.notify .transition-el {
  opacity: 0;
  -webkit-transform: translateY(50px);
     -moz-transform: translateY(50px);
      -ms-transform: translateY(50px);
          transform: translateY(50px);
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  -o-transition: opacity 0.3s, transform 0.3s;
  -moz-transition: opacity 0.3s, transform 0.3s, -moz-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s;
}
@media only screen and (min-width: 1200px) {
  .notify {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  .notify.dark {
    background-color: transparent;
  }
  .notify.light {
    background-color: transparent;
  }
}

.notify__container {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 568px;
}

.notify__content {
  position: absolute;
  left: 0;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  text-align: center;
}

.booking-modal {
  z-index: 2000;
  background-color: rgba(17, 17, 17, 0.84);
  overflow: hidden;
}

.booking-modal__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.booking-modal .notify__container {
  min-height: 100vh;
  height: 100vh;
  padding: 2rem;
}

.booking-modal .notify__content {
  position: relative;
  top: auto;
  -webkit-transform: none;
     -moz-transform: none;
      -ms-transform: none;
          transform: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 100%;
  width: 100%;
}

.booking-modal__dialog {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
  max-height: calc(100vh - 4rem);
  padding: 3rem 3rem 2.4rem;
  background-color: #111111;
  overflow: hidden;
  -webkit-box-shadow: 0 24px 80px rgba(0, 0, 0, 0.35);
     -moz-box-shadow: 0 24px 80px rgba(0, 0, 0, 0.35);
          box-shadow: 0 24px 80px rgba(0, 0, 0, 0.35);
}

.booking-modal__frame-wrap {
  margin-top: 2.4rem;
  background-color: #ffffff;
  overflow: hidden;
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.booking-modal__frame {
  display: block;
  width: 100%;
  height: min(70vh, 760px);
  min-height: 0;
  border: 0;
  background-color: #ffffff;
}

.booking-modal__dialog .section-close {
  top: 2rem;
  right: 2rem;
  cursor: pointer;
}

@media only screen and (min-width: 768px) {
  .booking-modal .notify__container {
    padding: 3rem;
  }
  .booking-modal__dialog {
    padding: 4rem 4rem 3rem;
    max-height: calc(100vh - 6rem);
  }
}

@media only screen and (max-width: 767px) {
  .booking-modal .notify__container {
    padding: 1rem;
  }
  .booking-modal__dialog {
    max-height: calc(100vh - 2rem);
    padding: 5.6rem 1.6rem 1.6rem;
  }
  .booking-modal__frame {
    height: 62vh;
    min-height: 340px;
  }
  .booking-modal__dialog .section-close {
    top: 1rem;
    right: 1rem;
  }
}

/* ------------------------------------------------*/
/* Popup Dialogs End */

/* Content Section Styles Start */
/* ------------------------------------------------*/
.inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 3;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.inner .inner__container {
  opacity: 1;
  -webkit-transition: opacity 0.6s ease-in-out;
  -o-transition: opacity 0.6s ease-in-out;
  -moz-transition: opacity 0.6s ease-in-out;
  transition: opacity 0.6s ease-in-out;
}
.inner.animate-in {
  z-index: 11;
  opacity: 1;
  visibility: visible;
}
.inner.animate-in .media__content::after {
  -webkit-transform: translateX(100%);
     -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.6s 0.6s ease-in-out;
  transition: -webkit-transform 0.6s 0.6s ease-in-out;
  -o-transition: transform 0.6s 0.6s ease-in-out;
  -moz-transition: transform 0.6s 0.6s ease-in-out, -moz-transform 0.6s 0.6s ease-in-out;
  transition: transform 0.6s 0.6s ease-in-out;
  transition: transform 0.6s 0.6s ease-in-out, -webkit-transform 0.6s 0.6s ease-in-out, -moz-transform 0.6s 0.6s ease-in-out;
}
.inner.animate-in .inner__container {
  opacity: 1;
  -webkit-transition: opacity 0.6s 0.6s ease-in-out;
  -o-transition: opacity 0.6s 0.6s ease-in-out;
  -moz-transition: opacity 0.6s 0.6s ease-in-out;
  transition: opacity 0.6s 0.6s ease-in-out;
}
.inner.animate-out {
  -webkit-transform: translateX(100%);
     -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}
.inner.to-back {
  z-index: 3;
  opacity: 0;
  visibility: hidden;
}
@media only screen and (min-width: 1200px) {
  .inner {
    overflow: hidden;
  }
  .inner.animate-out {
    -webkit-transform: translateX(50%);
       -moz-transform: translateX(50%);
        -ms-transform: translateX(50%);
            transform: translateX(50%);
  }
  .inner.animate-out .media__content::before {
    -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition: -webkit-transform 0.6s 0.6s ease-in-out;
    transition: -webkit-transform 0.6s 0.6s ease-in-out;
    -o-transition: transform 0.6s 0.6s ease-in-out;
    -moz-transition: transform 0.6s 0.6s ease-in-out, -moz-transform 0.6s 0.6s ease-in-out;
    transition: transform 0.6s 0.6s ease-in-out;
    transition: transform 0.6s 0.6s ease-in-out, -webkit-transform 0.6s 0.6s ease-in-out, -moz-transform 0.6s 0.6s ease-in-out;
  }
}

.inner__content,
.inner__media {
  position: relative;
}
@media only screen and (min-width: 1200px) {
  .inner__content,
.inner__media {
    height: 100%;
  }
}

.inner__content {
  height: auto;
}
.inner__content::after {
  display: none;
  content: "";
}
@media only screen and (min-width: 1200px) {
  .inner__content {
    height: 100%;
    overflow-y: auto;
  }
  .inner__content::after {
    content: "custom-scrollbar";
  }
}

.inner__block {
  position: relative;
  padding: 9rem 0;
}
.inner__block.no-padding {
  padding: 0;
}
.inner__block.background-light + .inner__block.background-light {
  border-top: 1px solid rgba(0, 0, 0, 0.07);
}
@media only screen and (min-width: 1400px) {
  .inner__block {
    padding: 10rem 0;
  }
}

.inner__container {
  position: relative;
  padding: 0 10%;
  margin-bottom: 5rem;
}
.inner__container:last-of-type {
  margin-bottom: 0;
}
.inner__container.grid-block {
  padding: 0 -moz-calc(10% - 15px);
  padding: 0 calc(10% - 15px);
}
.inner__container.notify-width {
  max-width: 540px;
  margin: 0 auto 5rem;
}
.inner__container.notify-width:last-of-type {
  margin: 0 auto;
}
@media only screen and (min-width: 1200px) {
  .inner__container {
    padding: 0 8rem;
  }
  .inner__container.grid-block {
    padding: 0 -moz-calc(8rem - 15px);
    padding: 0 calc(8rem - 15px);
  }
}
@media only screen and (min-width: 1400px) {
  .inner__container {
    padding: 0 10rem;
    margin-bottom: 6rem;
  }
  .inner__container:last-of-type {
    margin-bottom: 0;
  }
  .inner__container.grid-block {
    padding: 0 -moz-calc(10rem - 15px);
    padding: 0 calc(10rem - 15px);
  }
  .inner__container.notify-width {
    max-width: 640px;
    margin: 0 auto 6rem;
  }
  .inner__container.notify-width:last-of-type {
    margin: 0 auto;
  }
}

.inner__media {
  height: 100vh;
  min-height: 568px;
  background-color: #5b5b5b;
}
@media only screen and (min-width: 1200px) {
  .inner__media {
    height: 100%;
    min-height: auto;
  }
}

.media__container {
  position: absolute;
  top: 9rem;
  left: 10%;
  width: 80%;
  height: -moz-calc(100% - 18rem);
  height: calc(100% - 18rem);
}
@media only screen and (min-width: 1200px) {
  .media__container {
    position: absolute;
    top: 9rem;
    left: 12rem;
    width: -moz-calc(100% - 24rem);
    width: calc(100% - 24rem);
  }
}
@media only screen and (min-width: 1400px) {
  .media__container {
    position: absolute;
    top: 10rem;
    left: 16rem;
    width: -moz-calc(100% - 32rem);
    width: calc(100% - 32rem);
    height: -moz-calc(100% - 20rem);
    height: calc(100% - 20rem);
  }
}

.media__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.media__content::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #5b5b5b;
  -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: -webkit-transform 0.6s ease-in-out;
  transition: -webkit-transform 0.6s ease-in-out;
  -o-transition: transform 0.6s ease-in-out;
  -moz-transition: transform 0.6s ease-in-out, -moz-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out, -moz-transform 0.6s ease-in-out;
}
.media__content::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #5b5b5b;
  -webkit-transform: translateX(-100%);
     -moz-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.6s ease-in-out;
  transition: -webkit-transform 0.6s ease-in-out;
  -o-transition: transform 0.6s ease-in-out;
  -moz-transition: transform 0.6s ease-in-out, -moz-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out, -moz-transform 0.6s ease-in-out;
  z-index: 1;
}

.media__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  -moz-background-size: cover;
       background-size: cover;
}

.media__copyright {
  position: absolute;
  bottom: 3rem;
  left: 0;
  width: 100%;
  padding: 0 10%;
  text-align: center;
}
@media only screen and (min-width: 1200px) {
  .media__copyright {
    padding: 0 8rem;
  }
}
@media only screen and (min-width: 1400px) {
  .media__copyright {
    position: absolute;
    bottom: 3.4rem;
    left: 0;
    padding: 0 10rem;
  }
}

/* ------------------------------------------------*/
/* Content Section Styles End */

/* Custom Scroll Styles Start */
/* ------------------------------------------------*/
.mCSB_scrollTools {
  opacity: 1;
}

.mCSB_scrollTools .mCSB_draggerRail {
  filter: alpha(opacity=100);
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  filter: alpha(opacity=100);
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  filter: alpha(opacity=100);
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  filter: alpha(opacity=100);
}

.mCSB_inside > .mCSB_container {
  margin-right: 0px;
}

.scroll-left .mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-left: 0;
}
@media only screen and (min-width: 1200px) {
  .scroll-left .mCSB_inside > .mCSB_container {
    margin-left: 4px;
  }
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}

.mCSB_scrollTools {
  position: absolute;
  width: 30px;
  height: auto;
  left: auto;
  top: 3.4rem;
  right: 0;
  bottom: 3.4rem;
}

.scroll-left .mCSB_scrollTools {
  left: 0;
  top: 0;
  right: auto;
  bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools {
  right: -26px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  right: auto;
  left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px;
}

.mCSB_scrollTools .mCSB_draggerContainer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 1px;
  height: 100%;
  margin: 0 auto;
  -moz-border-radius: 0;
       border-radius: 0;
}

.mCSB_scrollTools .mCSB_dragger {
  cursor: pointer;
  width: 100%;
  height: 30px;
  z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  position: relative;
  width: 1px;
  height: 100%;
  margin: 0 auto;
  text-align: center;
  -moz-border-radius: 0;
       border-radius: 0;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}

/* Scroll Custom Colors */
.mCSB_scrollTools .mCSB_draggerRail {
  background-color: rgba(0, 0, 0, 0.16);
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #111111;
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #111111;
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #111111;
}

/* ------------------------------------------------*/
/* Custom Scroll Styles End */

/* Features Start */
/* ------------------------------------------------*/
.features__item {
  position: relative;
  text-align: left;
  margin-bottom: 5rem;
  display: flex;
  align-items: baseline;
}
.features__item:last-of-type {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .features__item {
    margin-bottom: 0;
  }
}

.features__image {
  display: block;
  width: auto;
}

.features__image.icon {
  width: 20px;
  float: left;
  margin: 0 10px 0 0;
}

.features__title {
  font: normal 400 1.8rem/1.2 "Baskervville", serif;
  margin-top: 2.2rem;
}

.features__text {
  margin-top: 1.1rem;
}

/* ------------------------------------------------*/
/* Features End */
/* ------------------------------------------------*/
/* ------------------------------------------------*/

/* Contact Data Start */
/* ------------------------------------------------*/
.contact-data__item {
  position: relative;
  text-align: left;
  margin-bottom: 3rem;
}
.contact-data__item:last-of-type {
  margin-bottom: 0;
}
@media only screen and (min-width: 576px) {
  .contact-data__item:nth-of-type(3) {
    margin-bottom: 0;
  }
}

.contact-data__title {
  margin-bottom: 0.3rem;
}

.contact-data__text {
  position: relative;
  font: normal 400 1.4rem/1.6 "Mulish", sans-serif;
  color: #616161;
}
.contact-data__text a {
  position: relative;
  font: normal 400 1.4rem/1.6 "Mulish", sans-serif;
  color: #616161;
  z-index: 1;
}
.contact-data__text a::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #212121;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.no-touch .contact-data__text a:hover {
  color: #0A0A0A;
}
.no-touch .contact-data__text a:hover::after {
  width: 100%;
}

.contact-data__socials li {
  display: block;
  position: relative;
}
.contact-data__socials li a {
  position: relative;
  font: normal 400 1.4rem/1.6 "Mulish", sans-serif;
  color: #616161;
}
.contact-data__socials li a::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #212121;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.no-touch .contact-data__socials li:hover a {
  color: #0A0A0A;
}
.no-touch .contact-data__socials li:hover a::after {
  width: 100%;
}

/* ------------------------------------------------*/
/* Contact Data End */

/* Google Map Start */
/* ------------------------------------------------*/
.map {
  position: relative;
  width: 100%;
  height: 100%;
}

#google-container {
  position: relative;
  width: 100%;
  height: 100%;
}

#google-map {
  position: relative;
  height: 100%;
}
@media only screen and (min-width: 1200px) {
  #google-map {
    width: 100%;
  }
}

#zoom-in, #zoom-out {
  position: relative;
  height: 3rem;
  width: 3rem;
  line-height: 3.1rem;
  margin-right: 1rem;
  font-size: 1rem;
  color: #ffffff;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
  background-color: #111111;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#zoom-in .btn-icon, #zoom-out .btn-icon {
  position: relative;
  color: #ffffff;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s;
}
.no-touch #zoom-in:hover, .no-touch #zoom-out:hover {
  background-color: #414141;
}

#zoom-out {
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}

/* ------------------------------------------------*/
/* Google Map End */

/* Gallery Custom Styles Start */
/* ------------------------------------------------*/
.gallery {
  position: relative;
}

.my-gallery figure {
  position: relative;
  margin: 0;
  overflow: hidden;
  cursor: pointer;
}
.my-gallery figure::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(30%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.8)));
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.8) 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.8) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.8) 100%);
  opacity: 1;
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  -o-transition: transform 0.5s, opacity 0.5s;
  -moz-transition: transform 0.5s, opacity 0.5s, -moz-transform 0.5s;
  transition: transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s, -moz-transform 0.5s;
}
.my-gallery figure:nth-of-type(2)::after, .my-gallery figure:nth-of-type(3)::after {
  background-color: #111111;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(17, 17, 17, 0)), color-stop(30%, rgba(17, 17, 17, 0)), to(rgba(17, 17, 17, 0.6)));
  background: -moz-linear-gradient(top, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0) 30%, rgba(17, 17, 17, 0.6) 100%);
  background: -o-linear-gradient(top, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0) 30%, rgba(17, 17, 17, 0.6) 100%);
  background: linear-gradient(to bottom, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0) 30%, rgba(17, 17, 17, 0.6) 100%);
}
.my-gallery figure figcaption {
  position: absolute;
  top: 3rem;
  left: 3rem;
  width: -moz-calc(100% - 6rem);
  width: calc(100% - 6rem);
  height: -moz-calc(100% - 6rem);
  height: calc(100% - 6rem);
  text-align: center;
  z-index: 1;
}
.my-gallery figure figcaption h4 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  color: #111111;
}
.my-gallery figure figcaption h4 small {
  color: #111111;
}
.my-gallery figure figcaption p {
  display: none;
}
.my-gallery figure:nth-of-type(2) figcaption h4, .my-gallery figure:nth-of-type(3) figcaption h4 {
  color: #ffffff;
}
.my-gallery figure:nth-of-type(2) figcaption h4 small, .my-gallery figure:nth-of-type(3) figcaption h4 small {
  color: rgba(255, 255, 255, 0.8);
}
@media only screen and (min-width: 1200px) {
  .my-gallery figure {
    height: 25vh;
  }
  .my-gallery figure::after {
    background-color: rgba(255, 255, 255, 0.6);
    opacity: 0;
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, -webkit-transform 0.5s;
    -o-transition: transform 0.5s, opacity 0.5s;
    -moz-transition: transform 0.5s, opacity 0.5s, -moz-transform 0.5s;
    transition: transform 0.5s, opacity 0.5s;
    transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s, -moz-transform 0.5s;
  }
  .my-gallery figure:nth-of-type(2)::after, .my-gallery figure:nth-of-type(3)::after {
    background-color: rgba(17, 17, 17, 0.6);
  }
  .my-gallery figure img {
    width: auto;
    height: 50vh;
  }
  .my-gallery figure .works-image {
    opacity: 0;
  }
  .my-gallery figure .works-link {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center;
  }
  .my-gallery figure .works-link .picture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -moz-background-size: cover;
         background-size: cover;
    -webkit-transition: background-position 0.5s;
    -o-transition: background-position 0.5s;
    -moz-transition: background-position 0.5s;
    transition: background-position 0.5s;
  }
  .my-gallery figure figcaption h4 {
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(calc(-50% + 1.6rem));
       -moz-transform: translateY(-moz-calc(-50% + 1.6rem));
        -ms-transform: translateY(calc(-50% + 1.6rem));
            transform: translateY(calc(-50% + 1.6rem));
    opacity: 0;
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, -webkit-transform 0.5s;
    -o-transition: transform 0.5s, opacity 0.5s;
    -moz-transition: transform 0.5s, opacity 0.5s, -moz-transform 0.5s;
    transition: transform 0.5s, opacity 0.5s;
    transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s, -moz-transform 0.5s;
  }
  .no-touch .my-gallery figure:hover::after {
    opacity: 1;
  }
  .no-touch .my-gallery figure:hover figcaption h4 {
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    opacity: 1;
  }
}

.pswp__caption__center {
  text-align: center;
}
.pswp__caption__center h4 {
  font: normal 400 2rem/1 "Baskervville", serif;
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 1.2rem;
}
.pswp__caption__center h4 small {
  display: block;
  text-transform: none;
  font: italic 400 1.6rem/1.6 "Baskervville", serif;
  color: rgba(255, 255, 255, 0.8);
  text-transform: none;
}
.pswp__caption__center p {
  font: normal 400 1.4rem/1.6 "Mulish", sans-serif;
  color: rgba(255, 255, 255, 0.6);
}

.pswp__counter {
  font-family: "Baskervville", serif;
}

.pswp__button--close {
  opacity: 1;
}

.pswp__button--arrow--left::before, .pswp__button--arrow--right::before {
  width: 44px;
  height: 44px;
}

.pswp__button--arrow--left:before {
  left: 0;
  background-position: -132px -44px;
}

.pswp__button--arrow--right:before {
  right: 0;
  background-position: -88px -44px;
}

.pswp__bg {
  background: #212121;
}

.pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.5);
}

.pswp__caption, .pswp__top-bar {
  background-color: rgba(0, 0, 0, 0.5);
}

.pswp__button--close {
  background-color: #ffffff;
}

/* ------------------------------------------------*/
/* Gallery Custom Styles End */
/* ------------------------------------------------*/

/* ==================================================
   COLOR THEME
   ================================================== */

/*! ------------------------------------------------
 * MAISON APARTAMENTOS COLOR STYLE CSS
 * ------------------------------------------------
/* ------------------------------------------------*/
/* Basic Color Options Start */
/* ------------------------------------------------*/
::-moz-selection {
  background-color: #f4eeed;
  color: #0A0A0A;
  text-shadow: none;
}
::selection {
  background-color: #f4eeed;
  color: #0A0A0A;
  text-shadow: none;
}

body {
  background-color: #ffffff;
  color: #444444;
}

a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
  color: #0A0A0A;
}

.color-layer-medium {
  background-color: rgba(0, 0, 0, 0.4);
}

.color-layer-dark {
  background-color: rgba(0, 0, 0, 0.6);
}

.background-black {
  background-color: #b3b3b3;
}

.background-dark {
  background-color: #ffffff;
}

.background-medium {
  background-color: #748087;
}

.background-mute {
  background-color: #f4eeed;
}

.background-light {
  background-color: #ffffff;
}

/* ------------------------------------------------*/
/* Basic Color Options End */
/* ------------------------------------------------*/
/* ------------------------------------------------*/
/* Typography Colors Start */
/* ------------------------------------------------*/
h1 {
  color: #0A0A0A;
}
h1.light {
  color: #ffffff;
}

.headline__subtitle {
  color: #444444;
}
.headline__subtitle.light {
  color: rgba(255, 255, 255, 0.8);
}

.headline__text {
  color: #444444;
}
.headline__text.light {
  color: rgba(255, 255, 255, 0.8);
}

h2 {
  color: #0A0A0A;
}

.section__subtitle {
  color: #444444;
}

.section__text {
  color: #444444;
}

h3 {
  color: #0A0A0A;
}

.block__subtitle {
  color: #444444;
}

.block__text {
  color: #444444;
}

h4 {
  color: #0A0A0A;
}
h4 small {
  color: #444444;
}

h5 {
  color: #0A0A0A;
}

p {
  color: #444444;
}
p span {
  color: #0A0A0A;
}
p.additional-text {
  color: #0A0A0A;
}
p.additional-text a {
  color: #0A0A0A;
}
.no-touch p.additional-text a:hover {
  color: rgba(10, 10, 10, 0.6);
}
p.additional-text.light {
  color: #ffffff;
}
p.additional-text.light a {
  color: #ffffff;
}
.no-touch p.additional-text.light a:hover {
  color: rgba(255, 255, 255, 0.6);
}
p.additional-text.light-mute {
  color: rgba(255, 255, 255, 0.6);
}
p.additional-text.light-mute a {
  color: rgba(255, 255, 255, 0.6);
}
.no-touch p.additional-text.light-mute a:hover {
  color: #ffffff;
}

blockquote p {
  color: #0A0A0A;
}
blockquote cite {
  color: #444444;
}

.popup__title {
  color: #0A0A0A;
}
.popup__title.light {
  color: #ffffff;
}

.popup__subtitle {
  color: #444444;
}
.popup__subtitle.light {
  color: rgba(255, 255, 255, 0.8);
}

.popup__text {
  color: #444444;
}
.popup__text.light {
  color: rgba(255, 255, 255, 0.8);
}

.navigation li span {
  color: #444444;
}
.navigation li a {
  color: #0A0A0A;
}
.navigation.light li span {
  color: rgba(255, 255, 255, 0.6);
}
.navigation.light li a {
  color: #ffffff;
}
@media only screen and (min-width: 1200px) {
  .navigation li a {
    color: #0A0A0A;
  }
  .no-touch .navigation li a:hover {
    color: #605653;
  }
  .navigation.light li span {
    color: rgba(255, 255, 255, 0.6);
  }
  .navigation.light li a {
    color: rgba(255, 255, 255, 0.6);
  }
  .no-touch .navigation.light li a:hover {
    color: #ffffff;
  }
}

/* ------------------------------------------------*/
/* Typography Colors End */
/* ------------------------------------------------*/
/* ------------------------------------------------*/
/* Buttons & Controls Colors Start */
/* ------------------------------------------------*/
.menu-trigger span:before, .menu-trigger span::after {
  background-color: #ffffff;
}

.section-close span:before, .section-close span::after {
  background-color: rgba(17, 17, 17, 0.6);
}
.no-touch .section-close:hover span:before, .no-touch .section-close:hover span::after {
  background-color: #111111;
}
.section-close.light span:before, .section-close.light span::after {
  background-color: rgba(255, 255, 255, 0.5);
}
.no-touch .section-close.light:hover span:before, .no-touch .section-close.light:hover span::after {
  background-color: #ffffff;
}

.btn-solid-light {
  background-color: #ffffff;
  color: #000000;
}
.no-touch .btn-solid-light:hover {
  background-color: #cccccc;
}

.btn-solid-dark {
  background-color: #111111;
  color: #ffffff;
}
.no-touch .btn-solid-dark:hover {
  background-color: #748087;
  color: #111111;
}

/* ------------------------------------------------*/
/* Buttons & Controls Colors End */
/* Main Section Colors Start */
/* ------------------------------------------------*/
.main {
  background-color: #ffffff;
}

.main__content {
  background-color: #ffffff;
}

.main__media {
  background-color: #748087;
}

.mainmedia__content::after {
  background-color: #748087;
}
.mainmedia__content::before {
  background-color: #748087;
}

/* ------------------------------------------------*/
/* Main Section Colors End */
/* ------------------------------------------------*/
/* ------------------------------------------------*/
/* Menu Colors Start */
/* ------------------------------------------------*/
.menu.dark {
  background-color: #cccccc;
}
.menu.light {
  background-color: #ece6e4;
}

/* ------------------------------------------------*/
/* Menu Colors End */
/* ------------------------------------------------*/
/* ------------------------------------------------*/
/* Socials Colors Start */
/* ------------------------------------------------*/
.socials-text li::after {
  color: #0A0A0A;
}
.socials-text li a {
  color: #0A0A0A;
}
.no-touch .socials-text li:hover a {
  color: #748087;
}
.socials-text.light li::after {
  color: #ffffff;
}
.socials-text.light li a {
  color: #ffffff;
}
.no-touch .socials-text.light li:hover a {
  color: rgba(255, 255, 255, 0.6);
}

.socials-icons li a {
  color: #0A0A0A;
}
.no-touch .socials-icons li a:hover {
  color: #748087;
}
.socials-icons.light li a {
  color: #ffffff;
}
.no-touch .socials-icons.light li a:hover {
  color: rgba(255, 255, 255, 0.6);
}
.socials-icons.light-mute li a {
  color: rgba(255, 255, 255, 0.6);
}
.no-touch .socials-icons.light-mute li a:hover {
  color: #ffffff;
}

/* ------------------------------------------------*/
/* Socials Colors End */
/* Content Section Colors Start */
/* ------------------------------------------------*/
.inner__media {
  background-color: #748087;
}

.media__content::after {
  background-color: #748087;
}
.media__content::before {
  background-color: #748087;
}

/* ------------------------------------------------*/
/* Content Section Colors End */
/* ------------------------------------------------*/
/* ------------------------------------------------*/
/* Custom Scroll Colors Start */
/* ------------------------------------------------*/
.mCSB_scrollTools .mCSB_draggerRail {
  background-color: rgba(17, 17, 17, 0.16);
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #111111;
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #111111;
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #111111;
}

/* ------------------------------------------------*/
/* Custom Scroll Colors End */
/* Contact Data Colors Start */
/* ------------------------------------------------*/
.contact-data__text {
  color: #616161;
}
.contact-data__text a {
  color: #616161;
}
.contact-data__text a::after {
  background-color: #748087;
}
.no-touch .contact-data__text a:hover {
  color: #0A0A0A;
}

.contact-data__socials li a {
  color: #616161;
}
.contact-data__socials li a::after {
  background-color: #748087;
}
.no-touch .contact-data__socials li:hover a {
  color: #0A0A0A;
}

/* ------------------------------------------------*/
/* Contact Data Colors End */
/* ------------------------------------------------*/
/* ------------------------------------------------*/
/* Google Map Colors Start */
/* ------------------------------------------------*/
#zoom-in, #zoom-out {
  background-color: #111111;
}
#zoom-in .btn-icon, #zoom-out .btn-icon {
  color: #ffffff;
}
.no-touch #zoom-in:hover, .no-touch #zoom-out:hover {
  background-color: #414141;
}

/* ------------------------------------------------*/
/* Google Map Colors End */
/* ------------------------------------------------*/
/* ------------------------------------------------*/
/* Gallery Custom colors Start */
/* ------------------------------------------------*/
.my-gallery figure::after {
  background-color: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(30%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.8)));
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.8) 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.8) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.8) 100%);
}
.my-gallery figure:nth-of-type(2)::after, .my-gallery figure:nth-of-type(3)::after {
  background-color: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(191, 172, 165, 0)), color-stop(30%, rgba(191, 172, 165, 0)), to(rgba(191, 172, 165, 0.6)));
  background: -moz-linear-gradient(top, rgba(191, 172, 165, 0) 0%, rgba(191, 172, 165, 0) 30%, rgba(191, 172, 165, 0.6) 100%);
  background: -o-linear-gradient(top, rgba(191, 172, 165, 0) 0%, rgba(191, 172, 165, 0) 30%, rgba(191, 172, 165, 0.6) 100%);
  background: linear-gradient(to bottom, rgba(191, 172, 165, 0) 0%, rgba(191, 172, 165, 0) 30%, rgba(191, 172, 165, 0.6) 100%);
}
.my-gallery figure:nth-of-type(2) h4, .my-gallery figure:nth-of-type(3) h4 {
  color: #111111;
}
.my-gallery figure:nth-of-type(2) h4 small, .my-gallery figure:nth-of-type(3) h4 small {
  color: #111111;
}
.my-gallery figure:nth-of-type(2) figcaption h4, .my-gallery figure:nth-of-type(3) figcaption h4 {
  color: #0A0A0A;
}
.my-gallery figure:nth-of-type(2) figcaption h4 small, .my-gallery figure:nth-of-type(3) figcaption h4 small {
  color: rgba(10, 10, 10, 0.8);
}
@media only screen and (min-width: 1200px) {
  .my-gallery figure::after {
    background: rgba(255, 255, 255, 0.6);
  }
  .my-gallery figure:nth-of-type(2)::after, .my-gallery figure:nth-of-type(3)::after {
    background: rgba(191, 172, 165, 0.6);
  }
}

.pswp__caption__center h4 {
  color: #ffffff;
}
.pswp__caption__center h4 small {
  color: rgba(255, 255, 255, 0.8);
}
.pswp__caption__center p {
  color: rgba(255, 255, 255, 0.6);
}

.pswp__bg {
  background: #262221;
}

.pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.5);
}

.pswp__caption, .pswp__top-bar {
  background-color: rgba(0, 0, 0, 0.5);
}

.pswp__button--close {
  background-color: #748087;
}

/* ------------------------------------------------*/
/* Gallery Custom colors End */
/* ------------------------------------------------*/