html {
    width: 100%;
    height: 100%;
	overflow: hidden;
}

body {
	width: 100%;
    height: 100%;
    background-image: url(../images/background.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
}

@keyframes slideInFromLeft {
	0% {
		transform: translate(-100%, -50%);
	}
	100% {
		transform: translate(-50%, -50%);
	}
}

/* #region Scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}

::-webkit-scrollbar-thumb {
    background: #cccccc;
    border: 0px solid #ffffff;
    border-radius: 50px;
}

::-webkit-scrollbar-thumb:hover {
    background: #999999;
}

::-webkit-scrollbar-thumb:active {
    background: #999999;
}

::-webkit-scrollbar-track {
    background: #ffffff;
    border: 0px none #ffffff;
}

::-webkit-scrollbar-track:hover {
    background: #ffffff;
}

::-webkit-scrollbar-track:active {
    background: #ffffff;
}

::-webkit-scrollbar-corner {
    background: transparent;
}
/*#endregion */

.floating_container {
    width: 700px;
    height: 450px;
    position: absolute;
    background-color: #ffffff;
    opacity: 0.6;
    border-radius: 10px;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	animation: 1s ease-out 0s 1 slideInFromLeft;
}

.top_left, .top_right {
    width: 275px;
    height: 100px;
    border-bottom: 1px solid black;
    position: absolute;
}

.top_left {
    left: 0px;
	top: 0px;
}

.top_right {
    right: 0px;
	top: 0px;
}

.top_center {
	width: 150px;
    height: 100px;
    position: absolute;
    left: 275px;
    top: 50px;
}

.top_center img {
    width: 100px;
    height: 100px;
}

.name_box {
	width: 100%;
    height: 60px;
    position: absolute;
    top: 175px;
	font-family: SourceSansPro-ExtraLight, Helvetica, sans-serif;
	font-size: 35px;
	letter-spacing: 6px;
}

.slogan_box {
	width: 100%;
    height: 60px;
    position: absolute;
    top: 225px;
	font-family: SourceSansPro-ExtraLight, Helvetica, sans-serif;
	font-size: 18px;
    letter-spacing: 4px;
}

.social_box {
    width: 350px;
    height: 50px;
    position: absolute;
    left: 175px;
    top: 265px;
    display: flex;
    justify-content: space-around;
}

.social_box > div {
    width: 50px;
    height: 50px;
}

.social_box > div > a {
    width: 50px;
    height: 50px;
	display: block;
    background-repeat: no-repeat;
    background-position: center;
}

.social_mail {
    background-image: url(../images/social/mail.svg);
}

.social_mail:hover {
    background-image: url(../images/social/mail_selected.svg);
}

.social_linkedin {
    background-image: url(../images/social/linkedin.svg);
}

.social_linkedin:hover {
    background-image: url(../images/social/linkedin_selected.svg);
}

.social_facebook {
    background-image: url(../images/social/facebook.svg);
}

.social_facebook:hover {
    background-image: url(../images/social/facebook_selected.svg);
}

.social_twitter {
    background-image: url(../images/social/twitter.svg);
}

.social_twitter:hover {
    background-image: url(../images/social/twitter_selected.svg);
}

.social_instagram {
    background-image: url(../images/social/instagram.svg);
}

.social_instagram:hover {
    background-image: url(../images/social/instagram_selected.svg);
}

.company_logo {
    width: 180px;
    height: 70px;
    position: absolute;
    left: 260px;
    top: 315px;
}

.company_logo > a {
    width: 180px;
    height: 70px;
	display: block;
    background-image: url(../images/imoryLogo.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 45px;
}

.company_logo:hover {
    opacity: 0.7;
}

.imprint_click, .copyright {
	width: auto;
	height: 20px;
	position: absolute;
	bottom: 5px;
	font-size: 16px;
	font-family: SourceSansPro-ExtraLight, Helvetica, sans-serif;
}

.imprint_click {
	left: 5px;
    text-align: left;
	cursor: pointer;
}

.copyright {
	right: 5px;
    text-align: right;
}

.imprint {
    display: none;
	width: 800px;
    height: calc(80% - 30px);
    position: absolute;
    left: 50%;
    top: 10%;
    transform: translate(-50%);
    background-color: #ffffff;
    border-radius: 10px;
    opacity: 0.95;
    padding: 25px;
	font-family: SourceSansPro-ExtraLight, Helvetica, sans-serif;
}

.imprint_box {
    width: 100%;
    height: 100%;
    overflow-x: auto;
    padding-right: 15px;
}

.close_imprint_click {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    border: 2px solid #000000;
    background-color: #ffffff;
    position: absolute;
    top: -10px;
    right: -10px;
	cursor: pointer;
}

.close_icon {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 5px;
    left: 5px;
}