@font-face {
   font-family: 'Conv_GOTHIC';
   src: url('assets/fonts/GOTHIC.eot');
   src: url('assets/fonts/GOTHIC.woff') format('woff'), url('assets/fonts/GOTHIC.ttf') format('truetype'),
      url('assets/fonts/GOTHIC.svg') format('svg');
   font-weight: normal;
   font-style: normal;
}

.img-desktop {
   display: block !important;
}

.img-mobile {
   display: none !important;
}

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


#cookie-law-info-bar,
#cookie_hdr_showagain {
   font-size: 12px !important;
}

body {
   background-color: #FFFFFF;
   color: #FFFFFF;
   font-size: 16px;
   font-weight: normal;
   line-height: 26px;
   margin: 0;
}

body,
button,
input,
select,
textarea {
   font-family: 'Conv_GOTHIC', sans-serif;
}

.owl-carousel .owl-stage {
   height: 100vh;
   overflow-y: hidden;
}

.group:after {
   clear: both;
   content: ' ';
   display: block;
   font-size: 0;
   height: 0;
   visibility: hidden;
}

img {
   border: 0;
}

a {
   outline: 0;
   text-decoration: none;
}

h2 {
   font-size: 52px;
   font-weight: normal;
}

nav ul,
nav ol {
   list-style: none;
   margin: 0;
   padding: 0;
}

.menu-wrap {
   background-color: #000000;
   border-bottom: dotted 1px #666666;
   height: 50px;
   left: 0;
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 99999;
}

.menu-wrap nav ul {
   float: right;
   margin: 15px 15px 0 0;
}

.menu-wrap nav ul li {
   float: left;
}

.menu-wrap nav ul li a {
   border-right: dotted 1px #666666;
   color: #CCCCCC;
   display: block;
   font-size: 12px;
   padding: 0 10px 0 10px;
   text-decoration: none;
   text-transform: uppercase;
}

.menu-wrap nav ul li a:hover {
   color: #FFFFFF;
}

.menu-wrap nav ul li:last-child a {
   border: 0;
   padding: 0 0 0 10px;
}

.menu-wrap aside {
   float: left;
   margin: 15px 0 0 5px;
}

.content-background-image {
   display: none;
   height: 100%;
   left: 0;
   object-fit: cover;
   position: fixed;
   top: 0;
   width: 100%;
   z-index: -2;
}

.owl-dots {
   background-color: rgba(0, 0, 0, 0.5);
   bottom: 0;
   left: 0;
   padding: 10px;
   position: absolute;
   right: 0;
   z-index: 1000;
}

.owl-nav .owl-next {
   font-size: 60px !important;
   font-weight: lighter !important;
   height: 60px;
   position: absolute;
   right: 10px;
}

.owl-nav .owl-next:hover,
.owl-nav .owl-prev:hover {
   background: none !important;
}

.owl-nav .owl-next:focus,
.owl-nav .owl-prev:focus {
   outline: none !important;
}

.owl-nav .owl-prev {
   font-size: 60px !important;
   font-weight: lighter !important;
   height: 60px;
   left: 10px;
   position: absolute;
}

.owl-nav {
   left: 0;
   position: absolute;
   right: 0;
   top: 50%;
   z-index: 1000;
}

.slider .owl-carousel .owl-stage-outer,
.home-slider .owl-carousel .owl-stage-outer {
   height: 100vh;
}

.slider .list-item,
.home-slider .list-item {
   position: relative;
}

.teaser {
   color: white;
   font-size: 28px;
   left: 50%;
   line-height: 38px;
   max-width: 600px;
   position: absolute;
   text-align: center;
   top: 50%;
   transform: translate(-50%, 150%);
   z-index: 2000;
}

.slider .list-item img,
.home-slider .list-item img {
   height: calc(100vh - 30px);
   margin: 0 auto;
   width: auto !important;
}

.nav-slider .list-item a {
   display: block;
   height: 150px;
   width: 300px;
}

.nav-slider .list-item img {
   width: auto !important;
}

.page-template-press-template .owl-nav {
   left: -50px;
   right: -50px;
   top: 25%;
}

.content-background-hover {
   background-color: rgba(0, 0, 0, 0.3);
   bottom: 0;
   left: 0;
   position: fixed;
   right: 0;
   top: 0;
   width: 100%;
   z-index: -1;
}

.content article {
   max-width: 50%;
   overflow: auto;
   padding: 40px;
}

#content-loader {
   background: #000000 url(assets/backgrounds/loader.gif) no-repeat 50% 50%;
   height: 100vh;
   left: 0;
   overflow: auto;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: 1000;
}

.contact-content article p {
   margin: 0;
   padding: 0;
}

.contact-content article p a {
   color: #FFFFFF;
   text-decoration: underline;
}

.wpcf7 input[type='text'],
.alo_easymail_widget_form input[type='text'],
.wpcf7 input[type='email'] {
   background-color: #000000;
   border: dotted 1px #999999;
   color: #FFFFFF;
   font-size: 18px;
   font-weight: normal;
   margin-top: 2px;
   max-width: 50%;
   padding: 5px;
}

.wpcf7-form-control-wrap {
   display: block;
   margin-bottom: 20px !important;
   margin-top: 10px !important;
}

.wpcf7 textarea {
   background-color: #000000;
   border: dotted 1px #999999;
   color: #FFFFFF;
   font-size: 18px;
   font-weight: normal;
   height: 100px;
   margin-top: 2px;
   max-height: 200px;
   max-width: 600px;
   padding: 5px;
   width: 600px;
}

.wpcf7 input[type='submit'],
.alo_easymail_widget_form input[type='submit'] {
   background-color: #000000;
   border: dotted 1px #999999;
   color: #FFFFFF;
   cursor: pointer;
   font-size: 18px;
   font-weight: normal;
   height: 40px;
   margin-top: 5px;
   padding: 5px 0;
   width: 200px;
}

.alo_easymail_widget_form input[type='submit'] {
   margin-left: 55px;
}

#map-canvas {
   height: 100%;
   left: 0;
   min-height: 750px;
   position: absolute;
   top: 0;
   width: 100%;
}

.gmnoprint {
   display: none !important;
}

#latest a {
   background-color: #000000;
   border: solid 1px #000000;
   bottom: 50px;
   color: #FFFFFF;
   display: block;
   font-size: 18px;
   font-weight: normal;
   height: 29px;
   left: 250px;
   margin-left: 55px;
   margin-top: 2px;
   padding-top: 9px;
   position: absolute;
   text-align: center;
   text-decoration: none;
   width: 180px;
}

#projects-list-slider-wrap {
   display: none;
   position: relative;
}

.projects-list-slider {
   background-color: #000000;
   height: 150px;
   overflow: hidden;
   position: relative;
}

.single-project-slider li div {
   background-position: center right;
   background-size: cover;
   height: 100vh;
   width: 100vw;
}

#projects-list {
   margin: 0;
   padding: 0;
   width: 100%;
}

#projects-list .list-item {
   float: left;
   height: 150px;
   list-style: none;
   margin: 0;
   position: relative;
   width: 300px;
}

#projects-list li:last-child {
   margin: 0;
}

.project-logo {
   float: left;
}

.project-logo img {
   background-color: #FFFFFF;
}

.project-info {
   background-color: #000000;
   color: #FFFFFF;
   font-size: 16px;
   height: 130px;
   line-height: 20px;
   padding: 10px 10px 10px 10px;
   position: absolute;
   right: 0;
   top: 0;
   width: 130px;
}

.property-info {
   background-color: #000000;
   color: #FFFFFF;
   display: block;
   float: right;
   font-size: 16px;
   height: 140px;
   line-height: 20px;
   padding: 10px;
   width: 130px;
}

#projects-list-slider-wrap .prev-slide {
   background-image: url(assets/images/left-arrow.png);
   display: none;
   height: 50px;
   left: 10px;
   position: absolute;
   top: 140px;
   width: 50px;
}

#projects-list-slider-wrap .next-slide {
   background-image: url(assets/images/right-arrow.png);
   display: none;
   height: 50px;
   position: absolute;
   right: 10px;
   top: 140px;
   width: 50px;
}

.toggle-button {
   background-color: rgba(0, 0, 0, 0.5);
   height: 1px;
   width: 100%;
}

.toggle-button a {
   background-color: rgba(0, 0, 0, 0.5);
   border-bottom: dotted 1px #666666;
   border-right: dotted 1px #666666;
   color: #FFFFFF;
   display: block;
   font-size: 12px;
   padding: 3px 0;
   text-align: center;
   text-decoration: none;
   text-transform: uppercase;
   width: 150px;
}

.single-project-content {
   height: 100%;
   left: 0;
   position: fixed;
   top: 0;
   width: 100%;
   z-index: -1;
}

.single-project-slider {
   overflow: hidden;
   position: relative;
}

.single-project-slider ul {
   margin: 0;
   padding: 0;
}

.single-project-slider li {
   display: block;
   float: left;
   list-style: none;
   margin: 0;
   position: relative;
}

.single-project-slider img {
   display: block;
}

.single-project-content .next-slide {
   background-image: url('assets/images/right-arrow-large.png');
   bottom: 30px;
   display: block;
   height: 101px;
   position: absolute;
   right: 30px;
   width: 101px;
   z-index: 99999;
}

.single-project-content .prev-slide {
   background-image: url('assets/images/left-arrow-large.png');
   bottom: 30px;
   display: block;
   height: 101px;
   left: 30px;
   position: absolute;
   width: 101px;
   z-index: 99999;
}

.single-project-info {
   background-color: #000000;
   bottom: 50px;
   color: #FFFFFF;
   font-size: 14px;
   left: 50%;
   line-height: 18px;
   margin-left: -250px;
   opacity: 0.7;
   padding: 10px;
   position: absolute;
   width: 500px;
}

.single-project-desc-wrap {
   bottom: 0;
   color: #FFFFFF;
   font-size: 14px;
   left: 0;
   line-height: 18px;
   position: absolute;
   right: 0;
}

.single-project-desc {
   background-color: #000000;
   bottom: 0;
   left: 50%;
   opacity: 0.6;
   padding: 10px 30px;
   position: absolute;
   transform: translateX(-50%);
   z-index: 1100;
}

.single-project-desc p {
   margin: 0;
   padding: 0;
}

.single-project-desc a {
   color: #FFFFFF;
}

#press-list-slider-wrap {
   background-color: #000000;
   box-shadow: 0 0 20px #333333;
   height: 600px;
   left: 50%;
   margin: 0 0 0 -450px;
   position: absolute;
   top: 170px;
   width: 900px;
}

#press-list {
   margin: 0;
   padding: 0;
}

#press-list .list-item {
   display: block;
   float: left;
   height: 600px;
   list-style: none;
   position: relative;
   width: 900px;
}

#press-list .list-item a div {
   background-repeat: no-repeat;
   background-size: cover;
   float: left;
   height: 600px;
   width: 50%;
}

.press-desc {
   background-color: #000000;
   bottom: 0;
   color: #FFFFFF;
   display: block;
   font-size: 14px;
   left: 0;
   opacity: 0.8;
   padding: 10px;
   position: absolute;
   width: 880px;
}

#press-list-slider-wrap .next-slide {
   background-image: url('assets/images/right-arrow-large.png');
   bottom: 50px;
   display: none;
   height: 101px;
   position: absolute;
   right: 10px;
   width: 101px;
}

#press-list-slider-wrap .prev-slide {
   background-image: url('assets/images/left-arrow-large.png');
   bottom: 50px;
   display: none;
   height: 101px;
   left: 10px;
   position: absolute;
   width: 101px;
}

#concept-list-slider-wrap {
   background-color: #FFFFFF;
   height: 550px;
   left: 0;
   position: absolute;
   text-align: center;
   top: 0;
   width: 100%;
   z-index: -1000;
}

#concept-list-slider-wrap .inner {
   background-repeat: no-repeat;
   background-size: cover;
   height: 550px;
   width: 960px;
}

.slider-inner {
   display: inline-block;
   height: 550px;
   margin: 0 auto;
   position: relative;
   width: 960px;
}

#concept-list-slider {
   overflow: hidden;
   position: relative;
}

#concept-list {
   height: 523px;
   margin: 0;
   padding: 0;
   width: 950px;
}

#concept-list li {
   display: block;
   float: left;
   list-style: none;
}

.page-template-company-template-php .content p a {
   color: white;
}

.hamburger-wrap {
   display: none;
}

@media all and (max-width: 1020px) {
   .img-desktop {
      display: none !important;
   }

   .img-mobile {
      display: block !important;
   }

   .project-slider .list-item img {
      margin-top: 0;
   }

   .hamburger-wrap {
      display: block;
   }

   #content-loader {
      height: calc(100vh - 30px);
      padding-top: 30px;
   }

   .owl-carousel .owl-stage {
      height: 100vh;
      overflow-y: hidden;
   }

   .menu-wrap nav ul li a {
      border-right: dotted 1px #666666;
      color: #CCCCCC;
      display: block;
      font-size: 12px;
      padding: 0 5px 0 5px;
      text-decoration: none;
      text-transform: uppercase;
   }

   .menu-wrap nav ul li {
      float: none;
   }

   .menu-wrap nav ul li a {
      border-right: none;
      font-size: 32px;
      line-height: 52px;
   }

   .menu-wrap nav ul {
      float: none !important;
      padding: 40px;
   }

   .menu-wrap {
      box-sizing: border-box;
      height: 80px;
      padding-top: 15px;
   }

   .menu-wrap nav {
      background-color: black;
      bottom: 0;
      display: none;
      left: 0;
      position: fixed;
      right: 0;
      top: 80px;
      z-index: 2000;
   }

   .hamburger-box {
      position: relative !important;
      right: -10px;
      top: -17px;
      transform: scale(0.7);
   }

   .hamburger-inner,
   .hamburger-inner:after,
   .hamburger-inner:before {
      background-color: white !important;
   }

   .single-project-slider img {
      width: 100% !important;
   }

   #concept-list-slider-wrap .inner {
      height: 450px;
      width: 100vw;
   }

   .slider-inner {
      height: 450px;
      width: 100vw;
   }

   #press-list-slider-wrap {
      bottom: 0;
      height: calc(100vh - 100px);
      left: 0;
      margin-left: 0;
      overflow: hidden;
      padding-top: 200px;
      position: absolute;
      right: 0;
      top: 0;
      width: 100%;
      z-index: 1200;
   }

   #press-list-slider-wrap .owl-stage-outer {
      height: auto;
      overflow: hidden;
   }

   .page-template-press-template #content-loader {
      overflow: hidden;
   }

   #press-list li {
      width: 100vw;
   }

   #concept-list-slider-wrap .inner {
      height: 250px;
      width: 100vw;
   }

   .teaser {
      transform: translate(-50%, -50%);
   }

   #press-list-slider-wrap nav.controls,
   .projects-loader nav.controls {
      bottom: 0;
      left: 0;
      position: fixed;
      right: 0;
   }

   nav.controls a {
      bottom: 10px !important;
   }

   .single-project-desc-wrap {
      bottom: 0;
      left: 0;
      margin: 0;
      right: 0;
      width: auto;
   }

   h2 {
      font-size: 32px;
   }

   #concept-list-slider-wrap {
      bottom: 0;
      top: 0;
   }

   .content article {
      bottom: 0;
      max-width: 90% !important;
      padding: 40px 20px !important;
   }

   .content article p {
      padding: 0 10px;
   }

   .slider-inner {
      height: 250px;
      width: 100vw;
   }

   #press-list .list-item {
      height: auto;
      width: 100%;
   }

   #press-list .list-item a div {
      background-size: contain;
      height: 300px;
   }

   .controls a {
      background-size: cover;
      height: 50px !important;
      width: 50px !important;
   }

   .single-project-desc {
      left: 0;
      right: 0;
      text-align: center;
      transform: translateX(0);
   }

   .single-project-desc p {
      text-align: center;
      width: 100%;
   }

   .project-logo img {
      width: 220px;
   }

   .wpcf7 input[type='text'],
   .alo_easymail_widget_form input[type='text'],
   .wpcf7 input[type='email'] {
      border: dotted 1px #999999;
      width: 95%;
   }

   .wpcf7 textarea {
      max-width: 95% !important;
   }

   #latest a {
      margin-top: 50px;
      position: static;
   }

   .page-template-press-template .owl-nav {
      left: 0;
      right: 0;
   }

   .menu-wrap nav ul li:last-child a {
      padding: 0;
   }
}

@media all and (max-width: 580px) {
   .single-project-slider .list-item img {
      height: auto !important;
      width: 100% !important;
      padding-top: 80px;
   }
}