@charset "utf-8";
/* CSS Document */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

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

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

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

input, select {
    vertical-align:middle;
	outline:none;
}

textarea {
	outline:none;
	resize:none;	
}

.clear {clear:both;}
img {max-width:100%;height:auto;}

input,
textarea,
button,
select,
a {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}


* {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; 
    -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; 
    outline: none !important;
} 


textarea,
input[type="text"],
input[type="password"],
input[type="button"],
input[type="submit"] {
	 -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; 
    -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; 
    outline: none !important;
     -webkit-appearance: none;
     border-radius: 0;
}

.table {
	display:table;
}

.row {
	display:table-row;
}

.cell {
	display:table-cell;
}

a.download {
	border:1px solid #4B0746;
	padding:16px 25px 14px 50px !important;
	margin:20px 0;
	display:table;
	text-decoration:none;
	background-image:url('/assets/img/svg/icon-download.svg');
	background-position:left 20px center;
	background-repeat:no-repeat;
	background-size:15px;
	transition-duration:0.3s;
	color:#4B0746;
	font-size:14px;
}

a.download:hover {
	opacity:0.8;
}

/* FONTS ++ */

@font-face {
  font-family: "SpaceGrotesk-Regular";
  src: url("/assets/vendor/fonts/SpaceGrotesk-Regular.ttf") format("truetype"); 
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "SpaceGrotesk-Light";
  src: url("/assets/vendor/fonts/SpaceGrotesk-Light.ttf") format("truetype"); 
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "SpaceGrotesk-Bold";
  src: url("/assets/vendor/fonts/SpaceGrotesk-Bold.ttf") format("truetype"); 
  font-weight: normal;
  font-style: normal;
}

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

body {
	font-family: "SpaceGrotesk-Light";
	font-family: "SpaceGrotesk-Regular";
}

.global-wrapper {
	border:1px solid rgba(0, 0, 0, 0.1);
	margin:30px;
	position:relative;
	box-sizing:border-box;
	
}

@media screen and (max-width:620px) {
	.global-wrapper {
		border:0 none;
		margin:0px;
		
	}	
}

h1 {
	font-size: 70px;
    line-height: 70px;
	
	font-size:3.3vw;
	line-height:3.8vw;
	
    font-weight: 400;
	color:#fff;
}

h2 {
	font-size:43px;
	line-height:44px;
	font-weight:400;
}

h3 {
	font-size:26px;
	line-height:36px;
	font-weight:400;
	margin-top:30px;
}


@media screen and (max-width:1200px) {
	
	h1 {
		font-size:40px;
		line-height: 50px;
		font-size:30px;
		line-height: 34px;
	}
	
	h2 {
		font-size:30px;
		line-height:34px;
	}
		
}

	a.all-vacancies {
		text-decoration: none;
		color:#000 !important;
		font-size: 14px;
		line-height: 14px;
		border: 1px solid rgba(0, 165, 175, 0.3);
		box-sizing: border-box;
		border-radius: 27px;
		padding: 12px 25px 10px 25px;
		display: table;
		letter-spacing: 0.2pt;
		transition-duration: 0.3s;
	}
	
	a.all-vacancies:hover {
		border:1px solid #00A5AF;
	}

/* OVERAL LAYOUT -- */
/* COOKIES LAYER ++ */

div.cookies {
	width:100%;
	top:0;
	height:100%;
	background-color:rgba(255,255,255,0.8);
	z-index:22000;
}

	div.cookies div.table {
		width:100%;
		height:100vh;
		display:table;
		box-sizing:border-box;
	}
		
		div.cookies div.table-row {
			display:table-row;
		}
		
			div.cookies div.table-cell {
				display:table-cell;
				vertical-align:middle;
			}
			
				div.cookies div.table-cell div.inner {
					max-width:800px;
					background: #260423;
					margin:0 auto;
					padding:30px;
				}
				
/* coockies block ++ */				
	
	div.cookies {
		width:100%;
		position:absolute;
		box-sizing:border-box;
	}	
	
	div.cookies.large a.accept {
		display:block;
		font-size:16px;
		line-height:16px;
		padding:14px 30px 12px 30px!important;
		margin-top:20px !important;
		background: rgba(0, 165, 175, 0.7);
		border:0 none;
	}
	
	div.cookies.large a.accept:hover {
		background: rgba(0, 165, 175, 0.5);
	}
	
		div.cookies label,
		div.cookies a,
		div.cookies p {
			font-size:14px;
			line-height:19px;
			font-family:"SpaceGrotesk-Light";
			display:inline-block !important;
			width:auto !important;
			margin:5px 15px 0 0!important;
			padding:0!important;
			color:#fff;
			white-space:normal;
			vertical-align:top;
		}
		
		div.cookies a {
			border-bottom:1px solid #fff;
			padding-bottom:2px;
			padding-top:10px;
			transition-duration:0.3s;
			color:#fff;
			text-decoration:none;
		}
		
		div.cookies a:hover {
			border-bottom:1px solid transparent;;
		}
		
		div.cookies p.title {
			font-size:30px;
			line-height:40px;
		}
		
			div.cookies div.checkbox {
				margin-top:10px;
				white-space:nowrap;
				cursor:pointer;
			}
			
			div.cookies input[type=checkbox] {
				-webkit-appearance: none;
				border: 1px solid #828282;
				width:23px;
				height:23px;
				display: inline-block;
				position: relative;
				margin-top:2px;
				margin-right:10px;
				vertical-align:top;
			}
			
			div.cookies input[type=checkbox]:checked:after {
				content: '\2714';
				font-size: 14px;
				position: absolute;
				top: 0px;
				left: 5px;
				color: #99a1a7;
			}
	
			div.cookies a.close  {
				width:20px !important;
				height:20px !important;
				position:absolute !important;
				margin:0 !important;
				padding:0 !important;
				top:34px !important;
				right:30px !important;
				border-bottom:0 none;
			}
			
				div.cookies a.close>span {
					background-color: #fff;
					height:1px;
					width:100%;
					position:absolute;
				}
				
				 div.cookies a.close  span.bottom {
					transform: translateY(8px) rotate(-135deg);
				}	
				
				div.cookies a.close  span.top {
					transform: translateY(8px) rotate(135deg);
				}	
				
				
@media screen and (max-width:620px) {
	section.header div.cookies {
		position:relative;
		width:100%;
	}
}
				
/* coockies block -- */				
/* COOKIES LAYER -- */
/* HEADER ++ */

header div.table {
	width:100%;
}

	header div.table div.cell.left {
		width:75%;
		border-right:1px solid rgba(0, 0, 0, 0.1);
		border-bottom:1px solid transparent;
		border-left:1px solid transparent;
	}
	
	body.cookies header>div.table,
	body.privacy header>div.table {
		border-bottom:1px solid rgba(0, 0, 0, 0.1);
	}
	

	header div.table div.cell.right {
		vertical-align:middle;
		width:25%;
		position:relative;
	}
	
	header div.table .opened div.cell.left {
		border-right:1px solid rgba(255,255, 255, 0.2);
		border-bottom:1px solid rgba(255,255, 255, 0.2);
		border-left:1px solid rgba(255,255, 255, 0.2);
	}
	
	header div.table .opened div.cell.right {
		border-right:1px solid rgba(255,255, 255, 0.2);
		border-bottom:1px solid rgba(255,255, 255, 0.2);	
	}
	
		header a.logo {
			padding:30px 0;
			display:table;
			margin-left:115px;
		}
		
		header div.table div.table.menu {
			height:100%;
			top:0;
			bottom:0;
			position:absolute;
			z-index:300;
		}
			
			header div.table div.table div.cell.left,
			header div.table div.table div.cell.right {
				width:50%;
				vertical-align:middle;
				text-align:center;
				padding:0;
				position:relative;
			}
			
			header div.table div.cell.menu {
				display:none;
				position:absolute;
				right:0;
				top:0;
				width:50%;
				min-height:auto;
				z-index:100;
				background-color:#4b0746;
				padding-bottom:30px;
				box-sizing:border-box;
			}
			
					header div.table div.cell.menu div.inner {
						margin-left:115px;
						margin-top:200px;
					}
					
						header div.table div.cell.menu div.inner a { 
							color:rgba(255,255,255,0.5);
							display:inline-block;
							margin:10px 0;
							text-decoration:none;
							transition-duration:0.3s;
						}
						
						header div.table div.cell.menu div.inner a:hover {
							color:#fff;
						}
						
						ul.menu-main {
							list-style:none;
							margin-bottom:100px;
						}
					
						ul.menu-main li a{
							font-family:"SpaceGrotesk-Regular";
							color:#fff !important;
							font-size:36px;
							padding:15px 0;
							margin:0 !important;
							text-decoration:none;
						}
			
			
				header a.lang-menu {
					color:#000;
					text-decoration:none;
					transition-duration:0.3s;
					text-transform:uppercase;
					font-size:13px;
					font-family:"SpaceGrotesk-Light";
					letter-spacing:0.2pt;
					width:100%;
					height:100%;
					top:0;
					line-height:100%;
					display:table;
				}
				
					header a.lang-menu div {
						display:table-row;
					}
					
						header a.lang-menu div p  {
							display:table-cell;
							vertical-align:middle;
							height:100%;
						}
						
							header a.lang-menu div p span {
							}
				
				header .opened a.lang-menu {
					color:#fff;
				}
				
				header a.lang-menu:hover {
					opacity:0.7;
				}
				
				a.toggle-menu {
					outline: none;
					width: 18px;
					width:  100%;
					height:  100%;
					display: inline-table;
					vertical-align: middle;
					z-index:200;
					text-align:center;
				}
				
					a.toggle-menu div.cell {
						vertical-align:middle;
					}
				
					a.toggle-menu div.nav-icon {
						width: 18px;
						margin:0 auto;
						margin-top:-4px;
					}
					
					.nav-icon span.line_top, .nav-icon span.line_middle, .nav-icon span.line_bottom {
						display: block;
						height: 1px;
						background-color: #000;
						transition: all .2s ease-in-out;
						-moz-transition: all .2s ease-in-out;
						-webkit-transition: all .2s ease-in-out;
					}
					
					.opened .nav-icon span.line_top,  .opened .nav-icon span.line_middle, .opened .nav-icon span.line_bottom {
						background-color: #fff;
					}
					
					.nav-icon span.line_middle, .nav-icon span.line_bottom {
						margin-top: 4px;
					}
					
					.opened .nav-icon span.line_top {
						transform: translateY(5px) rotate(135deg);
					}
					
					.opened .nav-icon span.line_middle {
						-webkit-transform: scale(0);
						transform: scale(0);
					}
					
					.opened .nav-icon span.line_bottom {
						transform: translateY(-5px) rotate(-135deg);
					}
					
					
@media screen and (max-width:1200px) {
	header a.logo {
		margin-left:30px;
	}
	
	header div.table div.cell.menu {
		width:66.66%;
	}
	
	header div.table div.cell.menu div.inner {
		margin-left: 30px;
		margin-top: 120px;
	}
	
	ul.menu-main li a {
		font-size:26px;
		padding: 10px 0;
	}
	
}


@media screen and (max-width:620px) {		
		
		header div.table div.cell.left {
			width:70%;
		}
		
		header div.table div.cell.right {
			width:30%;
		}
		
		header a.logo {
			padding:20px 0 15px 0;
			max-width:100px;
		}
		
		header div.table div.table div.cell.left {
			/* display:none; */
		}
		
		header div.table div.cell.menu {
			width:100%;
		}

}
	
/* HEADER -- */
/* section header ++ */

	section.header {
		width:100%;
	}
	
	section.header {
		position:relative;
	}
	
	section.header div.table {
		width:100%;
		height:100%;
		top:0;
		bottom:0;
		display:block;
		text-align:center;
		background-size:cover;
		background-repeat:no-repeat;
		background-position:center;
		padding:240px 0;
		position:relative;
	}
	
	body.about section.header div.table { 
		padding:0;
		display:table;
	}
	
		section.header div.table div.content {
			display:table;
			vertical-align:middle;
			height:100%;
			width:100%;
		}

			section.header div.table div.cell {
				width:100%;
				vertical-align:middle;
				text-align:center;
				box-sizing:border-box;
				position:relative;
			}
			
		section.header.detailed div.table div.cell {
			text-align:left;	
		}
		
		section.header h1 {
			max-width:900px;
			margin-top:40px;
		}
		
		section.header.simple {
		
			position:relative;
		}
		
			section.header.simple div.image {
				position:absolute;
				width:100%;
				height:100%;
				left:0;
				top:0;
				background-position:center;
				background-size:cover;
				filter: grayscale(100%);
			}
			
			section.header.simple div.layer {
				position:absolute;
				width:100%;
				height:100%;
				left:0;
				top:0;
				background: rgba(75, 7, 70, 0.5);
			}
		
		section.header.simple h1 {
			margin:0 auto;	
		}
		
		section.header p {
			color:#fff;
			font-size:21px;
			line-height:30px;
			margin-top:40px;
			letter-spacing:0.5pt;
		}
		
		section.header p.light {
			font-family:"SpaceGrotesk-Light";
			max-width:800px;
			display:table;
			margin:0 auto;
			margin-top:30px;
		}
		
		section.vacancies  div.table.vacancies {
			z-index:100;
			width:100%;
			padding:0 115px;
			box-sizing:border-box;
			margin:120px 0;
			color:#7f7f7f;
			font-size:14px;
		}
		
		section.header div.info {
			width:100%;
			bottom:0;
			top:auto;
			display:table;
			height:auto;
			margin-top:-60px;
			z-index:2000;
		}
		
			section.header div.info div.cell {
				width:25%;
				box-sizing:border-box;
				border-top:1px solid rgba(255, 255, 255, 0.1);
				border-left:1px solid rgba(255, 255, 255, 0.1);
				position:relative;
				vertical-align:middle;				
			}
			
			section.header div.info div.inline:last-child {
				padding:0;
			}
			
				section.header div.info p {
					font-size:14px;
					line-height:20px;
					margin:0;
					position:relative;
					color:#fff;
					display:table;
					margin:0 auto;
					padding-left:30px;
				}
				
					section.header div.info p img {
						position:absolute;
						left:0px;
						top:-2px;
						width:auto;
					}
				
				section.header div.info  a.attend {
					background-color:#00A5AF;
					width:100%;
					height:100%;
					left:0;
					top:0;
					bottom:0;
					text-align:center;
					color:#fff;
					box-sizing:border-box;
					text-decoration:none;
					display:table;
					vertical-align:middle;
					padding:25px 115px;
					transition-duration:0.3s;
				}
				
				section.header div.info  a.attend:hover {
					background: rgba(0, 165, 175, 0.7);
				}
						
@media screen and (max-width:1100px) {	
	section.vacancies div.table.vacancies {
		padding:0 30px;
		margin:60px 0;
	}
}

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

	section.header div.table {
		padding:120px 0;
	}
	
	section.header div.table div.content {
		padding:0 30px;
		box-sizing:border-box;
	}

	section.header.simple h1 {
		margin-bottom:40px;
	}
	
	section.header p.light {
		font-size:16px;
	}
	
	section.header div.table div.cell {
		padding:0px;
		box-sizing:border-box;
	}
	
	section.vacancies  div.table.vacancies {
		padding:0 30px;
	}
	
	section.header img {
		width:100%;
	}
	
	section.header div.info div.cell {
		width:50%;
		display:inline-block;
		padding:20px 30px;
	}
	
	section.header div.info div.cell.third,
	section.header div.info div.cell.fourth {
		width:100%;
	}
	
	section.header div.info div.cell.third {
		border-top: 1px solid rgba(255, 255, 255, 0.1);
	}
	
	section.header div.info div.cell.fourth {
		padding:0;
	}

}		

/* section header -- */
/* section header about  ++ */

section.header {
	position:relative;
	overflow:hidden;
}

section.header div.table div.table {
	box-sizing:border-box;
	height:100%;
	vertical-align:middle;
}	

	section.header div.table div.table {
		width:100%;
	}
	
	section.header div.table div.table div.cell {
		width:50%;
		vertical-align:middle;
	}
	
	section.header div.table div.table div.cell.second,
	section.header div.table div.table div.cell.third {
		width:25%;
		vertical-align:top;
	}
	
	section.header div.table div.table div.cell.second {
		vertical-align:bottom;
	}
	
		section.header div.table div.table.about  div.cell.first  {
			text-align:left;
			padding-left:115px;
			padding-bottom:220px;
			padding-top:220px;
		}
		
		section.header div.table div.table  a {
			width:100%;
			display:Table;
			height:50%;
			box-sizing:border-box;
			vertical-align:middle;
			color:#fff;
			text-decoration:none;
			position:relative;
			text-align:left;
			padding-left:60px;
			transition-duration:0.3s;
		}
		
		section.header div.layer-container,
		section.header div.image-container {
			position:absolute;
			left:0;
			top:0;
			width:100%;
			height:100%;
			background-size:cover;
			background-repeat:no-repeat;
			background-position:center center;
		}
		
		section.header div.image-container {
			filter: grayscale(100%);	
		}
		
	
		
		section.header div.layer-container {
			 background-color:rgba(39, 6, 37, 0.2);
		}
		
		body.blog section.header div.layer-container {
			background: rgba(75, 7, 70, 0.25);
		}
		
		section.header div.table div.table div.cell.second a {
			background-color:#4B0746;
		}
		
		section.header div.table div.table div.cell.third a {
			background-color:#00A5AF;
		}
		
		section.header div.table div.table div.cell.second a:hover { 
			background: rgba(75, 7, 70, 0.7);
		}
		
		section.header div.table div.table div.cell.third a:hover {
			background: rgba(0, 165, 175, 0.7);
		}
		
			section.header div.table div.table  h1 {
				max-width:400px;
			}
			
			section.header div.table div.table  a {
				position:relative;
			}
			
			section.header div.table div.table  a span {
				width:100%;
				left:0;
				top:0;
				display:table-cell;
				bottom:0;
				vertical-align:middle;
			}
			
				section.header div.table div.table  a span  p{
					max-width:100px;
					font-size: 40px;
					line-height: 50px;
					font-size:2vw;
					line-height: 2.5vw;
					margin:0;
				}
			
			section.header div.table div.table  a div.arrow {
				position:absolute;
				right:20px;
				bottom:20px;
				font-size:50px;
				font-family:"SpaceGrotesk-Light";
			}


		section.header div.table div.table.about div.cell.second div.inner {
			display:table;
			height:100%;
			width:100%;
			vertical-align:bottom;
		}
		
			section.header div.table div.table.about div.cell.second div.inner div.inner.cell {
				display:table-cell;
			}
			
			section.header div.table div.table.about div.cell a.mobile {
				display:none;
			}
			
			
@media screen and (max-width:820px) {	

	section.header div.table div.table  h1 {
		max-width:200px;
	}
	
	section.header div.table div.table.about div.cell a.desktop {
		display:none;
	}
		
	section.header div.table div.table.about div.cell a.mobile {
		display:table;
	}
	

	section.header div.table div.table.about {
		vertical-align:bottom;
		height:100%;
	}
	
		section.header div.table div.table.about div.cell {
			padding:0;
		}
		
			section.header div.table div.table div.cell.second a {
				margin-top:30px;
			}
	
	section.header div.table div.table.about div.cell.first {
		width:100%;
		padding:0 30px;
		padding-bottom:0;
		height:50%;
		display:block;
	}
	
	body.about section.header div.table div.table.about div.row  {
		display:table;
		width:100%;
	}
		
		section.header div.table div.table.about div.cell.first div.cell{
			text-align:left;
		}
	
	section.header div.table div.table.about div.cell.second, 
	section.header div.table div.table.about div.cell.third {
		display:block;
		width:100%;
		box-sizing:border-box;
	}
	
	section.header div.table div.table.about div.cell.second {
		padding-left:50%;
	}
	
	section.header div.table div.table.about div.cell.third {
		padding-right:50%;
	}
	
	section.header.detailed div.table div.cell {
		padding:0;
	}
	
	section.header div.table div.table a {
		padding:60px 20px;
	}
		
		section.header div.table div.table a span p {
			font-size:24px;
			line-height:30px;
		}
		
		section.header div.table div.table div.cell.second a {
			background-color: #00A5AF;
		}
		
		section.header div.table div.table div.cell.third a {
			background-color: #4B0746;
		}
		
		section.header div.table div.table div.cell.second a:hover { 
			background: rgba(0, 165, 175, 0.7);
		}
		
		section.header div.table div.table div.cell.third a:hover {
			background: rgba(75, 7, 70, 0.7);
		}
		
}


@media screen and (max-width:620px) {	
	section.header div.table div.table a {
		padding:60px 20px;
	}
	
	section.header div.table div.arrow {
		margin-top:10px;
	}
	
	section.header div.table div.table.about div.cell.first {
		padding:0 20px;
	}
	
	  header a.logo {
        margin-left:20px;
    }
	
	
	
	
}

/* section header about  -- */
/* section vacancies slideshow ++ */



section.vacancies.slideshow {
	position:relative;
	width:100%;
	height:auto;
}

section.vacancies.slideshow {
	overflow:hidden;
}

section.vacancies.slideshow ul {
	list-style:none;
	position:relative;
}

	section.vacancies.slideshow ul li {
		width:100%;
		display:table;
		position:absolute;
	}
	
	section.vacancies.slideshow ul li div.inline {
		width:50%;
		display:table-cell;
		vertical-align:top;
		position:relative;
	}
	
		section.vacancies.slideshow ul li div.inline.left {
			background: rgba(75, 7, 70, 0.15);
		}
		
			section.vacancies.slideshow ul li div.inline.left>div.table {
				display:table;
				width:100%;
				height:100%;
			}
			
			section.vacancies.slideshow ul li div.inline.left div.table.row {	
				display:table-row;
				position:relative;
			}
			
			section.vacancies.slideshow ul li div.inline.left div.table.row.top {	
				height:100%;
			}
			
				section.vacancies.slideshow ul li div.inline.left div.table.cell {
					display:table-cell;
					position:relative;
					width:50%;
				}
			
				section.vacancies.slideshow ul li div.inline.left div.inner.wrapper {
					max-width:400px;
					padding:120px 0 0px 115px;
				}
			
				section.vacancies.slideshow ul li div.inline.left span.category {
					color: rgba(75, 7, 70, 0.5);
					border: 1px solid rgba(75, 7, 70, 0.4);
					padding: 7px 20px 5px 20px;
					font-size: 14px;
					line-height:20px;
					border-radius: 20px;
					display:table;
				}
				
				section.vacancies.slideshow ul li div.inline.left div.inner.wrapper a {
					color:#4B0746;
					margin-top:30px;
					display:table;
					text-decoration:none;
				}
				
				section.vacancies.slideshow ul li div.inline.left p {
					font-size: 16px;
					line-height: 26px;
					margin-top: 20px;
					font-family: "SpaceGrotesk-Light";
				}
				
				section.vacancies.slideshow ul li div.inline.left div.inner-inline {
					display:inline-block;
					width:66.66%;
					box-sizing:border-box;
					vertical-align:middle;
					text-align:center;
				}
				
				section.vacancies.slideshow ul li div.inline.left div.inner-inline.right {
					width:33.33%;	
				}
				
				
					
					section.vacancies div.slideshow.buttons {
						 border-top:1px solid rgba(75, 7, 70, 0.2);
						 border-left:1px solid rgba(75, 7, 70, 0.2);
					}
					
					section.vacancies div.slideshow.buttons a.swipe {
						display:inline-block;
						width:50%;
						box-sizing:border-box;
						text-align:center;
						font-size:30px;
						vertical-align:middle;
						text-decoration:none;
						color:#4B0746;
						font-family:"SpaceGrotesk-Light";
						transition-duration:0.3s;
						position:relative;
					}
					
						section.vacancies div.slideshow.buttons a.swipe img {
							width:100%;
							opacity:0;
						}
						
							section.vacancies div.slideshow.buttons a.swipe span {
								position:absolute;
								top:50%;
								margin-top:-15px;
								left:0;
								width:100%;
							}
				
					section.vacancies div.slideshow.buttons a.swipe.right {
						border-left:1px solid rgba(75, 7, 70, 0.2);
					}
					
					section.vacancies div.slideshow.buttons a.swipe:hover {
						background: rgba(75, 7, 70, 0.06);	
					}
										
			
	section.vacancies.slideshow ul li div.inline.right {
		background: rgba(75, 7, 70, 0.5);
		
		
	}
	
		section.vacancies.slideshow ul li div.inline.right img.wrapper {
			width:100%;
			opacity:0;
		}
		
		section.vacancies.slideshow ul li div.inline.right div.image,
		section.vacancies.slideshow ul li div.inline.right div.layer {
			position:absolute;
			left:0;
			top:0;
			width:100%;
			height:100%;
		}
		
		section.vacancies.slideshow ul li div.inline.right div.image {
			filter: grayscale(100%);	
			background-blend-mode: multiply;
			background-size:cover;
			background-position:center center;
		}
		
		section.vacancies.slideshow ul li div.inline.right div.layer {
			background: rgba(75, 7, 70, 0.4);
		}
		
@media screen and (max-width:1200px) {	

	section.vacancies.slideshow ul li div.inline.left,
	section.vacancies.slideshow ul li  div.inline.right {
		width:100%;
		display:block;
	}
		
	section.vacancies div.slideshow.buttons {
		border-right:1px solid rgba(75, 7, 70, 0.2);
		position:relative;
	}
	
	section.vacancies.slideshow ul li div.inline.left div.inner-inline {
		display:block;
		width:100%;
		text-align:center;
	}
	
	section.vacancies.slideshow ul li div.inline.left div.inner-inline.right {
		width:100%;
		margin-top:30px;
	}
	
		section.vacancies div.slideshow.buttons {
			max-width:200px;
			margin:0 auto;
		}
		
			section.vacancies.slideshow ul li div.inline.left h2 {
				font-size:30px;
				line-height:34px;
			}
			
	section.header  a div.arrow {
		font-size:30px;
	}
	
}

@media screen and (max-width:800px) {	
	section.vacancies.slideshow ul li div.inline.left div.inner.wrapper {
		max-width:400px;
		padding:60px 30px 60px 30px;
	}
}


@media screen and (max-width:620px) {	
	section.vacancies.slideshow ul li div.inline.left div.inner.wrapper {
		padding:50px 20px 10px 20px;
	}
}



@media screen and (max-width:540px) {	
	section.vacancies div.slideshow.buttons {
		max-width:160px;
		margin:0 auto;
	}
}
			
/* section vacancies slideshow -- */
/* section vacancy open ++ */

	section.vacancy-open  h1 {
		color:#000;
		font-size:43px;
		line-height:44px;
		margin-bottom:60px;
	}
	
	section.vacancy-open  h2 {
		color:#000;
		font-size: 18px;
		line-height: 27px;
		font-family: "SpaceGrotesk-light";
	}
	
	section.vacancy-open a {
		color:#00A5AF;
		text-decoration:none;
		border-bottom:1px solid #00A5AF;
		transition-duration:0.3s;
		padding-bottom:2px;
	}	
	
	section.vacancy-open a:hover {
		border-bottom:1px solid transparent;
	}

	section.vacancy-open div.inner.wrapper {
		max-width:680px;
		padding:115px 115px 40px 115px;
	}

	body.cookies section.vacancy-open div.inner.wrapper,
	body.privacy section.vacancy-open div.inner.wrapper {
		margin:0 auto;
	}
	
		section.vacancy-open div.inner.wrapper p.title {
			font-size:25px;
			line-height:33px;
			margin-bottom:60px;
		}
		
		section.vacancy-open div.inner.wrapper p {
			line-height:22px;
			margin:15px 0;
			max-width:800px;
			font-family:"SpaceGrotesk-Light";
		}

		section.vacancy-open div.inner.wrapper ol,
		section.vacancy-open div.inner.wrapper ul {
			line-height:22px;
			margin:15px 0;
			max-width:800px;
			font-family:"SpaceGrotesk-Light";
			margin-left:20px;
		}

			section.vacancy-open div.inner.wrapper ol li,
			section.vacancy-open div.inner.wrapper ul li {
				margin:15px 0;
			}

		section.vacancy-open div.table {
			width:100%;
			margin-bottom:115px;
			margin-bottom:60px;
			padding-left:115px;
			box-sizing:border-box;
			max-width:1200px;
		}
		
			section.vacancy-open div.table div.cell {
				border-bottom:1px solid rgba(0, 0, 0, 0.2);
				padding-bottom:40px;
				vertical-align:top;
			}
			
			section.vacancy-open div.table:last-child div.cell {
				bordeR:0 none;
			}
			
			section.vacancy-open div.table div.cell.left {
				width:33.33%;
				box-sizing:border-box;
			}
			
			section.vacancy-open div.table div.cell.wide  {
				width:100%;
			}
			
				section.vacancy-open div.table div.cell.left  p {
					font-size:43px;
					line-height:44px;
					color:#4B0746;
				}

				section.vacancy-open div.table div.cell.right p,
				section.vacancy-open div.table div.cell.right a {
					font-size:16px;
					line-height:26px;
					font-family:"SpaceGrotesk-Light";
					margin:10px 0;
				}
				
				section.vacancy-open div.table div.cell.right a {
					color:#000;
					text-decoration:none;
					border-bottom:1px solid #000;
					transition-duration:0.3s;
				}
				
				section.vacancy-open div.table div.cell.right a:hover {
					border-bottom:1px solid transparent;
				}

				section.vacancy-open div.table div.cell.right ul {
					list-style:none;
					margin-left:25px;
				}
					
					section.vacancy-open div.table div.cell.right ul li {
						font-size:16px;
						line-height:26px;
						margin:0 0 10px 0;
						position:relative;
						font-family:"SpaceGrotesk-Light";
					}
					
					section.vacancy-open div.table div.cell.right ul li ol {
						margin-left:50px;
						margin-top:10px;
						margin-bottom:20px;
					}
					
					section.vacancy-open div.table div.cell.right ul li ol li:before {
						content: "";
						padding:0;
					}
					
					section.vacancy-open div.table div.cell.right ul li:before {
					  content: "→";
					  padding-right: 10px;
					  color:#4B0746;
					  position:absolute;
					  left:-25px;
					}
							
					body.cookies table {
						padding-top:20px;
					}
					
						body.cookies table tr {
							border-top: 1px solid rgba(0, 0, 0, 0.1);
						}
					
							body.cookies table td {
								padding:10px 5px;
							}
							
			section.vacancy.footer div.table {
				width:100%;
			}
			
				section.vacancy.footer div.cell {
					width:33.33%;
					box-sizing:border-box;
					border-top: 1px solid rgba(0, 0, 0, 0.1);
				}
				
				section.vacancy.footer div.cell.middle {
					border-left: 1px solid rgba(0, 0, 0, 0.1);
					border-right: 1px solid rgba(0, 0, 0, 0.1);
				}
				
					section.vacancy.footer  a {
						width:100%;
						height:100%;
						color:#380535;
						text-decoration:none;
						display:block;
						text-align:center;
						padding:30px 10px;
						box-sizing:border-box;
						line-height:22px;
						font-family:"SpaceGrotesk-Light"; 
						transition-duration:0.3s;
					}
					
					section.vacancy.footer  a:hover {
						background: rgba(75, 7, 70, 0.06);	
					}
					
					section.vacancy.footer div.cell.middle  a:before {
						content:"←";
						padding-right:10px;
					}
					section.vacancy.footer div.cell.right  a:after {
						padding-left:10px;
						content:"→";
					}
				
							
@media screen and (max-width:1200px) {
	
	section.vacancy-open div.inner.wrapper {
		max-width:680px;
		padding:60px 30px;
	}
	
	section.vacancy-open div.table {
		padding:0 30px;
	}
	
}

@media screen and (max-width:1000px) {
	
	section.vacancy.footer div.cell.middle {
		display:none;
	}
	
	section.vacancy.footer div.cell.right {
		border-left: 1px solid rgba(0, 0, 0, 0.1);
	}
	
}
	
@media screen and (max-width:620px) {

	section.vacancy-open div.hide {
		display:none !important;
	}
	
	section.vacancy-open div.vacancy-description div.hide:last-child {
		display:block !important;
	}
		
	section.vacancy-open div.inner.wrapper {
		padding: 60px 30px 0px 30px;
		box-sizing:border-box;
	}
	
	section.vacancy-open div.table {
		padding:0 30px;
		box-sizing:border-box;
	}
	
	section.vacancy-open div.table div.cell.left,
	section.vacancy-open div.table div.cell.right {
		width:100%;
		display:block;	
	}
	
	section.vacancy-open div.table.vacancy-description {
		border-bottom:1px solid rgba(0, 0, 0, 0.2);
	}
	
	section.vacancy-open div.table div.cell {
		border:0 none;
	}
	
}	

@media screen and (max-width:480px) {
	section.vacancy.footer div.cell {
		width:100%;
		display:block;
	}
}

/* section vacancy open ++ */
/* section statistics ++ */

section.statistics div.table.mobile {
	display:none;
}

	section.statistics div.table.rows {
		width:100%;
		border-top: 1px solid rgba(0, 0, 0, 0.1);
	}
	
		section.statistics div.table.rows div.cell {
			width:22.22%;
			box-sizing:border-box;
			padding:115px ;
			padding-right:60px;
			border-left: 1px solid rgba(0, 0, 0, 0.1);
		}
		
		section.statistics div.table.rows div.cell.first {
			border-left	:0 none;
			width:33.33%;
		}
		
			section.statistics div.table.rows div.cell  p {
				color:#000;
				font-size:14px;
				line-height:18px;
				letter-spacing:0.1pt;
			}
			
			section.statistics div.table.rows div.cell  p.stats {
				margin-bottom:10px;
				color:#4B0746;
				font-size:30px;
				white-space:nowrap;
			}
			
			section.statistics div.table.rows div.cell.first  p {
				font-size:16px;
				letter-spacing:0pt;
			}
			
			section.statistics div.table.rows div.cell.first  p.stats {
				font-size:64px;
				line-height:40px;
			}
			
@media screen and (max-width:1400px) {
	
	section.statistics div.table.rows div.cell {
		padding:80px;
	}
	
}


@media screen and (max-width:1400px) {
	
	section.statistics div.table.rows div.cell {
		padding:50px 30px;	
	}
	
		section.statistics div.table.rows div.cell.first {
			width:25%;
		}
		
			section.statistics div.table.rows div.cell.first p {
				font-size:14px;
			}
			
			section.statistics div.table.rows div.cell  p.stats {
				font-size:24px;
			}
			
			section.statistics div.table.rows div.cell.first p.stats {
				font-size: 24px;
				line-height:20px;
			}
	
}
	
	
@media screen and (max-width:620px) {			
	section.statistics {
		display:block;
	}
	
	section.statistics div.table.rows div.cell.first,
	section.statistics div.table.rows div.cell {
		width:50%;
		height:100%;
		vertical-align:top;
		display:table-cell;
		 border-top: 1px solid rgba(0, 0, 0, 0.1);
		padding:30px 20px;	
	}
	
		section.statistics div.table.rows {
			border-top:0 none;
		}
		
		section.statistics div.table.rows div.cell div.inner {
			height:100%;
			width:100%;
		}			
	
	section.statistics div.table.mobile {
		display:table;
		width:100%;
	}
	
	section.statistics div.table.desktop {
		display:none;
	}
	
}	

/* section statistics -- */
/* section clients ++ */

	section.clients div.table.rows {
		width:100%;
		border-top: 1px solid rgba(0, 0, 0, 0.1);
	}
	
		section.clients div.table.rows div.left {
			width:33.33%;
			box-sizing:border-box;
			padding:115px;
			border-left: 1px solid rgba(0, 0, 0, 0.1);
		}
		
		section.clients div.table.rows div.right {
			width:66.66%;
			box-sizing:border-box;
			vertical-align:top;
		}
		
			section.clients div.table.rows div.cell.left h2 {
				color:#4B0746;
				margin-top:30px;
			}
		
			ul.clients {
				list-style:none;
			}
				
				ul.clients li {
					width:25%;
					box-sizing:border-box;
					display:inline-table;
					text-align:center;
					position:relative;
					border-left:1px solid rgba(0, 0, 0, 0.1);
					border-bottom:1px solid rgba(0, 0, 0, 0.1);
				}
				
				ul.clients li.invisible {
					display:none;
				}
				
				ul.clients li.no-left-border {
					border-left:0 none;
				}
				
					ul.clients li img.wrapper {
						width:100%;
					}
				
					ul.clients li div.table {
						width:100%;
						height:100%;
						vertical-align:middle;
					}
					
						ul.clients li div.table div.inner {
							margin:20px;
							position:relative;
							box-sizing:border-box;
						}
				
					ul.clients li p {
						position:absolute;
						left:0;
						width:100%;
						height:30px;
						top:50%;
						margin-top:-15px;
						color: rgba(75, 7, 70, 0.5);
						text-decoration:none;
						font-family: "SpaceGrotesk-Regular";
						line-height:30px;
					}
				
					ul.clients li a {
						position:absolute;
						left:0;
						top:0;
						bottom:0;
						right:0;
						background-repeat:no-repeat;
						background-position:center center;
						transition-duration:0.3s;
						/* background-size:contain; */
						display:table-cell;
						width:100%;
						height:100%;
						vertical-align:middle;
						
					}
					
					
						ul.clients li a div.table {
							vertical-align:middle;
						}
						
							ul.clients li a div.table-row {
								display:table-row;
							}
							
							ul.clients li a div.table-cell {
								width:100%;
								height:100%;
								vertical-align:middle;
								display:table-cell;
							}
	
					
					ul.clients li a:hover {
						opacity:0.7;
					}
					
					ul.clients li a.next.partners  {
						display:block;
						width:100%;
						height:100%;
						text-decoration:none;
					}
					
					ul.clients li a.next.partners div {
						display:table;	
						width:100%;
						height:100%;
					}
					
					ul.clients li a.next.partners span {
						line-height:100%;
						font-size:33px;
						display:table-cell;
						vertical-align:middle;
						width:100%;
						color:#BC9DC0;
						height:100%;
					}
					
					ul.clients li a.next.partners span.left {
						display:none;
					}
					
@media screen and (max-width:1200px) {	

	section.clients div.table.rows div.left,
	section.clients div.table.rows div.right {
		width:100%;
		padding:30px;
		border-left:0 none;
		display:block;
	}
	
	section.clients div.table.rows div.right {
		padding:30px 0;
		padding-bottom:0;
	}
	
	ul.clients {
		border-top: 1px solid rgba(0, 0, 0, 0.1);
	}
	
	ul.clients li { 
		width:33.33%;
	}
	
	ul.clients li.empty {
		display:none;
	}
	
}	

@media screen and (max-width:620px) {
	ul.clients li { 
		width:50%;
	}
	
	
	ul.clients li a {
		
		/* background-size:contain; */
		
	}
	
}

/* section clients -- */
/* section vacancies ++ */

section.vacancies {
	position:relative;
}
		
	section.vacancies  div.table.vacancies div.row {	
		transition-duration:0.3s;
	}
	
	section.vacancies  div.table.vacancies div.row:hover {	
		background-color:#4b0746;
	}
	
		section.vacancies  div.table.vacancies div.row:hover a,
		section.vacancies  div.table.vacancies div.row:hover div.cell {
			color:#fff;
		}
		
		section.vacancies  div.table.vacancies div.cell {
			padding:30px 30px;
			border-bottom:1px solid rgba(0, 0, 0, 0.2);
			letter-spacing:0.2pt;
		}
		
		section.vacancies  div.table.vacancies div.row:last-child div.cell {
			border-bottom:0px none;
		}
		
			section.vacancies  div.table.vacancies a {
				color:#000;
				text-decoration:none;
				font-size:16px;
				line-height:24px;
				font-family: "SpaceGrotesk-Regular";
			}
			
			section.vacancies div.table.vacancies a.toggle-vacancy {
				font-size:28px;
				font-family: "SpaceGrotesk-Light";
			}
			
			
@media screen and (max-width:620px) {
		
		section.vacancies  div.table.vacancies div.cell.first {
			width:100%;
			display:block;
		}
		
		section.vacancies  div.table.vacancies div.cell.second,
		section.vacancies  div.table.vacancies div.cell.third {
			display:none; 
		}
		
		section.vacancies  div.table.vacancies div.cell {
			padding:30px 15px;
			box-sizing:border-box;
		}
		
		section.vacancies div.table.vacancies a.toggle-vacancy {
			font-size:16px;
		}
		
		section.vacancies div.table.vacancies {
			margin:60px 0;
		}
		
}

/* section vacancies -- */
/* section offers for clients ++ */

div.table.offers.client div.cell p.title {
	color:#00a5af;
} 

/* section offers for clients -- */
/* section short about ++ */

section.about div.table {
	width:100%;
}

	section.about div.table div.cell {
		width:33.33%;
		padding:115px 115px 115px 115px;
		box-sizing:border-box;
	}
	
	section.about div.table div.cell.right {
		width:66.66%;
		border-left:1px solid rgba(0, 0, 0, 0.1);
	}
		
		section.about div.table div.cell.right div.inner {
			max-width:700px;
		}
	
		section.about h2 {
			color: #4B0746;
		}
		
		section.about p.title {
			font-size: 30px;
			line-height: 39px;
			font-family:"SpaceGrotesk-Regular";
		}
		
		section.about p {
			font-size: 16px;
			line-height: 26px;
			margin-bottom:20px;
			font-family:"SpaceGrotesk-Light";
		}
		
		section.about a.read.more {
			text-decoration:none;
			color:#000;
			font-size:14px;
			line-height:14px;
			border: 1px solid rgba(0, 165, 175, 0.3);
			box-sizing: border-box;
			border-radius: 27px;
			padding:12px 25px 10px 25px;
			display:table;
			letter-spacing:0.2pt;
			transition-duration:0.3s;
		}
		
		section.about a.read.more:hover {
			border:1px solid #00A5AF
		}

@media screen and (max-width:1200px) {
	section.about div.table div.cell.left,
	section.about div.table div.cell.right {
		display:block;
		width:100%;
		padding:60px 30px;
	}
	
	section.about div.table div.cell.left {
		padding-bottom:0;
	}
	
	section.about div.table div.cell.right {
		padding-top:20px;
	}
	
}

@media screen and (max-width:620px) {
	
        	
	section.about div.table div.cell.left {
		padding-left:20px;
	}
	
	section.about div.table div.cell,
	section.about div.table div.cell.right {
		width:100%;
		padding:20px;
		display:block;
		box-sizing:border-box;
	}
	
	section.about div.table div.cell.right {
		padding-top:20px;
	}
	
	section.about div.table div.cell.left{
		padding-top:50px;
	}
	
	section.about a.read.more {
		margin:0 auto;
	}
	
	section.about p.title {
		font-size:24px;
		line-height:30px;
	}
	
}

/* section short about -- */
/* section feedback ++ */

section.feedback {
	background: #F6F6F6;
	position:relative;	
}

	section.feedback div.table {
		width:100%;
	}
	
		section.feedback div.table div.inner.wrapper {
			max-width:700px;
			margin:0 auto;
			text-align:center;
			padding:115px 115px 180px 115px;
		}
		
			section.feedback div.table div.inner.wrapper h2 {
				color:#4B0746;
				margin-bottom:30px;
			}
			
			section.feedback div.table div.inner.wrapper p {
				font-size:25px;
				line-height:39px;
				margin-bottom:30px;
				font-family:"SpaceGrotesk-Light";
			}
			
			section.feedback div.table div.inner.wrapper p.name {
				color:#4B0746;
				font-size:12px;
				text-transform:uppercase;
				letter-spacing:0.7pt;
			}
						
				section.feedback div.table div.inner.wrapper div.slide.buttons {
					padding-bottom:20px;
				}
				
					section.feedback div.table div.inner.wrapper div.slide.buttons span {
						color:rgba(75, 7, 70, 0.3);
						font-size:11px;
						text-decoration:none;
						margin:0 9px;
						transition-duration:0.3s;
						
					}
					
					section.feedback div.table div.inner.wrapper div.slide.buttons span.active,
					section.feedback div.table div.inner.wrapper div.slide.buttons a:hover{
						color:#4B0746;
					}
					
					
					section.feedback .slideshow-container {
						position:relative;
					}
						
						section.feedback .slideshow-container div.slide {
							left:0;
							top:0;
							opacity:0;
						}
						
						section.feedback .slideshow-container div.slide:first-child {
							opacity:1;
						}
			
					section.feedback div.table div.slideshow.buttons {
						position:absolute;
						bottom:0px;
						width:100%;
						text-align:center;
					}
					
						section.feedback div.table div.slideshow.buttons a {
								font-family:"SpaceGrotesk-Light";
							display: inline-table;
							width: 16.65%;
							box-sizing: border-box;
							height: 120px;
							vertical-align: middle;
							line-height: 120px;
							text-align: center;
							font-size: 30px;
							text-decoration: none;
							color: #4B0746;
							border-top:1px solid rgba(0, 0, 0, 0.1);
							border-left:1px solid rgba(0, 0, 0, 0.1);
							border-right:1px solid rgba(0, 0, 0, 0.1);
							transition-duration:0.3s;
						}
						
						section.feedback div.table div.slideshow.buttons a:last-child {
							border-left:0 none;
						}
						
						section.feedback div.table div.slideshow.buttons a:hover {
							background-color:rgba(0, 0, 0, 0.04);
						}
						
				
@media screen and (max-width:620px) {	
	section.feedback div.table div.inner.wrapper p {
		font-size:18px;
		line-height:28px;	
	}
	
	section.feedback div.table div.inner.wrapper {
		padding-left:30px;
		padding-right:30px;
	}
	
	section.feedback div.table div.slideshow.buttons a {
		line-height:80px;
		height:80px;
	}
	
	section.feedback div.table div.inner.wrapper {
		padding:60px 30px 100px 30px;
	}
}

/* section feedback -- */
/* section team ++ */

div.table.team {
	width:100%;
}

	div.table.team div.cell {
		padding:115px 115px 60px 115px;
		width:50%;
		box-sizing:border-box;
	}
	
	div.table.team div.row:last-child div.cell:last-child {
		padding-bottom:115px;
	}
	
	div.table.team div.cell.first {
		border-right:1px solid rgba(0, 0, 0, 0.1);
	}
	
		div.table.team div.cell img {
			width:100%;
			opacity:0;
		}
		
			div.table.team div.cell div.layer-container,
			div.table.team div.cell div.image-container {
				position:absolute;
				width:100%;
				height:100%;
				top:0;
				left:0;
				background-position:center center;
				background-size:cover;
				background-repeat:no-repeat;
			}
			
			div.table.team div.cell div.image-container {
				filter:grayscale(100%);
			}
			
			div.table.team div.cell div.layer-container {
				background-color: rgba(39, 6, 37, 0.2);
			}
		
		div.table.team div.cell p.name {
			font-size:23px;
			margin-top:30px;
			font-family: "SpaceGrotesk-Regular";
		}
		
		div.table.team div.cell p.role {
			font-size:14px;
			line-height:22px;
			text-transform: uppercase;
			margin-top:15px;
			letter-spacing:0.7pt;
		}
		
		a.toggle-employee {
			width:20px;
			position:absolute;
			right:0;
			bottom:-23px;
			text-decoration:none;
			color:#000;
			font-size:30px;
		}
		
			a.toggle-employee span {
				lefT:0;
				top:0;
				position:absolute;
			}
			
			a.toggle-employee  span.top{
				opacity:0;
			}
			
			a.toggle-employee.opened span.top{
				opacity:1;
			}
			
			a.toggle-employee.opened span.bottom{
				opacity:0;
			}
			
		div.table.team div.cell div.hidden-data {
			font-size:14px;
			line-height:20px;
			margin-top:40px;
			max-width:600px;
			display:none;
		}
		
			div.table.team div.cell div.hidden-data p {
				font-family:"SpaceGrotesk-Light";
			}
		
		div.table.team div.cell div.hidden-data.opened {
			display:block;
		}
		
			div.table.team div.cell div.hidden-data a {
				font-size:14px;
				margin-top:20px;
				display:table;
				color:#4b0746;
				text-decoration:none;
			}
		
@media screen and (max-width:620px) {
	div.table.team div.cell {
		padding:30px;
		width:100%;
		border-right:0 none;
		display:block;
	}
}	

/* section team -- */
/* section offers ++ */

div.table.offers {
	width:100%;
}

	div.table.offers div.cell {
		border-bottom:1px solid rgba(0, 0, 0, 0.1);
		vertical-align:top;
		box-sizing:border-box;
		padding:115px 115px;
	}
	
	div.table.offers div.cell.first {
		position:relative;
		width:33.33%;
	}
	
	div.table.offers div.cell.third {
		text-align:center;
		padding-right:70px;		
		padding-left:70px;
	}
	
	div.table.offers div.cell.first,
	div.table.offers div.cell.second {
		border-right:1px solid rgba(0, 0, 0, 0.1);
	}
	
		div.table.offers div.cell.first div.buttons {
			display:none  !important;
		}
	
		div.table.offers div.hide {
			display:none;
		}
		
		div.table.offers div.row:first-child div.hide {
			display:block;
		}
	
	div.table.offers.client div.cell.second {
		border-right:0px none;
	}
	
		div.table.offers div.cell p.title {
			font-size:40px;
			line-height:48px;
			color:#4b0746;
		}
		
		div.table.offers div.cell.second p {
			font-size:20px;
			line-height:26px;
		}
		
		div.table.offers div.cell a.close {
			display:none;
		}
		
		div.table.offers div.cell a.toggle-service {
			width:30px;
			text-decoration:none;
			font-size:35px;
			color:#000;
			font-family: "SpaceGrotesk-Light";
		}
		
		div.table.offers div.cell.first a.toggle-service {
			display:none;
		}
		
		div.table.offers div.row:first-child div.cell.third a.toggle-service {
			display:block;
		}
		
		div.table.offers div.row:first-child div.cell.third a.toggle-service.open,
		div.table.offers div.row:first-child div.cell.first a.toggle-service.open {
			display:none;
		}
		/*
		*/
		
		div.table.offers div.cell div.hidden-data {
			font-size:14px;
			line-height:20px;
			margin-top:40px;
			max-width:600px;
		}
		
			div.table.offers div.cell div.hidden-data a {
				font-size:14px;
				margin-top:20px;
				display:table;
				color:#4b0746;
				text-decoration:none;
			}
			
			div.table.offers ol,
			div.table.offers ul {
				
				margin:20px 0 30px 0;
				margin-left:30px;
			}
			
			div.table.offers ul {
				list-style:none;
				margin-left:10px;
			}
			
			div.table.offers ol li,
			div.table.offers ul li {
				font-size: 16px;
				line-height: 26px;
				margin: 0 0 10px 0;
				font-family:"SpaceGrotesk-Light";
			}
			
			div.table.offers ul li:before {
				content: "→";
				padding-right: 10px;
				color: #4B0746;
			}
					
@media screen and (max-width:1200px) {
	
	div.table.offers div.cell.first a.toggle-service {
		position:absolute;
		right:30px;
		top:34px;
	}
	
	div.table.offers div.cell.first, div.table.offers div.cell {
		padding:60px 30px;
	}
	
	div.table.offers div.cell p.title {
		font-size:30px;
		line-height:44x;
	}

}

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

	div.table.offers div.cell.first div.buttons {
		display:block  !important;
	}
	
	div.table.offers div.row:first-child div.cell.first a.toggle-service {
		display:block;
	}

	div.table.offers div.cell.first a.toggle-service.open {
		display:inline-block;
	}

	div.table.offers div.cell.first,
	div.table.offers div.cell.second,
	div.table.offers div.cell.third{
		width:100%;
		padding: 30px;
		display:table;
		border-bottom:0 none;
	}
	
	div.table.offers div.cell.second {
		padding-top:10px;
	}
	
	div.table.offers {
		padding-top:0px;
	}
	
	div.table.offers div.cell.first {
		border-right:0;
		padding-bottom:0;
		padding-right:60px;
	}
	
	div.table.offers div.cell.second{
		border-bottom:1px solid rgba(0, 0, 0, 0.1);
	}
	
	div.table.offers div.cell.third {
		display:none;
	}
	
}

/* section offers -- */
/* section get offer form  ++ */

section.form-get-offer {
	background-color: #4b0746;
    color: #fff;
}

	section.form-get-offer div.table {
		width:100%;
	}
	
		section.form-get-offer div.table div.cell {
			box-sizing:border-box;
		}
		
		section.form-get-offer div.table div.cell.left {
			width:33.33%;
			border-right:1px solid rgba(255, 255,255, 0.2);
			padding:115px 115px;
		}
		
		section.form-get-offer div.table div.cell.right {
			padding:115px 115px;
		}
		
			section.form-get-offer div.table div.cell.left p.title {
				font-size: 40px;
				line-height: 48px;
				max-width:160px;
			}
			
			form.get-offer div.response {
				display:none;
			}
			
			form.get-offer div.inline {
				display:inline-block;
				vertical-align:top;
				width:50%;
				box-sizing:border-box;
				padding-right:30px;
				margin-bottom:30px;
			}
			
			form.get-offer div.inline.right {
				padding-left:30px;
			}
			
			form.get-offer div.inline.wide {
				width:100%;
			}
			
			form.get-offer label {
				display:table;
			}
			
			form.get-offer textarea {
				width:100%;
				margin-top:10px;
				background-color:transparent;
				border:0 none;
				color:#fff;
				height:60px;
				font-family: "SpaceGrotesk-Regular";
			}
			
			form.get-offer input[type=text] {
				border:0 none;
				border-bottom:1px solid rgba(255, 255,255, 0.3);
				padding-bottom:5px;
				background-color:transparent;
				display:table;
				color:#fff;
				margin-top:25px;
				width:100%;
			}
			
			::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
			  color: rgba(255, 255,255, 0.2);
			  opacity: 1; /* Firefox */
			}

			:-ms-input-placeholder { /* Internet Explorer 10-11 */
			  color: rgba(255, 255,255, 0.2);
			}

			::-ms-input-placeholder { /* Microsoft Edge */
			  color: rgba(255, 255,255, 0.2);
			}
						
			
			a.button.upload,
			a.button.submit {
				background-color:#00a5af;
				padding:20px 0;
				width:100%;
				display:table;
				box-sizing:border:box;
				text-align:center;
				cursor:pointer;
				position:relative;
			}
			
			a.button.upload {
				background-color:transparent;
				border:1px solid rgba(255, 255,255, 0.2);
				height:16px;
				z-index:10;
			}
			
			body.job_hosting form.get-offer div.inline.left  {
				display:none;
			}
			
			body.job_hosting form.get-offer div.inline.right  {
				padding-left:0;
			}
			
				a.button.upload span.name {
					position:absolute;
					z-index:0;
				}
			
			div.select-container-parent {
				display: inline-block;
				vertical-align: top;
				margin: 6px 0 30px 0;
				width: 100%;
				position: relative;
				box-sizing: border-box;
			}
			
			div.select-container {
				border-bottom: 1px solid rgba(255, 255, 255, 0.3);
				background-image: url(/assets/img/svg/bg-select.svg);
				background-repeat: no-repeat;
				background-position: right 0px top 20px;
				text-align: left;
				cursor: pointer;
			}
			
				div.select-container .choosed-val {
					box-sizing: border-box;
					display: block;
					font-size: 14px;
					overflow: hidden;
					height: 40px;
					line-height: 50px;
					color:#00a5af;
					padding-left:10px;
				}
			
			
				div.select-container ul {
					list-style: none;
					background-color: tansparent;
					width: 100%;
					box-sizing: border-box;
					position: absolute;
					display: none;
					z-index: 3000;
				}
				
					div.select-container ul li:first-child a {
						margin-top:1px;
					}
					
					div.select-container ul li a {
						color: #fff;
						width: 100%;
						display: table;
						padding: 15px 10px;
						box-sizing: border-box;
						text-decoration: none;
						font-size: 14px;
						background-color:#4b0746;
					}
					
					div.select-container ul li {
						border:1px solid rgba(255, 255, 255, 0.3);
						border-top:0 none;
					}
					
					div.select-container ul li a.selected,
					div.select-container ul li a:hover {
						background-color:#380535;
					}
					
				div.select-container label.container {
					margin: 10px 0;
					margin-left: 20px;
				}
				
				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: 35px;
				}
				
				div.select-container ul.visible {
					display: block;
					overflow-y: auto;
				}
				
				.container input[type=checkbox] {
					opacity: 0;
					cursor: pointer;
				}
				
				.container .checkmark {
					border: 1px solid #000;
					border-radius: 3px;
					position: absolute;
					width: 22px;
					height: 22px;
					top: 3px;
					left: 0;
				}
				
				.dz-details,
				.dz-success-mark,
				.dz-error-mark,
				.dz-size,
				.dz-image {
					display:none;
				}
				
				a.dz-remove {
					position:absolute;
					right:20px;
					top:20px;
					width:15px;
					height:15px;
					display:block;
					 font-size: 0px;
					 text-decoration:none;
				}
				
					a.dz-remove:before {
					 font-size: 20px;
					  content: "✕";
					  color:#fff;
					}


@media screen and (max-width:1200px) {
	
	section.form-get-offer div.table div.cell.right,
	section.form-get-offer div.table div.cell.left {
		padding:30px;
		width:100%;
		display:block;
	}
	
	section.form-get-offer div.table div.cell.left {
		padding-top:60px;
	}
		
}


@media screen and (max-width:620px) {
	section.form-get-offer div.table div.cell.left,
	section.form-get-offer div.table div.cell.right{
		width:100%;
		padding:30px 30px;
		display:table;
	}
	
	section.form-get-offer div.table div.cell.left {
		padding-top:60px;
	}
	
	form.get-offer div.inline {
		width:100%;
	}
	
	form.get-offer div.inline.right {
		padding-left:0;
	}
	
	form.get-offer div.inline {
		padding-right:10px;
	}
	
}

/* section get offer form -- */
/* footer menu ++ */

section.footer-menu {
	background-color:#4b0746;
	background-color:#380535;
	color:#fff;
}

	section.footer-menu div.table {
		width:100%;
		box-sizing:border-box;
	}
		
		section.footer-menu div.cell.left {
			vertical-align:middle;	
			width:33.33%;
			padding:30px 0;
			padding-left:115px;
			border-right:1px solid rgba(255, 255,255, 0.2);
		}
		
		section.footer-menu div.cell.right {
			width:66.66%;
		}
		
			section.footer-menu div.cell.left  p {
				font-size:18px;
				line-height:24px;
				margin-top:30px;	
				max-width:160px;
				letter-spacing:0.2pt;
			}
			
			section.footer-menu div.cell.right div.cell {
				width:50%;
				text-align:left;
				padding:80px 115px;
				border-bottom:1px solid rgba(255, 255,255, 0.2);
				vertical-align:top;	
				box-sizing:border-box;
			}
			
				section.footer-menu div.cell.right div.table div.row:last-child div.cell{
					border-bottom:0 none;
				}
				
				section.footer-menu div.cell.right div.cell p.title {
					font-size:22px;
					line-height:28px;
					margin-bottom:20px;
					color:#fff;
				}
				
				section.footer-menu div.cell.right div.cell p,
				section.footer-menu div.cell.right div.cell a {
					font-size:14px;
					line-height:22px;
					color: rgba(255, 255, 255, 0.5);
					text-decoration:none;
					display:table;
					margin:5px 0;
					max-width:100%;
					letter-spacing:0.2pt;
					transition-duration:0.3s;
				}
				
				section.footer-menu div.cell.right div.cell a:hover {
					color:#fff;
				}
				
			
@media screen and (max-width:1200px) {
	section.footer-menu div.cell.right div.cell {
		padding:60px 30px;	
	}
	
	section.footer-menu div.cell.left {
		padding-left:30px;
	}
	
}

@media screen and (max-width:1000px) {
	section.footer-menu>div.table>div.row>div.cell.left {
		display:none;
	}
}

@media screen and (max-width:620px) {
	
	section.footer-menu div.cell.right div.cell.first,
	section.footer-menu div.cell.right div.cell.second,
	section.footer-menu>div.table>div.row>div.cell.left {
		display:none;
	}
	
	section.footer-menu div.cell.right div.cell {
		padding:20px;
		
	}
}		

@media screen and (max-width:620px) {
	section.footer-menu div.cell.right div.cell {
		width:100%;
		display:block;
	}
	
	section.footer-menu div.cell.right div.table div.row:last-child div.cell,
	section.footer-menu div.cell.right div.cell.third {
		border-bottom:1px solid rgba(255, 255,255, 0.2);
	}
}

/* footer menu -- */
/* footer ++ */

footer {
	background-color:#4b0746;
	background-color:#380535;
	border-top:1px solid rgba(255, 255,255, 0.2);
}

	footer div.table {
		width:100%;
		padding:30px 0;
		box-sizing:border-box;
	}
	
		footer div.cell {
			box-sizing:border-box;
			vertical-align:top;
		}
		
		footer div.cell.left {
			width:33.33%;
			padding-left:115px;
		}
		
		footer div.cell.right {
			width:66.66%;
			padding-left:115px;
		}
		
			footer a,
			footer p {
				color:rgba(255, 255, 255, 0.5);
				display:inline-block;
				font-size:12px;
				line-height:16px;
				letter-spacing:0.2pt;
				margin:5px 0;
				margin-right:50px;
			}
			
			footer a {
				text-decoration:none;
				border-bottom:1px solid rgba(255, 255, 255, 0.5);
				transition-duration:0.3s;
				padding-bottom:0px;
			}
			
			footer p a {			
				margin-right:0px;
			}			
			
			
			footer a:hover {
				border-bottom:1px solid transparent;
			}
			
@media screen and (max-width:1200px) {
	
	footer div.cell.left {
		padding-left:30px;
	}
	
	footer div.cell.right {
		padding-left:30px;
	}
	
}
		
			
@media screen and (max-width:620px) {

	footer {
		border-top:0px none;
	}
		
		footer div.table {
			width:100%;
			padding:15px 0;
			box-sizing:border-box;
		}
		
		footer div.cell.left ,
		footer div.cell.right  {
			width:100%;
			padding:0 20px;
			display:block;
		}
		
		footer div.cell.left {
			border-bottom:1px solid rgba(255, 255,255, 0.2);
			padding-bottom:10px;
		}
			
		footer div.cell.right {
			padding-top:20px;
		}
		
		footer a, footer p {
			display:table;
			margin:10px 0;
		}
		
		p.developed {
			display:none;
		}

}
	
/* footer -- */
/* BLOG ++ */

div.blog {
	padding:60px 0;
	box-sizing:border-box;
	text-align:center;
	border-top:1px solid rgba(0, 0, 0, 0.1);
}

	div.blog h1,
	div.blog p {
		color:#380535;
	}
	
	div.blog h1 {
		margin-bottom:10px;
	}
	
	div.blog ul.articles {
		list-style:none;
		margin-top:100px;
		text-align:left;
	}
	
		div.blog ul.articles li {
			color:#000;
			display:inline-table;
			width:50%;
			box-sizing:border-box;
			padding:60px 20px 60px 20px;
			border-bottom:1px solid rgba(0, 0, 0, 0.1);
		}	
		
		div.blog ul.articles li.first,
		div.blog ul.articles li.second {
			padding-top:0;	
		}
		
			div.blog ul.articles li div.inner-wrapper {
				max-width:500px;
				display:table;
				margin:0 auto;
			}
		
		div.blog ul.articles li.left {
			border-right:1px solid rgba(0, 0, 0, 0.1);
		}
		
		div.blog ul.articles li.right {
			
		}
		
			div.blog ul.articles li div.image-container {
				position:relative;
			}
			
				div.blog ul.articles li div.image-container div.image {
					filter:grayscale(100%);
					position:absolute;
					lefT:0;
					top:0;
					width:100%;
					height:100%;
				}
			
			div.blog ul.articles li div.layer-container {
				position:absolute;
				lefT:0;
				top:0;
				width:100%;
				height:100%;
				background: rgba(75, 7, 70, 0.25);
			}
			
			div.blog ul.articles li img {
				width:100%;
				line-height:0;
				opacity:0;
			}
			
			div.blog ul.articles li p.category {
				font-size:12px;
				line-height:18px;
				letter-spacing:0.13em;
				text-transform:uppercase;
				margin-top:20px;
			}
			
			div.blog ul.articles li p.title {
				margin-top:30px;
				font-size:24px;
				line-height:26px;
				min-height:120px;
			}
			
			div.blog ul.articles li a {
				color:#4B0746;
				text-decoration:none;
			}
			
/* open article ++ */

section.header div.info {
	margin-top:-68px;
}

	section.header div.info div.cell {
		border-top:1px solid rgba(255, 255, 255, 0.1);
	}
	
section.article {
	padding:80px 0;
}

	section.article div.inner-wrapper {
		max-width:680px;
		margin:0 auto;
		padding:0 40px;
		box-sizing:border-box;
	}
	
	
	
	section.article div.inner-wrapper ul,
	section.article div.inner-wrapper ol,
	section.article div.inner-wrapper p {
		font-size:16px;
		line-height:26px;
		margin:10px 0 10px 0;
		position:relative;
	}
	
	section.article div.inner-wrapper ul,
	section.article div.inner-wrapper ol {
		margin-left:25px;
	}
	
	section.article div.inner-wrapper a {
		color:#4b0746;
		text-decoration:none;
		border-bottom:1px solid rgba(75, 7, 70, 0.5);
		padding-bottom:3px;
		transition-duration:0.3s;
	}
	
	section.article div.inner-wrapper a:hover {
		border-color:transparent;
	}
	
	
		section.article div.inner-wrapper p img {
			margin:5px 0;
		}
	
	section.article div.inner-wrapper h2 {
		margin-bottom:20px;
	}

/* open article -- */

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

	div.blog ul.articles li {
		width:100%;
		display:block;
	}
	
	div.blog ul.articles li.left {
		border-right:0 none;
	}
	
	div.blog ul.articles li.second {
		padding-top:60px;	
	}
	
	

}	

@media screen and (max-width:860px) {
	section.article div.inner-wrapper {
		padding:0 30px;
	}
}



	
/* BLOG -- */