@font-face {
  font-family: 'neuzeits_bookregular';
  src: url("../fonts/neuzeits/neuzeits_book-webfont.woff2") format("woff2"), url("../fonts/neuzeits/neuzeits_book-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'neuzeits_bookregular';
  src: url("../fonts/neuzeits/neuzeits_bookheavy-webfont.woff2") format("woff2"), url("../fonts/neuzeits/neuzeits_bookheavy-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal; }
/* BEGIN reset css */
/* remove and neutralize the inconsistent default styling of HTML elements */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

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

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

ol, ul {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0; }

/* END reset css */
html, body {
  background-color: #FFFFFF;
  font-family: "neuzeits_bookregular", Helvetica, Arial, sans-serif;
  color: #221F1F;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-text-size-adjust: none; }

.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0pt;
  visibility: hidden; }

img {
  border: none; }
  img.responsive {
    max-width: 100%;
    height: auto; }
  img.responsive-full {
    max-width: none;
    width: 100%;
    height: auto; }

::selection {
  background: #A5957F;
  color: #FFF;
  /* Safari */ }

::-moz-selection {
  background: #A5957F;
  color: #FFF;
  /* Firefox */ }

h1, h2, h3, h4, h5, h6 {
  font-family: "neuzeits_bookregular", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px; }

p {
  font-family: "neuzeits_bookregular", Helvetica, Arial, sans-serif;
  color: #221F1F;
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 26px; }

a {
  color: #221F1F;
  text-decoration: none;
  -moz-transition: 0.4s ease;
  -ms-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease;
  -webkit-transition: 0.4s ease; }
  a:hover, a:focus {
    color: #221F1F;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieop)"; }

.left {
  float: left; }

.right {
  float: right; }

.no-padding {
  padding: 0; }

.hidden-xs {
  display: none; }

@media (min-width: 768px) {
  .hidden-xs {
    display: block; } }
@media (min-width: 768px) and (max-width: 1023px) {
  .hidden-sm {
    display: none; } }
@media (min-width: 1024px) and (max-width: 1199px) {
  .hidden-md {
    display: none; } }
@media (min-width: 1200px) {
  .hidden-lg {
    display: none; } }
body.contacts, body.projects-list-text {
  background-color: #000;
  min-height: 100vh; }

#pageWrapper {
  min-width: 320px;
  position: relative; }

#dialogs {
  display: none; }

/* BEGIN fancyMessage */
.fancybox-opened {
  z-index: 11000 !important; }

.fancybox-overlay {
  z-index: 10999 !important; }

.fancyMessage {
  padding-top: 0;
  position: relative;
  background-color: transparent;
  min-width: 320px; }

.fancybox-inner {
  background-color: transparent !important; }

.fancyMessage .fancyContent {
  background-color: #000;
  padding: 30px 20px;
  overflow: hidden;
  position: relative; }

.fancyMessage .fancyContent .content {
  background-color: #000;
  padding: 0  30px; }

.fancyMessage .fancyContent p {
  color: #FFF;
  font-size: 14px;
  text-align: center;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 0; }

.fancyMessage .fancyContent h3 {
  color: #FFF;
  font-size: 18px;
  line-height: 21px;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
  margin: 0;
  margin-bottom: 20px; }

.fancyMessage a.fancyClose,
.fancyMessage a.fancyClose:visited {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 23px;
  height: 32px;
  line-height: 500px;
  overflow: hidden;
  background: url("../img/layout/close-nav.png") top left no-repeat transparent; }

.fancybox-opened .fancybox-skin {
  border-radius: 0px !important;
  background-color: transparent !important;
  box-shadow: 0 0 0 0 !important; }

.fancybox-skin {
  border-radius: 0px !important;
  background-color: transparent !important;
  box-shadow: 0 0 0 0 !important; }

/* END fancyMessage */
a.arrow-down, a.arrow-down:visited {
  display: none;
  position: fixed;
  left: 50%;
  margin-left: -20px;
  bottom: 40px;
  width: 41px;
  height: 10px;
  line-height: 500px;
  overflow: hidden;
  background: url("../img/layout/arrow-down.png") left top no-repeat transparent;
  cursor: pointer;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieop)"; }
  a.arrow-down:hover, a.arrow-down:visited:hover {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieop)";
    background: url("../img/layout/arrow-down.png") left top no-repeat transparent; }
  @media (min-width: 768px) {
    a.arrow-down, a.arrow-down:visited {
      z-index: 100;
      display: block; }
      a.arrow-down.reached-bottom, a.arrow-down:visited.reached-bottom {
        display: none; } }

/*
.sectionWrapper {
	position: relative;
}

.sectionWrapper.fullHeight { min-height: 100vh; }

.imageFull {
	position: relative;
	&.imageWrapper {
		position: absolute; top: 0; left: 0;
		width: 100%; height: 100%;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		img {display: none; }
	}
}

.slideshow {
	width: 100%;
	height: 100vh;
	.slider {
		display: block;
		width: 100%;
		height: 100%;
		overflow: hidden; position:relative;
		.slider-item {
			position: absolute;
			top: 0; left: 0;
			width: 100%; height: 100%;
			background-position: center center; background-repeat: no-repeat; background-size: cover;
			display: none; text-align: center;
			&.active { display: block; }
		}
	}
	a.left-arrow,a.left-arrow:visited {
		position: absolute;
		top: 50%; margin-top: -7px;
		left: 15px;
		width: 42px; height: 14px;
		@include hide-text();
		background: url("../img/layout/arrow-left-work.png") center center no-repeat transparent;
		z-index: 10001;
	}
	a.right-arrow,a.right-arrow:visited {
		position: absolute;
		top: 50%; margin-top: -7px;
		right: 15px;
		width: 42px; height: 14px;
		@include hide-text();
		background: url("../img/layout/arrow-right-work.png") center center no-repeat transparent;
		z-index: 10001;
	}
	@media (min-width: $screen-sm-min) {
		a.left-arrow,a.left-arrow:visited { left: 90px; bottom: 75px; top: auto; margin-top: 0; }
		a.right-arrow,a.right-arrow:visited { right: 90px; bottom: 75px; top: auto; margin-top: 0; }
	}
	
	.slideshow-nav {
		position: absolute;
		left: 0; top: 35px;
		width: 100%;
		ul {
			padding-left: 15px;
			li {
				display:inline-block;vertical-align:top;
				a,a:visited {
					display: block;
					@include hide-text();
					margin-right: 10px;
					width: 27px; height: 12px;
					background: url("../img/layout/slideshow-off.png") center center no-repeat transparent;
					&.active,&:hover {
						background: url("../img/layout/slideshow-on.png") center center no-repeat transparent;
					}
				}
			}
		}
		@media (min-width: 1330px) { 
			top: 70px;
			ul {
				padding-left: 110px;
				li {
					margin-right: 48px;
				}
			}
		}
	}

}*/
#headerWrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 20; }
  #headerWrapper #navWrapper {
    left: -100%;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100vh;
    background: url("../img/layout/dark-layer.png") left top repeat transparent;
    -moz-transition: 0.4s ease;
    -ms-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
    -webkit-transition: 0.4s ease; }
    #headerWrapper #navWrapper.is-active {
      left: 0;
      -moz-transition: 0.4s ease;
      -ms-transition: 0.4s ease;
      -o-transition: 0.4s ease;
      transition: 0.4s ease;
      -webkit-transition: 0.4s ease; }
    #headerWrapper #navWrapper a.nav-toggle, #headerWrapper #navWrapper a.nav-toggle:visited {
      cursor: pointer;
      position: absolute;
      top: 20px;
      right: 15px;
      width: 23px;
      height: 32px;
      background: url("../img/layout/close-nav.png") left top no-repeat transparent;
      background-size: contain;
      line-height: 500px;
      overflow: hidden; }
    #headerWrapper #navWrapper .nav {
      max-width: 860px;
      margin: 0 auto;
      padding: 100px 15px; }
      #headerWrapper #navWrapper .nav ul li {
        letter-spacing: 4px;
        text-transform: uppercase;
        font-size: 14px;
        margin-bottom: 15px;
        line-height: 20px; }
        #headerWrapper #navWrapper .nav ul li a, #headerWrapper #navWrapper .nav ul li a:visited {
          color: #FFF; }
        #headerWrapper #navWrapper .nav ul li ul.subnav {
          padding-top: 15px; }
          #headerWrapper #navWrapper .nav ul li ul.subnav li {
            padding-left: 30px; }
    @media (min-width: 768px) {
      #headerWrapper #navWrapper a.nav-toggle, #headerWrapper #navWrapper a.nav-toggle:visited {
        /*top: 50px; right: 75px;*/
        top: 15px;
        right: 30px; }
      #headerWrapper #navWrapper .nav {
        padding-top: 240px; }
        #headerWrapper #navWrapper .nav .mainNav {
          padding-left: 65px;
          position: relative; }
          #headerWrapper #navWrapper .nav .mainNav li {
            margin-bottom: 45px; }
            #headerWrapper #navWrapper .nav .mainNav li .subnav {
              padding-top: 0;
              position: absolute;
              top: -25px;
              left: 300px; }
              #headerWrapper #navWrapper .nav .mainNav li .subnav li {
                font-size: 40px;
                line-height: 50px; } }
    @media (min-width: 1024px) {
      #headerWrapper #navWrapper .nav .mainNav li .subnav {
        left: 390px; } }
  #headerWrapper #header {
    position: relative;
    max-width: 1110px;
    margin: 0 auto; }
    #headerWrapper #header.is-active h1, #headerWrapper #header.white h1 {
      background: url("../img/layout/logo-white.png") left top no-repeat transparent;
      background-size: contain; }
    #headerWrapper #header.is-active .languageNav li, #headerWrapper #header.white .languageNav li {
      color: #FFF; }
      #headerWrapper #header.is-active .languageNav li a, #headerWrapper #header.is-active .languageNav li a:visited, #headerWrapper #header.white .languageNav li a, #headerWrapper #header.white .languageNav li a:visited {
        color: #FFF; }
    #headerWrapper #header.is-active a.nav-toggle.open span.bar, #headerWrapper #header.is-active a.nav-toggle.open:visited span.bar, #headerWrapper #header.white a.nav-toggle.open span.bar, #headerWrapper #header.white a.nav-toggle.open:visited span.bar {
      background-color: #FFF; }
    #headerWrapper #header.is-active .breadcrumb, #headerWrapper #header.white .breadcrumb {
      color: white; }
  #headerWrapper.background--dark #header h1 {
    background: url("../img/layout/logo-white.png") left top no-repeat transparent;
    background-size: contain; }
  #headerWrapper.background--dark #header .languageNav li {
    color: #FFF; }
    #headerWrapper.background--dark #header .languageNav li a, #headerWrapper.background--dark #header .languageNav li a:visited {
      color: #FFF; }
  #headerWrapper.background--dark #header a.nav-toggle.open span.bar, #headerWrapper.background--dark #header a.nav-toggle.open:visited span.bar {
    background-color: #FFF; }
  #headerWrapper.background--dark #header .breadcrumb {
    color: white; }
  #headerWrapper a.nav-toggle.open, #headerWrapper a.nav-toggle.open:visited {
    display: block;
    /*width: 30px; height: 32px;*/
    width: 20px;
    height: 20px;
    float: left;
    margin-top: 18px;
    margin-left: 15px;
    position: relative; }
    #headerWrapper a.nav-toggle.open span.bar, #headerWrapper a.nav-toggle.open:visited span.bar {
      position: absolute;
      top: 0;
      width: 3px;
      height: 100%;
      left: 0;
      background-color: #221E1F;
      -webkit-transform: skewX(-25deg);
      -moz-transform: skewX(-25deg);
      -ms-transform: skewX(-25deg);
      -o-transform: skewX(-25deg);
      -moz-transition: 0.4s ease;
      -ms-transition: 0.4s ease;
      -o-transition: 0.4s ease;
      transition: 0.4s ease;
      -webkit-transition: 0.4s ease; }
      #headerWrapper a.nav-toggle.open span.bar.bar-2, #headerWrapper a.nav-toggle.open:visited span.bar.bar-2 {
        left: 50%;
        margin-left: -1px; }
      #headerWrapper a.nav-toggle.open span.bar.bar-3, #headerWrapper a.nav-toggle.open:visited span.bar.bar-3 {
        right: 0;
        left: auto; }
    #headerWrapper a.nav-toggle.open.is-active span.bar, #headerWrapper a.nav-toggle.open.white span.bar, #headerWrapper a.nav-toggle.open:visited.is-active span.bar, #headerWrapper a.nav-toggle.open:visited.white span.bar {
      background-color: #FFF;
      -webkit-transform: skewX(0);
      -moz-transform: skewX(0);
      -ms-transform: skewX(0);
      -o-transform: skewX(0);
      -moz-transition: 0.4s ease;
      -ms-transition: 0.4s ease;
      -o-transition: 0.4s ease;
      transition: 0.4s ease;
      -webkit-transition: 0.4s ease; }
  #headerWrapper .breadcrumb {
    display: none; }
  #headerWrapper h1 {
    float: left;
    margin-left: 20px;
    margin-top: 15px;
    width: 240px;
    height: 37px;
    background: url("../img/layout/logo.png") left top no-repeat transparent;
    background-size: contain;
    line-height: 500px;
    overflow: hidden;
    position: relative; }
    #headerWrapper h1 a, #headerWrapper h1 a:visited {
      display: block;
      width: 100%;
      height: 100%; }
  #headerWrapper .languageNav li {
    display: inline-block;
    color: #FFF; }
    #headerWrapper .languageNav li.selected a, #headerWrapper .languageNav li.selected a:visited {
      text-decoration: underline; }
  @media (min-width: 768px) {
    #headerWrapper a.nav-toggle.open, #headerWrapper a.nav-toggle.open:visited {
      width: 30px;
      height: 32px;
      margin-top: 50px;
      margin-left: 30px; }
    #headerWrapper h1 {
      margin: 0;
      position: absolute;
      top: 60px;
      left: 50%;
      margin-left: -148px;
      width: 296px;
      height: 46px; }
    #headerWrapper .breadcrumb {
      display: block;
      float: left;
      margin-top: 68px;
      margin-left: 20px;
      font-size: 10px;
      line-height: 18px;
      text-transform: uppercase;
      letter-spacing: 3px;
      color: #221F1F; }
      #headerWrapper .breadcrumb.has-b-parent {
        margin-top: 50px; }
      #headerWrapper .breadcrumb a, #headerWrapper .breadcrumb a:visited {
        color: #221F1F; }
    #headerWrapper .languageNav {
      float: right;
      margin-top: 70px;
      margin-right: 150px; }
      #headerWrapper .languageNav li {
        display: inline-block;
        color: #221F1F;
        font-size: 10px;
        text-transform: uppercase;
        margin: 0 3px;
        letter-spacing: 1px; }
        #headerWrapper .languageNav li a, #headerWrapper .languageNav li a:visited {
          color: #221F1F; }
          #headerWrapper .languageNav li a:hover, #headerWrapper .languageNav li a:visited:hover {
            text-decoration: underline; }
        #headerWrapper .languageNav li.selected a, #headerWrapper .languageNav li.selected a:visited {
          text-decoration: underline; } }

@media (min-width: 768px) {
  .homepage #headerWrapper .languageNav {
    margin-right: 100px; } }
.social-links {
  text-align: left; }
  .social-links a, .social-links a:visited {
    display: inline-block;
    margin: 0 6px;
    width: 14px;
    height: 14px;
    line-height: 500px;
    overflow: hidden; }
    .social-links a.instagram, .social-links a:visited.instagram {
      background: url("../img/layout/instagram-icon-black.png") left top no-repeat transparent; }
    .social-links a.facebook, .social-links a:visited.facebook {
      background: url("../img/layout/facebook-icon-black.png") left top no-repeat transparent;
      width: 7px; }
    .social-links a.pinterest, .social-links a:visited.pinterest {
      background: url("../img/layout/pinterest-icon-black.png") left top no-repeat transparent;
      width: 11px;
      margin-left: 0; }

.homepage .social-links a.instagram, .homepage .social-links a:visited.instagram,
.contacts .social-links a.instagram,
.contacts .social-links a:visited.instagram,
.projects-list-text .social-links a.instagram,
.projects-list-text .social-links a:visited.instagram,
#header.white a.instagram,
#header.white a:visited.instagram {
  background: url("../img/layout/instagram-icon.png") left top no-repeat transparent; }
.homepage .social-links a.facebook, .homepage .social-links a:visited.facebook,
.contacts .social-links a.facebook,
.contacts .social-links a:visited.facebook,
.projects-list-text .social-links a.facebook,
.projects-list-text .social-links a:visited.facebook,
#header.white a.facebook,
#header.white a:visited.facebook {
  background: url("../img/layout/facebook-icon.png") left top no-repeat transparent;
  width: 7px; }
.homepage .social-links a.pinterest, .homepage .social-links a:visited.pinterest,
.contacts .social-links a.pinterest,
.contacts .social-links a:visited.pinterest,
.projects-list-text .social-links a.pinterest,
.projects-list-text .social-links a:visited.pinterest,
#header.white a.pinterest,
#header.white a:visited.pinterest {
  background: url("../img/layout/pinterest-icon.png") left top no-repeat transparent;
  width: 11px;
  margin-left: 0; }

@media (min-width: 768px) {
  .social-links {
    position: absolute;
    right: 8px;
    top: 67px; }
    .social-links a, .social-links a:visited {
      margin: 0 4px; }

  .homepage .social-links {
    position: fixed; } }
@media (min-width: 1024px) {
  .social-links {
    right: 8px; }
    .social-links a, .social-links a:visited {
      margin: 0 6px; } }
@media (min-width: 1200px) {
  .social-links {
    right: 25px; } }
/*#headerWrapper {
	position: fixed; top: 0; left: 0; width: 100%;
	z-index: 10;
	#header {
		h1 {
			float: left;
			margin-left: 15px; margin-top: 15px;
			width: 200px; height: 44px;
			background: url("../img/layout/logo.png") left top no-repeat transparent;
			background-size: contain;
			a,a:visited {
				display: block; width: 100%; height: 100%;
				@include hide-text();
			}
		}
		a.nav-toggle,a.nav-toggle:visited {
			&.open {
				float: right;
				margin-right: 15px; margin-top: 15px;
				width: 35px; height: 44px;
				background: url("../img/layout/nav.png") left top no-repeat transparent;
				background-size: contain;
				@include hide-text();
			}
		}
		@media (min-width: $screen-sm-min) {
			h1 {
				position: fixed;
				margin: 0; top: 60px; left: 50%;
				margin-left: -135px;
				width: 269px; height: 59px;
			}
			a.nav-toggle,a.nav-toggle:visited {
				&.open {
					width: 41px; height: 52px;
					position: fixed; margin: 0;
					right: 50px; top: 50%; margin-top: -26px;
				}
			}
		}
		#navWrapper {
			display: none;
			position: fixed; top: 0; right: 0; width: 100%;
			text-align: center;
			background-color: #EFAB8C;
			padding-top: 35px;
			padding-bottom: 20px;
			@media (min-width: $screen-sm-min) {
				top: 50%; margin-top: -35px; width: auto; min-width: 167px;
			}
			a.nav-toggle,a.nav-toggle:visited {
				&.close {
					display: inline-block;
					width: 41px; height: 17px;
					background: url("../img/layout/close-nav.png") left top no-repeat transparent;
					background-size: contain;
					@include hide-text();
					margin-bottom: 25px;
				}
			}
			.mainNav {
				padding-bottom: 10px;
				li {
					font-family: $font-secondary;
					text-transform: uppercase;
					letter-spacing: 1px;
					font-size: 15px; line-height: 22px;
					margin-bottom: 6px;
					a,a:visited {
						display: inline-block;
						position: relative;
						color: $theme-primary;
					}
					&.selected {
						a,a:visited {
							&:after {
								content: " ";
								position: absolute;
								width: 39px; height: 17px;
								background: url("../img/layout/nav-selected.png") left top no-repeat transparent;
								top: 1px; left: 50%; margin-left: -20px;
							}
						}
					}
				}
			}
			.languageNav {
				text-align: center;
				margin-bottom: 20px;
				li {
					display: inline-block;
					margin: 0 2px;
					font-size: 11px; line-height: 18px;
					text-transform: uppercase; letter-spacing: 1px;
					a,a:visited {
						color: $theme-primary;
					}
					&.selected {
						a,a:visited {
							color: #F8D4C5;
						}
					}
				}
			}
			.socialLinks {
				text-align: center;
				li {
					display: inline-block;
					a,a:visited {
						display: inline-block; margin: 0 8px;
						width: 12px; height: 13px; @include hide-text();
						&.instagram { background: url("../img/layout/icon-instagram-2.png") left top no-repeat transparent; }
						&.facebook { background: url("../img/layout/icon-facebook-2.png") left top no-repeat transparent; }
						&.twitter { background: url("../img/layout/icon-twitter-2.png") left top no-repeat transparent; }
						&.pinterest { background: url("../img/layout/icon-pinterest-2.png") left top no-repeat transparent; }
					}
				}
			}
		}
	}

	&.homepage {
		#header {
			h1 { display:none; }
		}
	}
	&.about {
		#header {
			h1 { display:none; background-image: url("../img/layout/logo-about-1.png"); width: 156px; height: 44px; @media (min-width: $screen-sm-min) { width: 266px; height: 75px; margin-left: -133px; } }
			a.nav-toggle,a.nav-toggle:visited { &.open { background-image: url("../img/layout/nav-about.png"); } }
		}
	}
	&.press {
		#header {
			h1 { background-image: url("../img/layout/logo-press.png"); }
			a.nav-toggle,a.nav-toggle:visited { &.open { background-image: url("../img/layout/nav-press.png"); } }
		}
	}
	&.news {
		#header {
			h1 { background-image: url("../img/layout/logo-news.png"); }
			a.nav-toggle,a.nav-toggle:visited { &.open { background-image: url("../img/layout/nav-news.png"); } }
		}
	}
	&.contacts {
		#header {
			h1 { background-image: url("../img/layout/logo-contacts.png"); }
			a.nav-toggle,a.nav-toggle:visited { &.open { background-image: url("../img/layout/nav-contacts.png"); } }
		}
	}
	&.work {
		#header {
			h1 { background-image: url("../img/layout/logo-work.png"); }
			a.nav-toggle,a.nav-toggle:visited {
				&.open {
					background-image: url("../img/layout/nav-work.png");
					&:hover {
						@include transparent($op: 1, $ieop: 100);
						background-image: url("../img/layout/nav-work-hover.png");
					}
				}
			}
		}
	}
}
*/
.homepage .swiper-container {
  min-height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
  .homepage .swiper-container .swiper-wrapper {
    height: 100%;
    left: -40px; }
    .homepage .swiper-container .swiper-wrapper .swiper-slide, .homepage .swiper-container .swiper-wrapper .swiper-slide-duplicate {
      height: 100%;
      position: relative; }
      .homepage .swiper-container .swiper-wrapper .swiper-slide .image, .homepage .swiper-container .swiper-wrapper .swiper-slide-duplicate .image {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat; }
      .homepage .swiper-container .swiper-wrapper .swiper-slide .layer, .homepage .swiper-container .swiper-wrapper .swiper-slide-duplicate .layer {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        width: 100%;
        height: 100%;
        background: url("../img/layout/dark-layer.png") left top repeat transparent;
        -moz-transition: 1s ease;
        -ms-transition: 1s ease;
        -o-transition: 1s ease;
        transition: 1s ease;
        -webkit-transition: 1s ease;
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieop)"; }
      .homepage .swiper-container .swiper-wrapper .swiper-slide a, .homepage .swiper-container .swiper-wrapper .swiper-slide a:visited, .homepage .swiper-container .swiper-wrapper .swiper-slide-duplicate a, .homepage .swiper-container .swiper-wrapper .swiper-slide-duplicate a:visited {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 3;
        width: 100%;
        height: 100%; }
      .homepage .swiper-container .swiper-wrapper .swiper-slide h2, .homepage .swiper-container .swiper-wrapper .swiper-slide-duplicate h2 {
        position: absolute;
        z-index: 4;
        bottom: 30px;
        right: 20px;
        padding-left: 30px;
        font-weight: bold; }
        .homepage .swiper-container .swiper-wrapper .swiper-slide h2.background--dark, .homepage .swiper-container .swiper-wrapper .swiper-slide-duplicate h2.background--dark {
          color: white; }
      .homepage .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .layer, .homepage .swiper-container .swiper-wrapper .swiper-slide-duplicate.swiper-slide-active .layer {
        -moz-transition: 1s ease;
        -ms-transition: 1s ease;
        -o-transition: 1s ease;
        transition: 1s ease;
        -webkit-transition: 1s ease;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieop)"; }
  .homepage .swiper-container .swiper-button-prev-custom {
    cursor: pointer;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    margin-top: 0;
    width: 40px;
    height: 41px;
    height: 100%;
    background: url("../img/layout/arrow-left.png") center center no-repeat transparent; }
  .homepage .swiper-container .swiper-button-next-custom {
    cursor: pointer;
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    margin-top: 0;
    width: 40px;
    height: 41px;
    height: 100%;
    background: url("../img/layout/arrow-right.png") center center no-repeat transparent; }
  @media (min-width: 768px) {
    .homepage .swiper-container .swiper-button-prev-custom {
      left: 0;
      width: 110px; }
    .homepage .swiper-container .swiper-button-next-custom {
      right: 0;
      width: 110px; }
    .homepage .swiper-container .swiper-wrapper {
      left: -80px; } }
  @media (min-width: 1024px) {
    .homepage .swiper-container .swiper-button-prev-custom {
      left: 0;
      width: 125px; }
    .homepage .swiper-container .swiper-button-next-custom {
      right: 0;
      width: 125px; }
    .homepage .swiper-container .swiper-wrapper {
      left: -100px; } }
  @media (min-width: 1200px) {
    .homepage .swiper-container .swiper-button-prev-custom {
      left: 0;
      width: 140px; }
    .homepage .swiper-container .swiper-button-next-custom {
      right: 0;
      width: 140px; }
    .homepage .swiper-container .swiper-wrapper {
      left: -140px; } }

#atelierFullImage {
  min-height: 100vh;
  position: relative; }
  #atelierFullImage .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat; }

#atelierWrapper #aboutWrapper {
  padding: 0 15px;
  padding-top: 80px;
  padding-bottom: 80px; }
  #atelierWrapper #aboutWrapper .aboutImage {
    margin-bottom: 30px; }
  #atelierWrapper #aboutWrapper .aboutIntro p {
    letter-spacing: 2px;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 27px; }
  @media (min-width: 768px) {
    #atelierWrapper #aboutWrapper {
      max-width: 950px;
      margin: 0 auto;
      padding-top: 140px; }
      #atelierWrapper #aboutWrapper .aboutImage {
        float: left;
        width: 60%; }
      #atelierWrapper #aboutWrapper .aboutIntro {
        float: right;
        width: 37%; }
        #atelierWrapper #aboutWrapper .aboutIntro p {
          font-size: 23px;
          line-height: 35px; } }
#atelierWrapper #aboutWrapperTexts {
  background-color: #000;
  padding: 0 15px;
  padding-top: 80px;
  padding-bottom: 80px; }
  #atelierWrapper #aboutWrapperTexts .col-texts p {
    letter-spacing: 2px;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 27px;
    color: #FFF; }
  @media (min-width: 768px) {
    #atelierWrapper #aboutWrapperTexts .col-texts {
      max-width: 950px;
      margin: 0 auto; }
    #atelierWrapper #aboutWrapperTexts .col-left {
      float: left;
      width: 48.50%; }
    #atelierWrapper #aboutWrapperTexts .col-right {
      float: right;
      width: 48.50%; } }

#teamWrapper {
  padding: 80px 15px; }
  #teamWrapper .teamList .team-item {
    position: relative;
    margin-bottom: 30px; }
    #teamWrapper .teamList .team-item .imageWrapper {
      position: relative; }
      #teamWrapper .teamList .team-item .imageWrapper .image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat; }
    #teamWrapper .teamList .team-item a, #teamWrapper .teamList .team-item a:visited {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 2; }
  @media (min-width: 450px) {
    #teamWrapper {
      padding-left: 0;
      padding-right: 0; }
      #teamWrapper .teamList .team-item {
        vertical-align: top;
        display: inline-block;
        font-size: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 15px;
        width: 50%;
        margin-bottom: 30px; } }
  @media (min-width: 768px) {
    #teamWrapper .teamList {
      max-width: 990px;
      margin: 0 auto; }
      #teamWrapper .teamList .team-item {
        padding: 0 20px;
        width: 25%;
        margin-bottom: 40px; } }

#teamPopups .team-popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001;
  overflow-x: hidden;
  overflow-y: scroll;
  height: 100%;
  width: 105%; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2) {
    #teamPopups .team-popup {
      width: 100%; } }
  #teamPopups .team-popup .team-popup-wrapper {
    width: 76%;
    margin: 20px auto;
    max-width: 320px;
    padding: 45px 6%;
    position: relative;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.8);
    /*@media (min-width: $screen-sm-min) { width: 560px; padding: 30px 35px; }
    @media (min-width: $screen-md-min) { padding: 45px 35px; }
    @media (min-width: $screen-lg-min) { padding: 65px 35px; }*/ }
    #teamPopups .team-popup .team-popup-wrapper.centered {
      margin-top: 0;
      margin-left: 0;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    @media (min-width: 768px) {
      #teamPopups .team-popup .team-popup-wrapper {
        padding: 45px 85px;
        padding-bottom: 100px;
        /*padding: 0px 50px 30px 50px;*/
        overflow: hidden;
        background-color: transparent; }
        #teamPopups .team-popup .team-popup-wrapper:before, #teamPopups .team-popup .team-popup-wrapper:after {
          content: '';
          position: absolute;
          left: 0;
          z-index: -1;
          /* underlay beneath content */
          background-color: #000;
          background-color: rgba(0, 0, 0, 0.8);
          border-color: #000;
          border-color: rgba(0, 0, 0, 0.8); }
        #teamPopups .team-popup .team-popup-wrapper:before {
          top: 0;
          right: 0;
          bottom: 205px;
          /* == border-top-width of :after */ }
        #teamPopups .team-popup .team-popup-wrapper:after {
          top: auto;
          right: -5px;
          /* + some px to mask rounding errors during scale */
          bottom: 0;
          border-style: solid;
          border-width: 205px 100px 0 0;
          /* this is the actual slant*/
          background-color: transparent;
          border-right-color: transparent;
          /* this is the actual slant*/ } }
    @media (min-width: 1024px) {
      #teamPopups .team-popup .team-popup-wrapper.centered {
        margin-left: -2%; } }
    #teamPopups .team-popup .team-popup-wrapper .popup-header {
      position: relative;
      margin-bottom: 40px;
      padding-right: 30px; }
      #teamPopups .team-popup .team-popup-wrapper .popup-header h3 {
        font-family: "neuzeits_bookregular", Helvetica, Arial, sans-serif;
        font-weight: 700;
        font-size: 16px;
        line-height: 24px;
        color: #FFF;
        margin-bottom: 15px; }
      #teamPopups .team-popup .team-popup-wrapper .popup-header h4 {
        font-family: "neuzeits_bookregular", Helvetica, Arial, sans-serif;
        font-size: 15px;
        line-height: 22px;
        color: #FFF;
        text-transform: uppercase;
        margin-bottom: 0; }
      #teamPopups .team-popup .team-popup-wrapper .popup-header a.close, #teamPopups .team-popup .team-popup-wrapper .popup-header a.close:visited {
        position: absolute;
        top: 0;
        right: 0;
        width: 23px;
        height: 32px;
        background: url("../img/layout/close-nav.png") left top no-repeat transparent;
        background-size: contain;
        line-height: 500px;
        overflow: hidden; }
      @media (min-width: 768px) {
        #teamPopups .team-popup .team-popup-wrapper .popup-header {
          padding-right: 0; }
          #teamPopups .team-popup .team-popup-wrapper .popup-header a.close, #teamPopups .team-popup .team-popup-wrapper .popup-header a.close:visited {
            right: -50px; } }
    #teamPopups .team-popup .team-popup-wrapper .popup-content .description p {
      font-family: "neuzeits_bookregular", Helvetica, Arial, sans-serif;
      margin-bottom: 0;
      font-size: 14px;
      line-height: 19px;
      color: #FFF;
      letter-spacing: 0; }

#contactsWrapper {
  padding: 0 15px;
  padding-top: 80px;
  padding-bottom: 80px; }
  #contactsWrapper .contactsInfo {
    margin-bottom: 30px; }
    #contactsWrapper .contactsInfo p {
      letter-spacing: 2px;
      margin-bottom: 0;
      font-size: 18px;
      line-height: 27px;
      color: #FFF; }
      #contactsWrapper .contactsInfo p a, #contactsWrapper .contactsInfo p a:visited {
        color: #FFF; }
        #contactsWrapper .contactsInfo p a:hover, #contactsWrapper .contactsInfo p a:visited:hover {
          text-decoration: underline; }
  #contactsWrapper .formWrapper .formField {
    margin-bottom: 20px; }
    #contactsWrapper .formWrapper .formField label {
      display: block;
      font-size: 12px;
      line-height: 18px;
      letter-spacing: 2px;
      text-transform: uppercase;
      margin-bottom: 8px;
      color: #FFF; }
    #contactsWrapper .formWrapper .formField input {
      font-family: "neuzeits_bookregular", Helvetica, Arial, sans-serif;
      color: #FFF;
      border: 0;
      display: block;
      height: 32px;
      line-height: 32px;
      border: 1px solid #FFF;
      background-color: transparent;
      width: 90%;
      padding: 0 5%;
      font-size: 12px;
      letter-spacing: 1px; }
    #contactsWrapper .formWrapper .formField textarea {
      font-family: "neuzeits_bookregular", Helvetica, Arial, sans-serif;
      color: #FFF;
      border: 0;
      border: 1px solid #FFF;
      background-color: transparent;
      font-size: 14px;
      width: 90%;
      max-width: 90%;
      min-width: 90%;
      padding: 20px 5%;
      height: 158px;
      max-height: 158px;
      min-height: 158px;
      font-size: 12px;
      letter-spacing: 1px; }
  #contactsWrapper .formWrapper .formButton a.button, #contactsWrapper .formWrapper .formButton a.button:visited {
    float: left;
    height: 32px;
    line-height: 32px;
    border: 1px solid #FFF;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: "neuzeits_bookregular", Helvetica, Arial, sans-serif;
    color: #FFF;
    font-size: 12px;
    padding: 0 20px;
    text-transform: uppercase;
    -moz-transition: 0.4s ease;
    -ms-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
    -webkit-transition: 0.4s ease; }
  @media (min-width: 768px) {
    #contactsWrapper {
      max-width: 950px;
      margin: 0 auto;
      padding-top: 220px; }
      #contactsWrapper .contactsInfo {
        float: left;
        width: 45%; }
        #contactsWrapper .contactsInfo p {
          font-size: 22px;
          line-height: 34px; }
      #contactsWrapper .formWrapper {
        float: right;
        width: 45%; }
        #contactsWrapper .formWrapper .formField label {
          padding-left: 8px; }
        #contactsWrapper .formWrapper .formButton a.button:hover, #contactsWrapper .formWrapper .formButton a.button:visited:hover {
          color: #000;
          background-color: #FFF;
          -moz-transition: 0.4s ease;
          -ms-transition: 0.4s ease;
          -o-transition: 0.4s ease;
          transition: 0.4s ease;
          -webkit-transition: 0.4s ease;
          filter: alpha(opacity=100);
          -moz-opacity: 1;
          -khtml-opacity: 1;
          opacity: 1;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieop)"; } }

#projectsListTextWrapper {
  padding: 0 15px;
  padding-top: 80px;
  padding-bottom: 80px;
  color: #FFF; }
  #projectsListTextWrapper .projectListItem {
    margin-bottom: 25px;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    letter-spacing: 1px; }
    #projectsListTextWrapper .projectListItem a, #projectsListTextWrapper .projectListItem a:visited {
      color: #FFF; }
    #projectsListTextWrapper .projectListItem .title {
      font-size: 18px;
      line-height: 27px; }
  @media (min-width: 768px) {
    #projectsListTextWrapper {
      max-width: 950px;
      margin: 0 auto;
      padding-top: 140px; }
      #projectsListTextWrapper .projectListItem {
        position: relative; }
        #projectsListTextWrapper .projectListItem:hover .cols-info > div {
          text-decoration: underline; }
        #projectsListTextWrapper .projectListItem a.full-link, #projectsListTextWrapper .projectListItem a.full-link:visited {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 25px; }
        #projectsListTextWrapper .projectListItem .cols-info {
          height: 25px;
          overflow: hidden; }
        #projectsListTextWrapper .projectListItem .cols-info > div {
          display: inline-block;
          font-size: 18px;
          line-height: 27px; }
          #projectsListTextWrapper .projectListItem .cols-info > div.title {
            width: 48%; }
          #projectsListTextWrapper .projectListItem .cols-info > div.city {
            width: 17%; }
          #projectsListTextWrapper .projectListItem .cols-info > div.date {
            width: 17%; }
          #projectsListTextWrapper .projectListItem .cols-info > div.category {
            width: 16%; } }

#projectsListWrapper {
  padding: 0 15px;
  padding-top: 80px;
  padding-bottom: 80px; }
  @media (min-width: 768px) {
    #projectsListWrapper {
      padding-top: 140px; } }
  #projectsListWrapper .swiper-wrapper {
    display: block; }
  @media (max-width: 999px) {
    #projectsListWrapper .hidden-xs {
      display: none; } }
  @media (min-width: 1000px) {
    #projectsListWrapper .hidden-special {
      display: none; }
    #projectsListWrapper .swiper-wrapper {
      display: flex; }
    #projectsListWrapper .swiper-slide {
      max-width: 80%; }
    #projectsListWrapper .swiper-button-prev-custom {
      cursor: pointer;
      position: absolute;
      z-index: 10;
      left: 0;
      top: 0;
      margin-top: 0;
      width: 40px;
      height: 41px;
      height: 100%;
      background: url("../img/layout/arrow-left.png") center center no-repeat transparent; }
    #projectsListWrapper .swiper-button-next-custom {
      cursor: pointer;
      position: absolute;
      z-index: 10;
      right: 0;
      top: 0;
      margin-top: 0;
      width: 40px;
      height: 41px;
      height: 100%;
      background: url("../img/layout/arrow-right.png") center center no-repeat transparent; }
    #projectsListWrapper .swiper-button-prev-custom {
      left: 0;
      width: 110px; }
    #projectsListWrapper .swiper-button-next-custom {
      right: 0;
      width: 110px; } }
  @media (min-width: 1024px) {
    #projectsListWrapper .swiper-button-prev-custom {
      left: 0;
      width: 125px; }
    #projectsListWrapper .swiper-button-next-custom {
      right: 0;
      width: 125px; } }
  @media (min-width: 1200px) {
    #projectsListWrapper .swiper-button-prev-custom {
      left: 0;
      width: 140px; }
    #projectsListWrapper .swiper-button-next-custom {
      right: 0;
      width: 140px; } }
  #projectsListWrapper .project-item {
    margin-bottom: 15px; }
    #projectsListWrapper .project-item .project-info .info {
      padding: 15px 0; }
    #projectsListWrapper .project-item .project-info h2 {
      font-size: 18px;
      line-height: 27px;
      text-transform: uppercase;
      letter-spacing: 3px;
      margin-bottom: 5px; }
      #projectsListWrapper .project-item .project-info h2 span.presentation {
        display: none; }
    #projectsListWrapper .project-item .project-info p {
      font-size: 12px;
      line-height: 15px;
      text-transform: uppercase;
      letter-spacing: 2px;
      margin: 0; }
    #projectsListWrapper .project-item .project-info .sep-image {
      display: none; }
  @media (min-width: 1000px) {
    #projectsListWrapper {
      /*max-width: 950px; margin: 0 auto;*/
      padding-top: 140px; }
      #projectsListWrapper .project-item {
        margin-bottom: 12px;
        position: relative;
        float: left;
        max-height: 325px;
        overflow: hidden; }
        #projectsListWrapper .project-item.rectangle {
          width: 66%; }
        #projectsListWrapper .project-item.square {
          width: 32.45%; }
        #projectsListWrapper .project-item.pos-1, #projectsListWrapper .project-item.pos-3 {
          margin-right: 1%; }
        #projectsListWrapper .project-item .image {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-size: cover;
          background-position: center center;
          background-repeat: no-repeat;
          z-index: 1; }
        #projectsListWrapper .project-item a.full-link, #projectsListWrapper .project-item a.full-link:visited {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: 4; }
        #projectsListWrapper .project-item .project-info {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: 3;
          -moz-transition: 0.5s ease;
          -ms-transition: 0.5s ease;
          -o-transition: 0.5s ease;
          transition: 0.5s ease;
          -webkit-transition: 0.5s ease;
          filter: alpha(opacity=0);
          -moz-opacity: 0;
          -khtml-opacity: 0;
          opacity: 0;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieop)";
          text-align: center; }
          #projectsListWrapper .project-item .project-info h2 {
            margin-bottom: 24px; }
            #projectsListWrapper .project-item .project-info h2 a, #projectsListWrapper .project-item .project-info h2 a:visited {
              color: #FFF; }
            #projectsListWrapper .project-item .project-info h2 span {
              display: none; }
            #projectsListWrapper .project-item .project-info h2 span.presentation {
              display: block; }
          #projectsListWrapper .project-item .project-info p {
            color: #FFF; }
          #projectsListWrapper .project-item .project-info .info {
            position: relative;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%); }
          #projectsListWrapper .project-item .project-info .sep-image {
            display: block;
            margin-bottom: 20px; }
        #projectsListWrapper .project-item .layer {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: 2;
          background: url("../img/layout/dark-layer.png") left top repeat transparent;
          -moz-transition: 0.5s ease;
          -ms-transition: 0.5s ease;
          -o-transition: 0.5s ease;
          transition: 0.5s ease;
          -webkit-transition: 0.5s ease;
          filter: alpha(opacity=0);
          -moz-opacity: 0;
          -khtml-opacity: 0;
          opacity: 0;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieop)"; }
        #projectsListWrapper .project-item:hover .layer {
          -moz-transition: 0.5s ease;
          -ms-transition: 0.5s ease;
          -o-transition: 0.5s ease;
          transition: 0.5s ease;
          -webkit-transition: 0.5s ease;
          filter: alpha(opacity=100);
          -moz-opacity: 1;
          -khtml-opacity: 1;
          opacity: 1;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieop)"; }
        #projectsListWrapper .project-item:hover .project-info {
          -moz-transition: 0.5s ease;
          -ms-transition: 0.5s ease;
          -o-transition: 0.5s ease;
          transition: 0.5s ease;
          -webkit-transition: 0.5s ease;
          filter: alpha(opacity=100);
          -moz-opacity: 1;
          -khtml-opacity: 1;
          opacity: 1;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieop)"; } }

#projectWrapper {
  padding: 0 15px;
  padding-top: 80px;
  padding-bottom: 80px; }
  @media (min-width: 768px) {
    #projectWrapper {
      padding-top: 140px; } }
  #projectWrapper .swiper-wrapper {
    display: block; }
  #projectWrapper .text-slide p {
    max-width: 100%;
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 15px;
    letter-spacing: 1px; }
    #projectWrapper .text-slide p span {
      text-transform: uppercase; }
  #projectWrapper .sep-slide .sep-image {
    text-align: center;
    padding: 50px 0; }
  #projectWrapper .image-slide {
    text-align: center;
    margin-bottom: 15px; }
  #projectWrapper .category-button {
    text-align: center; }
    #projectWrapper .category-button a, #projectWrapper .category-button a:visited {
      display: inline-bloxk;
      font-size: 16px;
      line-height: 20px;
      letter-spacing: 1px;
      text-transform: uppercase;
      border: 1px solid #221F1F;
      padding: 10px 20px; }
  @media (max-width: 999px) {
    #projectWrapper .hidden-xs {
      display: none; } }
  @media (min-width: 1000px) {
    #projectWrapper .hidden-special {
      display: none; }
    #projectWrapper .swiper-wrapper {
      display: flex; }
    #projectWrapper .swiper-container {
      /*height: 65vh;*/
      height: 662px;
      max-height: 70vh;
      /*max-height: 662px;*/
      overflow: hidden; }
    #projectWrapper .category-button {
      display: none; }
    #projectWrapper .swiper-slide {
      width: auto;
      height: 100%; }
      #projectWrapper .swiper-slide.image-slide {
        max-width: 50%;
        overflow: hidden;
        margin-bottom: 0;
        /*max-width: 65%;*/ }
        #projectWrapper .swiper-slide.image-slide .image-item, #projectWrapper .swiper-slide.image-slide .imageWrapper {
          height: 100%; }
        #projectWrapper .swiper-slide.image-slide img {
          height: 100%;
          width: auto;
          /*max-width: 100%;*/
          max-width: none;
          position: relative;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -moz-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          -o-transform: translateX(-50%);
          transform: translateX(-50%); }
        #projectWrapper .swiper-slide.image-slide .layer {
          position: absolute;
          top: 0;
          left: 0;
          z-index: 2;
          width: 100%;
          height: 100%;
          background: url("../img/layout/dark-layer.png") left top repeat transparent;
          -moz-transition: 1.5s ease;
          -ms-transition: 1.5s ease;
          -o-transition: 1.5s ease;
          transition: 1.5s ease;
          -webkit-transition: 1.5s ease;
          filter: alpha(opacity=100);
          -moz-opacity: 1;
          -khtml-opacity: 1;
          opacity: 1;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieop)"; }
        #projectWrapper .swiper-slide.image-slide.swiper-slide-active .layer {
          -moz-transition: 1.5s ease;
          -ms-transition: 1.5s ease;
          -o-transition: 1.5s ease;
          transition: 1.5s ease;
          -webkit-transition: 1.5s ease;
          filter: alpha(opacity=0);
          -moz-opacity: 0;
          -khtml-opacity: 0;
          opacity: 0;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieop)"; }
      #projectWrapper .swiper-slide.text-slide {
        max-width: 20%; }
        #projectWrapper .swiper-slide.text-slide p {
          margin-bottom: 0; }
      #projectWrapper .swiper-slide.in-list {
        display: block;
        /*width: 100%;*/
        width: 80%; }
        #projectWrapper .swiper-slide.in-list .project-list-group {
          position: relative;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%);
          /*width: 80%;
          max-width: 1300px;*/
          height: 100%; }
          #projectWrapper .swiper-slide.in-list .project-list-group .project-item .imageWrapper img {
            display: none; }
          #projectWrapper .swiper-slide.in-list .project-list-group .project-item {
            height: 50%; }
      #projectWrapper .swiper-slide.sep-slide {
        width: 37px; }
        #projectWrapper .swiper-slide.sep-slide .sep-image {
          position: relative;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%); }
    #projectWrapper .swiper-button-prev-custom {
      cursor: pointer;
      position: absolute;
      z-index: 10;
      left: 0;
      top: 0;
      margin-top: 0;
      width: 40px;
      height: 41px;
      height: 100%;
      background: url("../img/layout/arrow-left.png") center center no-repeat transparent; }
    #projectWrapper .swiper-button-next-custom {
      cursor: pointer;
      position: absolute;
      z-index: 10;
      right: 0;
      top: 0;
      margin-top: 0;
      width: 40px;
      height: 41px;
      height: 100%;
      background: url("../img/layout/arrow-right.png") center center no-repeat transparent; }
    #projectWrapper .swiper-button-prev-custom {
      left: 0;
      width: 110px; }
    #projectWrapper .swiper-button-next-custom {
      right: 0;
      width: 110px; } }
  @media (min-width: 1024px) {
    #projectWrapper .swiper-button-prev-custom {
      left: 0;
      width: 125px; }
    #projectWrapper .swiper-button-next-custom {
      right: 0;
      width: 125px; } }
  @media (min-width: 1200px) {
    #projectWrapper .swiper-button-prev-custom {
      left: 0;
      width: 140px; }
    #projectWrapper .swiper-button-next-custom {
      right: 0;
      width: 140px; } }
  #projectWrapper .project-item {
    margin-bottom: 15px; }
    #projectWrapper .project-item .project-info .info {
      padding: 15px 0; }
    #projectWrapper .project-item .project-info h2 {
      font-size: 18px;
      line-height: 27px;
      text-transform: uppercase;
      letter-spacing: 3px;
      margin-bottom: 5px; }
      #projectWrapper .project-item .project-info h2 span.presentation {
        display: none; }
    #projectWrapper .project-item .project-info p {
      font-size: 12px;
      line-height: 15px;
      text-transform: uppercase;
      letter-spacing: 2px;
      margin: 0; }
    #projectWrapper .project-item .project-info .sep-image {
      display: none; }
  @media (min-width: 1000px) {
    #projectWrapper {
      /*max-width: 950px; margin: 0 auto;*/
      padding-top: 140px; }
      #projectWrapper .project-item {
        position: relative;
        float: left;
        max-height: 325px;
        overflow: hidden; }
        #projectWrapper .project-item.rectangle {
          width: 66%; }
        #projectWrapper .project-item.square {
          width: 32.45%; }
        #projectWrapper .project-item.pos-1, #projectWrapper .project-item.pos-3 {
          margin-right: 1%; }
        #projectWrapper .project-item .image {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-size: cover;
          background-position: center center;
          background-repeat: no-repeat;
          z-index: 1; }
        #projectWrapper .project-item a.full-link, #projectWrapper .project-item a.full-link:visited {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: 4; }
        #projectWrapper .project-item .project-info {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: 3;
          -moz-transition: 0.5s ease;
          -ms-transition: 0.5s ease;
          -o-transition: 0.5s ease;
          transition: 0.5s ease;
          -webkit-transition: 0.5s ease;
          filter: alpha(opacity=0);
          -moz-opacity: 0;
          -khtml-opacity: 0;
          opacity: 0;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieop)";
          text-align: center; }
          #projectWrapper .project-item .project-info h2 {
            margin-bottom: 24px; }
            #projectWrapper .project-item .project-info h2 a, #projectWrapper .project-item .project-info h2 a:visited {
              color: #FFF; }
            #projectWrapper .project-item .project-info h2 span {
              display: none; }
            #projectWrapper .project-item .project-info h2 span.presentation {
              display: block; }
          #projectWrapper .project-item .project-info p {
            color: #FFF; }
          #projectWrapper .project-item .project-info .info {
            position: relative;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%); }
          #projectWrapper .project-item .project-info .sep-image {
            display: block;
            margin-bottom: 20px; }
        #projectWrapper .project-item .layer {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: 2;
          background: url("../img/layout/dark-layer.png") left top repeat transparent;
          -moz-transition: 0.5s ease;
          -ms-transition: 0.5s ease;
          -o-transition: 0.5s ease;
          transition: 0.5s ease;
          -webkit-transition: 0.5s ease;
          filter: alpha(opacity=0);
          -moz-opacity: 0;
          -khtml-opacity: 0;
          opacity: 0;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieop)"; }
        #projectWrapper .project-item:hover .layer {
          -moz-transition: 0.5s ease;
          -ms-transition: 0.5s ease;
          -o-transition: 0.5s ease;
          transition: 0.5s ease;
          -webkit-transition: 0.5s ease;
          filter: alpha(opacity=100);
          -moz-opacity: 1;
          -khtml-opacity: 1;
          opacity: 1;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieop)"; }
        #projectWrapper .project-item:hover .project-info {
          -moz-transition: 0.5s ease;
          -ms-transition: 0.5s ease;
          -o-transition: 0.5s ease;
          transition: 0.5s ease;
          -webkit-transition: 0.5s ease;
          filter: alpha(opacity=100);
          -moz-opacity: 1;
          -khtml-opacity: 1;
          opacity: 1;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieop)"; } }

/* Large desktop */
/* Portrait tablet to landscape and desktop */
/* Landscape phone to portrait tablet */
/* Landscape phones and down */

/*# sourceMappingURL=global.css.map */