@charset "UTF-8";
/*

@Author: Themezinho
@URL: http://www.themezinho.net

This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.


// Table of contents //

	01.	GOOGLE FONTS
	02.	BODY
	03.	CUSTOM CLASSES
	04. FORM ELEMENTS
	05.	SECTIONS
	06.	HTML TAGS
	07.	LINKS
	08.	MODAL
	09.	PAGINATION
	10. PRELOADER
	11.	TRANSITION OVERLAY
	12.	SANDWICH BUTTON
	13.	SCROLL DOWN
	14.	NAVIGATION MENU
	15.	HEADER
	16.	SOCIAL MEDIA
	17.	NAVBAR
	18.	SLIDER
	19.	PAGE HEADER
	20.	VIDEO BG
	21.	WORKS
	22.	FEATURES CONTENT
	23.	LISTING CONTENT
	24.	FULL MEDIA CONTENT
	25.	INTRODUCTION
	26. OUR TEAM
	27.	NEWS
	28.	SAY HELLO
	29.	LOGOS
	30.	FOOTER
	31.	RESPONSIVE TABLET FIXES
	32. REPSONSIVE MOBILE FIXES



*/
/* GOOGLE FONTS */
@import url("https://fonts.googleapis.com/css?family=Libre+Baskerville:400");

/* BODY */
body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: futura-pt-bold, sans-serif;
  font-weight: 700;
  font-size: 14px;
  color: #313434;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
}
html {
  height: 100%;
}

/* CUSTOM ELEMENTS */
.overflow {
  overflow: hidden !important;
}
.no-margin {
  margin: 0 !important;
}

/* HTML ELEMENTS */
img {
  max-width: 100%;
}

/* LINKS */
a {
  color: #00cccc;
}
a {
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

/* TRANSITION OVERLAY */
.transition-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: -100%;
  z-index: 10;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.transition-overlay * {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.transition-overlay .layer {
  width: 10px;
  height: 100%;
  float: left;
  background: #313434;
  transition-delay: 0.4s;
}
.transition-overlay.active {
  top: 0;
}
.transition-overlay.active .layer {
  width: 100%;
}


/* ODOMETER */
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-car .odometer-digit {
  padding: 0;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-car .odometer-digit .odometer-digit-inner {
  left: 0;
}

/* PRELOADER */
.preloader {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 11;
  overflow: hidden;
  background: #00CCCC;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.preloader * {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.preloader .layer {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #191919;
  z-index: 2;
}
.preloader .inner {
  margin: 0;
  position: relative;
  z-index: 3;
}
.preloader figure {
  display: block;
  margin: 0;
}
.preloader figure img {
  height: 200px;
}
.page-loaded {
  overflow: inherit;
}
.page-loaded .preloader {
  left: -100%;
  transition-delay: 0.6s;
}
.page-loaded .preloader .layer {
  bottom: -100%;
  transition-delay: 0.2s;
}
.page-loaded .preloader .inner {
  transform: translateY(20px);
  opacity: 0;
}
.page-loaded .navbar {
  transform: translateY(0);
}

/* NAVIGATION MENU */
.navigation-menu {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  position: fixed;
  left: 0;
  top: -100%;
  z-index: 8;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.navigation-menu * {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.navigation-menu .nav-bg {
  width: 10px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #00CCCC;
  transition-delay: 0.4s;
}
.navigation-menu .nav-bg2 {
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #000000;
  transition-delay: 0.8s;
}
.navigation-menu .inner {
  position: relative;
  z-index: 2;
  padding: 0 40px;
}
.navigation-menu .inner address {
  float: left;
  color: #fff;
  font-family: "Libre Baskerville", serif;
  font-size: 20px;
  transform: translateX(-200%);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  margin: 0;
  height: 170px;
  position: absolute;
  top: 50%;
  margin-top: -85px;
}
.navigation-menu .inner address span {
  font-family: "Poppins", sans-serif;
  display: block;
  font-size: 2vw;
  font-weight: 800;
  margin-bottom: 20px;
}
.navigation-menu .inner ul {
  width: 50%;
  float: right;
  margin: 0;
  padding: 0;
}
.navigation-menu .inner ul li {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
.navigation-menu .inner ul li:hover ul {
  max-height: 500px;
  transition: max-height 0.45s ease-in;
}
.navigation-menu .inner ul li a {
  float: right;
  font-size: 4vw;
  color: #fff;
  text-transform: uppercase;
  font-weight: 800;
  transform: translateY(200%);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  position: relative;
}
.navigation-menu .inner ul li a:hover {
  text-decoration: none;
}
.navigation-menu .inner ul li a:hover:before {
  width: 100%;
}
.navigation-menu .inner ul li a:before {
  content: "";
  width: 0;
  height: 50%;
  background: #00CCCC;
  position: absolute;
  left: 0;
  bottom: 25%;
  z-index: -1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.navigation-menu .inner ul li ul {
  max-height: 0;
  width: 100%;
  transition: max-height 0.25s ease-out;
}
.navigation-menu .inner ul li ul li {
  display: block;
}
.navigation-menu .inner ul li ul li a {
  font-size: 26px;
}
.navigation-menu .inner ul li ul li a:before {
  height: 4px;
  bottom: 8px;
}
.navigation-menu.open {
  top: 0;
}
.navigation-menu.open .nav-bg {
  width: 100%;
}
.navigation-menu.open .nav-bg2 {
  width: 100%;
}
.navigation-menu.open address {
  transition-delay: 1s;
  transform: translateY(0);
}
.navigation-menu.open ul li {
  margin: 0;
}
.navigation-menu.open ul li:nth-child(1) a {
  transition-delay: 0.8s;
}
.navigation-menu.open ul li:nth-child(2) a {
  transition-delay: 0.85s;
}
.navigation-menu.open ul li:nth-child(3) a {
  transition-delay: 0.9s;
}
.navigation-menu.open ul li:nth-child(4) a {
  transition-delay: 0.95s;
}
.navigation-menu.open ul li:nth-child(5) a {
  transition-delay: 1s;
}
.navigation-menu.open ul li:nth-child(6) a {
  transition-delay: 1.05s;
}
.navigation-menu.open ul li a {
  transform: translateY(0);
}

/* SANDWICH BUTTON */
.sandwich-btn {
	display:none;
  width: 22px;
  height: 22px;
  float: left;
  position: relative;
  cursor: pointer;
}
.sandwich-btn span {
  display: block;
  height: 2px;
  width: 18px;
  background: #fff;
  opacity: 1;
  position: absolute;
  right: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.sandwich-btn span:nth-child(1) {
  top: 0;
}
.sandwich-btn span:nth-child(2) {
  top: 8px;
}
.sandwich-btn.open span:nth-child(1) {
  top: 4px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.sandwich-btn.open span:nth-child(2) {
  top: 4px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

/* NAVBAR */
.navbar {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
  padding: 0px 40px;
  font-family: "Libre Baskerville", serif;
  transform: translateY(-100%);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-delay: 0.8s;
}
.navbar .logo {
  margin-right: 35px;
}
.navbar .logo a {
  float: left;
}
.navbar .sandwich-nav {
  margin-right: 0;
}
.navbar .sandwich-nav .sandwich-text {
  float: left;
  height: 46px;
  overflow: hidden;
}
.navbar .sandwich-nav .sandwich-text.move-up b {
  transform: translateY(-50%);
}
.navbar .sandwich-nav .sandwich-btn {
  float: left;
  margin-left: 10px;
  margin-top: 20px;
}

/* SLIDER */
.header {
  width: 100%;
  height: 100vh;
  display: flex;
  position: fixed;
  left: 0;
  top: 0;
}
.header:before {
  content: "";
  width: 50%;
  height: 30px;
  background: #000;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.header:after {
  content: "";
  width: 50%;
  height: 30px;
  background: #000;
  position: absolute;
  left: 0px;
  bottom: 0;
  z-index: 2;
}
.header h5 {
  width: 50%;
  font-family: "Libre Baskerville", serif;
  font-size: 18px;
  line-height: 28px;
  color: #fff;
  margin-left: 10px;
  margin-top: 10%;
  margin-bottom: 15px;
  position: relative;
	
}
.header h5 span {
  position: relative;
  color: #fff;
}
.header h2 {
  font-size: 8vw;
  line-height: 0.9;
  color: #fff;
  font-weight: 700;
  margin-bottom: 40px;
  text-transform: uppercase;
}
.header .btn-ghost {
  width: 200px;
  height: 60px;
  line-height: 59px;
  display: inline-block;
  border-radius: 0px;
  border-bottom: 0px solid rgba(0, 0, 0, 0.2);
  background: url(../images/btn-bg.jpg);
  background-size: cover;
  color: #fff;
  font-weight: 800;
  font-size: 13px;
  text-align: center;
  position: relative;
  text-transform: uppercase;
  z-index: 2;
  margin-left: 5px;
  overflow: hidden;
}
.header .btn-ghost * {
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.header .btn-ghost span {
  position: relative;
  display: inline-block;
}
.header .btn-ghost span:before {
  position: absolute;
  top: 100%;
  content: attr(data-hover);
}
.header .btn-ghost span:before {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.header .btn-ghost:hover span {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  transform: translateY(-100%);
}
.header .btn-ghost:hover {
  text-decoration: none;
}
.header .btn-play {
  color: #fff;
  position: relative;
  z-index: 2;
  margin-left: 3px;
}
.header .btn-play img {
  height: 50px;
}
.header .video-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
}
.header .video-bg video {
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.header .video-bg .container {
  position: relative;
  z-index: 2;
}
.header .swiper-container {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}
.header .swiper-container .swiper-slide {
  overflow: hidden;
}
.header .swiper-container .swiper-button-next {
  width: auto;
  height: auto;
  background: none;
  right: 33px;
  font-weight: 800;
  color: #fff;
  transform: rotate(90deg);
  margin-top: 100px;
  overflow: hidden;
}
.header .swiper-container .swiper-button-next * {
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.header .swiper-container .swiper-button-next span {
  position: relative;
  display: inline-block;
}
.header .swiper-container .swiper-button-next span:before {
  position: absolute;
  top: 100%;
  content: attr(data-hover);
}
.header .swiper-container .swiper-button-next span:before {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.header .swiper-container .swiper-button-next:hover span {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  transform: translateY(-100%);
}
.header .swiper-container .swiper-button-prev {
  width: auto;
  height: auto;
  background: none;
  left: auto;
  right: 33px;
  font-weight: 800;
  color: #fff;
  transform: rotate(90deg);
  margin-top: 40px;
  overflow: hidden;
}
.header .swiper-container .swiper-button-prev * {
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.header .swiper-container .swiper-button-prev span {
  position: relative;
  display: inline-block;
}
.header .swiper-container .swiper-button-prev span:before {
  position: absolute;
  top: 100%;
  content: attr(data-hover);
}
.header .swiper-container .swiper-button-prev span:before {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.header .swiper-container .swiper-button-prev:hover span {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  transform: translateY(-100%);
}
.header .slide-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background-size: cover;
  background-position: center;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  padding: 0 0;
}

main {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 100vh;
  background: #fff;
  position: relative;
}

/* Contact Header */
.imprint-header {
  width: 100%;
  height: 100%;
  min-height: 560px;
  position: fixed;
  left: 0;
  top: 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: right;
  background: url(../images/slide02.gif) right;
  background-size: cover;
}
.imprint-header:before {
  content: "";
  width: 50%;
  height: 30px;
  background: #b8dbe2;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.imprint-header:after {
  content: "";
  width: 33%;
  height: 30px;
  background: #b8dbe2;
  position: absolute;
  left: 0px;
  bottom: 0;
  z-index: 2;
}
.imprint-header .inner-content {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;	
}
.imprint-header .inner-content .map {
  width: 100%;
  height: 340px;
  float: left;
  margin-top: 30px;
  margin-bottom: 60px;
  background: #8f999a;
}
.imprint-header .inner-content .inner {
  /*display: flex;
  flex-wrap: nowrap;
  flex-direction: column;*/
  padding: 0 140px;
}
.imprint-header .inner-content .inner h6 {
  width: 50%;
  font-family: "Libre Baskerville", serif;
  font-size: 18px;
  line-height: 28px;
  color: #999;
  margin-left: 10px;
  margin-bottom: 15px;
  position: relative;
}
.imprint-header .inner-content .inner h2 {
  font-size: 8vw;
  line-height: 0.8;
  color: #b8dbe2;
  font-weight: 700;
  margin-left: -20px;
  text-transform: uppercase;
}

/* Work Header */
.work-header {
  width: 100%;
  height: 100%;
  min-height: 560px;
  position: fixed;
  left: 0;
  top: 0;
  justify-content: center;
  background-size: 100% auto;
}
.work-header:before {
  content: "";
  width: 50%;
  height: 50px;
  background: #fff;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.work-header:after {
  content: "";
  width: 33%;
  height: 50px;
  background: #fff;
  position: absolute;
  left: 0px;
  bottom: 0;
  z-index: 2;
}
.work-header .inner-content {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;	
}
.work-header .inner-content .map {
  width: 100%;
  height: 340px;
  float: left;
  margin-top: 30px;
  margin-bottom: 60px;
  background: #8f999a;
}
.work-header .inner-content .inner {
  /*display: flex;
  flex-wrap: nowrap;
  flex-direction: column;*/
  padding: 0 140px;
}
.work-header .inner-content .inner h6 {
  width: 50%;
  font-family: "Libre Baskerville", serif;
  font-size: 18px;
  line-height: 28px;
  color: #999;
  margin-left: 10px;
  margin-bottom: 15px;
  position: relative;
}
.work-header .inner-content .inner h2 {
  font-size: 18vw;
  line-height: 0.8;
  color: #b8dbe2;
  font-weight: 700;
  margin-left: -20px;
  text-transform: uppercase;
}

/* WORKS */
.works {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 200px 40px;
  padding-bottom: 100px;
  position: relative;
  z-index: 2;
  background-color:#ededed;
}
.works .works-title {
  width: 90%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  padding: 0;
  margin-bottom: 150px;
}
.works .works-title h2 {
  font-size: 10vw;
  color: #FFF;
  font-weight: 700;
  line-height: 0.85;
  margin-bottom: 20px;
}
.works .works-title p {
  display: block;
  width: 70%;
  font-family: "Libre Baskerville", serif;
  font-weight: 400 !important;
  font-size: 16px;
  color: #555;
  line-height: 30px;
  margin-left: 10px; 
}
.works .works-grid {
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
}
.works .works-grid.two-cols li {
  width: 50%;
}
.works .works-grid li {
  width: 33.33333%;
  float: left;
  margin: 0;
  margin-bottom: 100px;
  padding: 0 2vw;
  list-style: none;
}
.works .works-grid li figure {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.works .works-grid li figure * {
  -webkit-transition: 0.4s ease-in-out;
  -moz-transition: 0.4s ease-in-out;
  -ms-transition: 0.4s ease-in-out;
  -o-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.works .works-grid li figure:hover a {
  transform: scale(1.03);
  box-shadow: 5px 10px 50px 5px rgba(153, 153, 153, 0.2);
}
.works .works-grid li figure:hover a img {
  transform: scale(1);
}
.works .works-grid li figure:hover figcaption {
  margin-left: -5px;
}
.works .works-grid li figure:hover figcaption span {
  height: 85%;
}
.works .works-grid li figure:hover figcaption h3 {
  color: #222222;
  margin-left: 30px;
}
.works .works-grid li figure:hover figcaption small {
  color: #000000;
  margin-left: 30px;
}
.works .works-grid li figure a {
  float: left;
  overflow: hidden;
}
.works .works-grid li figure a img {
  width: 100%;
  float: left;
}
.works .works-grid li figure figcaption {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin-top: 30px;
  margin-left: -20px;
}
.works .works-grid li figure figcaption span {
  width: 3px;
  height:0px;
  background: #000000;
  position: absolute;
  left: 0;
  top: 3px;
}
.works .works-grid li figure figcaption small {
  width: 100%;
  font-family: "Libre Baskerville", serif;
  font-size: 16px;
  color: #555;
  display: block;
  margin-bottom: 5px;
  margin-left: 20px;
}
.works .works-grid li figure figcaption h3 {
  font-weight: 800;
  color: #000;
  text-transform: uppercase;
  margin-left: 20px;
  font-size: 2vw;
  line-height: 105%;
}

/* WORKS SINGLE */
.works-single {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 100px 40px;
  position: relative;
  z-index: 2;
}
.works-single .works-title {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  padding: 0;
  margin-bottom: 30px;
}
.works-single .works-title h2 {
  width: 70%;
  font-size: 10vw;
  font-weight: 800;
  color: #000000;
  text-transform: uppercase;
  line-height: 0.9;
}
.works-single .works-title p {
  width:60%;
  display: block;
  color: #dddddd;
  font-size: 22px;
  font-weight: 300;
  line-height: 34px;
  margin-bottom: 50px;
  font-family: "Libre Baskerville", serif;
}
.works-single article {
  margin-bottom: 50px;
}
.works-single article h6 {
  font-weight: 600;
  text-transform: uppercase;
}
.works-single article p {
  margin: 0;
  font-size: 16px;
  font-family: "Libre Baskerville", serif;
  color: #8f999a;
}
.works-single ul {
  width: 100%;
  margin: 0;
  padding: 0;
}
.works-single ul li {
  width: 33.3333%;
  float: left;
  margin: 0;
  padding: 2vw;
  list-style: none;
}
.works-single ul li.double {
  width: 50%;
}
.works-single ul li.full {
  width: 100%;
}

/* AWARDS */
.awards {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  background-color: #FFF;
  padding-top: 0;
  padding-bottom: 0px;
}
.awards h4 {
  font-size: 2vw;
  margin-bottom: 10px;
  margin-top: 80px;
  color: #aaa;
  text-transform: uppercase;

}
.awards .divider {
  width: 60px;
  height:5px;
  background: #00cccc;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
}
.awards p {
  font-size: 16px;
  font-family: "Libre Baskerville", serif;
  font-weight: 400 !important;
  line-height: 30px;
  color: #aaa;
}
.awards .divider {
  width: 60px;
  height:5px;
  background: #00cccc;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
}
.awards .divider2 {
  width: 100%;
  height:5px;
  background: #00cccc;
  margin-top: 150px;
  margin-left: auto;
  margin-right: auto;
}
.awards label {
  font-size: 16px;
  font-family: "futura-pt", sans-serif;
  margin-bottom: 10px;
  text-transform: uppercase;
  color: #000;
}
.awards small {
  font-size: 24px;
  color: #000;
  line-height: 1.1;
  text-transform: uppercase;
  display: inline-block;
}
.awards .odometer {
  font-weight: 800;
  font-size: 13vw;
  color: #000;
  margin-bottom: 0px;
  transform: translateY(4vw);
}

/* SIDE CONTENT BLOCK */
.side-content-block {
  width: 100%;
  height:100%;
  display: flex;
  flex-wrap: wrap;
  background-size: 90%;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-color: #000;
}
.side-content-block .inner {
  width: 50%;
  padding: 50% 0;
}
.side-content-block .inner .holder {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}
.side-content-block .inner .holder p {
  font-family: "Libre Baskerville", serif;
  font-size: 18px;
  line-height: 32px;
  color: #fff;
  margin-bottom: 30px;  
}
.side-content-block .inner .holder h6 {
  font-weight: 800;
  color: #fff;
  margin-bottom: 5px;
  font-size: 30px;
  line-height: 1.2;
  text-transform: uppercase;
}


/* ICON CONTENT BLOCK */
.icon-content-block {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  background: #00cccc;
  text-align: center;
}
.icon-content-block * {
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.icon-content-block .content-box {
  flex: 1;
  padding: 200px 3vw;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.icon-content-block .content-box:hover {
  background: rgba(0, 0, 0, 0.05);
}
.icon-content-block .content-box:last-child {
  border-right: none;
}
.icon-content-block .content-box figure {
  display: block;
  margin-bottom: 40px;
}
.icon-content-block .content-box figure img {
  height: 140px;
  margin-top: 20px;
}
.icon-content-block .content-box h4 {
  font-family: "Libre Baskerville", serif;
  font-size: 24px;
  line-height: 32px;
  color: #fff;
  margin-bottom: 20px;
}
.icon-content-block .content-box p {
  font-family: "futura-pt", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #fff;
  margin-bottom: 20px;
}

/* CLIENTS */
.clients {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 200px 0;
  text-align: center !important;
}
.clients * {
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.clients h6 {
  font-family: "Libre Baskerville", serif;
  font-size: 24px;
}
.clients .divider {
  width: 60px;
  height:5px;
  background: #00cccc;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
}
.clients h2 {
  font-size: 14vw;
  font-weight: 800;
  line-height: 0.8;
  text-transform: uppercase;
  margin-top: 30px;
  margin-bottom: 80px;
}
.clients p {
  font-family: "Libre Baskerville", serif;
  font-weight: 400 !important;
  font-size: 18px;
  line-height: 32px;
  color: #aaa;
  margin-bottom: 50px;  
  margin-left:100px;
  margin-right: 100px;
}
.clients ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0;
  padding: 0;
  position: relative;
}
.clients ul:before {
  content: "";
  width: 2px;
  height: 100%;
  background: #fff;
  position: absolute;
  right: 2px;
  bottom: 0;
  z-index: 2;
}
.clients ul:after {
  content: "";
  width: 100%;
  height: 1px;
  background: #fff;
  position: absolute;
  left: 0;
  bottom: -1px;
  z-index: 2;
}
.clients ul li {
  width: 33.3333%;
  margin: 0;
  margin-right: -1px;
  margin-bottom: -1px;
  padding: 15px 0;
  list-style: none;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.clients ul li:hover figure {
  opacity: 1;
}
.clients ul li figure {
  width: 100%;
  float: left;
  margin: 0;
  padding: 15px 30%;
  overflow: hidden;
  position: relative;
  opacity: 0.4;
}
.clients ul li figure img {
  width: 100%;
  float: left;
}
.clients ul li figure h6 {
  width: 100%;
  float: left;
  text-align: center;
  color: #fff;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -8px;
  height: 16px;
  font-weight: 800;
  font-size: 13px;
  opacity: 0;
}

/* TEXT CONTENT BLOCK */
.text-content-block {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 100px 0;
}
.text-content-block h2 {
  font-size: 5vw;
  font-family: "Libre Baskerville", serif;
}
.text-content-block h4 {
  font-weight: 600;
  font-size: 3vw;
  margin-bottom: 50px;
}
.text-content-block p {
  font-size: 19px;
  line-height: 30px;
  color: #8f999a;
  font-family: "Libre Baskerville", serif;
  margin: 0;
}

/* SERVICES CONTENT BLOCK */
.services-content-block {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 100px 0;
  background: url(../images/bg-shape-pattern.jpg) center no-repeat;
  background-size: auto 100%;
}
.services-content-block .container {
  padding: 0 5%;
}
.services-content-block .content-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  padding: 10vh 0;
  background: #fff;
  box-shadow: 5px 20px 50px 5px rgba(153, 153, 153, 0.2);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.services-content-block .content-box:hover {
  transform: translateY(-20px);
  box-shadow: 5px 20px 50px 5px rgba(153, 153, 153, 0.4);
}
.services-content-block .content-box figure {
  width: 100%;
}
.services-content-block .content-box figure img {
  display: inline-block;
  height: 125px;
}
.services-content-block .content-box h4 {
  width: 100%;
  font-size: 28px;
  font-weight: 800;
  margin-bottom: 20px;
  background: url(../images/btn-bg.jpg) center;
  -webkit-background-clip: text;
  color: transparent;
  background-size: auto 100%;
}
.services-content-block .content-box ul {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-family: "Libre Baskerville", serif;
  color: #8f999a;
}
.services-content-block .content-box ul li {
  width: 100%;
  margin: 0;
  padding: 2px 0;
  list-style: none;
}

/* CONTACT */
.contact {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 50px 0;
}
.contact .title {
  width: 100%;
  float: left;
  margin-bottom: 40px;
}
.contact .title h5 {
  font-family: "Libre Baskerville", serif;
  font-weight: 400 !important;
  font-size: 15px;
  color: #555;
  margin-bottom: 10px;
}
.contact .title h3 {
  font-size: 40px;
  line-height: 1;
  text-transform: uppercase;
  margin: 0;
}
.contact .contact-box {
  width: 100%;
  float: left;
  margin-bottom: 30px;
}
.contact .contact-box h6 {
  font-size: 16px;
  color:#aaa;
  text-transform: uppercase;
}
.contact .contact-box p {
  font-family: "Libre Baskerville", serif;
  line-height: 30px;
  font-size: 18px;
  color: #8f999a;
  margin: 0;
}
.contact .contact-box a {
  display: block;
  font-family: "Libre Baskerville", serif;
  line-height: 30px;
  font-size: 18px;
  color: #8f999a;
  margin-bottom: 30px;
}
.contact .contact-box a:last-child {
  margin-bottom: 0;
}
.contact form {
  width: 100%;
  float: left;
  margin-top:34px;
}
.contact form .form-group {
  width: 100%;
  float: left;
  padding: 0 15px;
}
.contact form .form-group:nth-child(1) {
  width: 50%;
}
.contact form .form-group:nth-child(2) {
  width: 50%;
}
.contact form .form-group span {
  width: 100%;
  float: left;
  color:#555;
  line-height: 40px;
  text-transform: uppercase;
}
.contact form .form-group input {
  width: 100%;
  float: left;
  height: 54px;
  padding: 0 20px;
  font-family: "futura-pt", sans-serif;
  font-weight: 400;
  font-size: 16px;
  border: none;
  background: #ededed;
}
.contact form .form-group textarea {
  width: 100%;
  float: left;
  height: 120px;
  padding: 20px;
  font-family: "futura-pt", sans-serif;
  font-weight: 400;
  font-size: 15px;
  border: none;
  background: #ededed;
  margin-bottom: 20px;
}
.contact form .form-group button {
  height: 54px;
  background: #00cccc;
  color: #fff;
  padding: 0 30px;
  border: none;
  font-size: 13px;
}
.contact form .form-group label.error {
  margin-top: 10px;
}
.contact form .form-group .error {
  color: #f03a37;
}
.contact .imprint {
  width: 100%;
  float: left;
  margin-bottom: 0px;
}
.contact .imprint h5 {
  
font-family: "Libre Baskerville", serif;
  font-weight: 400 !important;
  font-size: 15px;
  color: #555;
  margin-top: 50px;
  margin-bottom: 10px;
}
.contact .imprint h3 {
  font-size: 38px;
  text-transform: uppercase;
  margin-bottom: 40px;
}
.contact .imprint h4 {
  font-size: 20px;
  color: #555;
  text-transform: uppercase;
  margin-top:50px;
  margin-bottom: 20px;
}
.contact .imprint h6 {
  font-size: 14px;
  color: #777;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.contact .imprint p {
  width: 70%;
  font-family: "Libre Baskerville", serif;
  font-weight: 400 !important;
  font-size: 12px;
  line-height: 22px;
  color: #555;
  margin-bottom: 20px;
}

/* FOOTER */
.footer {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 80px 0;
  background: #111111;
  text-align: center;
}
.footer .container {
  display: flex;
}
.footer .container .content-box {
  flex: 1;
  color: #fff;
}
.footer .container .content-box:nth-child(1) {
  text-align: left;
}
.footer .container .content-box:nth-child(3) {
  text-align: right;
}
.footer .container .content-box figure {
  display: block;
  height: 45px;
  margin-bottom: 15px;
}
.footer .container .content-box figure img {
  height: 45px;
}
.footer .container .content-box h2 {
  font-size: 13px;
  color:#00cccc;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 20px;
}
.footer .container .content-box p {
  font-size: 15px;
  font-family: "Libre Baskerville", serif;
  font-weight: 400;
  line-height: 30px;
  margin: 0;
}
.footer .container .content-box a {
  font-size: 15px;
  font-family: "Libre Baskerville", serif;
  color:#FFF;
  line-height: 30px;
  margin: 0;
}

/* SUB FOOTER */
.sub-footer {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 40px 40px;
  background: #313434;
  font-family: "Libre Baskerville", serif;
  font-weight: 400 !important;
}
.sub-footer .container {
  display: flex;
}
.sub-footer .container small {
  margin-left: 0;
  color: #fff;
  font-size: 15px;
}
.sub-footer .container ul {
  margin-left: auto;
  color: #fff;
  margin-bottom: 0;
  padding: 0;
}
.sub-footer .container ul li {
  float: left;
  margin: 0;
  margin-left: 30px;
  padding: 0;
  list-style: none;
}
.sub-footer .container ul li a {
  float: left;
  color: #fff;
  font-size: 15px;
  font-weight: 400 !important;
}



/* RESPONSIVE TABLET FIXES */
@media only screen and (max-width: 991px), only screen and (max-device-width: 991px) {
	
  .navbar {
    padding: 0px 25px;
  }
  .soundbar {
    display: none;
  }
  .navigation-menu.open address {
    display: none;
  }
  .navigation-menu .inner ul {
    width: 100%;
  }
  .navigation-menu.open address {
    display: none;
  }
  .navigation-menu .inner ul li a {
    font-size: 5vw;
  }
  .header .slide-inner {
    padding: 0 60px;
    padding-left: 120px;
  }
  .header .swiper-container .swiper-slide h5 {
	width: 80%;
    font-size: 18px;
	line-height: 25px;
  }
  .header .swiper-container .swiper-slide h2 {
    font-size: 10vw;
	line-height: 1;
	margin-bottom: 30px;
  }
  .header .slide-inner {
  background-position: right !important;
}
	
  .works {
  padding-top: 150px;
  padding-bottom: 90px;
}
  .works .works-title {
    margin-bottom: 60px;
}
  .works .works-title h2 {
    font-size: 12vw;
    line-height: 0.9;
    margin-bottom: 30px;
}
  .works .works-title p {
    width: 90%;
	font-size: 15px;
    line-height: 25px;
    margin-left: 5px;
}
  .works .works-grid li {
    width: 50%;
	margin-bottom: 40px;
  }
  .works .works-grid li figure figcaption small {
    font-size: 15px;
}
  .works .works-grid li figure figcaption h3 {
    font-size: 3vw;
    line-height: 1.1;
    margin-top: 3px;
}
	
  .side-content-block {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-color: #000;
}
  .side-content-block .inner .holder p {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 20px;
}
  .side-content-block .inner .holder h6 {
  margin-bottom: 5px;
  font-size: 3vw;
  line-height: 1.1;
  text-transform: uppercase;
}
  .side-content-block .inner {
    width: 60%;
  }
	
  .awards {
    background-size: auto 100%;
	padding-top: 80px;
  }	
  .awards h4 {
  font-weight: 800;
  font-size: 2.5vw;
  color: #aaa;
  margin-bottom: 15px;
  margin-top: 60px;
  padding-left: 0;
  text-transform: uppercase;
  text-align: center !important;
}
  .awards p {
    font-size: 15px;
    line-height: 25px;
    margin-left: 80px;
    margin-right: 80px;
    margin-bottom: 0px;
}  
  .awards label {
  font-size: 13px;
  font-family: "futura-pt", sans-serif;
  font-weight: 600;
  margin-bottom: 5px;
  text-transform: uppercase;
  color: #000;
}
  .awards small {
  font-size: 2vw;
  font-weight: 600;
  margin-bottom: 30px;
  display: inline-block;
}
  .awards .divider {
  width: 60px;
  height:3px;
  background: #00cccc;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
}
  .awards .divider2 {
  width: 100%;
  height:3px;
  background: #00cccc;
  margin-top: 130px;
  margin-left: auto;
  margin-right: auto;
}
  .awards .odometer {
  font-weight: 800;
  font-size: 12vw;
  color: #000;
  margin-bottom: 0px;
  transform: translateY(30px);
}	
	
  .icon-content-block {
    flex-direction: row;
  }
  .icon-content-block .content-box:hover {
    background: #00cccc;
}
  .icon-content-block .content-box {
    width: 50%;
    flex: auto;
    display: flex;
	padding: 120px 60px;
    flex-direction: column;
    border: 1px solid rgba(255, 255, 255, 0.2);
  }
  .icon-content-block .content-box figure img {
   height: 100px;
	  
}
  .icon-content-block .content-box h4 {
    font-size: 2.5vw;
    line-height: 32px;
	margin-bottom: 10px;
}
  .icon-content-block .content-box p {
    margin-bottom: 10px;
}	
	
  .clients h6 {
    font-size: 18px;
}
  .clients h2 {
    font-size: 12vw;
    line-height: 0.9;
    margin-bottom: 40px;
}
  .clients p {
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 50px;  
    margin-left: 10px;
    margin-right: 10px;
}
  .clients ul li figure {
    padding: 15px 40px;
  }	
	
  .page-header {
	width:100%;
    min-height: 260px;
    background: url(../images/int-hero_tablet.jpg) right;
    background-size: cover;
}
  .page-header:after {
    width: 50%;
}
  .page-header .inner-content {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;	
}
  .page-header .inner-content .inner {
    padding: 0 120px;
  }
  .page-header .inner-content .inner h6 {
    width:100%;
    font-size: 16px;
    line-height: 24px;
    margin-top:-20%;
    margin-left: 0px;
    margin-bottom: 10px;
    position: relative;
}
  .page-header .inner-content .inner h2 {
    font-size: 24vw !important;
    line-height: 0.8;
}
  .text-content-block h2 {
    font-size: 10vw;
    margin-bottom: 50px;
  }
	
  .services-content-block .content-box h4 {
    font-size: 22px;
  }
  .services-content-block .content-box ul {
    font-size: 15px;
  }
	
  .contact form .form-group:nth-child(1) {
    width: 100%;
  }
  .contact form .form-group:nth-child(2) {
    width: 100%;
  }
  .contact .imprint h5 {
    margin-top: 100px;
}
  .contact .imprint p {
    width: 100%;
}
	
  .footer .container .content-box h2 {
    margin-top: 40px;
	margin-bottom: 10px;
	font-size: 13px;
  }	
  .footer .container .content-box p {
  font-size: 14px;
  font-family: "Libre Baskerville", serif;
  line-height: 26px;
}
  .footer .container .content-box a {
  font-size: 14px;
  color:#FFF;
  line-height: 26px;
}	
	
  .sub-footer .container small {
  font-size: 14px;
  line-height: 24px;
  }	
  .sub-footer .container ul li {
	margin-left: 20px;
  } 
  .sub-footer .container ul li a {
  font-size:14px;
  }

	
/* RESPONSIVE MOBILE FIXES */
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {

  .preloader figure img {
  height: 100px;
}
  .navbar {
    padding: 0px 25px;
  }
  .navbar .logo a img {
    height: 40px;
  }
  .soundbar {
    display: none;
  }
  .navigation-menu.open address {
    display: none;
  }
  .navigation-menu .inner ul {
    width: 100%;
  }
  .navigation-menu .inner ul li a {
    font-size: 7vw;
  }
  .header:after {
	display: none;
    height: 50px;
    left: 0px;
  }
  .header .btn-ghost {
    margin-left: 0px;
}
  .header .swiper-container .swiper-button-prev {
    display: none;
  }
  .header .swiper-container .swiper-button-next {
    display: none;
  }
  .header .slide-inner {
    padding: 0 20px;
  }
  .header .swiper-container .swiper-slide h5 {
    font-size: 12px;
	line-height: 20px;
	margin-left: 0px;
	margin-top: 150px;
	margin-bottom: 10px;
  }
  .header .swiper-container .swiper-slide h5:before {
    display: none;
  }
  .header .swiper-container .swiper-slide h2 {
    font-size: 13vw;
	line-height: 0.95;
  }
  .header .swiper-container .swiper-pagination-fraction {
    display: none;
  }
  .header .slide-inner {
    background-position: center !important;
	background-size: cover;
}
	
  .page-header {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: right;
    background: url(../images/int-hero_phone.jpg) right;
    background-size: cover;
}	
  .page-header .inner-content .inner {
    padding: 0 20px;
  }
  .page-header .inner-content .inner h6 {
	 width: 90%;
	 margin-top:-100px;
     font-size: 15px;
     line-height: 25px;
     color: #999;
     margin-left: 0px;
     margin-bottom: 10px;
     position: relative;
}
  .page-header .inner-content .inner h2 {
    font-size: 25vw !important;
    line-height: 0.8;
	margin-left: -10px;
}
  .page-header:after {
    display:none;
}
	
  .text-content-block {
    padding: 75px 10px;
  }
  .text-content-block h4 {
    font-size: 7vw;
  }
	
  .works {
    padding: 75px 10px;
  }
  .works .works-title {
    width: 100%;
	margin-bottom: 30px;
  }
  .works .works-title h2 {
    width: 100%;
	font-size: 13vw;
	line-height: 0.95;
	margin-bottom: 15px;
  }
  .works .works-title p {
	width: 90%;
	font-family: "Libre Baskerville", serif;
    font-weight: 400 !important;
	font-size: 15px;
    line-height: 25px;
    margin-left: 3px;
}
  .works .works-grid li {
    width: 100%;
    padding: 0 15px;
    margin-bottom: 30px;
  }
  .works .works-grid li:last-child {
    margin-bottom: 0;
  }
  .works .works-grid li figure figcaption {
    margin-top: 15px;
}
  .works .works-grid li figure figcaption small {
    font-size: 12px;
	margin-right: 120px;
}
  .works .works-grid li figure figcaption h3 {
    font-size: 6vw;
    line-height: 1.2;
    margin-top: 3px;
}
	
  .awards {
    padding-top: 80px;
	  
  }
  .awards .odometer {
    font-size: 12vw;
    color: #000;
	transform: translateY(0px);
    margin-bottom: 0px;
}	
  .awards label {
    font-size: 12px;
    margin-bottom: 10px;
}
  .awards small {
    font-size: 14px;
    line-height: 1.2;
	margin-bottom: 30px;
}
  .awards .divider {
    margin-top: 20px;
}
  .awards h4 {
    font-size: 6vw;
    line-height: 1.1;
	margin-left: 40px;
	margin-right: 40px;
    margin-bottom: 20px;
    margin-top: 50px;
}
  .awards p {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 0px;
}
  .awards .divider2 {
    margin-top: 80px;
}
	
  .side-content-block .inner {
    width: 50%;
    padding: 40% 0!important;
}
  .side-content-block .inner .holder p {
    font-size: 15px;
    line-height: 25px;
    margin-top: 200px;
    margin-left: 20px;
    margin-right:20px; 
    text-align: center;
}
  .side-content-block .inner .holder h6 {
    font-size: 24px;
    margin-left: 10px;
    margin-right:10px;
    margin-bottom: 0px;
    line-height: 1.3;
    text-align: center;
    text-transform: uppercase;
}
  .side-content-block .inner {
    width: 100%;
    padding: 20vh 20px;
  }
	
  .icon-content-block .content-box:nth-child(1) {
    padding-top: 75px;
}
  .icon-content-block .content-box:last-child {
    padding-bottom: 75px;
}
  .icon-content-block .content-box {
    width: 100%;
    border: 0;
    padding-right: 0px;
	padding-left: 0px;
	padding-top: 30px;
	padding-bottom:50px;
}
  .icon-content-block .content-box figure img {
    height: 100px;	  
}
  .icon-content-block .content-box h4 {
    font-size: 20px;
    line-height: 32px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}
  .icon-content-block .content-box p {
    font-size: 16px;
    line-height: 21px;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 0px;
	  
}	
	
  .clients {
    padding: 75px 5px;
  }
  .clients h6 {
    font-size: 15px;
    line-height: 25px;
	margin-left: 50px;
	margin-right: 50px;
}
  .clients .divider {
	margin-top: 40px;
    margin-bottom: 40px;
}
  .clients h2 {
  font-size: 14vw;
  line-height: 1;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 30px;
}
  .clients p {
  font-size: 15px;
  line-height: 25px;
  margin-bottom: 50px;  
  margin-left: 15px;
  margin-right: 15px;
}
  .clients ul:before {
    right: 2px;
  }
  .clients ul li {
    width: 33%;
  }
  .clients ul li figure {
    padding: 15px 20px;
	opacity: 1;
  }
	
  .services-content-block {
    padding: 75px 10px;
  }
  .services-content-block .content-box {
    margin: 20px 0;
  }
	
  .contact {
	width:100%;
    padding: 75px 10px;
  }
  .contact .title {
    margin-bottom: 20px;
  }
  .contact form .form-group {
	width:100%;
    padding: 0;
  }
  .contact .imprint p {
  width: 100%;
}
	
  .footer {
    padding: 60px 10px;
  }	
  .footer .container {
    flex-direction: column;
    text-align: center;
  }
  .footer .container .content-box {
	text-align: center;
	margin-bottom: 40px;
  }	
  .footer .container .content-box h2 {
    margin-top: 0px;
	margin-bottom: 10px;
	font-size: 15px;
  }
  .footer .container .content-box:first-child {
    text-align: center;
	margin-top: 0px;
  }
  .footer .container .content-box:last-child {
    margin-bottom: 0px;
	text-align: center;
  }
  .footer .container .content-box p {
    font-size: 12px;
    line-height: 22px;
}
  .footer .container .content-box a {
  font-size: 13px;
  line-height: 24px;
}
	
  .sub-footer {
    padding: 30px 0px;
  }
  .sub-footer .container {
    flex-direction: column;
	text-align: center;
  }	
  .sub-footer .container small {
    font-size: 12px;
    line-height: 22px;
  }
  .sub-footer .container ul {
    margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
  }
  .sub-footer .container ul li {
	margin-left: 0px;
  } 
  .sub-footer .container ul li a {
	font-size:12px;
	line-height: 22px;
  }
/*# sourceMappingURL=style.css.map */