@charset "utf-8";

/* ------------------------- */
/* 1. Fonts
/* ------------------------- */

@font-face {
	font-family:'Signika';
	src:url('../fonts/signika/Signika-Semibold.eot');
	src:url('../fonts/signika/Signika-Semibold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/signika/Signika-Semibold.woff') format('woff'),
		url('../fonts/signika/Signika-Semibold.ttf') format('truetype');
	font-weight:600;
	font-style:normal;
}

/* ------------------------- */
/* 2. Global
/* ------------------------- */
/* ------------------------- */
/* 2.1. Normalizer
/* ------------------------- */

* {
	-moz-box-sizing:border-box;
		 box-sizing:border-box;
}

html {
	overflow-x:hidden;
	height:100%;
}

body {
	overflow-x:hidden;
	font-family:'Signika', serif;
	background-color:#000;
}

p,
figure {
	margin:0;
}

h1, h2, h3, h4, h5 {
	margin:0;
	font-weight:normal;
}

ul,
ol {
	margin:0;
	padding:0;
	list-style:none;
}

img {
	vertical-align:middle;
}

a {
	outline:0;
	text-decoration:none;
}

a:hover, a:active, a:focus {
	outline:0;
}

a:hover {
}

/*
::-moz-selection {
}

::selection {
}
*/

/* ------------------------- */
/* 2.2. Grid
/* ------------------------- */

.row {
	width:100%;
}

.col {
  	float:left;
  	min-height:1px;
}

.col-right {
	float:right;
}

.col-1 { width:8.3333%; }
.col-2 { width:16.6666%; }
.col-3 { width:25%; }
.col-4 { width:33.3333%; }
.col-5 { width:41.6666%; }
.col-6 { width:50%; }
.col-7 { width:58.3333%; }
.col-8 { width:66.6666%; }
.col-9 { width:75%; }
.col-10 { width:83.3333%; }
.col-11 { width:91.6666%; }
.col-12 { width:100%; }

.col-1-5 { width:20%; }
.col-2-5 { width:40%; }
.col-3-5 { width:60%; }
.col-4-5 { width:80%; }
.col-5-5 { width:100%; }

.hide { display:none; }
.show { display:block; }

@media all and (max-width: 1279px) {
	.col-xl-1 { width:8.3333%; }
	.col-xl-2 { width:16.6666%; }
	.col-xl-3 { width:25%; }
	.col-xl-4 { width:33.3333%; }
	.col-xl-5 { width:41.6666%; }
	.col-xl-6 { width:50%; }
	.col-xl-7 { width:58.3333%; }
	.col-xl-8 { width:66.6666%; }
	.col-xl-9 { width:75%; }
	.col-xl-10 { width:83.3333%; }
	.col-xl-11 { width:91.6666%; }
	.col-xl-12 { width:100%; }

	.col-xl-1-5 { width:20%; }
	.col-xl-2-5 { width:40%; }
	.col-xl-3-5 { width:60%; }
	.col-xl-4-5 { width:80%; }
	.col-xl-5-5 { width:100%; }

	.hide-xl { display:none; }
	.show-xl { display:block; }
}

@media all and (max-width: 1023px) {
	.col-lg-1 { width:8.3333%; }
	.col-lg-2 { width:16.6666%; }
	.col-lg-3 { width:25%; }
	.col-lg-4 { width:33.3333%; }
	.col-lg-5 { width:41.6666%; }
	.col-lg-6 { width:50%; }
	.col-lg-7 { width:58.3333%; }
	.col-lg-8 { width:66.6666%; }
	.col-lg-9 { width:75%; }
	.col-lg-10 { width:83.3333%; }
	.col-lg-11 { width:91.6666%; }
	.col-lg-12 { width:100%; }

	.col-lg-1-5 { width:20%; }
	.col-lg-2-5 { width:40%; }
	.col-lg-3-5 { width:60%; }
	.col-lg-4-5 { width:80%; }
	.col-lg-5-5 { width:100%; }

	.hide-lg { display:none; }
	.show-lg { display:block; }
}

@media all and (max-width: 749px) {
	.col-md-1 { width:8.3333%; }
	.col-md-2 { width:16.6666%; }
	.col-md-3 { width:25%; }
	.col-md-4 { width:33.3333%; }
	.col-md-5 { width:41.6666%; }
	.col-md-6 { width:50%; }
	.col-md-7 { width:58.3333%; }
	.col-md-8 { width:66.6666%; }
	.col-md-9 { width:75%; }
	.col-md-10 { width:83.3333%; }
	.col-md-11 { width:91.6666%; }
	.col-md-12 { width:100%; }

	.col-md-1-5 { width:20%; }
	.col-md-2-5 { width:40%; }
	.col-md-3-5 { width:60%; }
	.col-md-4-5 { width:80%; }
	.col-md-5-5 { width:100%; }

	.hide-md { display:none; }
	.show-md { display:block; }
}

@media all and (max-width: 567px) {
	.col-sm-1 { width:8.3333%; }
	.col-sm-2 { width:16.6666%; }
	.col-sm-3 { width:25%; }
	.col-sm-4 { width:33.3333%; }
	.col-sm-5 { width:41.6666%; }
	.col-sm-6 { width:50%; }
	.col-sm-7 { width:58.3333%; }
	.col-sm-8 { width:66.6666%; }
	.col-sm-9 { width:75%; }
	.col-sm-10 { width:83.3333%; }
	.col-sm-11 { width:91.6666%; }
	.col-sm-12 { width:100%; }

	.col-sm-1-5 { width:20%; }
	.col-sm-2-5 { width:40%; }
	.col-sm-3-5 { width:60%; }
	.col-sm-4-5 { width:80%; }
	.col-sm-5-5 { width:100%; }

	.hide-sm { display:none; }
	.show-sm { display:block; }
}

@media all and (max-width: 479px) {
	.col-xs-1 { width:8.3333%; }
	.col-xs-2 { width:16.6666%; }
	.col-xs-3 { width:25%; }
	.col-xs-4 { width:33.3333%; }
	.col-xs-5 { width:41.6666%; }
	.col-xs-6 { width:50%; }
	.col-xs-7 { width:58.3333%; }
	.col-xs-8 { width:66.6666%; }
	.col-xs-9 { width:75%; }
	.col-xs-10 { width:83.3333%; }
	.col-xs-11 { width:91.6666%; }
	.col-xs-12 { width:100%; }

	.col-xs-1-5 { width:20%; }
	.col-xs-2-5 { width:40%; }
	.col-xs-3-5 { width:60%; }
	.col-xs-4-5 { width:80%; }
	.col-xs-5-5 { width:100%; }

	.hide-xs { display:none; }
	.show-xs { display:block; }
}

/* ------------------------- */
/* 2.3. Helpers
/* ------------------------- */

.clearfix::after {
	content:"";
	display:table;
	clear:both;
}

.wrapper {
	margin:0 auto;
	width:100%;
	max-width:850px;
	padding:80px 40px;
}

.table {
	display:table;
	width:100%;
	height:100%;
}

.table-cell {
	display:table-cell;
	vertical-align:middle;
}

.video-wrapper {
	position:relative;
	padding-bottom:56.25%;
	height:0;
}

.video-wrapper iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:none;
}

.responsive {
	width:100%;
}

.list-inline > li {
	display:inline-block;
}

.list-float > li {
	float:left;
}

/* ------------------------- */
/* 2.4. Other
/* ------------------------- */

.website {
}

.editor-content {
}

.editor-content a {
}

.editor-content a:hover {
}

.editor-content b,
.editor-content strong {
}

.editor-content em {
}

.editor-content b em,
.editor-content strong em,
.editor-content em b,
.editor-content em strong {
}

/* ------------------------- */
/* 3. Header
/* ------------------------- */

.main-header {
}

/* ------------------------- */
/* 4. Content
/* ------------------------- */

.main {
	font-size:1rem;
}

.content-wrapper {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:100;
}

.content {
	position:relative;
	width:100%;
	height:166px;
	border:2px #fff solid;
	color:#fff;
}

.content-logo {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	width:170px;
	padding:20px 25px;
	border-right:2px #fff solid;
}

.content-logo img {
	max-width:85px;
}

.content-body {
	padding:0 0 0 170px;
}

.content-body .content-title,
.content-body .content-text {
	height:82px;
}

.content-body .content-title {
	text-align:center;
	line-height:82px;
	border-bottom:1px #fff solid;
}

.content-body .content-title h1 {
	font-size:3.125em;
}

.content-body .content-text {
	position:relative;
	border-top:1px #fff solid;
}

.content-body .content-text .content-contacts {
	padding:0 94px 0 0;
	font-size:1.1875em;
	line-height:82px;
	text-align:center;
}

.content-body .content-text .content-contacts a {
	color:inherit;
}

.content-body .content-text .content-social {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	width:94px;
	text-align:center;
	border-left:2px #fff solid;
}

.content-body .content-text .content-social img {
	position:absolute;
	top:50%;
	left:50%;
	max-width:45px;
	transform:translate(-50%, -50%);
}

.slideshow-images {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
}

.slideshow-images::after {
	content:"";
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-color:rgba(0, 0, 0, .55);
	z-index:10;
}

.slideshow-images .item {
	position:absolute;
	height:100vh;
}

.slideshow-images .item-image {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-size:cover;
	background-position:center center;
}

/* ------------------------- */
/* 5. Footer
/* ------------------------- */

.main-footer {
}

/* ------------------------- */
/* 6. Overwrites 
/* ------------------------- */

/* ------------------------- */
/* 7. Mobile only 
/* ------------------------- */

/* ------------------------- */
/* 8. Make responsive 
/* ------------------------- */

@media all and (max-width: 1023px) {
	.main {
		font-size:0.875em;
	}
}

@media all and (max-width: 767px) {
	.wrapper {
		padding:60px 40px;
	}

	.content {
		height:146px;
	}

	.content-logo {
		width:150px;
	}

	.content-logo img {
		max-width:70px;
	}

	.content-body {
		padding:0 0 0 150px;
	}

	.content-body .content-title,
	.content-body .content-text {
		height:72px;
	}

	.content-body .content-title h1 {
		font-size:2.3em;
	}

	.content-body .content-text .content-contacts {
		padding:15px 100px 0 25px;
		font-size:12px;
		line-height:1.5em;
	}

	.content-body .content-text .content-contacts span {
		display:none;
	}

	.content-body .content-text .content-contacts a {
		display:block;
	}

	.content-body .content-text .content-social {
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		width:75px;
		text-align:center;
		border-left:2px #fff solid;
	}

	.content-body .content-text .content-social img {
		position:absolute;
		top:50%;
		left:50%;
		max-width:40px;
		transform:translate(-50%, -50%);
	}
}

@media all and (max-width: 567px) {
	.content {
		height:100%;
	}

	.content-logo {
		position:static;
		width:100%;
		padding:20px 25px;
		border-right:none;
		border-bottom:2px #fff solid;
	}

	.content-body {
		padding:0;
	}

	.content-body .content-title,
	.content-body .content-text {
		height:100%;
	}

	.content-body .content-title {
		padding:20px 25px;
		text-align:left;
		line-height:normal;
	}

	.content-body .content-title h1 {
		font-size:2.5em;
		line-height:1em;
	}

	.content-body .content-title h1 span {
		display:block;
	}

	.content-body .content-text {
		position:relative;
		border-top:1px #fff solid;
	}

	.content-body .content-text .content-contacts {
		padding:20px 85px 20px 25px;
		font-size:10px;
		text-align:left;
	}

	.content-body .content-text .content-social {
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		width:60px;
		text-align:center;
		border-left:2px #fff solid;
	}

	.content-body .content-text .content-social img {
		position:absolute;
		top:50%;
		left:50%;
		max-width:30px;
		transform:translate(-50%, -50%);
	}
}