@font-face {
  font-family: FuturaBook;
  src: url('/assets/vendor/fonts/Futura Book Regular.otf');
}

@font-face {
  font-family: FuturaDemi;
  src: url('/assets/vendor/fonts/FuturaPTDemi.otf');
}





html,body { 
	height:100%; 
	width:100%;
	min-height:100%;
}

body {
	font-family: FuturaBook;
	
}


h2 {
	font-size:50px;
	line-height:60px;
	margin:30px 0 30px 0;
}

h1 {
	font-size:38px;	
	font-weigt:normal;
	padding-bottom:10px;
	display:block;
}

b,
strong {
	font-family: FuturaDemi;
}



div.main-wrapper {
	position:relative;
	height:100%; 
	width:100%;
	display:table;
}

	div.width-wrapper {
		width:100%;
		margin-left:300px;
		max-width:980px;
		padding:30px 50px;
		box-sizing:border-box;
	}
		

/* SLIDESHOW ++ */

section.intro .slider-intro {
	position: absolute;
	width: 100%;
	height: 100%;
}

.slider-intro {
	position: relative;
	width: 100%;
	margin:0;
	display:block;
	
	overflow:hidden;
	
}

	.slider-intro a.slidenext {
		/* bordeR:1px solid red; */
		display:block;
		position:absolute;
		/* width:100%; */
		/* height:100%; */
		top:0;
		bottom:0;
		left:0;
		right:0;
	}

.home .slider-intro {
	height: 100%;	
}

	section.about .slider-intro {
		max-width:980px;
	}

	section.projects .slider-intro {
		max-width:980px;
	}
	
		
	
	.slider-intro img.layout {
		opacity:0;
		width:100%;
	}
	
	.slider-intro .transparent-layer {
		position:absolute;
		left:0;
		top:0;
		right:0;
		bottom:0;
		width:100%;
		height:100%;
		z-index:2;
		background-color:rgba(0,0,0,0.1);
	}
	
	body:not(.home) .slider-intro .transparent-layer {
		display:none;
	}

	.slider-intro ul {
		list-style:none;
	}
	
	.slider-intro ul li {
		position: absolute;
		width: 100%;
		height: 100%;
		display: block;
		top:0;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		padding-top: 200px;
		box-sizing: border-box;
		display:none;
	}
	
	.slider-intro a.switch-slide.next {
		position:absolute;
		z-index:3;
		right:30px;
		top:90px;
		transition-duration:0.3s;
		/* border:1px solid red; */
		width:35px;
		height:50px;
	}
	
		.slider-intro a.switch-slide.next:before {
			-webkit-transform: translateY(12px) rotate(-135deg);
			display: block;
			content: '';
			height: 2px;
			background-color: #FFF;
		}
		
		.slider-intro a.switch-slide.next:after {
			-webkit-transform: translateY(34px) rotate(135deg);
			display: block;
			content: '';
			height: 2px;
			background-color: #FFF;
		}
	

	
	
	div.slide-controls {
		position: absolute;
		left: 30px;
		bottom: 30px;	
		width:100%;
		z-index: 3;
	}
	
	.home div.slide-controls {
		left: 30px;
		bottom: 60px;	
	}
		div.slide-controls div.inner {
			position: absolute;
			bottom:0;
			/* bottom: 40px; */
			/* left: 50px; */
		}
		
			div.slide-controls a {
				width: 33px;
				height: 10px;
				margin: 5px 15px;
				display: inline-block;
				position:relative;
			}
			
				div.slide-controls a span {
					background-color:#fff;
					position:absolute;
					width:100%;
					height:100%;
					transition-duration:0.3s;
					height: 2px;
					bottom:0;
				}
				
				div.slide-controls a:hover span,
				div.slide-controls a.active span {
					height:6px;
				}
			
			div.slide-controls a.active {
				/* height: 6px; */
			}
			
@media screen and (max-width:640px){
	
	div.slide-controls {
		bottom:15px;
	}
	
	.slider-intro a.switch-slide.next {
		display:none;
	}
	
	div.slide-controls {
		left:0;
	}
	
		div.slide-controls div.inner {
			text-align:left;
			/* left:0; */
			/* right:0; */
			margin:0 auto;
			position:relative;
			display:table;
		}
		
			div.slide-controls a {
				width: 28px;
				
				margin: 5px 10px;
			}
			
			
	
	section.intro .slider-intro div.slide-controls ,
	section.intro .slider-intro a.switch-slide {
	/* section.intro .slider-intro ul { */
		display:none;
	}
	section.intro .slider-intro div.logo {
		display:block;
	}
	
	section.intro  {
		/* background-image: url("/assets/img/slideshow/intro/1.jpg"); */
		min-height:300px !important;
		/* padding:0 20px; */
	}
	
	
	
	
	
}	

/* SLIDESHOW -- */

/* INTRO ++ */

section.intro {
	width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
	min-height:440px;
	display:table;
}

	
				
		div.logo {
			position: absolute;
			right:60px;
			bottom:60px;
			z-index: 3;
			width:30%;
			display:block;
			text-align:right;
			text-align:right;
		}
		
			
				
					div.logo a.logo {
						/* display:table; */
						display:inline-block;
						width:100%;
						max-width:440px;
						max-width:380px;
						text-align:right;
						/* width:140px; */
					}
		
			
			
						div.logo img {
							width:100%;
						}
@media screen and (max-width:640px){	

	div.logo {
		left:auto;
		right:auto;
		width:100%;
		text-align:center;
		margin:0 auto;
		bottom:30px;
	}
	
		div.logo a.logo {
			max-width:300px;
		}
					
		div.logo div.inline.right a.logo {
			width:70px;
		}
		
		div.logo div.inline.left {
			padding-right:30px;
		}
		
		div.logo div.inline.left p {
			font-size:32px;
			line-height: 40px;
		}
}
						
/* INTRO -- */
/* HEADER ++ */

header {	
	position:fixed;
	top:0;
	width:100%;
	background-color:#fff;
	z-index:30;
	/* min-height:45px; */
	box-sizing:border-box;
	padding:10px 20px 10px 20px;
	transition-duration:0.3s;
	height:45px;
}

	
	
	header a.switch-menu,
	header a.toggle-menu,
	header a.back {
		text-decoration:none;
		font-size:20px;
		line-height:24px;
		font-weight:400;
		color:#000;
		transition-duration:0.3s;
		display:none;
	}
	

	
	/* header a.switch-menu, */
	header a.back {
		padding-left:35px;
		padding-left:40px;
		background-repeat:no-repeat;
		background-size:24px;
		background-position:center left;
		background-size:20px;
		background-position:left 0px;
		padding-top:2px;
		margin-top:-2px;
		transition-duration:0.3s;
		
		
	}
	
	header a.back:hover {
		opacity:0.6;
	}
	
	.production header a.back,
	.contacts header a.back,
	.about header a.back,
	.article header a.back {
		display:block;
	}
	
	.project header a.switch-menu {
		display:block;
	}
		
	.home header a.toggle-menu {
		display:block;
	}
	
	body.project header a.toggle-menu.back {
		display:none;
	}
	
	header a.toggle-menu:hover {
		/* opacity:0.6; */
	}
	
	header a.logo {
		width:22px;
		height:22px;
		display:inline-block;
		background-repeat:no-repeat;
		background-position:center center;
		background-size:22px;
		transition-duration:0.3s;
		z-index:20;
		margin-top:1px;
		display:none;
	}
	
	header .page-title { 
		color:#fff;
		font-size:24px;
		display:none; 
	}
	
		header .page-title a {
			color:#fff;
			text-decoration:none;
		}
	
	.home header a.logo {
		background-image:url('/assets/img/svg/icon-home-black.svg');
	}
	
	header.blue a.logo {
		background-image:url('/assets/img/svg/icon-home-white.svg');
	}

	div.nav-icon {
		width:22px;
		height:16px;
		vertical-align:top;
		float:left;
		margin-right:18px;
		margin-top:-1px;
		cursor: pointer;
		transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-webkit-transition: all .2s ease-in-out;
		padding-top:4px;
		padding-bottom:5px;
		display:block;
		/* border:1px solid red; */
	}
	
	header.blue .nav-icon:after, header.blue .nav-icon:before  {
		background-color: #fff;
	}
	
	.nav-icon:after, .nav-icon:before, .nav-icon span {
		display: block;
		transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-webkit-transition: all .2s ease-in-out;
		content: '';
		margin: 5px 0;
		height: 2px;
		background-color: #000;
	}
	
	.nav-icon:before {
		margin-top:0;
	}

	.opened .nav-icon:before {
		transform: translateY(8px) rotate(135deg);
		-webkit-transform: translateY(8px) rotate(135deg);
		-moz-transform: translateY(8px) rotate(135deg);
	
	}
	
	.opened .nav-icon:after {
		transform: translateY(-6px) rotate(-135deg);
		-webkit-transform: translateY(-6px) rotate(-135deg);
		-moz-transform: translateY(-6px) rotate(-135deg);
	}
	
	.opened .nav-icon span {
		transform: scale(0);
		-moz-transform: scale(0);
		-webkit-transform: scale(0);
	}
	
	
	header.blue {
		background-color:#466e9b;
	}
	
	ul.menu-mobile-sub,
	ul.menu-mobile {
		margin-top:45px;
		display:block;
		z-index:10;
		position:fixed;
		width:100%;
		list-style:none;
		display:none;
		/* position:relative; */
		box-sizing:border-box;
	}
	
	ul.menu-mobile-sub {
		position:relative;
		top:0;
	}
	
	.project ul.menu-mobile-sub {
		
		background-color:#fff;
		padding:10px 20px;
	}
	
	@media screen and (max-width:640px){
		.project ul.menu-mobile-sub {
			display:block;
		}
		
		.production header a.back {
			display:none;
		}
	}
	
	
	
	
		ul.menu-mobile-sub li,
		ul.menu-mobile li {
			background-color:#e2dedf;
			background-color:#FFF;
			margin:2px 0;
		}
	
			
			ul.menu-mobile li a {
				color:#000;
				text-decoration:none;
				font-size:24px;
				display:block;
				padding:10px 20px;
			}
			
			ul.menu-mobile-sub li a:hover,
			ul.menu-mobile li a:hover {
				opacity:0.6;
			}
			
			ul.menu-mobile-sub li a {
				padding:5px 0px;
				color:#000;
				text-decoration:none;
				font-size:18px;
				display:inline-block;
				border-bottom:1px solid transparent;
			}
			
			ul.menu-mobile-sub li a.active {
				border-bottom:1px solid #000;
			}
	
			ul.menu-mobile-sub a.close {
				position:absolute;
				top:15px;
				right:20px;
				/* border:1px solid red; */
				width: 22px;
				height: 16px;
				padding-top: 4px;
				/* padding-bottom: 5px; */
			}
	
	
				ul.menu-mobile-sub a.close:before,
				ul.menu-mobile-sub a.close:after {
					display: block;
					transition: all .2s ease-in-out;
					-moz-transition: all .2s ease-in-out;
					-webkit-transition: all .2s ease-in-out;
					content: '';
					margin: 5px 0;
					height: 2px;
					background-color: #000;
				}
				
				ul.menu-mobile-sub a.close:before {
					transform: translateY(0px) rotate(135deg);
					/* -webkit-transform: translateY(8px) rotate(135deg); */
					/* -moz-transform: translateY(8px) rotate(135deg); */
				}
				
				ul.menu-mobile-sub a.close:after {
					transform: translateY(-7px) rotate(-135deg);
					/* -webkit-transform: translateY(8px) rotate(135deg); */
					/* -moz-transform: translateY(8px) rotate(135deg); */
				}
	
	
@media screen and (max-width:640px){


	div.nav-icon {
		margin-top:0px;
	}		

	body:not(.home) header {
		background-color:#466e9b;
	}
	

	body:not(.home) .nav-icon::after, body:not(.home) .nav-icon::before, body:not(.home) .nav-icon span {
		background-color: #fff;	
	}

	
	header.blue a.logo {
		display:inline-block;
	}


	header a.toggle-menu {
		float:right;
		font-size:0;
	}
	
	div.nav-icon {
		margin-right:0;
	}
	
	.project header a.switch-menu {
		display:none;
	}
	
	
	body:not(.home) header:not(.blue) .page-title { 
		display:inline-block; 
	}
	
}	
	
/* HEADER -- */

/* SIDE BAR ++ */

div.left-side-bar {
	position:fixed;
	height:100%;
	top:0;
	left:0;
	background-color:#fff;
	width:100%;
	width:300px;
	z-index:30;
	padding-left:60px;
	box-sizing:border-box;
	/* display:none; */
	left:0px;	
}

	div.left-side-bar div.inner {
		box-sizing:border-box;
		padding-top:60px;
		display: flex;
		flex-direction: column;
		height: 100%;
		z-index: 1;
		position: relative;
	}
	
		div.left-side-bar div.inner div.bottom {
			width: 100%;
			margin-top: auto;
			position: relative;
			padding-bottom: 60px;
		}



.home div.left-side-bar {
	left:-300px;	
}

	
	
	ul.menu-sub,
	ul.menu-main {
		list-style:none;
	}
	
	.project ul.menu-main,
	ul.menu-sub {
		display:none;
	}
	
	.project ul.menu-sub {
		display:block;
	}

		ul.menu-sub li,
		ul.menu-main li {
			margin:20px 0;
		}
	
			ul.menu-sub li a,
			ul.menu-main li a {
				font-size:28px;
				color:#000;
				text-decoration:none;
				padding-bottom:3px;
				transition-duration:0.3s;
				border-bottom:1px solid transparent;
				
			}
			
			
			ul.menu-sub li a.active,
			ul.menu-sub li a:hover,
			ul.menu-main li a.active,
			ul.menu-main li a:hover {
				border-bottom:1px solid #000;
			}	
			
			.project ul.menu-main a {
				/* font-size:44px; */
			}
			
			ul.menu-main li ul {
				list-style:none;

			}
			
				.project ul.menu-main li ul li a{
					font-size:24px;
				}
			
	div.left-side-bar div.contacts {
		/* margin-top:200px; */
	}
	
		div.left-side-bar div.contacts  p{
			line-height:20px;
			font-size:14px;
		}
	
		div.left-side-bar div.contacts  p.title {
			font-size:28px;
			color:#000;
			margin-bottom:10px;
		}
			
		div.left-side-bar div.contacts  a {
			text-decoration:none;
			color:#000;
			padding-bottom:3px;
			border-bottom:1px solid #000;
			margin:10px 0;
			display:inline-block;
			font-size:14px;
			transition-duration:0.3s;
		}
		
		div.left-side-bar div.contacts  a:hover {
			border-bottom:1px solid transparent;
		}
		
	div.left-side-bar a.logo {
		display:table;
		margin-top:40px;
	}
	
	


@media screen and (max-width:640px){

	div.left-side-bar {
		left:-300px;	
	}
	
	.contacts header a.back, .about header a.back, .article header a.back {
		display:none;
	}
	
	header a.toggle-menu {
		display:block;
	}

}	
	
	
/* SIDE BAR -- */
/* CONTACTS ++ */

#map {
    height: 460px;
    width: 100%;
	max-width:980px;
    padding: 0;
	/* margin-bottom:40px; */

	position:relative;
}	

@media screen and (max-width:620px){
	.hide-on-mobile {
		display:none;
	}
}

/* CONTACTS -- */
/* ABOUT ++ */


section.about {
	
	background-color:#e2dedf;
	padding-top:50px;
	box-sizing:border-box;
	display:table;
	width:100%;
	height:100%;
	position:relative;
	padding-left:300px;
	
}

	section.about div.width-wrapper {
		margin-left:0;
	}

	section.about div.logo {
		margin:40px 0 	0px 0;
		position:relative;
		text-align:left;
		right:0;
		bottom:auto;
		z-index:2;
	}
	
		section.about div.logo div.inline.left p {
			color:#000;
		}
		
	section.about p {
		color:#000;
		font-size:24px;
		max-width:700px;
		line-height:32px;
		margin:30px 0;
	}
	
ul.people {
    list-style: none;
    margin: 40px 0;
	max-width:900px;
}

	ul.people li {
		display: inline-block;
		vertical-align: top;
		width: 33.33%;
		box-sizing: border-box;
		padding-right: 80px;
		margin:20px 0;
	}
	
		ul.people li img {
			margin-bottom:20px;
		}
		
		ul.people li p {
			font-size:20px;
			font-size:16px;
			line-height:28px;
			margin:0;
		}
		
		ul.people li p.name {
			font-size:28px;
			font-size:24px;
			line-height:30px;
			margin-bottom:10px;
		}
		
		ul.people li a {
			color:#000;
			color:#466e9b;
			text-decoration:none;
			padding-bottom:1px;
			display:inline-block;
			transition-duration:0.3s;
		}
		
		ul.people li a:hover {
			opacity:0.6;
			
		}
		

@media screen and (max-width:640px){
	
	section.about {
		padding-left:0;
	}
	
	ul.people li {
		width:50%;
		padding-right:20px;
	}
	
	section.about p {
		font-size: 20px;
	}
	
}		

@media screen and (max-width:640px){
	h2 {
		font-size: 43px;
		line-height: 50px;
		display:block;
		margin:30px auto;
		text-align:center;	
	}
}


@media screen and (max-width:520px){
	div.width-wrapper {
		
		padding:20px 20px;
		
	}
		
}

@media screen and (max-width:520px){
	

	ul.people {
		text-align:center;
		margin:0;
	}
	
	ul.people li {
		text-align:center;
		width:100%;
		margin-right:0;
		padding-right:0;
		margin:10px 0;
	}
}	
		
/* ABOUT -- */

/* PROJECTS ++ */



section.projects.padding {
	padding-top:45px;
}

section.projects {
	padding-top:45px;
	box-sizing:border-box;
	display:table;
	width:100%;
	padding-left:300px;
	box-sizing:border-box;
	color:#000;
	position:relative;
}

	section.projects .project-data a {
		color:#000;
		border-bottom:1px solid #000;
		padding-bottom:2px;
		text-decoration:none;
		transition-duration:0.3s;
	}
	
	section.projects a:hover {
		border-bottom:1px solid transparent;
	}

	section.projects .slider-intro .slide-controls {
		
	}
	
		section.projects .slider-intro a.switch-slide.next {
			top:60px;
		}
		
	div.project-data {
		margin:30px 0 60px 0;
	}
	
		div.project-data p {
			font-size:18px;
			line-height:24px;
		}
		
		div.project-data p.title {
			font-weight:700;
			margin-bottom:10px;
			font-size:20px;
			font-family: FuturaDemi;
		}
	
	
		div.project-data a.tag {
			margin:5px;
				border-bottom:0 none;
		}

@media screen and (max-width:640px){
	section.projects {
		padding-top:0px;
		padding-left:0px;
		
	}
	
	div.project-data {
		margin: 30px 20px 60px 20px;
	}
}
/* PROJECTS -- */