@font-face{
	font-family:"Facit";src:url(/assets/vendor/fonts/Facit/Facit-Web-Regular.eot) , 
	url(/assets/vendor/fonts/Facit/Facit-Web-Regular.woff) ,
	url(/assets/vendor/onts/Facit/Facit-Web-Regular.woff2)
}

/*
@font-face{
	font-family:"Facit";font-weight:800;
	src:url(../fonts/Facit-Web-Bold.eot) , 
	url(../fonts/Facit-Web-Bold.woff) , 
	url(../fonts/Facit-Web-Bold.woff2)
}
	
@font-face{
	font-family:"Facit Italic";
	src:url(../fonts/Facit-Web-RegularItalic.eot) , 
	url(../fonts/Facit-Web-RegularItalic.woff) , 
	url(../fonts/Facit-Web-RegularItalic.woff2);
	font-style:italic
}
*/

a { 
	text-decoration:none;
	transition-duration: 0.2s; 	
}

.green { color:#0FED5E; }

.white { color:#FFF; }

.blue { color:#087EF4; }

.fl-left { float:left; }

.fl-right { float:right; }

.clear {clear:both;}

a.black {
	color:#000;
	font-weight:bold;
}

a.black:hover {
	color:#087EF4;
}

span.line {
	width:100%;
	height:1px;
	display:block;
	background-color:#DBDBDB;
	margin:60px 0 45px 0;
}

.opacity:hover { opacity:0.8; }

/* --------------------------------------- */
/* --------------------------------------- */
/* OVERAL LAYOUT ++ */



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

body {
	font-family: 'Facit',sans-serif;
}

.global-wrapper {
	position:relative;
}

.width-wrapper {
	max-width:1140px;
	max-width:1360px;
	margin:0 auto;
	box-sizing:border-box;
	padding:0 60px;
}

h1 {
	font-size: 38px;
	font-weight: 400;
	letter-spacing: 0.58px;
	line-height: 56px;
	margin-bottom:60px;
	margin-bottom:30px;
	margin-bottom:60px;
}

h2 {
	font-size: 22px;
	font-weight: 600;
	letter-spacing: 0.34px;
	line-height: 28px;
}

h3 {
	margin:25px 0 10px 0;
}

section.about ul.one-thirds p.director,
p.director {
	color: #087EF4;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 3.99px;
	padding:5px 0;
	line-height:18px;
}

img.portret {
	max-width:100%;
	filter: grayscale(100%);
	margin-top:10px;
	margin-bottom:20px;
	transition-duration:0.3s;
}

img.portret:hover {
	filter: grayscale(0%);
}

p.director.uppercase  {
	text-transform:uppercase;
}

section div.inner.description ol ,
section div.inner.description ul ,
section div.inner.description p,
p.description {
	color:#848484;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 0.35px;
	line-height: 22px;
	margin:10px 0;
}

section div.inner.description ol ,
section div.inner.description ul {
	margin-left:20px;
}

.bgimg-container {
    height: 100%;
    position: relative;
    width: 100%;
    min-height: 100%;
	overflow:hidden;
}

.bgimg {
    position: absolute;
    top: 0px;
    z-index: -1;
    display: block;
    width: 100%;
}

section.full-height {
	height: 100%;
	background-position:center center;
	background-size:cover;
	background-color: rgba(8, 126, 244, 0.7);
}

section.about.full-height {	
	padding:0;
}

div.flex {
		display:flex;
		flex-direction: column;
		height:100%;
		z-index:1;
		position:relative;
}

	div.bottom {
		width:100%;
		margin-top:auto;
		position:relative;
	}	

/* OVERAL LAYOUT -- */
/* --------------------------------------- */
/* --------------------------------------- */
/* HEADER ++ */

.hidden { display:none;}

header {
	position:fixed;
	position:absolute;
	width:100%;
	z-index:1000;
	padding:20px 0;
	top:0;
}

body.policy header {
	position:relative !important;
}
	
	header .container {
		display:table;
		width:100%;
	}
	
		header .container .left,
		header .container .right {
			vertical-align:middle;
			display:inline-block;
			width:40%;
		}
		
		header .container .right {
			width:60%;
		}
		
		header .menu-container {
			float:right;
		}
		
		a.logo.blue { display:none; }
		
		.about a.logo.white { display:none; }
		.about a.logo.blue { display:block; }
		.about .sticky a.logo.white { display:block; }
		.about .sticky a.logo.blue { display:none; }

		
		.people a.logo.white { display:none; }
		.people a.logo.blue { display:block; }
		.people .sticky a.logo.white { display:block; }
		.people .sticky a.logo.blue { display:none; }
		
/* menu main ++ */

	a.menu-toggle {
		width:23px;
		height:14px;
		background-image:url('/assets/svg/icon-mobile-menu.svg');
		background-size:cover;
		vertical-align:middle;
		margin-left:20px;
		display:none;
	}

	ul.menu-main {
		list-style:none;
		clear:both;
		margin-top:5px;
		text-align:right;
	}
	
		ul.menu-main li {
			display:inline-block;
			padding:0 10px;	
		}
		
			ul.menu-footer li a,
			ul.menu-main li a {
				color:#000;
				font-size: 16px;
				font-weight: 400;
				letter-spacing: 1px;
				line-height: 32px;
				padding-bottom:4px;
				border-bottom:2px solid transparent;
			}
			
			ul.menu-main li a.active { border-bottom:2px solid #0FED5E; }
			ul.menu-main li a.active:hover { color:#000; }
			ul.menu-main li a:hover { color:#0FED5E; }
			
			ul.menu-footer li a {
				color:#fff;
				transition-duration: 0.5s;
			}
			
			ul.menu-footer li a:hover {
				color:#0FED5E;
			}
			
/* menu main -- */
/* menu main reverse ++ */

	.reverse ul.menu-main li a { color:#fff; }
	.reverse ul.menu-main li a.active:hover { color:#fff; }
	.reverse ul.menu-main li a:hover { color:#0FED5E; }
	
/* menu main reverse -- */
/* menu lang ++ */

.menu-lang-container {
	background-image:url('/assets/svg/icon-down-black.svg');
	background-position:right 13px;
	background-repeat:no-repeat;
	transition-duration:0.5s;
	margin-bottom:5px;
	position:relative;
	float:right;
	display:table;
}

.menu-mobile-container .menu-lang-container ul.menu-lang {
	left:0;
	right:auto;
}

.menu-mobile-container .menu-lang-container ul.menu-lang li{
	text-align:left;
}

.menu-lang-container:hover { 
	background-image:url('/assets/svg/icon-down-green.svg'); 
}	
	
	a.switch-lang {
		color:#000;
		font-size: 14px;
		font-weight: 400;
		transition-duration:0.5s;
		padding-right:20px;
		display:block;
		line-height:30px;
	}

	ul.menu-lang {
		list-style:none;
		position:absolute;
		right:0;
		display:none;
	}
	
	.menu-lang-container:hover ul.menu-lang { display:block; }
	.menu-lang-container.jquery:hover ul.menu-lang { display:none; }
	
		ul.menu-lang li {
			position:relative;
			color:#000;		
			text-align:right;
		}
		
			ul.menu-lang li a {
				font-size: 14px;
				font-weight: 400;
				padding:13px 15px;
				width:100%;
				display:block;
				box-sizing:border-box;
				background-color:#fff;
				color:#000;
				border:1px solid #b7b7b7;
				border-bottom:none;
			}
			
			ul.menu-lang li:last-child a { border-bottom:1px solid #b7b7b7; }
			
			ul.menu-lang li a.active,
			ul.menu-lang li a:hover {
				background:#e7e8ea;
			}
			
/* menu lang -- */
/* menu lang reverse ++ */

	.reverse .menu-lang-container { background-image:url('/assets/svg/icon-down.svg'); }	
	.reverse a.switch-lang { color:#fff; }

/* menu lang reverse -- */
/* menu mobile ++ */

.menu-mobile-container {
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	min-height:100%;
	background:#000;
	left:0;
	top:0px;
	z-index:2000;
	padding:25px 30px;
	box-sizing:border-box;
}

	.menu-mobile-container .header {
		margin-bottom:20px;
	}

		.menu-mobile {
			list-style:none;
			display:table;
			padding-top:20px;
		}
		
		.menu-mobile li {
			margin:5px 0;
		}

		.menu-mobile a {
			color:#fff;
			font-size: 18px;
			font-weight: 400;
			letter-spacing: 1.31px;
			line-height: 35px;
			padding-bottom:4px;
			border-bottom:2px solid transparent;
		}
		
		.menu-mobile li a:hover {
			color:#0FED5E;	
		}
		
		a.close-menu {
			margin-top:7px;
			float:right;
		}

/* menu mobile -- */
/* header small ++ */

header.sticky {
	background:#000;
	padding:10px 0;
}

header.sticky .logo img{ 
	height:60px;
}

header.sticky .menu-lang-container {
	display:inline-block;
	margin-left:40px;	
	margin-top:5px;
	margin-bottom:0px;
}

/*
hidden lang menu
*/

	header.sticky ul.menu-main {
		display:inline-block;
	}

	header.sticky ul.menu-main a {
		color:#fff;
	}
	
	header.sticky a.switch-lang {
		color:#fff;
	}
	
	header.sticky .menu-lang-container {
		background-image: url(/assets/svg/icon-down.svg);
	}

@media screen and (max-width: 860px) {
	
	header { 
		background-color:#000; 
		padding:10px 0;
	}
	
	header.sticky ul.menu-main,
	.project-open header ul.menu-main,
	header ul.menu-main { display:none; }
	
	header .logo img{ height:60px; }
		
	header .menu-toggle {  display:inline-block; }
	
	.menu-lang-container { 
		float:none;
		display:inline-block;
	}
	
	header.sticky .menu-lang-container,
	header .menu-lang-container { 
		display:none;
	}

	.menu-lang-container { background-image:url('/assets/svg/icon-down.svg'); }	
	a.switch-lang { color:#fff; }
	
}

/* header small -- */
/* HEADER -- */
/* --------------------------------------- */
/* --------------------------------------- */
/* PROJECTS ++ */

section.project {
	box-sizing:border-box;
	position:relative;		
}

	section.project div.width-wrapper {
		box-sizing:border-box;
	}
	
	section.project div.width-wrapper.narrow {
		max-width:940px;
		padding-bottom:0;
		padding-top:60px;
	}

		section.project .top div.width-wrapper div.inner {
			padding-top:200px;
			padding-bottom:0;
			margin:0;
		}
		
		section.project p.title {
			padding-bottom:0;
		}
		
		section.project p.title {
			padding-bottom:0;
		}
		
		section.project.with-title .bottom div.width-wrapper div.inner {
			padding-top:100px;	
		}
		
		section.project .bottom div.width-wrapper div.inner {
			max-width:620px;	
			width:80%;
			padding-top:200px;
			padding-bottom:60px;
			display:table;
		}
		
		section.project.cover div.width-wrapper div.inner {
			max-width:620px;
			padding-top:200px;
		}
	
			 p.block-title {
				color: #0FED5E;
				font-size: 12px;
				font-weight: 400;
				letter-spacing: 3.99px;
				line-height: 22px;
				text-transform:uppercase;
			}
			
			p.project-title {
				color: #FFFFFF;
				font-size: 38px;
				font-weight: 600;
				letter-spacing: 0.58px;
				line-height: 56px;
			}
			
			p.project-description {
				color: #F6F6F6;
				font-size: 14px;
				font-weight: 400;
				letter-spacing: 1.05px;
				line-height: 22px;
				margin-top:15px;
			}
			
			.project-links {
					border-top:1px solid rgba(255, 255, 255, 0.20000000298023224);
					margin-top:20px;
			}
			
				.project-links span.download {
					line-height: 18px;
					margin-top:20px;
					display:inline-block;
					font-size: 14px;
					font-weight: 400;
					color:#9d9ea0;
				}
				
				.project-links a.pdf {
					color:#0FED5E;
				}
				
			
				.project-links a {
					font-size: 14px;
					font-weight: 400;
					letter-spacing: 0.35px;
					line-height: 18px;
					margin-top:20px;
					display:inline-block;
					vertical-align:top;
				}
				
				a.project-one {
					color:#fff;
					border-bottom:1px solid #0FED5E;
					padding-bottom:3px;
					position:relative;
				}
				
				.project-links a.project-one:hover {
					border-bottom:1px solid transparent;
				}
				
				a.project-all {
					color:#808b9d;
					border-bottom:1px solid #808b9d;
					padding-bottom:3px;
					transition-duration: 0.2s;
				}
				
				a.project-all:hover {
					border-bottom:1px solid transparent;
				}
				
				.project-links span.line {
					display:inline-block;
					width:1px;
					height:50px;
					background:rgba(255, 255, 255, 0.20000000298023224);
					vertical-align:top;
					margin:0 20px;
				}
				
				div.work-cat-info {
					margin-top:30px;
					margin-bottom:50px;
				}
				
					div.work-cat-info p {
						font-size:14px;
						line-height:22px;
						margin:20px 0;
						letter-spacing: 0.35px;
						color:#848484;
					}

		
/* project slideshow ++ */

.slideshow-projects {
    width: 100%;
    position: relative;
	display:table;
	background-color:rgba(8, 126, 244, 0.2);
}

	.slideshow-projects ul.slideshow-blocks {
		height: 100%;
		width: 100%;		
		position: relative;
		display:table;
		margin:0;
	}
	
		.slideshow-projects ul.slideshow-blocks li {
			position:absolute;
			width:100%;
			height:100%;
			min-height:100%;
			opacity:0;
			top:0;
			padding:0;
			background-color:rgba(8, 126, 244, 0.8);
			background-size:cover;
			background-position:center center;
			background-blend-mode: multiply;
			filter: grayscale(0);
		}
		
		div.table {
			height:100%;
			width:100%;
			display:table;
			box-sizing:border-box;
		}	
		
		div.tr {
			display: table-row; 
		}
		
		div.td {
			display: table-cell; 
		}
		
		div.td.top {
			padding-top:140px;
		}
		
		div.td.bottom {
			vertical-align:bottom;
			padding-bottom:60px;
		}
		
		div.table div.width-wrapper div.inner {
			max-width:680px;
		}
		
		.slideshow-projects .controls-container {
			position:absolute;
			right:60px;
			top: 0;
			bottom: 0;
			margin: auto;
			width:30px;
			display:table;
			height:100%;
		}
		
		.slideshow-projects ul.slideshow-controls {
			list-style:none;
			display:table-cell;
			height:100%;
			vertical-align:middle;
		}
			
			.slideshow-projects ul.slideshow-controls li a {
				background:url('/assets/svg/icon-slideshow-default.svg') no-repeat;
				background-size:cover;
				width:30px;
				height:30px;
				display:block;
				margin:30px 0;
			}
			
			.slideshow-projects ul.slideshow-controls li a.active {
				background-image:url('/assets/svg/icon-slideshow-active.svg');
			}
			
			
/* project slideshow -- */
/* project open ++ */

section.project.cover {
	overflow:hidden;
	position:relative;
	background-size:cover;
	background-color:rgba(8, 126, 244, 0.8);
	background-size:cover;
	background-position:center top;
	background-blend-mode: multiply;
	padding-top:160px;
}

	section.project.cover div.width-wrapper {
		max-width:940px;
	}
	
	section.project.cover div.inner {
		margin-left:0;
	}
	
section.project.open {
	min-height:auto;
	height:auto;
}

	img.content {
		width:100%;
		max-width:940px;
		display:block;
	}
	
/* project open -- */
/* gallery slideshow ++ */

.slideshow-container {
	position:relative;
	margin:40px 0;
	padding-bottom:50px;
}

	.slideshow-container ul.slideshow-blocks {
		list-style:none;
		position:relative;
	
	}
	
		.slideshow-container ul.slideshow-blocks li {
			display:table;
			position:absolute;
			left:0;
			top:0;
			opacity:0;
			width:100%;
			height:100%;
		}
		
			.slideshow-container ul.slideshow-blocks li div.relative {
					display:table-cell;				
					vertical-align:middle;
			}
		
			.slideshow-container ul.slideshow-blocks li div.container {
				/* display:table-cell;				 */
				/* vertical-align:middle; */
					position:relative;
			}
			
			.slideshow-container ul.slideshow-blocks li img {
				width:100%;
				height:auto;
				margin:auto 0 auto 0;
			}
		
	.slideshow-container ul.slideshow-controls {
		list-style:none;
		text-align:center;
		display:block;
		position:absolute;
		width:100%;
		bottom:0px;
		transition-duration:0.4s;
	}
	
		ul.slideshow-controls li {
			display:inline-block;
			
		}
		
			ul.slideshow-controls li a {
				width:20px;
				height:20px;
				display:block;
				background:url('/assets/svg/icon-slideshow-default-grey.svg') no-repeat;
				background-size:cover;
				margin:0 10px;
				
			}
			
			ul.slideshow-controls li a.active {
				background-image:url('/assets/svg/icon-slideshow-active-blue.svg');
			}
			
		
			.slideshow-container a.next,
			.slideshow-container a.prev {
				background-image:url('/assets/svg/icon-slideshow-left.svg');
				width:26px;
				height:58px;
				position:absolute;
				top:50%;
				margin-top:-58px;
				display:block;
				left:40px;
			}
			
			.slideshow-container a.next {
				right:40px;
				left:auto;
				background-image:url('/assets/svg/icon-slideshow-right.svg');
			}
			
			.left-gradient {
					width:120px;
					height:100%;
					position:absolute;
					top:0;
					display:block;
					background-image: linear-gradient(to left, rgba(255,0,0,0), rgba(0,0,0,0.3));
			}
			
			.right-gradient {
					top:0;
					width:120px;
					height:100%;
					position:absolute;
					display:block;
					right:0;
					background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(0,0,0,0.3));
			}
			
/* gallery slideshow -- */
/* projects filter ++ */

.projects-filter {
	margin-bottom:60px;
	margin-left:-1%;
	margin-right:-1%;
}

	.projects-filter .one-third {
		box-sizing:border-box;
		margin:0 1%;
		width:31.33%;
		display:inline-block;
		vertical-align:top;
	}
	
	.select-container {
		margin:5px 0;
		height:40px;
		font-size: 15px;
		font-weight: 400;
		letter-spacing: 0.23px;
		line-height: 21px;
		position:relative;
		background-repeat:no-repeat;
		background-image:url('/assets/svg/icon-select-down.svg');
		background-position: right 15px top 18px;
		cursor:pointer;
		border:1px solid transparent;
		margin-left:-1px;
		margin-right:-1px;
		
	}
	
		.choosed-val {
			border: 1px solid rgba(183, 183, 183, 0.5);
			position:absolute;
			width:100%;
			height:100%;
			padding:10px 15px;
			box-sizing:border-box;
			color: #848484;
			top:0;
			z-index:2;
		}
	
		.select-container ul {
			list-style:none;
			top:40px;
			background-color:#fff;
			border: 1px solid rgba(183, 183, 183, 0.5);
			border-top:0;
			width:100%;
			box-sizing:border-box;
			position:absolute;
			display:none;
			z-index:3;
		}
		
			.select-container ul li a{
				color: #848484;
				width:100%;
				display:block;
				padding:8px 15px;
				box-sizing:border-box;
			}
			
			.select-container ul li.active a,
			.select-container ul li a:hover {
				color:#000;	
			}	
				
/* projects filter -- */
/* projects list ++ */

section.project.list {
	
}


section.project.list span.line {
    margin: 20px 0 40px 0;
}

section.project.list h1 {
	color: #000;
    font-size: 38px;
    font-weight: 400;
    letter-spacing: 0.58px;
    line-height: 56px;
	margin-bottom:40px;
}

	section.project.list div.width-wrapper {
		padding-top:100px;
		padding-bottom:60px;
	}

	ul.projects-list {
			list-style:none;
			margin-left:-1%;
			margin-right:-1%;
	}

		ul.projects-list li {
			width:31.33%;
			margin-left:1%;
			margin-right:1%;
			display:inline-block;
			vertical-align:top;
			box-sizing:border-box;
			margin-bottom:60px;
		}
			
			ul.projects-list li a { color:#000; }
			
			ul.projects-list li a:hover { color:#087EF4; }
			
				.project-image {
					margin-bottom:25px;
					line-height:0;
					transition-duration:0.3s;
					position:relative;
					overflow:hidden;
					background-color:rgba(8, 126, 244, 0.8);
					background-size:cover;
					background-position:center center;
					background-blend-mode: multiply;
					opacity:0.9;
				}
				
				ul.projects-list li a:hover .project-image { opacity:1; }
				
				ul.projects-list li a img { 	
					width:100%; 
					visibility:hidden;
				}
				
				ul.projects-list li .project-image .layer { 
					position:absolute;
					width:100%;
					height:100%;
					top:0;
					display:none;
					opacity:0.5;
				}
		
/* projects list -- */
/* files list ++ */
section.about ul.report-files,
ul.report-files {
		list-style:none;
		width:100%;
}

	section.about ul.report-files li,
	ul.report-files li {
		display:table;
		width:100%;
		border-bottom:1px solid #DBDBDB;
		padding:25px 0;
		padding:25px 0 15px 0;
		background:none;
		margin:0;
		color:#000;
		background:none;
		line-height:16px;
	}
	
	section.about ul.report-files li:last-child,
	ul.report-files li:last-child {
		border-bottom:0 none;
	}
	
		section.about ul.report-files li img,
		ul.report-files li img {
			display:inline-block;
			vertical-align:top;
		}
		
		section.about ul.report-files li p,
		ul.report-files li p {
			font-size: 18px;
			font-weight: 400;
			letter-spacing: 0.45px;
			display:inline-block;
			vertical-align:top;
			line-height:28px;
			margin-left:10px;
			margin-bottom:15px;
			margin-right:10px;
		}
		
		a.download {
			float:right;
			background-color:#087EF4;
			color:#fff;
			padding:12px 20px;
			border-radius:3px;
			font-size: 13px;
			font-weight: 400;
			letter-spacing: 1.35px;
			text-transform:uppercase;
			transition-duration: 0.2s;
			margin-top:-4px;
		}
		
		a.download.left {
			float:left;	
		}

			a.download span {				
				display:inline-block;
				vertical-align:middle;
			}
			
			a.download span.important {
				display:inline-block !important;
			}
			
			a.download img { display:none !important;	 }
			a.download img.icon-white { 
				vertical-align:middle;
				display:inline-block !important;	 
				height:25px;
				margin-right:5px;
			}
		
		ul.report-files li a:hover {
			background-color:#0063c6;
		}
		
		
/* files list -- */
/* PROJECTS -- */
/* --------------------------------------- */
/* --------------------------------------- */
/* PEOPLE ++ */

section.people {
	padding: 140px 0px 70px 0;
	/* padding-top:220px; */
	/* padding-bottom:140px; */
}

	section.people p.title {
		color:#087EF4;
	}
	
	ul.people {
		list-style:none;
		margin:0px 0;
		display:table;
		margin-bottom:30px;
		width:101.5%;
		margin-left:-1.5%;
		margin-top:-60px;
		padding-left:120px;
		padding-right:120px;
		box-sizing:border-box;
		/* border:1px solid red; */
	}
		
		ul.people li {
			display:inline-block;
			width:30.33%;
			margin:0 1.5%;
			vertical-align:top;
			margin-top:60px;
			overflow:hidden;
			/* max-width:310px; */
		}
		
			ul.people li img {
				width:100%;
				margin-bottom:15px;
				filter: grayscale(100%);
				transition-duration:0.4s;
			}
			
			ul.people li:hover img {
				filter: grayscale(0%);
			}
			
			
			section.about ul.one-thirds p.name,
			p.name,
			ul.people li p.name {
				font-size: 22px;
				font-weight: 400;
				line-height: 29px;
				line-height: 32px;
				letter-spacing: 0.35px;
				margin:5px 0;
				color:#000;
			}
			
			ul.people li p.role {
				color: #848484;
				font-size: 14px;
				font-weight: 400;
				letter-spacing: 0.35px;
				line-height: 18px;
				margin:5px 0;
				width:90%;
				min-height:35px;
			}
			
			a.mail {
				color: #000;
				font-size: 14px;
				font-weight: 400;
				letter-spacing: 0.35px;
				line-height: 18px;
				display:table;
				padding-bottom:3px;
				border-bottom:1px solid #0FED5E;
				margin-top:7px;
				transition-duration: 0.3s;
			}
			
			a.mail:hover {
				border-bottom:1px solid transparent;	
			}


@media screen and (max-width: 1024px) {
	ul.people {
		padding-left:0px;
		padding-right:0px;
	}
}



/* PEOPLE -- */
/* --------------------------------------- */
/* --------------------------------------- */
/* ABOUT ++ */

section.about { 
	padding:140px 0;
}

section.about.flat {
	padding-top:0px;
	/* padding:0px 0; */
}	

section.about.grey { background-color:#F6F6F6; }

section.about.black { background-color:#000; }
section.about.black { background-color:#080808; }

section.about.dark-grey { background-color:#B7B7B7; }
.home section.about.dark-grey { background-color:#080808; }

	section div.inner { 
		margin-left:120px; 
		margin-right:120px; 
	}
	
		p.title {
			font-size: 22px;
			font-weight: 600;
			letter-spacing: 0.34px;
			line-height: 28px;
			margin-left:0;
			padding-bottom:60px;
		}
	
		section.about p.title { color:#087EF4; }
		
		section.dark-grey p.title { color:#FFF; }
		
		.home section.dark-grey p.title { color:#087EF4; }
		
		p.intro-text {
			color: #FFFFFF;
			font-size: 38px;
			font-weight: 400;
			letter-spacing: 0.58px;
			line-height: 56px;
		}
		
		.about p.intro-text {
				color:#000;
		}
		
		.about ul {
			list-style:none;
		}
		
		.about div.intro p,
		.about p.intro {
			color: #000;
			font-size: 38px;
			font-weight: 400;
			letter-spacing: 0.58px;
			line-height: 56px;
		}
		
		.home section.intro div.intro p {
			color: #FFF;
		}
		
		.home .dark-grey div.intro p {
			color:#9B9B9B;
		}
		
		.home section.dark-grey p.intro { color:#9B9B9B; }
	
		.about.black p.intro { color:#9B9B9B;}
		
		 div.intro a {
		 	color:#087EF4;
			 
		 }
		
		

			section.about  ul.one-thirds ol {
				list-style:none;
				float:left;
				margin-top:-3px;
				width:100%;
				margin-left:20px;
				
			}

				section.about ul.one-thirds ol  li {
					margin:5px 0;
					width: 100% !important;
					padding:0;
					counter-increment: my-awesome-counter;
					padding-left:10px;
				}
				
				section.about ul.one-thirds  ol li::before {
					  content: "0" counter(my-awesome-counter);
					  font-weight: normal;
					  font-size: 12px;
					  /* margin-right: 0.5rem; */
					  margin-left:-2rem;
					  margin-right:0.5rem;
					  /* font-family: 'Abril Fatface', serif; */
					  line-height: 1;
					  font-weight: 600;
						letter-spacing: 3.99px;
						color: #087EF4;
						opacity:0.5;
					}
				
				section.about ul.one-thirds ol li:first-child {
					margin-top:3px;
				}
				
				section.about ul.one-thirds ol  li a {
					font-size: 12px;
					font-weight: 600;
					letter-spacing: 3.99px;
					color:#087EF4;
					transition-duration: 0.5s;
				}
				
				section.about ul.one-thirds ol  li a:hover {
						color:#000;
				}
				
				section.about ul.one-thirds ol  li a span.number {
						opacity:0.5;
				}
	
	
section.about ul.one-thirds {
	list-style: none;
    width: 100%;
    padding-right: 0px;
	margin-left: -1.5%;
    margin-right: -1.5%;
	list-style:none;
}	

section.about ul.one-thirds p {
	color: #848484;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.35px;
    line-height: 22px;
}

	section.about ul.one-thirds li {
		width: 30.33%;
		margin-left: 1.5%;
		margin-right: 1.5%;
		display: inline-block;
		vertical-align: top;
		 list-style: none;
		 background:none;
		box-sizing: border-box;
		padding:0;
		
	}	
	
	section.about ul.one-thirds li.two-thirds {
		display:inline-block;
		width:63.66%;
		margin-left:1.5%;
		margin-right:1.5%;
		vertical-align:top;
		font-weight:normal;
		padding-top:35px;
		padding-top:0px;
	}
	
	
/* intro block ++ */

section.intro div.inner {
		/* max-width:760px; */
		padding-top:200px;
		padding-bottom:60px;
}


section.intro div.inner ul {
		max-width:860px;
	/* max-width:760px; */
}

/* intro block -- */
/* default list ++ */
	
section.about ul {
	list-style:none;
	 width:50%;
	 display:inline-block;
	 padding-right:20px;
	 box-sizing:border-box;
	 vertical-align:top;
}

	section.about ul li{
		margin:10px 0;
		color: #848484;
		font-size: 14px;
		/* font-weight: 600; */
		letter-spacing: 0.35px;
		line-height: 24px;
		padding-left:65px;
		background:url('/assets/svg/icon-line.svg') no-repeat left 10px;
		margin:20px 0;
	}
	
div.inner.description>ul {
		margin:30px 0;
		list-style:none;
		color: #848484;
		font-size: 14px;
		font-weight: 400;
		letter-spacing: 0.35px;
		line-height: 22px;
}


	div.inner.description>ul li {
		padding-left:65px;
		background:url('/assets/svg/icon-line.svg') no-repeat left 11px;
		margin:20px 0;
	}

	div.inner.description a {
		color: #000;
		font-weight: bold;
		text-decoration:none !important;
	}
	
/* default list -- */
/* service list ++ */

ul.service-list {
	list-style:none;
	color:#fff;
	margin:30px 0 30px 0;
}

section.about.intro ul,
section.about ul.service-list {
	color:#087EF4;
	 margin: 30px 0 30px 0;
	 width:100%;
	
}


	
	section.about.intro ul li,
	ul.service-list li {
		display:inline-block;
		background:none;
		margin:0 15px 0 0px;
		padding:0;
		color:#087EF4;
		font-size:12px;
	}
	
	.home section.about.intro ul li {
	color:#fff;
}
	
		section.about.intro ul li a,
		ul.service-list li a {
			font-size: 12px;
			font-weight: 600;
			letter-spacing: 3.99px;
			letter-spacing: 3.99px;
			line-height: 29px;
			text-transform:uppercase;
			color:#087EF4;
		}
		
		section.about.intro ul li a:hover,
		ul.service-list li a:hover {
			color:#000;
		}
		
		.home section.about.intro ul li a {
			transition-duration:0.3s;
			color:#FFF;	
		}
		
		.home section.about.intro ul li a:hover {
			color:#0FED5E;	
		}
		
		
	
		ul.service-list li a:hover {
			color:#000;
		}
		
		.home ul.service-list li a {
			color:#fff;
		}
		
		.home ul.service-list li a:hover {
			color:#0FED5E;
		}
	
		span.slash {
			margin:0 10px;
			font-size: 11px;
		}

/* service list -- */
/* mission ++ */

.about .mission {
	background-color:#B7B7B7;
	color:#000;
}

	.mission p.title {
		color: #087EF4;	
	}
	
	.about .mission p.title {
		color:#FFF;
	}

	.mission p {
		color: #9B9B9B;
		font-size: 38px;
		font-weight: 400;
		letter-spacing: 0.58px;
		line-height: 56px;
	}

	.about .mission p {
		color: #000;
	}

/* mission -- */
/* ABOUT -- */
/* --------------------------------------- */
/* --------------------------------------- */
/* FOOTER ++ */

footer {
	background-color:#000;
	padding:100px 0 180px 0;
}

	footer .inline {
		display:inline-block;
		vertical-align:top;
		width:25%;
	}
	
	footer .inline.first,
	footer .inline.last {
		color: #848484;
		font-size: 11px;
		font-weight: 400;
		letter-spacing: 0.28px;
		line-height: 18px;
	}
	
	footer .inline a.developer {
		color:#848484;
		padding-bottom:2px;
		border-bottom:1px solid #848484;
		transition-duration:0.3s;
	}
	
	footer .inline a.developer:hover {
		color:#fff;
		border-bottom:1px solid #fff;
	}
	
	footer .inline p {
		/* border:1px solid red; */
		margin-bottom:3px;
	}
	
	footer .inline.last {
		display:none;
	}
	
		footer a.logo {
			margin-bottom:25px;
			display:block;
		}
	
	footer .inline.menu { width:35%; }
			
			.menu-footer { margin-left:130px; }
			
				.menu-footer li { margin:13px 0; }
				
				.menu-footer li:first-child  { margin-top:2px; }
				
	footer .inline.contacts { width:25%; }			
	
		p.address {
			color: #848484;
			font-size: 18px;
			font-weight: 400;
			letter-spacing:0.6px;
			line-height: 28px;
		}
	
		
		a.mailto {
			font-size: 18px;
			font-weight: 200;
			letter-spacing: 0.28px;
			line-height: 25px;
			display:table;
			margin-top:20px;
			color:#fff;
			border-bottom:1px solid #0FED5E;
			padding-bottom:4px;
		}
		
		a.mailto:hover {
			border-bottom:1px solid transparent;	
		}
					
	
	footer .inline.socials {
		text-align:right;
		width:15%;
	}
	
		footer .inline.socials a.social {
			margin-left:15px;
			transition-duration: 0.5s;
		}
		
		a.social {
			/* width:20px; */
			/* height:20px; */
			display:inline-block;
			background-repeat:no-repeat;
			background-position:center center;
			color:#fff;
			font-size:15px;
			padding-top:0px;
		}
	
		a.social.twitter { background-image:url('/assets/svg/icon-tw.svg'); }
		a.social.twitter:hover { background-image:url('/assets/svg/icon-tw-green.svg'); }
		
		a.social.facebook { 
		
			/* background-image:url('/assets/svg/icon-fb.svg');  */
			 background-image:url('/assets/svg/icon-fb-black.svg');
			background-position:left 6px; 
			padding-left:20px;
		}
		
		header.sticky a.social.facebook,
		footer a.social.facebook {
			 background-image:url('/assets/svg/icon-fb.svg');	
		}
		
		.reverse a.social.facebook {
			
			background-image:url('/assets/svg/icon-fb.svg'); 
		}
	
		
		a.social.facebook:hover { background-image:url('/assets/svg/icon-fb-green.svg'); color:#0FED5E;}
		
	a.policy {
		color:#B7B7B7;
		transition-duration: 0.2s;
	}
	
	a.policy:hover {
			opacity:0.6;
	}
	
	
	
/* map ++ */

a.map {
	font-size: 18px;
	font-weight: 300;
	letter-spacing: 0.28px;
	line-height: 25px;
	color:#fff;
	background:url('/assets/svg/icon-map.svg') no-repeat 0 3px ;
	padding-left:22px;
	display:block;
	margin-top:20px;
}

a.map:hover {
	color:#0FED5E;
	background:url('/assets/svg/icon-map-green.svg') no-repeat 0 3px ;
}
		

section.map {
	height:460px;
	width:100%;
	padding:0;
	display:none;
}	

	#map {
		height:100%;
		width:100%;
		display:table;
	}

/* map -- */
/* subscribe ++ */

.subscribe {
	border-bottom:1px solid #3a393c;
	text-align:center;
	margin-bottom:80px;
	padding:0 30px 80px 30px;
	box-sizing:border-box;
	display:none;
}

body.en .subscribe,
body.ru .subscribe {
		display:block;
}

	.subscribe p.title {
		margin-bottom:50px;
		color:#fff;
		font-size:18px;
		padding:0;
		font-weight:normal;
	}
	
		.subscribe input[type=text] {
			border:1px solid #5c5c5c;
			border-radius	:5px;
			color:#fff;
			background-color:#000;
			padding:16px;
			outline:none;
			width:220px;
			font-size:14px;
			/* border:1px solid red; */
			display:inline-block;
			vertical-align:middle;
		}
		
		footer .select-container-parent {
			display:inline-block;
			vertical-align:middle;
			max-width:260px;
			width:100%;
			vertical-align:top;
			margin:0;
			padding:0;
			margin-top:-1px;
			margin-left:20px;
			margin-right:20px;
			border:0 none;
		}
		
			footer .select-container {	
				height:50px;
				margin:0;
				background-position: right 15px top 23px;
			}
		
				footer .choosed-val {
					border:1px solid #5c5c5c;
					border-radius	:5px;
					line-height:50px;
					height:50px;
					padding:0;
					font-size: 13px;
					text-align:left;
					padding-left:20px;
				}
			
				footer .select-container ul {
					top:50px;
					background-color:#000;
					border-bottom-right-radius	:5px;
					border-bottom-left-radius:5px;
					margin:0;
				}
				
					footer .select-container ul li {
						text-align:left;
						padding-left:20px;
						padding-right:20px;
						margin:10px 0;
						
					}
					
					label.container.checked {
						color:#fff;
					}
					
					label.container {
						display: inline-block;
						position: relative;
						cursor: pointer;
						-webkit-user-select: none;
						-moz-user-select: none;
						-ms-user-select: none;
						user-select: none;
						padding-left:40px;
						color: #848484;
						text-align:left;
						font-size:13px;
					}
										
					.container input {
						position: absolute;
						opacity: 0;
						cursor: pointer;
						height: 0;
						width: 0;
						top:0;
						left:0;
					}
					
					.checkmark {
						position: absolute;
						top: -4px;
						left: 0;
						height: 28px;
						width: 28px;
						border:1px solid #848484;
						border-radius:3px;
						
					}
					
					div.select-container ul.checkboxes {
						padding:10px 0;
					}
					
					div.select-container label.container {
						padding-left:35px;
					}
					
					div.select-container .checkmark {
						width:19px;
						height:19px;
						top:0;
						/* background-color:#fff; */
					}
					
					div.select-container  input:checked ~ .checkmark {
						background-size:cover;
						background-position:left 0 top 0px;
					}
						
					.container input:checked ~ .checkmark {
					  background-image:url('/assets/img/icon-checked.svg');
					  background-repeat:no-repeat;
					  background-position:left -1px top 0px;
					  border:1px solid #fff;
					}
					
					
					
			
		.subscribe input[type=button] {
			border:1px solid #087ef4;
			border-radius	:5px;
			color:#fff;
			background-color:#000;
			padding:15px;
			outline:none;
			margin-left:-1px;
			text-transform:uppercase;
			letter-spacing:1.5px;
			font-size:12px;
			cursor:pointer;
			height:50px;
			background-color:#087ef4;
			padding:0 45px;
			display:inline-block;
			vertical-align:middle;
		}
		
		.newsletter-status p {
			margin-top:40px;
			font-size:12px !important;
		}
		
		.newsletter-status.ok,
		.newsletter-status.nok  {
			display:none;	
		}
		
		p.red {
			color:red !important;
		}
		
		p.green {
			color:green !important;
		}
		
.subscribe.incontent {
	border-bottom:0 none;
	margin-bottom:20px;
	padding-bottom:20px;
	display:none;
}

body.en .subscribe.incontent,
body.ru .subscribe.incontent {
		display:block;
}
	
	.subscribe.incontent p.title {
		margin-bottom:50px;
		color:#000;
		font-size:18px;
		font-weight:normal;
	}
	
	.subscribe.incontent input[type=text] {
		border:1px solid #DBDBDB;
		border-top-left-radius	:5px;
		border-bottom-left-radius:5px;
		color:#000;
		background-color:#fff;
		padding:15px;
		outline:none;
		width:225px;
		font-size:14px;
	}
	
@media screen and (max-width: 860px) {
	.subscribe input[type=text],
	.subscribe.incontent input[type=text] {
			border-radius:5px;
			margin:10px 5px;
	}
	
	.subscribe input[type=button] {	
			border-radius:5px;
			margin:10px 5px;
			width:255px;
	}
	
	

}
	
	
/* subscribe -- */
/* FOOTER -- */

.highlight {
	color:#0FED5E;
}

.about .highlight {
	color:#087EF4;
}

.home .about .highlight {
		color:#0FED5E;
	}
		

.about.dark-grey .highlight {
	color:#FFF;
}

@media screen and (max-width: 1024px) {
	ul.people li {
		/* width:31.33%; */
	}
	
	section div.inner { 
		margin-left:0px; 
		margin-right:0px;
	}
	
	section.intro div.inner { 
		padding-top:180px;
		padding-bottom:0;
	}
	
}

@media screen and (min-width: 860px) {
	.slideshow-projects {
		height: 100%;
		/* min-height:100%; */
	}
}

@media screen and (max-width: 860px) {
	
	div.table div.width-wrapper div.inner {
		width:85%;
	}
	
	div.td.top {
		padding-top:60px;
	}
		
	section.project.list div.width-wrapper {
		padding-top: 60px;
	}
	
	section.project .top div.width-wrapper div.inner { padding-top:80px; }
	
	section.project div.width-wrapper.narrow {
		padding-top:30px;
	}
	
	.slideshow-projects {	
		display:block;
	}

	section.full-height {
		height:auto;
	}
	
	.slideshow-projects .controls-container {
		right:30px;
		width:20px;
		box-sizing:border-box;
	}
	
	.slideshow-projects ul.slideshow-controls li a {
		width: 20px;
		height: 20px;
		display: block;
		margin: 30px 0;
	}

	
	section.about ul {
		width:100%;
	}
	
	section.about ul.one-thirds,
	ul.one-thirds {
		margin-left: 0%;
		margin-right: 0%;
	}	

	section.about ul.one-thirds li,
	ul.one-thirds li {
		width: 100%;
		margin-left: 0%;
		margin-right: 0%;
		margin:10px 0;
	}
	
	section.about ul.one-thirds li.two-thirds,
	ul.one-thirds li.two-thirds {
		width: 100%;
		margin-left: 0%;
		margin-right: 0%;
		margin:0px 0;
	}
	
	h1 {
		font-size: 22px;
		font-weight: 600;
		letter-spacing: 0.34px;
		line-height: 38px;
		margin-bottom:30px;
	}
	
	.width-wrapper {
		padding:0 30px;
	}
	
	section.about {
		padding:60px 0;
	}
	
	section p.title {
		margin-bottom:0px;
	}
	
	.about div.intro p, .about p.intro {
		font-size: 24px;
		font-weight: 400;
		letter-spacing: 0.35px;
		line-height: 36px;
	}
	
	.about p.intro {
		font-size: 23px;
		font-weight: 400;
		letter-spacing: 0.35px;
		line-height: 32px;
	}
	
	p.intro-text {
		font-size: 23px;
		font-weight: 400;
		letter-spacing: 0.35px;
		line-height: 32px;
	}
	
	p.intro-text {
		margin:0;
	}
	
	ul.list {
		 width:100%;
		 display:inline-block;
		 padding-right:0px;
	}
	
	footer {
		padding:60px 0 60px 0;
	}
	
		footer div.inline {
			width:100%;
			display:block;
			margin-bottom:30px;
		}
	
		footer div.inline.first {
				display:none;
		}
		
		footer div.inline.last {
				display:block;
				margin-top:60px;
		}
		
		footer .inline.menu {
			width:100%;
			margin-bottom:60px;
		}
		
		.menu-footer { margin-left:0; }
		
		footer .inline.contacts {
			width: 100%;
		}
	
		footer .inline.socials {
			text-align: left;
			width: 100%;
			margin-bottom:0;
		}
		
			footer .inline.socials a.social {
				margin-left: 0px;
				margin-right: 0px;
			}	
			
	ul.people li {
		width:47%;
	}
	
	ul.projects-list {
		list-style:none;
		margin-left:-1%;
		margin-right:-1%;
	}

		ul.projects-list li {
			width:48%;	
			margin-bottom:30px;
		}
		
	.projects-filter {
		margin-bottom:30px;
	}

		.projects-filter .one-third {
			width:48%;
			margin-bottom:10px;
		}
		
	p.project-title {
		font-size: 21px;
		font-weight: 400;
		letter-spacing: 0.35px;
		line-height: 32px;
	}
	
	p.project-description {
		margin-top:0px;
	}

}

@media screen and (max-width: 520px) {
	
	.slideshow-projects .controls-container {
			right:20px;		
	}
	
	.menu-mobile-container {
		padding:25px 20px;
	}
	
	.width-wrapper {
		padding:0 20px;
	}
	
	ul.people li {
		width:97%;
	}
	
	ul.projects-list li {
		width:98%;	
		margin-bottom:30px;
	}
	
	.projects-filter .one-third {
		width:98%;
	}
		
	.wwd-section {
		margin-left: 0px;
		width:100%;
		margin:10px 0;
	}
	
	.one-third {
		width: 100%;
		margin:15px 0;
	}
	
	.two-thirds {
		width: 100%;
		margin:0px 0;
	}
	
	p.intro-text {
		font-size: 21px;
		font-weight: 400;
		letter-spacing: 0.35px;
		line-height: 32px;
	}
	
	ul.service-list li a {
			line-height:25px;
	}
	
	a.download img { display:block !important; }
	a.download span { display:none	; }

}

div.path {
	color:grey;
	font-size:13px;
	margin-bottom:40px;
/* max-width: 810px; */
    /* padding:0 60px; */
	margin:0 auto;
	max-width:820px;
	padding:0 30px;
}
	
	div.path a {
		color:grey;
		line-height:20px;
		text-decoration:none;
	}
	
	div.path a.active {
		color:#000;
	}
	
	.show-branding #branding {
			display:none !important;
	}
	
.uppercase {
	text-transform:uppercase;
}


.menu-sub-container {
	margin-top:-20px;
	margin-bottom:20px;
	/* margin-bottom:80px; */
	max-width:820px;
	/* border-top:1px solid #DBDBDB; */
}


ul.menu-sub {
	
}

	ul.menu-sub li {
		display: inline-block;
		background: none;
		margin: 0 15px 0px 0px;
		padding: 0;
		color: #087EF4;
		font-size: 12px;
	}
	
		ul.menu-sub li a {
			color: #087EF4;
			margin: 30px 0 30px 0;
			transition-duration:0.3s;
			font-size: 12px;
			font-weight: 600;
			letter-spacing: 3.99px;
			letter-spacing: 3.99px;
			line-height: 29px;
			text-transform: uppercase;
			color: #087EF4;
		}
		
			ul.menu-sub li a.active,
			ul.menu-sub li a:hover{
				font-weight:bold;
				color:#000;
			}
			
			ul.menu-sub li:last-child span {
				display:none;
			}