/*------------------------------------------------------------------
Project:	Grafschafter Immobilienmanagement
Version:	1.0
-------------------------------------------------------------------*/
@import url(../fonts/IstokWeb-Regular/IstokWeb-Regular.css);
@import url(../fonts/caveat/stylesheet.css);
/* 1. Header */
/* line 1, ../scss/helpers/_navigation.scss */
.navigation {
  padding: 20px;
  position: relative;
  background: #ffffff; }
  /* line 6, ../scss/helpers/_navigation.scss */
  .navigation .left {
    position: relative;
    display: inline-block; }
  /* line 11, ../scss/helpers/_navigation.scss */
  .navigation .right {
    position: relative;
    display: inline-block;
    float: right; }
    @media screen and (max-width: 801px) {
      /* line 11, ../scss/helpers/_navigation.scss */
      .navigation .right {
        display: none; } }
    /* line 24, ../scss/helpers/_navigation.scss */
    .navigation .right ul li.login {
      border-bottom: 1px solid transparent; }
      /* line 26, ../scss/helpers/_navigation.scss */
      .navigation .right ul li.login a {
        color: #0086bb;
        border: 1px solid #0086bb;
        padding: 10px;
        text-decoration: none; }
  /* line 37, ../scss/helpers/_navigation.scss */
  .navigation .nav-btn {
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    height: 20px;
    margin: auto;
    padding: 5px; }
    /* line 45, ../scss/helpers/_navigation.scss */
    .navigation .nav-btn:hover {
      cursor: pointer; }
    /* line 48, ../scss/helpers/_navigation.scss */
    .navigation .nav-btn:before {
      text-shadow: none;
      -webkit-font-smoothing: antialiased;
      font-family: 'ElegantIcons';
      speak: none;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      text-transform: none;
      -moz-transition: ease 0.5s;
      -o-transition: ease 0.5s;
      -webkit-transition: ease 0.5s;
      transition: ease 0.5s;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0;
      content: "\M";
      position: absolute;
      font-size: 22px;
      height: 12px;
      width: 12px;
      margin: auto;
      top: 0;
      left: 1px; }
    /* line 61, ../scss/helpers/_navigation.scss */
    .navigation .nav-btn figure {
      -moz-transition: ease 0.5s;
      -o-transition: ease 0.5s;
      -webkit-transition: ease 0.5s;
      transition: ease 0.5s;
      height: 2px;
      width: 15px;
      background-color: #000000;
      margin: 2px 0; }

/* line 70, ../scss/helpers/_navigation.scss */
.navigation-off-canvas {
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
  -moz-transition: ease 0.5s;
  -o-transition: ease 0.5s;
  -webkit-transition: ease 0.5s;
  transition: ease 0.5s;
  position: absolute;
  background-color: #000000;
  width: 250px;
  right: -250px;
  height: 100%; }
  /* line 78, ../scss/helpers/_navigation.scss */
  .navigation-off-canvas h2 {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    font-size: 11px;
    font-weight: bold;
    padding-left: 20px;
    color: #fff;
    margin: 0; }
  /* line 86, ../scss/helpers/_navigation.scss */
  .navigation-off-canvas ul {
    list-style: none;
    padding-left: 0;
    margin: 0; }
    /* line 90, ../scss/helpers/_navigation.scss */
    .navigation-off-canvas ul li {
      border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
      /* line 92, ../scss/helpers/_navigation.scss */
      .navigation-off-canvas ul li:first-child {
        border-top: 1px solid rgba(255, 255, 255, 0.2); }
      /* line 95, ../scss/helpers/_navigation.scss */
      .navigation-off-canvas ul li .label {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
        opacity: 0.7; }
      /* line 98, ../scss/helpers/_navigation.scss */
      .navigation-off-canvas ul li a {
        background-color: rgba(255, 255, 255, 0);
        color: #fff;
        padding: 10px 20px;
        display: block; }
        /* line 103, ../scss/helpers/_navigation.scss */
        .navigation-off-canvas ul li a:hover {
          background-color: rgba(255, 255, 255, 0.2); }
        /* line 107, ../scss/helpers/_navigation.scss */
        .navigation-off-canvas ul li a[data-toggle]:after {
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
          opacity: 0.7;
          text-shadow: none;
          -webkit-font-smoothing: antialiased;
          font-family: 'ElegantIcons';
          speak: none;
          font-weight: normal;
          font-variant: normal;
          line-height: 1;
          text-transform: none;
          content: "\L";
          color: #fff;
          position: absolute;
          right: 10px;
          font-size: 16px; }
        /* line 117, ../scss/helpers/_navigation.scss */
        .navigation-off-canvas ul li a[aria-expanded=true] {
          background-color: rgba(255, 255, 255, 0.2); }
          /* line 119, ../scss/helpers/_navigation.scss */
          .navigation-off-canvas ul li a[aria-expanded=true]:after {
            content: "\K"; }
      /* line 126, ../scss/helpers/_navigation.scss */
      .navigation-off-canvas ul li ul li a {
        background-color: rgba(255, 255, 255, 0.15);
        padding-left: 30px; }
      /* line 132, ../scss/helpers/_navigation.scss */
      .navigation-off-canvas ul li ul li ul li a {
        background-color: rgba(255, 255, 255, 0.15);
        padding-left: 60px; }

/* line 144, ../scss/helpers/_navigation.scss */
.navigation-inline {
  position: relative;
  margin-top: 40px; }
  /* line 148, ../scss/helpers/_navigation.scss */
  .navigation-inline ul {
    list-style: none;
    margin: 0; }
    /* line 152, ../scss/helpers/_navigation.scss */
    .navigation-inline ul li {
      display: inline-block;
      margin-right: 15px;
      border-bottom: 1px solid transparent; }
      /* line 157, ../scss/helpers/_navigation.scss */
      .navigation-inline ul li a {
        font-size: 1.4em;
        color: rgba(0, 0, 0, 0.6); }
        /* line 161, ../scss/helpers/_navigation.scss */
        .navigation-inline ul li a.active {
          color: #0086bb; }
      /* line 166, ../scss/helpers/_navigation.scss */
      .navigation-inline ul li:hover {
        border-bottom: 1px solid #0086bb; }

/* 2. Elements Styling */
/* line 1, ../scss/helpers/_elements.scss */
body {
  color: #1f1f1f;
  font-size: 14px;
  font-family: "Istok Web", sans-serif;
  position: relative;
  text-transform: uppercase;
  font-size: 12px; }

.font-caveat {
  font-family: "Caveat", cursive;
  color: #0086bb;
}

.fz-lead {
  font-size: 3rem !important;
}

/* line 9, ../scss/helpers/_elements.scss */
a {
  -moz-transition: ease-in-out 0.2s;
  -o-transition: ease-in-out 0.2s;
  -webkit-transition: ease-in-out 0.2s;
  transition: ease-in-out 0.2s;
  color: #000000;
  text-decoration: none; }
  /* line 13, ../scss/helpers/_elements.scss */
  a:hover, a:active, a:focus {
    color: #000000;
    outline: none !important;
    text-decoration: none; }
  /* line 18, ../scss/helpers/_elements.scss */
  a.link {
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase; }
    /* line 22, ../scss/helpers/_elements.scss */
    a.link:hover, a.link:active, a.link:focus {
      color: #3f7d36; }
      /* line 25, ../scss/helpers/_elements.scss */
      a.link:hover.icon i, a.link:active.icon i, a.link:focus.icon i {
        color: #1f1f1f; }
    /* line 31, ../scss/helpers/_elements.scss */
    a.link.icon i {
      -moz-transition: ease 0.5s;
      -o-transition: ease 0.5s;
      -webkit-transition: ease 0.5s;
      transition: ease 0.5s;
      font-size: 12px;
      margin-left: 5px;
      position: relative;
      top: 1px; }
  /* line 41, ../scss/helpers/_elements.scss */
  a.icon i {
    margin: 0 5px;
    font-size: 16px;
    vertical-align: middle; }
  /* line 47, ../scss/helpers/_elements.scss */
  a.icon.arrow:after {
    text-shadow: none;
    -webkit-font-smoothing: antialiased;
    font-family: 'ElegantIcons';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    content: "\$";
    font-size: 16px;
    vertical-align: middle; }

/* line 56, ../scss/helpers/_elements.scss */
dl {
  margin-bottom: 0; }
  /* line 58, ../scss/helpers/_elements.scss */
  dl dt {
    font-weight: 700;
    float: left;
    padding: 2px 0; }
  /* line 63, ../scss/helpers/_elements.scss */
  dl dd {
    text-align: right;
    padding: 2px 0; }

/* line 68, ../scss/helpers/_elements.scss */
.col-md-4 > h1 {
  margin-top: 0; }

/* line 71, ../scss/helpers/_elements.scss */
h2 {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  font-size: 24px;
  margin-top: 0; }

/* line 76, ../scss/helpers/_elements.scss */
hr {
  border-top: 1px solid #e4e4e4;
  margin-top: 25px;
  margin-bottom: 25px; }

/* line 81, ../scss/helpers/_elements.scss */
html, body {
  height: 100%; }

/* line 84, ../scss/helpers/_elements.scss */
p {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
  font-size: 16px;
  line-height: normal;
  text-transform: none; }

/* line 90, ../scss/helpers/_elements.scss */
ul {
  padding-left: 12px;
  margin: 15px 0; }
  /* line 93, ../scss/helpers/_elements.scss */
  ul li {
    text-transform: none; }

/* line 97, ../scss/helpers/_elements.scss */
#page-content ul {
  list-style-position: inside; }
  @media screen and (max-width: 991px) {
    /* line 97, ../scss/helpers/_elements.scss */
    #page-content ul {
      list-style-position: outside; } }
  /* line 103, ../scss/helpers/_elements.scss */
  #page-content ul li {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
    font-size: 16px;
    line-height: normal;
    text-transform: none; }

/* line 110, ../scss/helpers/_elements.scss */
label.error {
  color: red; }

/* 3. Universal classes */
/* line 1, ../scss/helpers/_universal-classes.scss */
.block {
  padding: 50px 0;
  overflow: hidden;
  position: relative; }

/* line 6, ../scss/helpers/_universal-classes.scss */
.bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden; }
  /* line 14, ../scss/helpers/_universal-classes.scss */
  .bg img {
    max-width: inherit;
    height: 100%; }
  /* line 18, ../scss/helpers/_universal-classes.scss */
  .bg.white {
    background-color: #fff; }
  /* line 21, ../scss/helpers/_universal-classes.scss */
  .bg.black {
    background-color: #000; }

/* line 25, ../scss/helpers/_universal-classes.scss */
.bg-transfer {
  background-size: cover;
  background-position: center center;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  overflow: hidden;
  z-index: -1;
  width: 100%; }
  /* line 35, ../scss/helpers/_universal-classes.scss */
  .bg-transfer img {
    display: none !important; }
  /* line 38, ../scss/helpers/_universal-classes.scss */
  .bg-transfer.bg-fixed {
    background-attachment: fixed;
    background-size: 100%;
    background-position: top center; }

/* line 44, ../scss/helpers/_universal-classes.scss */
.box {
  -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.07);
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.07);
  padding: 20px;
  position: relative; }

/* line 49, ../scss/helpers/_universal-classes.scss */
.center {
  text-align: center; }

/* line 53, ../scss/helpers/_universal-classes.scss */
.container .block {
  padding: 30px; }

/* line 57, ../scss/helpers/_universal-classes.scss */
.framed {
  border: 2px solid rgba(0, 134, 187, 0.9);
  padding: 25px;
  display: inline-block; }

/* line 62, ../scss/helpers/_universal-classes.scss */
.separator {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  background-color: #000000;
  display: block;
  height: 2px;
  width: 25px;
  margin: 10px 0; }

/* line 70, ../scss/helpers/_universal-classes.scss */
.font-color-white {
  color: #fff; }

/* line 73, ../scss/helpers/_universal-classes.scss */
.font-color-black {
  color: #000; }

/* line 76, ../scss/helpers/_universal-classes.scss */
.font-color-dark {
  color: #1f1f1f; }

/* line 79, ../scss/helpers/_universal-classes.scss */
.no-margin {
  margin: 0; }

/* line 82, ../scss/helpers/_universal-classes.scss */
.no-bottom-margin {
  margin-bottom: 0 !important; }

/* line 85, ../scss/helpers/_universal-classes.scss */
.no-top-margin {
  margin-top: 0; }

/* line 88, ../scss/helpers/_universal-classes.scss */
.note {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  font-size: 14px; }

/* line 92, ../scss/helpers/_universal-classes.scss */
.half-bottom-margin {
  margin-bottom: 30px; }

/* line 95, ../scss/helpers/_universal-classes.scss */
.row.no-gutters {
  margin-right: 0;
  margin-left: 0; }

/* line 99, ../scss/helpers/_universal-classes.scss */
.row.no-gutters > [class^="col-"], .row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0; }

/* line 103, ../scss/helpers/_universal-classes.scss */
.shadow {
  -moz-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.07); }

/* line 106, ../scss/helpers/_universal-classes.scss */
.stick-to-footer {
  margin-bottom: -60px; }

/* line 109, ../scss/helpers/_universal-classes.scss */
.opacity-90 {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9; }

/* line 112, ../scss/helpers/_universal-classes.scss */
.opacity-80 {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8; }

/* line 115, ../scss/helpers/_universal-classes.scss */
.opacity-70 {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7; }

/* line 118, ../scss/helpers/_universal-classes.scss */
.opacity-60 {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6; }

/* line 121, ../scss/helpers/_universal-classes.scss */
.opacity-50 {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5; }

/* line 124, ../scss/helpers/_universal-classes.scss */
.opacity-40 {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4; }

/* line 127, ../scss/helpers/_universal-classes.scss */
.opacity-30 {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3; }

/* line 130, ../scss/helpers/_universal-classes.scss */
.opacity-20 {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  opacity: 0.2; }

/* line 133, ../scss/helpers/_universal-classes.scss */
.opacity-10 {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
  opacity: 0.1; }

/* line 136, ../scss/helpers/_universal-classes.scss */
.opacity-9 {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=9);
  opacity: 0.09; }

/* line 139, ../scss/helpers/_universal-classes.scss */
.opacity-8 {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=8);
  opacity: 0.08; }

/* line 142, ../scss/helpers/_universal-classes.scss */
.opacity-7 {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=7);
  opacity: 0.07; }

/* line 145, ../scss/helpers/_universal-classes.scss */
.opacity-6 {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=6);
  opacity: 0.06; }

/* line 148, ../scss/helpers/_universal-classes.scss */
.opacity-5 {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=5);
  opacity: 0.05; }

/* line 151, ../scss/helpers/_universal-classes.scss */
.opacity-4 {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=4);
  opacity: 0.04; }

/* line 154, ../scss/helpers/_universal-classes.scss */
.opacity-3 {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=3);
  opacity: 0.03; }

/* line 157, ../scss/helpers/_universal-classes.scss */
.opacity-2 {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=2);
  opacity: 0.02; }

/* line 160, ../scss/helpers/_universal-classes.scss */
.opacity-1 {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=1);
  opacity: 0.01; }

/* line 163, ../scss/helpers/_universal-classes.scss */
.text-color-white {
  color: #fff !important; }
  /* line 165, ../scss/helpers/_universal-classes.scss */
  .text-color-white a {
    color: #fff; }

/* line 169, ../scss/helpers/_universal-classes.scss */
.width-10 {
  width: 10%; }

/* line 172, ../scss/helpers/_universal-classes.scss */
.width-20 {
  width: 20%; }

/* line 175, ../scss/helpers/_universal-classes.scss */
.width-25 {
  width: 25%; }

/* line 178, ../scss/helpers/_universal-classes.scss */
.width-30 {
  width: 30%; }

/* line 181, ../scss/helpers/_universal-classes.scss */
.width-33 {
  width: 33%; }

/* line 184, ../scss/helpers/_universal-classes.scss */
.width-40 {
  width: 40%; }

/* line 187, ../scss/helpers/_universal-classes.scss */
.width-50 {
  width: 50%; }

/* line 190, ../scss/helpers/_universal-classes.scss */
.width-60 {
  width: 60%; }

/* line 193, ../scss/helpers/_universal-classes.scss */
.width-70 {
  width: 70%; }

/* line 196, ../scss/helpers/_universal-classes.scss */
.width-80 {
  width: 80%; }

/* line 199, ../scss/helpers/_universal-classes.scss */
.width-90 {
  width: 90%; }

/* line 202, ../scss/helpers/_universal-classes.scss */
.height-10 {
  height: 10%; }

/* line 205, ../scss/helpers/_universal-classes.scss */
.height-20 {
  height: 20%; }

/* line 208, ../scss/helpers/_universal-classes.scss */
.height-30 {
  height: 30%; }

/* line 211, ../scss/helpers/_universal-classes.scss */
.height-40 {
  height: 40%; }

/* line 214, ../scss/helpers/_universal-classes.scss */
.height-50 {
  height: 50%; }

/* line 217, ../scss/helpers/_universal-classes.scss */
.height-60 {
  height: 60%; }

/* line 220, ../scss/helpers/_universal-classes.scss */
.height-70 {
  height: 70%; }

/* line 223, ../scss/helpers/_universal-classes.scss */
.height-80 {
  height: 80%; }

/* line 226, ../scss/helpers/_universal-classes.scss */
.height-90 {
  height: 90%; }

/* line 229, ../scss/helpers/_universal-classes.scss */
.height-100 {
  height: 100%; }

/* line 232, ../scss/helpers/_universal-classes.scss */
.height-200px {
  height: 200px !important; }

/* line 235, ../scss/helpers/_universal-classes.scss */
.height-300px {
  height: 300px !important; }

/* line 238, ../scss/helpers/_universal-classes.scss */
.height-400px {
  height: 400px !important; }

/* line 241, ../scss/helpers/_universal-classes.scss */
.height-500px {
  height: 500px !important; }

/* line 244, ../scss/helpers/_universal-classes.scss */
.height-600px {
  height: 600px !important; }

/* line 247, ../scss/helpers/_universal-classes.scss */
.height-700px {
  height: 700px !important; }

/* line 250, ../scss/helpers/_universal-classes.scss */
.height-800px {
  height: 800px !important; }

/* line 253, ../scss/helpers/_universal-classes.scss */
.height-900px {
  height: 900px !important; }

/* line 256, ../scss/helpers/_universal-classes.scss */
.height-1000px {
  height: 1000px !important; }

/* line 259, ../scss/helpers/_universal-classes.scss */
.space {
  height: 60px; }

/* 4. Classes */
/* line 1, ../scss/helpers/_classes.scss */
#big-map {
  height: 100%;
  width: 100%;
  position: relative; }
  /* line 5, ../scss/helpers/_classes.scss */
  #big-map:before {
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    background-color: #fff;
    height: 110px;
    width: 105%;
    position: absolute;
    bottom: -55px;
    left: -5px;
    content: "";
    z-index: 1; }

/* line 17, ../scss/helpers/_classes.scss */
#page-header.header-fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 9999999;
  background: #fff;
  width: 100%;
  width: calc(100% - 50px);
  margin-left: 25px;
  margin-right: 25px;
  height: 126px;
  overflow: hidden;
  display: block;
  height: auto; }
  /* line 33, ../scss/helpers/_classes.scss */
  #page-header.header-fixed-top > header {
    position: relative; }

/* line 37, ../scss/helpers/_classes.scss */
.page-section.header-spacer {
  position: relative;
  display: block;
  height: 126px;
  width: 100%;
  background: #0086bb; }

/* line 44, ../scss/helpers/_classes.scss */
.header-background {
  height: 280px;
  position: relative;
  overflow: hidden; }
  /* line 48, ../scss/helpers/_classes.scss */
  .header-background:before {
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    background-color: #fff;
    height: 110px;
    width: 105%;
    position: absolute;
    bottom: -55px;
    left: -5px;
    content: "";
    z-index: -1; }
  /* line 60, ../scss/helpers/_classes.scss */
  .header-background .title h1 {
    line-height: 270px;
    margin: 0;
    font-weight: 300;
    font-size: 48px; }
  /* line 68, ../scss/helpers/_classes.scss */
  .header-background.overlay:after {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    background-color: #000;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -2; }
  /* line 79, ../scss/helpers/_classes.scss */
  .header-background.overlay h1 {
    color: #fff; }

/* line 85, ../scss/helpers/_classes.scss */
.featured-works-carousel .slide {
  position: relative;
  padding: 30px 0;
  text-align: left; }
  /* line 89, ../scss/helpers/_classes.scss */
  .featured-works-carousel .slide .image {
    width: 700px; }
  /* line 92, ../scss/helpers/_classes.scss */
  .featured-works-carousel .slide .title {
    padding: 20px;
    position: absolute;
    right: 15px;
    top: -30px;
    z-index: 10;
    background: rgba(255, 255, 255, 0.3); }
    /* line 99, ../scss/helpers/_classes.scss */
    .featured-works-carousel .slide .title h3 {
      display: block;
      font-size: 30px;
      margin-top: 10px;
      margin-bottom: 10px;
      font-weight: 300; }
  /* line 107, ../scss/helpers/_classes.scss */
  .featured-works-carousel .slide .info {
    margin-bottom: 20px; }
  /* line 110, ../scss/helpers/_classes.scss */
  .featured-works-carousel .slide p {
    margin-bottom: 20px; }
/* line 114, ../scss/helpers/_classes.scss */
.featured-works-carousel hr {
  border-top: 1px solid #0086bb;
  margin-top: 25px;
  margin-bottom: 75px; }
/* line 119, ../scss/helpers/_classes.scss */
.featured-works-carousel .owl-controls {
  position: absolute;
  right: 0px;
  bottom: 0px; }
  /* line 123, ../scss/helpers/_classes.scss */
  .featured-works-carousel .owl-controls .owl-prev, .featured-works-carousel .owl-controls .owl-next {
    -moz-transition: ease 0.5s;
    -o-transition: ease 0.5s;
    -webkit-transition: ease 0.5s;
    transition: ease 0.5s;
    text-shadow: none;
    -webkit-font-smoothing: antialiased;
    font-family: 'ElegantIcons';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    height: 30px;
    width: 30px;
    text-align: center;
    display: inline-block; }
    /* line 130, ../scss/helpers/_classes.scss */
    .featured-works-carousel .owl-controls .owl-prev:after, .featured-works-carousel .owl-controls .owl-next:after {
      font-size: 18px;
      color: #000000;
      line-height: 29px; }
  /* line 136, ../scss/helpers/_classes.scss */
  .featured-works-carousel .owl-controls .owl-prev {
    position: relative;
    left: 2px; }
    /* line 139, ../scss/helpers/_classes.scss */
    .featured-works-carousel .owl-controls .owl-prev:after {
      content: "\#"; }
  /* line 144, ../scss/helpers/_classes.scss */
  .featured-works-carousel .owl-controls .owl-next:after {
    content: "\$"; }
  /* line 148, ../scss/helpers/_classes.scss */
  .featured-works-carousel .owl-controls .owl-dots {
    display: block;
    text-align: right;
    padding-right: 10px; }
    /* line 152, ../scss/helpers/_classes.scss */
    .featured-works-carousel .owl-controls .owl-dots .owl-dot {
      display: inline-block;
      width: 10px;
      height: 10px;
      background-color: grey;
      margin-left: 5px; }
      /* line 158, ../scss/helpers/_classes.scss */
      .featured-works-carousel .owl-controls .owl-dots .owl-dot.active {
        background-color: #0086bb; }

/* line 166, ../scss/helpers/_classes.scss */
.featured-blocks .featured-block {
  position: relative; }
  /* line 168, ../scss/helpers/_classes.scss */
  .featured-blocks .featured-block .date {
    padding: 20px;
    position: absolute;
    left: 0;
    top: -25px;
    font-size: 14px; }
  /* line 175, ../scss/helpers/_classes.scss */
  .featured-blocks .featured-block a {
    display: block;
    margin-top: 15px;
    margin-bottom: 15px; }
    /* line 179, ../scss/helpers/_classes.scss */
    .featured-blocks .featured-block a h3 {
      font-size: 14px;
      font-weight: bold; }
  /* line 184, ../scss/helpers/_classes.scss */
  .featured-blocks .featured-block .description {
    padding-left: 100px; }

/* line 190, ../scss/helpers/_classes.scss */
.gallery .gallery-item {
  display: block;
  position: relative;
  margin-bottom: 100px; }
  /* line 194, ../scss/helpers/_classes.scss */
  .gallery .gallery-item .title {
    position: absolute;
    bottom: 0;
    left: 10px;
    bottom: -70px;
    z-index: 1; }
    /* line 201, ../scss/helpers/_classes.scss */
    .gallery .gallery-item .title.parallax-element {
      -moz-transition: ease 0.5s;
      -o-transition: ease 0.5s;
      -webkit-transition: ease 0.5s;
      transition: ease 0.5s; }
      /* line 204, ../scss/helpers/_classes.scss */
      .gallery .gallery-item .title.parallax-element.halfwaypoint {
        background: rgba(255, 255, 255, 0.9); }
    /* line 208, ../scss/helpers/_classes.scss */
    .gallery .gallery-item .title .name {
      -moz-transform: scale(1.01);
      -ms-transform: scale(1.01);
      -webkit-transform: scale(1.01);
      transform: scale(1.01);
      font-weight: bold;
      font-size: 14px; }
    /* line 213, ../scss/helpers/_classes.scss */
    .gallery .gallery-item .title .place {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
      opacity: 0.5; }
  /* line 217, ../scss/helpers/_classes.scss */
  .gallery .gallery-item .arrow {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4;
    position: absolute;
    bottom: -45px;
    right: 10px;
    font-size: 24px; }
  /* line 224, ../scss/helpers/_classes.scss */
  .gallery .gallery-item .image {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8; }
    /* line 226, ../scss/helpers/_classes.scss */
    .gallery .gallery-item .image img {
      max-width: 100%; }

/* line 232, ../scss/helpers/_classes.scss */
.hero-section {
  overflow: hidden;
  position: relative; }
  /* line 239, ../scss/helpers/_classes.scss */
  .hero-section.is-carousel .hero-wrapper {
    height: 70%;
    overflow: hidden;
    position: relative; }
    @media screen and (max-width: 678px) {
      /* line 239, ../scss/helpers/_classes.scss */
      .hero-section.is-carousel .hero-wrapper {
        height: calc(100% * 0.5); } }
    @media screen and (max-width: 575px) {
      /* line 239, ../scss/helpers/_classes.scss */
      .hero-section.is-carousel .hero-wrapper {
        height: calc(100% * 0.4); } }
    @media screen and (max-width: 475px) {
      /* line 239, ../scss/helpers/_classes.scss */
      .hero-section.is-carousel .hero-wrapper {
        height: calc(100% * 0.3); } }
    @media screen and (max-width: 390px) {
      /* line 239, ../scss/helpers/_classes.scss */
      .hero-section.is-carousel .hero-wrapper {
        height: calc(100% * 0.5); } }
    /* line 260, ../scss/helpers/_classes.scss */
    .hero-section.is-carousel .hero-wrapper .carousel {
      position: absolute;
      top: 0; }
    /* line 264, ../scss/helpers/_classes.scss */
    .hero-section.is-carousel .hero-wrapper .slide {
      -moz-transition: ease 0.5s;
      -o-transition: ease 0.5s;
      -webkit-transition: ease 0.5s;
      transition: ease 0.5s;
      height: 100%;
      z-index: 1; }
      @media screen and (min-width: 679px) {
        /* line 264, ../scss/helpers/_classes.scss */
        .hero-section.is-carousel .hero-wrapper .slide {
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=45);
          opacity: 0.45; } }
      @media screen and (min-width: 679px) {
        /* line 273, ../scss/helpers/_classes.scss */
        .hero-section.is-carousel .hero-wrapper .slide:hover {
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=45);
          opacity: 0.45;
          color: #fff; }
          /* line 277, ../scss/helpers/_classes.scss */
          .hero-section.is-carousel .hero-wrapper .slide:hover a {
            color: #fff; } }
  @media screen and (min-width: 679px) and (min-width: 679px) {
    /* line 281, ../scss/helpers/_classes.scss */
    .hero-section.is-carousel .hero-wrapper .slide:hover:after {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
      opacity: 0.5;
      -moz-transform: rotate(-3deg) translateY(-200px);
      -ms-transform: rotate(-3deg) translateY(-200px);
      -webkit-transform: rotate(-3deg) translateY(-200px);
      transform: rotate(-3deg) translateY(-200px); } }

    /* line 330, ../scss/helpers/_classes.scss */
    .hero-section.is-carousel .hero-wrapper .owl-item.active.show-description .slide {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=45);
      opacity: 0.45;
      color: #fff; }
      /* line 333, ../scss/helpers/_classes.scss */
      .hero-section.is-carousel .hero-wrapper .owl-item.active.show-description .slide a {
        color: #fff; }
      /* line 336, ../scss/helpers/_classes.scss */
      .hero-section.is-carousel .hero-wrapper .owl-item.active.show-description .slide:after {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
        opacity: 0.5;
        -moz-transform: rotate(-3deg) translateY(-200px);
        -ms-transform: rotate(-3deg) translateY(-200px);
        -webkit-transform: rotate(-3deg) translateY(-200px);
        transform: rotate(-3deg) translateY(-200px); }
    /* line 342, ../scss/helpers/_classes.scss */
    .hero-section.is-carousel .hero-wrapper .owl-carousel {
      height: 100% !important; }
      /* line 344, ../scss/helpers/_classes.scss */
      .hero-section.is-carousel .hero-wrapper .owl-carousel .owl-stage-outer, .hero-section.is-carousel .hero-wrapper .owl-carousel .owl-stage, .hero-section.is-carousel .hero-wrapper .owl-carousel .owl-item {
        height: 100% !important; }
      /* line 347, ../scss/helpers/_classes.scss */
      .hero-section.is-carousel .hero-wrapper .owl-carousel .owl-item {
        overflow: hidden; }
      /* line 352, ../scss/helpers/_classes.scss */
      .hero-section.is-carousel .hero-wrapper .owl-carousel .owl-item.active.center.show-description .description {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1; }
      /* line 356, ../scss/helpers/_classes.scss */
      .hero-section.is-carousel .hero-wrapper .owl-carousel .owl-item.active.center .slide {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
        opacity: 0.8; }
        /* line 358, ../scss/helpers/_classes.scss */
        .hero-section.is-carousel .hero-wrapper .owl-carousel .owl-item.active.center .slide:hover {
          filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
          opacity: 1; }
  /* line 367, ../scss/helpers/_classes.scss */
  .hero-section.is-slider .hero-wrapper {
    height: 100%; }
    /* line 369, ../scss/helpers/_classes.scss */
    .hero-section.is-slider .hero-wrapper .owl-carousel {
      height: 100% !important;
      z-index: 1; }
      /* line 372, ../scss/helpers/_classes.scss */
      .hero-section.is-slider .hero-wrapper .owl-carousel .owl-stage-outer, .hero-section.is-slider .hero-wrapper .owl-carousel .owl-stage, .hero-section.is-slider .hero-wrapper .owl-carousel .owl-item {
        height: 100% !important; }
      /* line 375, ../scss/helpers/_classes.scss */
      .hero-section.is-slider .hero-wrapper .owl-carousel .owl-item {
        overflow: hidden; }
        /* line 377, ../scss/helpers/_classes.scss */
        .hero-section.is-slider .hero-wrapper .owl-carousel .owl-item .slide {
          z-index: 0; }
        /* line 380, ../scss/helpers/_classes.scss */
        .hero-section.is-slider .hero-wrapper .owl-carousel .owl-item .description {
          position: absolute;
          display: inline-block;
          text-align: right;
          right: 50px;
          top: 50px; }
  /* line 390, ../scss/helpers/_classes.scss */
  .hero-section.is-slider .heading-wrapper {
    width: 100%;
    bottom: 0px;
    height: 200px;
    position: absolute; }
  /* line 398, ../scss/helpers/_classes.scss */
  .hero-section.is-video .hero-wrapper {
    height: 100%; }
  /* line 401, ../scss/helpers/_classes.scss */
  .hero-section.is-video .heading-wrapper {
    width: 100%;
    bottom: 0px;
    height: 200px;
    position: absolute; }
  /* line 408, ../scss/helpers/_classes.scss */
  .hero-section .heading-wrapper {
    height: 30%;
    background-color: #fff;
    position: relative;
    z-index: 1; }
    /* line 413, ../scss/helpers/_classes.scss */
    .hero-section .heading-wrapper:before {
      -moz-transform: rotate(-1.5deg);
      -ms-transform: rotate(-1.5deg);
      -webkit-transform: rotate(-1.5deg);
      transform: rotate(-1.5deg);
      background-color: #fff;
      height: 110px;
      width: 105%;
      position: absolute;
      top: -55px;
      left: -5px;
      content: "";
      z-index: -1; }
    /* line 424, ../scss/helpers/_classes.scss */
    .hero-section .heading-wrapper .title {
      position: relative;
      line-height: 48px;
      padding: 60px 50px 50px 0;
      display: inline-block; }
      /* line 431, ../scss/helpers/_classes.scss */
      .hero-section .heading-wrapper .title h1 {
        font-weight: 100;
        font-size: 48px; }
      /* line 435, ../scss/helpers/_classes.scss */
      .hero-section .heading-wrapper .title:before {
        padding: 25px;
        display: block;
        height: 100%;
        width: 2000px;
        right: 0px;
        top: 0;
        content: "";
        position: absolute;
        z-index: -1; }

      /* line 449, ../scss/helpers/_classes.scss */
      .hero-section .heading-wrapper .title a {
        position: absolute;
        bottom: -50px; }
    /* line 454, ../scss/helpers/_classes.scss */
    .hero-section .heading-wrapper .heading {
      position: relative; }
    /* line 457, ../scss/helpers/_classes.scss */
    .hero-section .heading-wrapper .owl-navigation {
      position: absolute;
      right: 0px;
      top: -5px; }
      /* line 461, ../scss/helpers/_classes.scss */
      .hero-section .heading-wrapper .owl-navigation .owl-prev, .hero-section .heading-wrapper .owl-navigation .owl-next {
        -moz-transition: ease 0.5s;
        -o-transition: ease 0.5s;
        -webkit-transition: ease 0.5s;
        transition: ease 0.5s;
        border: 2px solid rgba(0, 0, 0, 0.2);
        display: inline-block;
        -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.07);
        -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.07);
        box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.07);
        text-shadow: none;
        -webkit-font-smoothing: antialiased;
        font-family: 'ElegantIcons';
        speak: none;
        font-weight: normal;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        height: 30px;
        width: 30px;
        text-align: center; }
        /* line 469, ../scss/helpers/_classes.scss */
        .hero-section .heading-wrapper .owl-navigation .owl-prev:hover, .hero-section .heading-wrapper .owl-navigation .owl-next:hover {
          border: 2px solid rgba(0, 0, 0, 0.4);
          cursor: pointer; }
        /* line 473, ../scss/helpers/_classes.scss */
        .hero-section .heading-wrapper .owl-navigation .owl-prev:after, .hero-section .heading-wrapper .owl-navigation .owl-next:after {
          font-size: 18px;
          color: #000000;
          line-height: 29px; }
      /* line 479, ../scss/helpers/_classes.scss */
      .hero-section .heading-wrapper .owl-navigation .owl-prev {
        position: relative;
        left: 2px; }
        /* line 482, ../scss/helpers/_classes.scss */
        .hero-section .heading-wrapper .owl-navigation .owl-prev:after {
          content: "\#"; }
      /* line 487, ../scss/helpers/_classes.scss */
      .hero-section .heading-wrapper .owl-navigation .owl-next:after {
        content: "\$"; }

/* line 496, ../scss/helpers/_classes.scss */
.btn-new-wrapper .btn-new {
  padding: 20px 20px;
  font-size: 1.5rem;
  border-radius: 100px; }
  @media screen and (min-width: 992px) {
    /* line 496, ../scss/helpers/_classes.scss */
    .btn-new-wrapper .btn-new {
      margin-top: -100px; } }
  @media screen and (max-width: 991px) {
    /* line 496, ../scss/helpers/_classes.scss */
    .btn-new-wrapper .btn-new {
      margin-top: -100px;
      margin-bottom: 25px;
      margin-left: 25px; } }

/* line 512, ../scss/helpers/_classes.scss */
.heading-intro {
  margin-bottom: 100px; }
  /* line 515, ../scss/helpers/_classes.scss */
  .heading-intro h1 {
    font-weight: 100;
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 35px; }
  /* line 521, ../scss/helpers/_classes.scss */
  .heading-intro p {
    font-size: 16px; }

/* line 526, ../scss/helpers/_classes.scss */
.homepage h2 {
  color: #0086bb; }

/* line 531, ../scss/helpers/_classes.scss */
.hero-section h2 {
  color: #fff; }

/* line 535, ../scss/helpers/_classes.scss */
.logos {
  display: table;
  width: 100%; }
  /* line 538, ../scss/helpers/_classes.scss */
  .logos .logo {
    display: table-cell;
    vertical-align: middle;
    text-align: center; }

/* line 544, ../scss/helpers/_classes.scss */
.outer-wrapper {
  overflow: hidden;
  position: relative; }
  /* line 548, ../scss/helpers/_classes.scss */
  .outer-wrapper.show-nav .page-wrapper {
    -moz-transform: translateX(-250px);
    -ms-transform: translateX(-250px);
    -webkit-transform: translateX(-250px);
    transform: translateX(-250px); }
  /* line 552, ../scss/helpers/_classes.scss */
  .outer-wrapper.show-nav .nav-btn:before {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1; }
  /* line 555, ../scss/helpers/_classes.scss */
  .outer-wrapper.show-nav .nav-btn figure {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0; }

/* line 563, ../scss/helpers/_classes.scss */
.page-framed-blue .page-wrapper:after, .page-framed-blue .page-wrapper:before {
  background-color: #0086bb; }
/* line 567, ../scss/helpers/_classes.scss */
.page-framed-blue #page-header, .page-framed-blue #page-footer .copyright {
  background-color: #0086bb;
  color: #fff; }
/* line 571, ../scss/helpers/_classes.scss */
.page-framed-blue .nav-btn figure {
  background-color: #0086bb; }
/* line 574, ../scss/helpers/_classes.scss */
.page-framed-blue .navigation-off-canvas {
  background-color: rgba(0, 134, 187, 0.9); }
  /* line 577, ../scss/helpers/_classes.scss */
  .page-framed-blue .navigation-off-canvas ul li {
    border-bottom: none; }
    /* line 579, ../scss/helpers/_classes.scss */
    .page-framed-blue .navigation-off-canvas ul li:first-child {
      border-top: none; }

/* line 588, ../scss/helpers/_classes.scss */
.page-framed-black .page-wrapper:after, .page-framed-black .page-wrapper:before {
  background-color: #000; }
/* line 592, ../scss/helpers/_classes.scss */
.page-framed-black #page-header, .page-framed-black #page-footer .copyright {
  background-color: #000000;
  color: #fff; }
/* line 596, ../scss/helpers/_classes.scss */
.page-framed-black .nav-btn figure {
  background-color: #fff; }
/* line 599, ../scss/helpers/_classes.scss */
.page-framed-black .navigation-off-canvas {
  background-color: rgba(0, 0, 0, 0.9); }
  /* line 602, ../scss/helpers/_classes.scss */
  .page-framed-black .navigation-off-canvas ul li {
    border-bottom: none; }
    /* line 604, ../scss/helpers/_classes.scss */
    .page-framed-black .navigation-off-canvas ul li:first-child {
      border-top: none; }

/* line 614, ../scss/helpers/_classes.scss */
.page-framed-white .page-wrapper:after, .page-framed-white .page-wrapper:before {
  background-color: #fff !important; }

/* line 619, ../scss/helpers/_classes.scss */
.page-background-black {
  background-color: #000000;
  color: #fff; }
  /* line 623, ../scss/helpers/_classes.scss */
  .page-background-black.page-framed-white #page-header, .page-background-black.page-framed-white #page-footer .copyright {
    background-color: #fff;
    color: #000000; }
  /* line 627, ../scss/helpers/_classes.scss */
  .page-background-black.page-framed-white .nav-btn figure {
    background-color: #000000; }
  /* line 631, ../scss/helpers/_classes.scss */
  .page-background-black hr {
    border-top: 1px solid rgba(255, 255, 255, 0.15); }
  /* line 634, ../scss/helpers/_classes.scss */
  .page-background-black a:not(.slide) {
    color: #fff; }
  /* line 637, ../scss/helpers/_classes.scss */
  .page-background-black a.btn {
    color: #000000; }
  /* line 640, ../scss/helpers/_classes.scss */
  .page-background-black .framed, .page-background-black .hero-section .heading-wrapper .title::before {
    border: 2px solid rgba(255, 255, 255, 0.3); }
  /* line 644, ../scss/helpers/_classes.scss */
  .page-background-black .hero-section .heading-wrapper .owl-navigation .owl-prev .owl-next, .page-background-black .hero-section .heading-wrapper .owl-navigation .owl-prev .owl-prev, .page-background-black .hero-section .heading-wrapper .owl-navigation .owl-next, .page-background-black .hero-section .heading-wrapper .owl-navigation .owl-prev {
    border: 2px solid rgba(255, 255, 255, 0.3); }
    /* line 646, ../scss/helpers/_classes.scss */
    .page-background-black .hero-section .heading-wrapper .owl-navigation .owl-prev .owl-next:after, .page-background-black .hero-section .heading-wrapper .owl-navigation .owl-prev .owl-prev:after, .page-background-black .hero-section .heading-wrapper .owl-navigation .owl-next:after, .page-background-black .hero-section .heading-wrapper .owl-navigation .owl-prev:after {
      color: #fff; }
  /* line 651, ../scss/helpers/_classes.scss */
  .page-background-black .hero-section .carousel-wrapper .slide {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5; }
    /* line 653, ../scss/helpers/_classes.scss */
    .page-background-black .hero-section .carousel-wrapper .slide .description {
      color: #fff; }
  /* line 657, ../scss/helpers/_classes.scss */
  .page-background-black .header-background::before {
    background-color: #000000; }
  /* line 660, ../scss/helpers/_classes.scss */
  .page-background-black .nav-btn figure {
    background-color: #fff; }
  /* line 663, ../scss/helpers/_classes.scss */
  .page-background-black .navigation-off-canvas {
    background-color: rgba(255, 255, 255, 0.05); }
    /* line 666, ../scss/helpers/_classes.scss */
    .page-background-black .navigation-off-canvas ul li {
      border-bottom: none; }
      /* line 668, ../scss/helpers/_classes.scss */
      .page-background-black .navigation-off-canvas ul li:first-child {
        border-top: none; }
  /* line 675, ../scss/helpers/_classes.scss */
  .page-background-black .page-wrapper:after, .page-background-black .page-wrapper:before {
    background-color: #000000; }
  /* line 679, ../scss/helpers/_classes.scss */
  .page-background-black .heading-wrapper {
    background-color: #000000; }
    /* line 681, ../scss/helpers/_classes.scss */
    .page-background-black .heading-wrapper:before {
      background-color: #000000; }
  /* line 685, ../scss/helpers/_classes.scss */
  .page-background-black #page-footer .footer-wrapper {
    background-color: rgba(255, 255, 255, 0.1); }
  /* line 688, ../scss/helpers/_classes.scss */
  .page-background-black .separator {
    background-color: #0086bb; }
  /* line 691, ../scss/helpers/_classes.scss */
  .page-background-black .time-line {
    background-color: #000000;
    color: #fff; }
  /* line 695, ../scss/helpers/_classes.scss */
  .page-background-black .time-line .time-line-item::after {
    background-color: rgba(255, 255, 255, 0.2); }
  /* line 698, ../scss/helpers/_classes.scss */
  .page-background-black #big-map::before {
    background-color: #000000; }
  /* line 701, ../scss/helpers/_classes.scss */
  .page-background-black .work-detail .page-switcher .prev, .page-background-black .work-detail .page-switcher .next {
    border: 2px solid rgba(255, 255, 255, 0.3); }
    /* line 703, ../scss/helpers/_classes.scss */
    .page-background-black .work-detail .page-switcher .prev:after, .page-background-black .work-detail .page-switcher .next:after {
      color: #fff; }
  /* line 708, ../scss/helpers/_classes.scss */
  .page-background-black .price span {
    background-color: rgba(255, 255, 255, 0.2); }

/* line 713, ../scss/helpers/_classes.scss */
.page-wrapper {
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
  -moz-transition: ease 0.5s;
  -o-transition: ease 0.5s;
  -webkit-transition: ease 0.5s;
  transition: ease 0.5s;
  display: table;
  width: 100%;
  height: 100%;
  padding-left: 25px;
  padding-right: 25px; }
  /* line 721, ../scss/helpers/_classes.scss */
  .page-wrapper:after {
    width: 25px;
    background-color: #fff;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    z-index: 2; }
  /* line 731, ../scss/helpers/_classes.scss */
  .page-wrapper:before {
    width: 25px;
    background-color: #fff;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    z-index: 2; }
  @media screen and (max-width: 678px) {
    /* line 742, ../scss/helpers/_classes.scss */
    .page-wrapper .hero-section .heading-wrapper {
      margin-top: 50px; } }
  /* line 749, ../scss/helpers/_classes.scss */
  .page-wrapper .hero-section .heading-wrapper .title.parallax-element:before {
    -moz-transition: ease 0.5s;
    -o-transition: ease 0.5s;
    -webkit-transition: ease 0.5s;
    transition: ease 0.5s; }
  /* line 758, ../scss/helpers/_classes.scss */
  .page-wrapper #page-header, .page-wrapper #page-content, .page-wrapper #page-footer {
    display: table-row; }
  /* line 761, ../scss/helpers/_classes.scss */
  .page-wrapper #page-footer {
    height: 1px; }
  /* line 764, ../scss/helpers/_classes.scss */
  .page-wrapper #page-content {
    height: auto;
    overflow: hidden;
    position: relative; }

/* line 771, ../scss/helpers/_classes.scss */
#page-footer .footer-wrapper {
  margin-top: 60px;
  min-height: 330px;
  background-color: rgba(0, 0, 0, 0.05);
  padding: 40px 0; }
/* line 777, ../scss/helpers/_classes.scss */
#page-footer a:hover {
  text-decoration: underline; }
/* line 780, ../scss/helpers/_classes.scss */
#page-footer .copyright {
  text-transform: none;
  padding: 20px 0; }
/* line 784, ../scss/helpers/_classes.scss */
#page-footer h3 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 30px; }
/* line 789, ../scss/helpers/_classes.scss */
#page-footer .logo {
  display: block;
  margin-bottom: 30px; }
/* line 793, ../scss/helpers/_classes.scss */
#page-footer .separator {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  margin-bottom: 20px; }
/* line 797, ../scss/helpers/_classes.scss */
#page-footer address, #page-footer ul {
  text-transform: none;
  line-height: 20px; }
/* line 801, ../scss/helpers/_classes.scss */
#page-footer .map-wrapper {
  position: relative; }
  /* line 803, ../scss/helpers/_classes.scss */
  #page-footer .map-wrapper #map {
    border: 2px solid #fff;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 280px; }

/* line 815, ../scss/helpers/_classes.scss */
#form-contact #form-status alert {
  text-transform: none; }

/* line 820, ../scss/helpers/_classes.scss */
#mapContact {
  border: 2px solid #fff;
  top: 0;
  left: 0;
  width: 100%;
  height: 350px; }

/* line 827, ../scss/helpers/_classes.scss */
.person {
  margin-bottom: 120px; }
  /* line 829, ../scss/helpers/_classes.scss */
  .person .left {
    width: 165px;
    height: 225px;
    overflow: hidden;
    position: relative;
    float: left; }
  /* line 836, ../scss/helpers/_classes.scss */
  .person .right {
    padding-left: 180px; }
    /* line 838, ../scss/helpers/_classes.scss */
    .person .right .framed {
      display: block;
      margin-left: -30px;
      top: -15px;
      position: relative; }
    /* line 844, ../scss/helpers/_classes.scss */
    .person .right h3 {
      margin: 0;
      font-size: 14px;
      font-weight: 600; }
    /* line 849, ../scss/helpers/_classes.scss */
    .person .right h4 {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
      opacity: 0.5;
      margin: 0;
      font-size: 12px; }
    /* line 855, ../scss/helpers/_classes.scss */
    .person .right .social a {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
      opacity: 0.6;
      display: block;
      font-size: 14px;
      padding: 5px;
      text-transform: none; }
      /* line 861, ../scss/helpers/_classes.scss */
      .person .right .social a:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1; }
      /* line 864, ../scss/helpers/_classes.scss */
      .person .right .social a .icon_mail {
        top: -2px;
        position: relative; }
      /* line 868, ../scss/helpers/_classes.scss */
      .person .right .social a i {
        position: relative; }

/* line 876, ../scss/helpers/_classes.scss */
.holidayhomes {
  margin-top: 75px; }
  /* line 880, ../scss/helpers/_classes.scss */
  .holidayhomes .holidayhome .holidayteaser {
    margin-bottom: 25px;
    transition: all .2s ease-in-out; }
    /* line 884, ../scss/helpers/_classes.scss */
    .holidayhomes .holidayhome .holidayteaser:hover {
      transform: scale(1.05); }
    /* line 888, ../scss/helpers/_classes.scss */
    .holidayhomes .holidayhome .holidayteaser .thumbnail {
      width: 100%;
      position: relative; }
    /* line 892, ../scss/helpers/_classes.scss */
    .holidayhomes .holidayhome .holidayteaser .framed {
      display: block;
      position: relative;
      padding: 20px; }
      /* line 897, ../scss/helpers/_classes.scss */
      .holidayhomes .holidayhome .holidayteaser .framed .btn-booking {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        background: #ACADAD;
        color: #fff;
        padding: 12px;
        z-index: 99; }
      /* line 907, ../scss/helpers/_classes.scss */
      .holidayhomes .holidayhome .holidayteaser .framed h3 {
        display: block;
        font-size: 22px;
        margin-top: 10px;
        margin-bottom: 10px;
        font-weight: 300; }
      /* line 914, ../scss/helpers/_classes.scss */
      .holidayhomes .holidayhome .holidayteaser .framed h4 {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
        opacity: 0.5;
        margin: 0;
        font-size: 12px; }

/* line 925, ../scss/helpers/_classes.scss */
.modal-holidayhome .modal-dialog {
  width: 60%; }
  @media screen and (max-width: 991px) {
    /* line 925, ../scss/helpers/_classes.scss */
    .modal-holidayhome .modal-dialog {
      width: 95%; } }
  @media screen and (min-width: 992px) {
    /* line 925, ../scss/helpers/_classes.scss */
    .modal-holidayhome .modal-dialog {
      top: 50%;
      -webkit-transform: translate(0, -50%) !important;
      -ms-transform: translate(0, -50%) !important;
      -o-transform: translate(0, -50%) !important;
      transform: translate(0, -50%) !important; } }
  /* line 939, ../scss/helpers/_classes.scss */
  .modal-holidayhome .modal-dialog .modal-content {
    background: #0086bb;
    color: #fff; }
    /* line 943, ../scss/helpers/_classes.scss */
    .modal-holidayhome .modal-dialog .modal-content ul, .modal-holidayhome .modal-dialog .modal-content li {
      color: #fff;
      font-size: 16px; }
    /* line 947, ../scss/helpers/_classes.scss */
    .modal-holidayhome .modal-dialog .modal-content p {
      opacity: 1;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); }
    /* line 952, ../scss/helpers/_classes.scss */
    .modal-holidayhome .modal-dialog .modal-content .btn.btn-primary {
      border: 1px solid #fff;
      background-color: transparent;
      color: #fff;
      font-size: 16px; }
      @media screen and (max-width: 991px) {
        /* line 952, ../scss/helpers/_classes.scss */
        .modal-holidayhome .modal-dialog .modal-content .btn.btn-primary {
          font-size: 13px; } }
      /* line 961, ../scss/helpers/_classes.scss */
      .modal-holidayhome .modal-dialog .modal-content .btn.btn-primary:hover {
        background-color: #ffffff;
        color: #0086bb; }
    /* line 967, ../scss/helpers/_classes.scss */
    .modal-holidayhome .modal-dialog .modal-content .modal-header {
      padding: 15px 15px 5px;
      background: #0086bb; }
      /* line 971, ../scss/helpers/_classes.scss */
      .modal-holidayhome .modal-dialog .modal-content .modal-header h2 {
        width: 90%;
        float: left;
        color: #ffffff;
        margin-top: 3px;
        opacity: 1;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); }
      /* line 979, ../scss/helpers/_classes.scss */
      .modal-holidayhome .modal-dialog .modal-content .modal-header .close {
        color: #fff;
        font-size: 27px;
        opacity: 1; }
    @media screen and (max-width: 991px) {
      /* line 986, ../scss/helpers/_classes.scss */
      .modal-holidayhome .modal-dialog .modal-content .modal-body img {
        margin-bottom: 15px; } }
    @media screen and (max-width: 1200px) {
      /* line 991, ../scss/helpers/_classes.scss */
      .modal-holidayhome .modal-dialog .modal-content .modal-body ul {
        margin: 0; } }

/* line 1002, ../scss/helpers/_classes.scss */
.price span {
  font-weight: 600;
  background-color: rgba(0, 0, 0, 0.1);
  padding: 5px 10px;
  display: inline-block;
  margin: 10px 0 20px 0; }

/* line 1010, ../scss/helpers/_classes.scss */
.section-title {
  margin-top: 10px;
  margin-bottom: 60px; }
  @media screen and (max-width: 768px) {
    /* line 1010, ../scss/helpers/_classes.scss */
    .section-title {
      margin-bottom: 20px; } }
  /* line 1018, ../scss/helpers/_classes.scss */
  .section-title h2 {
    margin-top: 10px;
    font-weight: 300; }

/* line 1024, ../scss/helpers/_classes.scss */
.subpage-detail-v2 .header-background {
  position: absolute;
  height: 180px; }
  /* line 1027, ../scss/helpers/_classes.scss */
  .subpage-detail-v2 .header-background:before {
    display: none; }
/* line 1031, ../scss/helpers/_classes.scss */
.subpage-detail-v2 .work-detail {
  margin-top: 50px; }
  /* line 1033, ../scss/helpers/_classes.scss */
  .subpage-detail-v2 .work-detail .left {
    margin-top: 0; }

/* line 1039, ../scss/helpers/_classes.scss */
.subpage-detail-v3 .header-background {
  position: absolute; }
/* line 1042, ../scss/helpers/_classes.scss */
.subpage-detail-v3 .title-image {
  position: relative;
  margin-bottom: 30px; }
  /* line 1045, ../scss/helpers/_classes.scss */
  .subpage-detail-v3 .title-image .image-wrapper {
    height: 350px;
    overflow: hidden;
    position: relative;
    top: 20px; }
  /* line 1051, ../scss/helpers/_classes.scss */
  .subpage-detail-v3 .title-image .title {
    position: absolute;
    top: -100px;
    left: -30px; }
  /* line 1056, ../scss/helpers/_classes.scss */
  .subpage-detail-v3 .title-image .bg-transfer {
    margin-top: 50px; }
/* line 1060, ../scss/helpers/_classes.scss */
.subpage-detail-v3 .work-detail {
  margin-top: 130px; }
  /* line 1062, ../scss/helpers/_classes.scss */
  .subpage-detail-v3 .work-detail .left {
    margin-top: 0; }

/* line 1067, ../scss/helpers/_classes.scss */
.tags {
  margin: 15px 0; }
  /* line 1070, ../scss/helpers/_classes.scss */
  .tags .tag:after {
    content: "/";
    padding-left: 5px; }
  /* line 1075, ../scss/helpers/_classes.scss */
  .tags .tag:last-child:after {
    display: none; }

/* line 1082, ../scss/helpers/_classes.scss */
.title h3, .title h2 {
  font-weight: 300; }

/* line 1086, ../scss/helpers/_classes.scss */
.time-line {
  background-color: #fff;
  padding: 40px; }
  /* line 1089, ../scss/helpers/_classes.scss */
  .time-line .time-line-item {
    position: relative;
    padding-bottom: 20px; }
    /* line 1092, ../scss/helpers/_classes.scss */
    .time-line .time-line-item:after {
      position: absolute;
      width: 1px;
      height: 100%;
      top: 7px;
      left: 2px;
      content: "";
      background-color: rgba(0, 0, 0, 0.1); }
    /* line 1101, ../scss/helpers/_classes.scss */
    .time-line .time-line-item:last-child {
      padding-bottom: 0; }
      /* line 1103, ../scss/helpers/_classes.scss */
      .time-line .time-line-item:last-child:after {
        display: none; }
      /* line 1106, ../scss/helpers/_classes.scss */
      .time-line .time-line-item:last-child p {
        margin-bottom: 0; }
    /* line 1110, ../scss/helpers/_classes.scss */
    .time-line .time-line-item .date {
      font-size: 14px;
      font-weight: bold;
      width: 110px;
      float: left;
      position: relative; }
      /* line 1116, ../scss/helpers/_classes.scss */
      .time-line .time-line-item .date:before {
        text-shadow: none;
        -webkit-font-smoothing: antialiased;
        font-family: 'fontawesome';
        speak: none;
        font-weight: normal;
        font-variant: normal;
        line-height: 1;
        text-transform: none;
        content: "\f111";
        font-size: 8px;
        vertical-align: middle;
        margin-right: 10px; }
    /* line 1124, ../scss/helpers/_classes.scss */
    .time-line .time-line-item p {
      padding-left: 110px; }

/* line 1130, ../scss/helpers/_classes.scss */
.work-detail .title {
  margin-bottom: 30px;
  display: block; }
  /* line 1133, ../scss/helpers/_classes.scss */
  .work-detail .title h2 {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1; }
/* line 1137, ../scss/helpers/_classes.scss */
.work-detail .left {
  margin-top: -50px; }
/* line 1141, ../scss/helpers/_classes.scss */
.work-detail .gallery .image {
  display: inline-block;
  overflow: hidden;
  position: relative;
  z-index: 1; }
  /* line 1146, ../scss/helpers/_classes.scss */
  .work-detail .gallery .image img {
    width: 100%; }
/* line 1150, ../scss/helpers/_classes.scss */
.work-detail .gallery .gallery-row {
  margin-bottom: -1px; }
/* line 1153, ../scss/helpers/_classes.scss */
.work-detail .gallery .width-33 {
  height: 165px; }
/* line 1156, ../scss/helpers/_classes.scss */
.work-detail .gallery .width-50 {
  height: 245px;
  width: 49.7%; }
/* line 1160, ../scss/helpers/_classes.scss */
.work-detail .gallery .width-100 {
  height: 380px;
  width: 99.8%; }
/* line 1166, ../scss/helpers/_classes.scss */
.work-detail .right {
  position: relative; }
/* line 1169, ../scss/helpers/_classes.scss */
.work-detail .page-switcher {
  position: absolute;
  right: 0px;
  top: -55px; }
  /* line 1173, ../scss/helpers/_classes.scss */
  .work-detail .page-switcher .prev, .work-detail .page-switcher .next {
    -moz-transition: ease 0.5s;
    -o-transition: ease 0.5s;
    -webkit-transition: ease 0.5s;
    transition: ease 0.5s;
    border: 2px solid rgba(0, 0, 0, 0.2);
    display: inline-block;
    -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.07);
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.07);
    text-shadow: none;
    -webkit-font-smoothing: antialiased;
    font-family: 'ElegantIcons';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    height: 30px;
    width: 30px;
    text-align: center; }
    /* line 1181, ../scss/helpers/_classes.scss */
    .work-detail .page-switcher .prev:hover, .work-detail .page-switcher .next:hover {
      border: 2px solid rgba(0, 0, 0, 0.4);
      cursor: pointer; }
    /* line 1185, ../scss/helpers/_classes.scss */
    .work-detail .page-switcher .prev:after, .work-detail .page-switcher .next:after {
      font-size: 18px;
      color: #000000;
      line-height: 29px; }
  /* line 1191, ../scss/helpers/_classes.scss */
  .work-detail .page-switcher .prev {
    position: relative;
    left: 5px; }
    /* line 1194, ../scss/helpers/_classes.scss */
    .work-detail .page-switcher .prev:after {
      content: "\#"; }
  /* line 1199, ../scss/helpers/_classes.scss */
  .work-detail .page-switcher .next:after {
    content: "\$"; }
/* line 1204, ../scss/helpers/_classes.scss */
.work-detail .video {
  padding-right: 2px;
  margin-bottom: 2px; }

/* line 1210, ../scss/helpers/_classes.scss */
.video iframe {
  border: none; }

/* line 1214, ../scss/helpers/_classes.scss */
.mt-25 {
  margin-top: 25px; }

/* line 1217, ../scss/helpers/_classes.scss */
.mt-50 {
  margin-top: 50px; }

/* line 1220, ../scss/helpers/_classes.scss */
.mt-75 {
  margin-top: 75px; }

/* line 1223, ../scss/helpers/_classes.scss */
.mt-100 {
  margin-top: 100px; }
  @media screen and (max-width: 991px) {
    /* line 1223, ../scss/helpers/_classes.scss */
    .mt-100 {
      margin-top: 50px; } }

/* line 1229, ../scss/helpers/_classes.scss */
.mt-125 {
  margin-top: 125px; }

/* line 1232, ../scss/helpers/_classes.scss */
.mt-150 {
  margin-top: 150px; }

/* line 1235, ../scss/helpers/_classes.scss */
.mt-175 {
  margin-top: 175px; }

/* line 1238, ../scss/helpers/_classes.scss */
.mt-200 {
  margin-top: 200px; }

/* line 1244, ../scss/helpers/_classes.scss */
.modal.modal-video .modal-dialog {
  width: 50%; }
  @media screen and (max-width: 991px) {
    /* line 1244, ../scss/helpers/_classes.scss */
    .modal.modal-video .modal-dialog {
      width: 90%; } }
  /* line 1251, ../scss/helpers/_classes.scss */
  .modal.modal-video .modal-dialog .modal-content {
    background: #0086bb; }
    /* line 1254, ../scss/helpers/_classes.scss */
    .modal.modal-video .modal-dialog .modal-content .modal-header {
      background: #0086bb; }
      /* line 1257, ../scss/helpers/_classes.scss */
      .modal.modal-video .modal-dialog .modal-content .modal-header h2 {
        width: 90%;
        float: left;
        color: #ffffff;
        margin-top: 3px; }
      /* line 1263, ../scss/helpers/_classes.scss */
      .modal.modal-video .modal-dialog .modal-content .modal-header .close {
        color: #fff;
        font-size: 27px;
        opacity: 1; }

/* 5. Forms */
/* line 1, ../scss/helpers/_forms.scss */
input[type="text"], input[type="email"], input[type="date"], input[type="time"], input[type="search"], input[type="password"], input[type="number"], input[type="tel"], textarea.form-control {
  -moz-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.1), 0px 1px 10px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.1), 0px 1px 10px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.1), 0px 1px 10px rgba(0, 0, 0, 0.05);
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-appearance: none;
  background-color: #fff;
  border: none;
  font-size: 14px;
  font-weight: 400;
  outline: none !important;
  padding-top: 8px;
  padding-bottom: 8px;
  width: 100%;
  height: inherit; }
  /* line 15, ../scss/helpers/_forms.scss */
  input[type="text"]:active, input[type="text"]:focus, input[type="email"]:active, input[type="email"]:focus, input[type="date"]:active, input[type="date"]:focus, input[type="time"]:active, input[type="time"]:focus, input[type="search"]:active, input[type="search"]:focus, input[type="password"]:active, input[type="password"]:focus, input[type="number"]:active, input[type="number"]:focus, input[type="tel"]:active, input[type="tel"]:focus, textarea.form-control:active, textarea.form-control:focus {
    -moz-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2), inset 1px 0 5px transparent;
    -webkit-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2), inset 1px 0 5px transparent;
    box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2), inset 1px 0 5px transparent; }
  /* line 18, ../scss/helpers/_forms.scss */
  input[type="text"]:hover, input[type="email"]:hover, input[type="date"]:hover, input[type="time"]:hover, input[type="search"]:hover, input[type="password"]:hover, input[type="number"]:hover, input[type="tel"]:hover, textarea.form-control:hover {
    -moz-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2), inset 1px 0 5px transparent;
    -webkit-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2), inset 1px 0 5px transparent;
    box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2), inset 1px 0 5px transparent; }
  /* line 21, ../scss/helpers/_forms.scss */
  input[type="text"].input-dark, input[type="email"].input-dark, input[type="date"].input-dark, input[type="time"].input-dark, input[type="search"].input-dark, input[type="password"].input-dark, input[type="number"].input-dark, input[type="tel"].input-dark, textarea.form-control.input-dark {
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff; }

/* line 26, ../scss/helpers/_forms.scss */
label {
  cursor: pointer;
  margin-bottom: 8px;
  width: 100%; }

/* line 31, ../scss/helpers/_forms.scss */
textarea {
  resize: vertical; }

/* line 34, ../scss/helpers/_forms.scss */
button {
  outline: none !important; }
  /* line 36, ../scss/helpers/_forms.scss */
  button:hover, button:active, button:focus {
    outline: none !important; }

/* line 40, ../scss/helpers/_forms.scss */
.btn[disabled] {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5; }

/* line 43, ../scss/helpers/_forms.scss */
.btn {
  -moz-transition: ease 0.5s;
  -o-transition: ease 0.5s;
  -webkit-transition: ease 0.5s;
  transition: ease 0.5s;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.07);
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.07);
  font-size: 10px;
  text-transform: uppercase;
  outline: none !important;
  border: none;
  font-weight: bold;
  padding: 9px 12px 6px 12px; }
  /* line 53, ../scss/helpers/_forms.scss */
  .btn:hover, .btn:active, .btn:focus {
    outline: none !important;
    -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.4);
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.4); }
  /* line 58, ../scss/helpers/_forms.scss */
  .btn.btn-default:hover, .btn.btn-default:active, .btn.btn-default:focus {
    background-color: #fff; }
  /* line 62, ../scss/helpers/_forms.scss */
  .btn.btn-white {
    background-color: #fff; }
  /* line 65, ../scss/helpers/_forms.scss */
  .btn.btn-primary {
    background-color: #0086bb;
    color: #fff; }
    /* line 68, ../scss/helpers/_forms.scss */
    .btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:focus {
      background-color: #000000; }
  /* Custom outline primary button */
  .btn.btn-outline-primary {
    background-color: #fff;
    color: #0086bb;
    border: 2px solid #0086bb;
    font-size: 1.1em;
    margin-top: -0.3em;
    border-radius: 6px; }
    .btn.btn-outline-primary:hover, .btn.btn-outline-primary:active, .btn.btn-outline-primary:focus {
      background-color: #0086bb;
      color: #fff; }
  /* line 73, ../scss/helpers/_forms.scss */
  .btn.arrow:after {
    text-shadow: none;
    -webkit-font-smoothing: antialiased;
    font-family: 'ElegantIcons';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    content: "\$";
    font-size: 16px;
    vertical-align: middle;
    margin-left: 5px; }

/* line 83, ../scss/helpers/_forms.scss */
.hero-section form {
  -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
  margin-bottom: 0;
  z-index: 2;
  position: relative;
  margin-top: 0; }
  /* line 89, ../scss/helpers/_forms.scss */
  .hero-section form ::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.6); }
  /* line 92, ../scss/helpers/_forms.scss */
  .hero-section form :-moz-placeholder {
    color: rgba(255, 255, 255, 0.6); }
  /* line 95, ../scss/helpers/_forms.scss */
  .hero-section form ::-moz-placeholder {
    color: rgba(255, 255, 255, 0.6); }
  /* line 98, ../scss/helpers/_forms.scss */
  .hero-section form :-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.6); }
  /* line 101, ../scss/helpers/_forms.scss */
  .hero-section form label {
    font-weight: normal; }
  /* line 104, ../scss/helpers/_forms.scss */
  .hero-section form .checkboxes {
    color: #fff; }
  /* line 107, ../scss/helpers/_forms.scss */
  .hero-section form .form-group {
    position: relative;
    margin-bottom: 0; }
    /* line 110, ../scss/helpers/_forms.scss */
    .hero-section form .form-group:after {
      background-color: rgba(0, 0, 0, 0.05);
      content: "";
      width: 1px;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0; }
  /* line 120, ../scss/helpers/_forms.scss */
  .hero-section form .form-control {
    color: #fff;
    margin-bottom: 0; }
  /* line 124, ../scss/helpers/_forms.scss */
  .hero-section form .btn {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: none;
    background-color: #488f3e;
    color: #fff;
    padding: 30px;
    text-transform: none;
    width: 100%;
    font-size: 18px;
    font-weight: normal; }
    /* line 134, ../scss/helpers/_forms.scss */
    .hero-section form .btn:hover, .hero-section form .btn:focus, .hero-section form .btn:active {
      border: none; }
    /* line 137, ../scss/helpers/_forms.scss */
    .hero-section form .btn[type="submit"] {
      background-color: #366b2f; }
  /* line 141, ../scss/helpers/_forms.scss */
  .hero-section form .favorite-search {
    background-color: rgba(0, 0, 0, 0.4);
    color: #fff;
    font-size: 12px;
    padding: 10px 30px; }
    /* line 146, ../scss/helpers/_forms.scss */
    .hero-section form .favorite-search span {
      font-weight: bold;
      margin-right: 10px; }
    /* line 150, ../scss/helpers/_forms.scss */
    .hero-section form .favorite-search a {
      color: #fff;
      margin-right: 3px; }
      /* line 153, ../scss/helpers/_forms.scss */
      .hero-section form .favorite-search a:hover {
        text-decoration: underline; }
      /* line 156, ../scss/helpers/_forms.scss */
      .hero-section form .favorite-search a:after {
        content: ","; }
  /* line 161, ../scss/helpers/_forms.scss */
  .hero-section form .icheckbox {
    background-color: transparent;
    -moz-box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0.3);
    box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0.3); }
    /* line 164, ../scss/helpers/_forms.scss */
    .hero-section form .icheckbox:after {
      color: #fff; }

/* line 170, ../scss/helpers/_forms.scss */
.form-control {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }

/* line 174, ../scss/helpers/_forms.scss */
.marketing-form .left {
  float: left;
  width: 50%; }
/* line 178, ../scss/helpers/_forms.scss */
.marketing-form .right {
  float: right;
  width: 50%; }

/* line 183, ../scss/helpers/_forms.scss */
select {
  -moz-transition: ease 0.5s;
  -o-transition: ease 0.5s;
  -webkit-transition: ease 0.5s;
  transition: ease 0.5s;
  -moz-appearance: none;
  -webkit-appearance: none;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  border: none;
  cursor: pointer;
  background: url("../img/caret-down.png") no-repeat 100% center;
  margin-top: 5px;
  min-width: 40px; }
  /* line 192, ../scss/helpers/_forms.scss */
  select.framed {
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    background-color: transparent;
    border-width: 2px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.25); }
    /* line 198, ../scss/helpers/_forms.scss */
    select.framed.white {
      color: #fff;
      border-color: #fff;
      background: url("../img/caret-down-white.png") no-repeat 100% center; }
      /* line 202, ../scss/helpers/_forms.scss */
      select.framed.white option {
        color: #1f1f1f; }
  /* line 207, ../scss/helpers/_forms.scss */
  select option {
    background-color: #fff;
    padding: 5px; }

/* 6. Responsive */
@media (min-width: 992px) and (max-width: 1199px) {
  /* line 6, ../scss/helpers/_responsive.scss */
  .featured-works-carousel .slide .image {
    width: 560px; } }
@media (min-width: 768px) and (max-width: 991px) {
  /* line 13, ../scss/helpers/_responsive.scss */
  .featured-works-carousel .slide .image {
    width: 420px; }

  /* line 14, ../scss/helpers/_responsive.scss */
  .featured-works-carousel .slide .title h3 {
    font-size: 26px; }

  /* line 15, ../scss/helpers/_responsive.scss */
  .featured-works-carousel .slide .title {
    padding: 25px; }

  /* line 16, ../scss/helpers/_responsive.scss */
  .featured-works-carousel .owl-controls {
    bottom: -20px; }

  /* line 17, ../scss/helpers/_responsive.scss */
  .framed {
    padding: 15px; }

  /* line 18, ../scss/helpers/_responsive.scss */
  .gallery .gallery-item .title .name {
    font-size: 12px; }

  /* line 19, ../scss/helpers/_responsive.scss */
  h2 {
    margin-bottom: 30px; }

  /* line 20, ../scss/helpers/_responsive.scss */
  .work-detail .title {
    display: inline-block; }

  /* line 21, ../scss/helpers/_responsive.scss */
  .work-detail .page-switcher {
    display: none; }

  /* line 22, ../scss/helpers/_responsive.scss */
  .work-detail .gallery {
    margin-top: 30px; }

  /* line 23, ../scss/helpers/_responsive.scss */
  .gallery .gallery-item .title {
    bottom: -55px; }

  /* line 25, ../scss/helpers/_responsive.scss */
  #page-services .col-md-6 {
    margin-bottom: 30px; } }
@media (max-width: 767px) {
  /* line 32, ../scss/helpers/_responsive.scss */
  .page-wrapper {
    display: block; }

  /* line 33, ../scss/helpers/_responsive.scss */
  .page-wrapper #page-header, .page-wrapper #page-footer, .page-wrapper #page-content {
    display: block;
    height: auto; }

  /* line 34, ../scss/helpers/_responsive.scss */
  .hero-section .heading-wrapper .title {
    padding: 30px 30px 30px 0;
    top: inherit;
    bottom: 100px; }

  /* line 35, ../scss/helpers/_responsive.scss */
  .hero-section .heading-wrapper .title h1 {
    font-size: 30px; }

  /* line 36, ../scss/helpers/_responsive.scss */
  .hero-section .heading-wrapper .owl-navigation {
    top: inherit; }

  /* line 37, ../scss/helpers/_responsive.scss */
  .featured-works-carousel .slide .image {
    width: 100%;
    margin-bottom: 30px; }

  /* line 38, ../scss/helpers/_responsive.scss */
  .featured-works-carousel .slide .title {
    right: inherit;
    left: 30px; }

  /* line 39, ../scss/helpers/_responsive.scss */
  .featured-works-carousel .owl-controls {
    bottom: -30px; }

  /* line 40, ../scss/helpers/_responsive.scss */
  .featured-block {
    margin: 50px 0; }

  /* line 41, ../scss/helpers/_responsive.scss */
  #page-footer {
    text-align: center; }

  /* line 42, ../scss/helpers/_responsive.scss */
  #page-footer .map-wrapper #map {
    position: relative; }

  /* line 43, ../scss/helpers/_responsive.scss */
  #page-footer .separator {
    display: inline-block; }

  /* line 44, ../scss/helpers/_responsive.scss */
  .person .left {
    width: 115px;
    height: 165px; }

  /* line 45, ../scss/helpers/_responsive.scss */
  .person .right {
    padding-left: 130px; }

  /* line 46, ../scss/helpers/_responsive.scss */
  .time-line .time-line-item .date {
    width: 70px; }

  /* line 47, ../scss/helpers/_responsive.scss */
  .time-line .time-line-item p {
    padding-left: 70px; }

  /* line 48, ../scss/helpers/_responsive.scss */
  .bg-transfer.bg-fixed, .bg-transfer {
    background-attachment: inherit;
    background-size: cover;
    background-position: center center; }

  /* line 49, ../scss/helpers/_responsive.scss */
  .work-detail .gallery {
    margin-top: 30px; }
    /* line 50, ../scss/helpers/_responsive.scss */
    .work-detail .gallery .width-100, .work-detail .gallery .width-50, .work-detail .gallery .width-33 {
      width: 100%; }

  /* line 52, ../scss/helpers/_responsive.scss */
  .page-switcher {
    display: none; }

  /* line 54, ../scss/helpers/_responsive.scss */
  #page-services .one-item-carousel {
    margin: 15px 0; } }
    .carousel-image-wrapper {
      position: relative;
      width: 100%;
      aspect-ratio: 1 / 1; /* quadratisch */
      overflow: hidden;
      background: #eee;
    }
    .carousel-image-wrapper img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center center; /* Centers the image when cropping */
      display: block;
    }

/* Custom carousel height override for square images */
.hero-section.is-carousel .hero-wrapper {
  height: 800px !important; /* Increased from 600px for more square appearance */
  max-height: 80vh; /* Fallback for very small screens */
}

/* Override media queries for carousel height */
@media screen and (max-width: 678px) {
  .hero-section.is-carousel .hero-wrapper {
    height: 600px !important; /* Increased from 400px */
    max-height: 60vh;
  }
}

@media screen and (max-width: 575px) {
  .hero-section.is-carousel .hero-wrapper {
    height: 500px !important; /* Increased from 350px */
    max-height: 50vh;
  }
}

@media screen and (max-width: 475px) {
  .hero-section.is-carousel .hero-wrapper {
    height: 400px !important; /* Increased from 300px */
    max-height: 45vh;
  }
}

@media screen and (max-width: 390px) {
  .hero-section.is-carousel .hero-wrapper {
    height: 350px !important; /* Increased from 280px */
    max-height: 40vh;
  }
}

/* Exposé iframe responsive styles */
.expose-iframe-container {
  position: relative;
  width: 100%;
}

.expose-iframe {
  width: 100%;
  border: none;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.mobile-expose-button {
  text-align: center;
  margin: 20px 0 30px 0;
}

.mobile-expose-button .btn {
  border-radius: 25px;
  padding: 12px 24px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.mobile-expose-button .btn i {
  margin-right: 8px;
}

/* Desktop: iframe mit fester Höhe */
@media screen and (min-width: 992px) {
  .expose-iframe {
    height: 1000px;
  }
  
  .mobile-expose-button {
    display: none !important;
  }
}

/* Tablet: reduzierte Höhe */
@media screen and (min-width: 768px) and (max-width: 991px) {
  .expose-iframe {
    height: 800px;
  }
  
  .mobile-expose-button {
    display: none !important;
  }
}

/* Mobile: adaptive Höhe basierend auf Viewport */
@media screen and (max-width: 767px) {
  .expose-iframe {
    height: 60vh;
    min-height: 400px;
    max-height: 600px;
  }
  
  .expose-iframe-container {
    margin-top: 20px;
  }
}
.flip-book .view .fnav .hidden {
  display: block !important;
}