@font-face {
    font-family: 'integral_cfbold';
    src: url('fonts/integralcf-bold-webfont.woff2') format('woff2'),
         url('fonts/integralcf-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'integral_cfregular';
    src: url('fonts/integralcf-regular-webfont.woff2') format('woff2'),
         url('fonts/integralcf-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

* {
	font-family: 'integral_cfbold';
	-webkit-font-smoothing: antialiased;
}

.css-typing {
	color: #fff;
    height: 100%;
    width: 100%;
    display: flex;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 3vw;
    font-family: 'Helvetica', 'bold', sans-serif;
    font-weight: bold;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.ti-cursor {
	padding-left: 0.4vw;
	font-size: 3vw;
}

.lang_mobile {
	visibility: hidden;
}

.lang {
  position: fixed;
  height: auto;
  width: fit-content;
  padding: 2vw 1vw 1vw 4vw;
  right: 2vw;
}

.lang_btn {
	background-color: black;
  border: none;
  padding: 0.1vw 0.4vw 0.1vw 0.4vw;
  width: fit-content;
  cursor: pointer;
  user-select: none;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: baseline;
}

.lang_btn_txt {
  font-family: 'integral_cfregular';
  font-size: 1.4vw;
  color: white;
  height: 1.5vw;
}

.lang_img {
	width: auto;
  height: 1vw;
  padding-left: 0.4vw;
}

.fade-out {
	-webkit-animation: fade-out 0.5s ease-out 4.44s both;
	        animation: fade-out 0.5s ease-out 4.44s both;
}
@-webkit-keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.fade-in-fwd {
	-webkit-animation: fade-in-fwd 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-fwd 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
@-webkit-keyframes fade-in-fwd {
  0% {
    -webkit-transform: translateZ(-80px);
            transform: translateZ(-80px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes fade-in-fwd {
  0% {
    -webkit-transform: translateZ(-80px);
            transform: translateZ(-80px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}

body {
	background-color: #000000;
	margin: 0;
	height: 100%;
	width: 100%;
	overflow-x: hidden;
	overflow-y: clip;
}

.menu {
	position: fixed;
	height: auto;
	width: 45vw;
	font-size: 0.8vw;
	padding: 2vw 1vw 1vw 4vw;
}

.logo {
	width: 5vw;
	height: auto;
	padding: 0.5vw 0.5vw 1.5vw 0.5vw;
	cursor: pointer;
}
.content {
	height: 90vh;
	position: absolute;
	left: 0;
	right: 0;
	width: 70vw;
	margin: auto auto auto 20vw;
	top: 0;
	bottom: 0;
}

.top_left_menu {
  background-color: #ffffff;
	width: 11.5vw;
	padding-bottom: 0.5vw;
	display: grid;
}

.top_left_menu > a {
  margin: auto auto auto 0.8vw;
	cursor: pointer;
	display: flex;
	font-size: 0.8vw;
}

.menu_value {
	margin-left: 0.4vw;
}

.container {
	display: contents;
}

.hud {
  height: 100%;
}

.label {
	height: 45vw;
	width: 72vw;
	display: flex;
	flex-wrap: wrap;
	margin:  auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: absolute;
	overflow: hidden;
}

.label_dots {
	display: inline;
  height: auto;
  vertical-align: middle;
}

.label_artist {
	width: 24vw;
	height: auto;
	color: white;
	flex-grow: 1;
	display: grid;
	align-content: center;
	justify-content: center;
	align-items: center;
	justify-items: center;
}
._l_a_1 {
	justify-content: flex-end;
	align-content: end;
}
._l_a_2 {
	justify-content: center;
	align-content: end;
}
._l_a_3 {
	justify-content: flex-start;
	align-content: end;
}
._l_a_4 {
	justify-content: flex-end;
	align-content: center;
}
._l_a_5 {
	justify-content: flex-start;
	align-content: center;
	margin-left: 5vw;
}

.label_artist_img {
	height: auto;
	width: 17vw;
	padding-bottom: 4px;
}

.label_description {
	position: absolute;
	color: black;
	width: 15vw;
	height: 15vw;
	margin-left: 0vw;
	margin-top: -2vw;
	background-color: white;
	visibility: hidden;
}

.label_text {
	height: 80%;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
	position: relative;
	font-weight: 700;
	font-size: smaller;
	font-family: 'Helvetica', sans-serif;
}

.label_text > h3 {
	margin-top: 25%;
	font-family: 'Helvetica', sans-serif;
}

.label_infos {
	font-size: 0.6vw;
	font-weight: 600;
	width: 17vw;
	left: 0;
	right: 0;
	margin: auto;
}

.label_links {
	float: right;
}

.label_links > a {
	color: #fff;
	text-decoration: none;
	font-family: 'Helvetica', sans-serif;
  align-items: center;
}

.label_special {
	display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: space-between;
  justify-content: space-evenly;
  width: 17vw;
  align-items: center;
}

.label_links_special {
  font-size: 0.6vw;
  width: 7.8vw;
  left: 0;
  right: 0;
}

.label_links_special > a {
	color: #fff;
	text-decoration: none;
	font-family: 'Helvetica', sans-serif;
}

.label_name {
	font-family: 'Helvetica', sans-serif;
	font-size: 0.8vw;
	float: left;
}

.label_networks {
	height: auto;
	width: 17vw;
}

.label_networks > a {
	text-decoration: none;
}

.label_networks_special {
	height: auto;
	width: 17vw;
}

.label_networks_special > a {
	text-decoration: none;
}

.label_netimg {
	width: 0.8vw;
	height: auto;
	cursor: pointer;
	padding-right: 0.25vw;
}

@-webkit-keyframes scale-in-ver-center{0%{-webkit-transform:scaleY(0);transform:scaleY(0);opacity:1}100%{-webkit-transform:scaleY(1);transform:scaleY(1);opacity:1}}@keyframes scale-in-ver-center{0%{-webkit-transform:scaleY(0);transform:scaleY(0);opacity:1}100%{-webkit-transform:scaleY(1);transform:scaleY(1);opacity:1}}
.scale-in-ver-center {
	-webkit-animation: scale-in-ver-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-in-ver-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.services {
	color: #fff;
	height: 45vw;
	width: 50vw;
	display: flex;
	flex-wrap: wrap;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: absolute;
	overflow: hidden;
}


.services_table {
	width: 30vw;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1vw;
}

.services_label {
	color: white;
	font-weight: 900;
	font-size: 2vw;
	text-align: left;
	height: 2.5vw;
}

.services_label2{
	text-align: center;
	font-weight:900;
	font-size:1vw;
	font-family: 'integral_cfregular';
	margin-top: 2vw;
}

.services_ref {
	text-align: center;
	margin-top: 2vw;
}

.services_ref_img1{
	height:auto;
	width:13vw;
}

.services_ref_img2{
	height:auto;
	width:10vw;
}

.services_zinee {
	margin-top: 2vw;
	text-align: center;
}

.services_zinee_img1 {
	height:auto;
	width:12vw;
	margin-right:5vw;
}

.services_zinee_img2 {
	height:auto;
	width:12vw;
}
.studio {
	height: 45vw;
	width: 50vw;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: absolute;
  text-align: center;
}

.studio_title {
	text-align: initial;
}
.studio_title > h2 {
	font-size: 3vw;
	font-weight: 900;
	margin: 1vw 0vw 0vw 0vw;
}

.studio_title > h3 {
	font-size: 4.5vw;
	font-weight: 900;
	margin: -1vw 0vw 1vw 0vw;
}

.studio_3d {
	height: 25vw;
	border: 4px black;
	border-style: dashed;
	margin-bottom: 3vw;
	width: inherit;
}

.studio_text {
	text-align: center;
	font-weight: 600;
	display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.studio_text_label {
	font-size: 0.55vw;
  padding-right: 1vw;
  font-weight: 100;
}

.studio_text_names {
	font-size: 1vw;
    word-spacing: 1vw;
}

.studio_mail {
	text-align: center;
	margin-top: 2vw;
	font-weight: 600;
	font-size: small;
	cursor: pointer;
}

.studio_mail > u > a:link {
	color: #000;
	font-size: 0.6vw;
	font-weight: 100;
}
.studio_mail > u > a:visited {
	color: #000;
	font-size: 0.6vw;
	font-weight: 100;
}
.studio_mail > u > a:active {
	color: #8d8d8d;
	font-size: 0.6vw;
	font-weight: 100;
}

.contact {
	height: fit-content;
	width: 50vw;
	overflow-y: auto;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	color: white;
}

.contact_img {
	height: 1.4vw;
	width: auto;
	margin-right: 0.4vw;
	cursor: pointer;
	margin-bottom: 0.2vw;
}

.contact_txt {
	color: white;
}

.contact_label {
	font-size: 1vw;
  font-weight: 600;
  width: fit-content;
  flex: 29%;
  text-align: right;
}

.contact_padding {
	flex: 1%;
}

.contact_value {
	font-size: 1.5vw;
  font-weight: 900;
  margin-bottom: 2vw;
  text-align: center;
  width: fit-content;
  flex: 70%;
  text-align: left;
}

.contact_label_div {
	display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: space-around;
  justify-content: space-evenly;
  align-items: baseline;
  width: 50vw;
  margin: auto;
}

.contact_label_mobile {
	height: 0px;
  font-size: 0;
  width: 0;
}

.contact_value_mobile {
	height: 0px;
  font-size: 0;
  width: 0;
}

.contact_sign {
	font-size:0.75vw;
	text-align:center;
	font-family: 'integral_cfregular';
}

#mail1 {
	cursor: pointer;
}

#mail2 {
	cursor: pointer;
}

.downloads {
	height: 35vw;
	width: 72vw;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
}

.downloads_img {
	height: auto;
	width: 11vw;
	border: 3px solid;
	cursor: pointer;
	padding:  1vw;
}

.downloads_img:hover {
	filter: grayscale(0.7) blur(0.2px);
}

.downloads_img:active {
	border: 3px outset #bcbcbc;
}

.hide {
	visibility: hidden;
	position: absolute;
	left: -1000%;
	top: -1000%;
}

.top_left_menu_mobile {
	visibility: hidden;
}

@media screen and (max-width: 425px) {
	.css-typing {
	    font-size: 7vw;
	}

	.ti-cursor {
		padding-left: 4vw;
	}

	body {
		overflow-y: auto;
	}

	.menu {
		padding: 4vw 1vw 1vw 4vw;
		z-index: 1000;
	}
	
	.content {
		width: 90vw;
		height: 100%;
		margin: 0vw auto auto auto;
		overflow: unset;
	}
	
	.top_left_menu {
		visibility: hidden;
		left: -1000%;
		height: 0px;
		width: 0px;
		margin: 0px;
		padding: 0px;
	}
	
	.top_left_menu_mobile {
		width: 92vw;
		height: 14vw;
		visibility: visible;
		background-color: #ffffff;
		padding-bottom: 0.5vw;
		display: grid;
		position: fixed;
		z-index: 2000;
	}

	.expanded {
		width: 92vw;
		height: 95.5%;
		background: #fff;
		position: fixed;
		margin: auto;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 10;
	}

	.mobile_list {
		display: grid;
		margin: auto auto 1vw;
	}

	.menu_number {
		padding-right: 3vw;
	}

	.mobile_menu_list {
		color: black;
		width: fit-content;
		display: grid;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 25vw;
		font-size: 4.5vw;
		margin: auto auto auto 10vw;
	}
	.logo_mobile_img {
		height: auto;
		width: 8vw;
		position: absolute;
		left: 9.5vw;
		bottom: 5vw;	
	}
	.logo_mobile {
		font-size: 5.5vw;
		font-family: 'Helvetica';
		font-weight: bold;
		margin-top: auto;
		margin-bottom: auto;
		margin-left: 4.5vw;
		width: 35vw;
	}
	.bars_mobile {
		height: 5vw;
		width: auto;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto 5vw auto auto;
	}
	.label {
		height: 80vh;
		width: 75vw;
		margin: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		position: absolute;
		overflow: unset;
		padding-top: 20vw;
		margin-top: 10vw;
	}

	.label_artist {
		width: 100%;
		padding-bottom: 5vw;
	}

	.label_artist_img {
		width: 100%;
	}

	.label_infos {
		width: 100%;
	    font-size: 2.6vw;
	    padding: 1vw 0 1vw 0;
	    display: flex;
	    justify-content: space-between;
	    align-items: flex-end;
	    flex-direction: row;
	    flex-wrap: nowrap;
	}

	.label_name_div > a {
		vertical-align: bottom;
	}

	.label_special {
    width: 75vw;
    justify-content: space-between;
	}

	.label_networks {
		width: 100%;
		word-spacing: 0.8vw;
	}

	.label_networks_special > a {
    	text-decoration: none;
	}

	.label_networks > a {
    	text-decoration: none;
	}

	.label_name {
		width: fit-content;
		font-size: 3.5vw;
		vertical-align: bottom;
	}

	.label_links {
		font-size: 2.5vw;
		word-spacing: 0.4vw;
	}

	.label_links_special {
		font-size: 2.5vw;
		word-spacing: 0.4vw;
		width: unset;
	}

	.label_netimg {
		width: 2.9vw;
	}

	._l_a_5 {
		margin-left: unset;
	}

	.label_description {
		width: 65vw;
		height: 55vw;
		margin-left: unset;
		margin-top: unset;
	}

	.label_text {
		font-size: 3vw;
	}
	
	.label_links > a {
		vertical-align: bottom;
	}

	.label_links_special > a {
		vertical-align: bottom;
	}

	.contact {
		overflow: unset;
		height: 45vw;
	}

	.services {
		height: 80vh;
		width: 85vw;
		margin: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		position: absolute;
		overflow: unset;
		padding-top: 20vw;
		margin-top: 10vw;
	}

	.services_table {
		width: 100%;
		height: 100%;
	}

	.services_label_menu {
		width: fit-content;
		margin: auto;
	}

	.services_label {
		font-size: 5vw;
		height: 6.5vw;
	}

	.services_label2 {
		text-align: center;
		font-weight: 900;
		font-size: 3vw;
		font-family: 'integral_cfregular';
		color: #fff;
		margin-top: 10vw;
	}

	.services_ref {
		padding-bottom: 2vw;
		margin: auto;
		width: auto;
	}

	.services_ref_img1{
		height: auto;
		width: 35vw;
		margin-top: 5vw;
	}

	.services_ref_img2{
		height: auto;
		width: 20vw;
		margin-top: 5vw;
	}

	.services_zinee {
		text-align: center;
		display: flex;
	    width: 85vw;
	    margin: 2vw auto;
	}

	.services_zinee_img1 {
		width: auto;
		height: 30vw;
		margin: 5vw auto;
	}

	.services_zinee_img2 {
		width: auto;
		height: 30vw;
		margin: 5vw auto;
	}

	.studio {
		height: 80vh;
		width: 90vw;
		margin: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		position: absolute;
		overflow: auto;
		padding-top: 20vw;
		margin-top: 5vw;
	}

	.studio_title {
		margin-top: 0vw;
		width: 85vw;
    	margin: auto;
	}

	.studio_title > h2 {
		font-size: 8vw;
		font-weight: 900;
		margin: 1vw 0vw 0vw 0vw;	
	}

	.studio_title > h3 {
		font-size: 12vw;
		font-weight: 900;
		margin: -1vw 0vw 1vw 0vw;
	}

	.studio_3d {
		height: 80vw;
		width: 85vw;
    margin: auto;
		border: 4px black;
		border-style: dashed;
		margin-top: 5vw;
		margin-bottom: 10vw;
	}

	.studio_text {
		text-align: center;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: center;
		align-items: baseline;
		overflow: hidden;
   	}

	.studio_text_label {
		font-family: 'integral_cfregular';
		font-size: 1.8vw;
		margin-right: 2vw;
		white-space: nowrap;
	}

	.studio_text_names {
		font-family: 'integral_cfbold';
		display: contents;
	    font-size: 2.5vw;
		word-spacing: 2vw;
		width: inherit;
		white-space: nowrap;
	}

	.studio_mail {
		text-align: center;
		margin-top: 8vw;
		font-family: 'integral_cfregular';
		font-size: 2vw;
		cursor: pointer;
	}

	.studio_mail > u {
		font-family: 'integral_cfregular';
		font-size: 1.8vw;
		cursor: pointer;
	}

	.studio_mail > u > a:link {
		color: #000;
		font-size: 2vw;
	}
	.studio_mail > u > a:visited {
		color: #000;
		font-size: 2vw;
	}
	.studio_mail > u > a:active {
		color: #8d8d8d;
		font-size: 2vw;
	}

	.downloads {
		height: 80vh;
		width: 90vw;
		margin: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		position: absolute;
		overflow: unset;
		padding-top: 20vw;
		text-align: center;
		margin-top: 10vw;
	}

	.downloads_img {
		padding: 5vw;
		width: 33vw;
	}

	.contact {
		height: fit-content;
		width: 90vw;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		position: absolute;
		overflow: unset;
		text-align: center;
		margin: auto;
		color:  #fff;
	}

	.contact_label_div {
		visibility: hidden;
	}

	.contact_label_mobile {
		font-size: 2vw;
		font-family: 'integral_cfregular';
		padding-right: 2vw;
		padding-bottom: 1vw;
		height: auto;
	  width: auto;
	}

	.contact_value_mobile {
    font-size: 3.2vw;
    font-weight: 900;
    letter-spacing: 0.4vw;
    padding-bottom: 5vw;
		height: auto;
	  width: auto;
	}

	.contact_img {
		padding: 1vw 1vw 0vw 1vw;
		height:  4vw;
	}

	.contact_sign {
		font-size: 2.4vw;
	}

	.lang {
		visibility: hidden;
	}

	.lang_mobile {
	  position: fixed;
	  height: auto;
	  width: fit-content;
	  padding: 2vw 1vw 1vw 4vw;
	  bottom: 9vw;
	  right: 10vw;
	}

	.lang_mobile_btn {
		background-color: white;
	  border: none;
	  padding: 0.1vw 0.4vw 0.1vw 0.4vw;
	  width: fit-content;
	  cursor: pointer;
	  user-select: none;
	  display: flex;
	  flex-direction: row;
	  flex-wrap: nowrap;
	  justify-content: center;
	  align-items: baseline;
	}

	.lang_mobile_btn_txt {
	  font-family: 'integral_cfregular';
	  font-size: 4.4vw;
	  color: black;
	  height: 1.5vw;
	}

	.lang_mobile_img {
		width: auto;
	  height: 3vw;
	  padding-left: 1.4vw;
	}
}