@import url("fontawesome-all.min.css");


	body.is-preload *, body.is-preload *:before, body.is-preload *:after {
		-moz-animation: none !important;
		-webkit-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
		-moz-transition: none !important;
		-webkit-transition: none !important;
		-ms-transition: none !important;
		transition: none !important;
	}


	a {
		-moz-transition: border-color 0.2s ease-in-out;
		-webkit-transition: border-color 0.2s ease-in-out;
		-ms-transition: border-color 0.2s ease-in-out;
		transition: border-color 0.2s ease-in-out;
		color: #3b3c3e;
		outline: 0;
		text-decoration: none;
	}

		a:hover {
			border-color: transparent;
		}


	.rounded-circle:hover {
		background-color: rgba(255, 255, 255, 0.3);
	}


/* Wrapper */

	@-moz-keyframes wrapper {
		50% {
			opacity: 0;
		}

		100% {
			opacity: 1;
		}
	}

	@-webkit-keyframes wrapper {
		50% {
			opacity: 0;
		}

		100% {
			opacity: 1;
		}
	}

	@-ms-keyframes wrapper {
		50% {
			opacity: 0;
		}

		100% {
			opacity: 1;
		}
	}

	@keyframes wrapper {
		50% {
			opacity: 0;
		}

		100% {
			opacity: 1;
		}
	}

	#wrapper {
		-moz-animation: wrapper .5s forwards;
		-webkit-animation: wrapper .5s forwards;
		-ms-animation: wrapper .5s forwards;
		animation: wrapper .5s forwards;
		height: 100%;
		left: 0;
		opacity: 0;
		top: 0;
		width: 100%;
	}


/* Overlay */

	@-moz-keyframes overlay {
		50% {
			opacity: 0;
		}

		100% {
			opacity: 1;
		}
	}

	@-webkit-keyframes overlay {
		50% {
			opacity: 0;
		}

		100% {
			opacity: 1;
		}
	}

	@-ms-keyframes overlay {
		50% {
			opacity: 0;
		}

		100% {
			opacity: 1;
		}
	}

	@keyframes overlay {
		50% {
			opacity: 0;
		}

		100% {
			opacity: 1;
		}
	}

	#overlay {
		-moz-animation: overlay .5s .5s forwards;
		-webkit-animation: overlay .5s .5s forwards;
		-ms-animation: overlay .5s .5s forwards;
		animation: overlay .5s .5s forwards;
		background-attachment: fixed, fixed;
		background-image: url("images/overlay-pattern.png"), url("images/overlay.svg");
		background-position: top left, center center;
		background-repeat: repeat, no-repeat;
		background-size: auto, cover;
		height: 100%;
		left: 0;
		opacity: 0;
		position: fixed;
		top: 0;
		width: 100%;
	}

/* Main */

	#main {
			display: flex;
			justify-content: center;
		}

		#main:before {
			content: '';
			display: inline-block;
			height: 100%;
			margin-right: 0;
			vertical-align: middle;
			width: 1px;
		}


	#header {
		display: inline-block;
		position: relative;
		text-align: center;
		top: 10Nem;
		width: 90%;
	}

	#header h1 {
		font-size: calc(32px + (68 - 32) * (100vw - 320px)/(1920 - 320));
		font-weight: 900;
		line-height: 1em;
		padding-top: 20px;

	}

	#header p {
		font-size: 1.25em;
		margin: 0.75em 0 0.25em 0;
	}

	#header nav {
		margin: 2em 0 0 0;
	}

	#header nav li {
		display: inline-block;
		height: 8em;
		position: relative;
		top: 0;
		width: 8em;
	}

		#header nav li:nth-child(1) {
			-moz-animation-delay: 2.5s;
			-webkit-animation-delay: 2.5s;
			-ms-animation-delay: 2.5s;
			animation-delay: 2.5s;
		}

		#header nav li:nth-child(2) {
			-moz-animation-delay: 2.75s;
			-webkit-animation-delay: 2.75s;
			-ms-animation-delay: 2.75s;
			animation-delay: 2.75s;
		}

		#header nav li:nth-child(3) {
			-moz-animation-delay: 3s;
			-webkit-animation-delay: 3s;
			-ms-animation-delay: 3s;
			animation-delay: 3s;
		}

		#header nav li:nth-child(4) {
			-moz-animation-delay: 3.25s;
			-webkit-animation-delay: 3.25s;
			-ms-animation-delay: 3.25s;
			animation-delay: 3.25s;
		}

		#header nav li:nth-child(5) {
			-moz-animation-delay: 3.5s;
			-webkit-animation-delay: 3.5s;
			-ms-animation-delay: 3.5s;
			animation-delay: 3.5s;
		}

		#header nav li:nth-child(6) {
			-moz-animation-delay: 3.75s;
			-webkit-animation-delay: 3.75s;
			-ms-animation-delay: 3.75s;
			animation-delay: 3.75s;
		}

		#header nav li:nth-child(7) {
			-moz-animation-delay: 4s;
			-webkit-animation-delay: 4s;
			-ms-animation-delay: 4s;
			animation-delay: 4s;
		}

		#header nav li:nth-child(8) {
			-moz-animation-delay: 4.25s;
			-webkit-animation-delay: 4.25s;
			-ms-animation-delay: 4.25s;
			animation-delay: 4.25s;
		}

		#header nav li:nth-child(9) {
			-moz-animation-delay: 4.5s;
			-webkit-animation-delay: 4.5s;
			-ms-animation-delay: 4.5s;
			animation-delay: 4.5s;
		}

		#header nav li:nth-child(10) {
			-moz-animation-delay: 4.75s;
			-webkit-animation-delay: 4.75s;
			-ms-animation-delay: 4.75s;
			animation-delay: 4.75s;
		}

	#header nav a {
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		-webkit-touch-callout: none;
		border: 0;
	}

		#header nav a:before {
			-moz-transition: all 0.2s ease-in-out;
			-webkit-transition: all 0.2s ease-in-out;
			-ms-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
			border-radius: 100%;
			border: solid 2px #38808bb3;
			display: block;
			font-size: 2em;
			height: 3em;
			line-height: 3em;
			position: relative;
			text-align: center;
			top: 0;
			width: 3em;
		}

		#header nav a:hover {
			color: #38808B;
			font-weight: bold;
		}

			#header nav a:hover:before {
				background-color: rgba(255, 255, 255, 0.175);
				color: #38808B;
			}

		#header nav a:active {
			font-size: 1.2em;
			background: none;
		}

			#header nav a:active:before {
				background-color: rgba(255, 255, 255, 0.35);
				color: #38808B;
			}

		#header nav a span {
			display: none;
		}






/* FOOTER */

		.footer-main {
			margin: 30px 0 10px;
			background: #f5f5f5;
		}


		.working-hours {
			padding-right: 10px;
		}

		.widget-title {
			font-size: 18px;
			color: #000;
			font-weight: bold;
		}

		.copyright {
			font-size: 14px;
			text-align: center;
			padding: 0 20px;
		}

		.footer-line {
		border-left: 5px solid #38808B;
		}

/* NAV */
			.navbar-fixed-bottom, .navbar-fixed-top {
				position: fixed;
				right: 0;
				left: 0;
			}

			.navbar-fixed-top {
				top: 0;
				border-width: 0 0 1px;
			}
			.s-header_container:before, .s-header_container:after {
				content: " ";
				display: table;
			}
			* {
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
			}
			.s-header_navbar {
				background: transparent;
				transition-duration: 300ms;
				transition-property: all;
				transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
			}

			.s-header_container {
				width: 100%;
				height: auto;
				display: flex;
				padding: .75rem 1.875rem;
				justify-content: center;
			}

			.s-header_navbar-row {
				position: relative;
				display: table-row;
				clear: both;
			}
			.s-header_navbar-row-col {
				width: 50%;
				display: table-cell;
				vertical-align: middle;
			}

		@media (max-width: 320px) {
			.s-header_logo {
				position: relative;
				width: 100%;
				height: auto;
				float: left;
				z-index: 100;
			}
			}

			.s-header_logo-img-shrink {
				top: 1rem;
				left: 0;
				opacity: 0;
				z-index: 100;
			}
			.s-header_logo-img-default, .s-header_logo-img-shrink {
				display: block;
				transition-duration: 300ms;
				transition-property: all;
				transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
			}

			.s-header_logo {
				position: relative;
				z-index: 9999;
				width: 100%;
				height: auto;
				float: left;
			}
			.s-header_logo-link {
				display: inline-block;
				padding: 1rem 0;
				z-index: 100;
			}
			.s-header_logo-img-default {
				opacity: 1;
			}
			.s-header_trigger-icon {
				position: absolute;
				top: 50%;
				left: 50%;
				right: auto;
				bottom: auto;
				width: 1.375rem;
				height: 0.0625rem;
				background: rgb(29, 29, 29);
				transition-duration: 500ms;
				transition-property: all;
				transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
			}

			.s-header_trigger {
				position: relative;
				z-index: 9999;
				width: 3.125rem;
				height: 3.125rem;
				float: right;
				overflow: hidden;
				transition-duration: 500ms;
				transition-property: all;
				transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
			}

			.navbar-brand img {
				height: calc(80px + (110 - 80) * (100vw - 320px)/(1920 - 320));
					  }
			  .title-01 {
				font-size: calc(24px + (46 - 24) * (100vw - 320px)/(1920 - 320));
				font-weight: 900;
				line-height: 1;
				color:#464646;
			  }
			  .title-02 {
				font-size: calc(12px + (22 - 12) * (100vw - 320px)/(1920 - 320));
				line-height: 1;
				color:#464646;
			  }