* {
    margin: 0;
    padding: 0;
    border: 0;
}
*, *:before, *:after {
  -moz-box-sizing: border-box;
}

@font-face {
	font-family:'DINNextLTPro-Medium';
	src: url('font-face/DINNextLTPro-Medium_gdi.woff') format('woff'),
		url('font-face/DINNextLTPro-Medium_gdi.ttf') format('truetype'),
		url('font-face/DINNextLTPro-Medium_gdi.otf') format('opentype');
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-25CA;
}

@font-face {
	font-family:'DINNextLTPro-Bold';
	src: url('font-face/DINNextLTPro-Bold_gdi.woff') format('woff'),
		url('font-face/DINNextLTPro-Bold_gdi.ttf') format('truetype'),
		url('font-face/DINNextLTPro-Bold_gdi.otf') format('opentype');
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-25CA;
}

@font-face {
	font-family:'DINNextLTPro-Light';
	src: url('font-face/DINNextLTPro-Light_gdi.woff') format('woff'),
		url('font-face/DINNextLTPro-Light_gdi.ttf') format('truetype'),
		url('font-face/DINNextLTPro-Light_gdi.otf') format('opentype');
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-25CA;
}
html{
     height:100%;
     min-height:100%;
     }

body {
  width: 100%;
  min-height:100%;
  margin: 0px;
  border: 0;
  color:#fff;
  font-family:DINNextLTPro-Light;
  overflow:hidden !important;
  background:#151515;

}

a{
color:#fff;
text-decoration:none;
}


#main{
  width: 100%;
  height: 100%;
  margin: 0px;
  border: 0;


}


.project_item
{
	display:block !important;
}
.scene_element{
  width: 100%;
  height: 100%;
  margin: 0px;
  border: 0;
}


#bg {
   position: fixed;
  top: 0;
  left: 0;

  /* Preserve aspet ratio */
  min-width: 100%;
  min-height: 100%;
    z-index: -9999999;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}



.bg-home
{
  background: url(../images/bg.jpg) no-repeat center center fixed !important;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bg-music
{
  background: url(../images/bg-music.jpg) no-repeat center center fixed !important;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  will-change:transform;
  backface-visibility: hidden;
}

.bg-visualart
{
  background: url(../images/bg-visualart.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bg-producer
{
  background: url(../images/bg-producer.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.bg-music-sub
{
   background: url(../images/bg-music-sub.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  will-change:transform;
  backface-visibility: hidden;
}


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



#mainDunya{
	position:absolute;
	width:100%;
	height:100%;

}

.mainDunya2{
position:absolute;
width:980px !important;
height:980px !important;
 padding: 20px;
z-index:98;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

}

#dunya
{
position:absolute;
z-index:98;
}

#dunya_t
{
position:absolute;
z-index:97;




animation-name:dunya_t;
animation-duration:59s;
animation-iteration-count:infinite;
animation-fill-mode:forwards;
animation-timing-function: linear;

-webkit-animation-name:dunya_t;
-webkit-animation-duration:59s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-fill-mode:forwards;
-webkit-animation-timing-function: linear;

-moz-animation-name:dunya_t;
-moz-animation-duration:59s;
-moz-animation-iteration-count:infinite;
-moz-animation-fill-mode:forwards;
-moz-animation-timing-function: linear;


}

#dunya img
{
width:100%;
}

#dunya_t img
{
width:100%;

}

@-moz-keyframes dunya_t /*--for firefox--*/{

    from{
        -moz-transform:rotate(0deg);
    }
    to{
        -moz-transform:rotate(360deg);
    }

}

@-webkit-keyframes dunya_t /*--for webkit--*/{

    from{
        -webkit-transform:rotate(0deg);
    }
    to{
        -webkit-transform:rotate(360deg);
    }

}



.create_t
{
	position:relative;
	z-index:99;
	top:39%;
	width:850px;
	margin:auto;

}
#mercandede_text
{
position:relative;
z-index:100;
}


#mercandede_text_bk
{
display: none;
}

.instagramplayer
{
position:absolute;
z-index:99;
height:200px;
width:188px;
left:8%;
top:70%;
}

.instagramUsername
{
position:absolute;
top:-25px;
font-size:14px;

}

.instagramUsername span
{
position:absolute;
top:2px;
left:24px;
}

.instagramplayer
{
font-size:14px;
text-align:center;

}

.slider
{
position:absolute;
z-index:99;
height:195px;
width:188px;

}

.youtubemusicplayer
{
position:absolute;
z-index:99;
height:257px;
width:188px;
left:83%;
top:66%;
}


.musicbox
{
position:absolute;
z-index:99;
height:113px;
width:188px;
left:83%;
top:70%;
}

.musicboxTitle
{
	letter-spacing:3px;
	font-size:14px;
	text-align:center;
	margin-bottom:5px;
}

.arrowdown
{
	padding-top:10px;
	text-align:center;
	padding-bottom:0 px;
}

.playerlist
{
background:rgba(00, 00, 00, 0.5);
width:187px;
}

.playerlist ul
{ list-style:none;
font-size:11px;
padding:15px;
 }
.playerlist li
{
padding-top:10px;
padding-bottom:2px;
border-bottom:1px solid #1b2125;
}

.player
{
background:rgba(00, 00, 00, 0.5);
width:187px; height:113px;
}

.player-icons
{
position:absolute;
display:none;
width:100%;
height:88px;
text-align:center;
padding-top:25px;
background:rgba(00, 00, 00, 0.3);
z-index:9999999999;
}

.player-icons a
{
text-align:center;
}

.hover
{
	display:block;
}

.player-controls-bottom
{
position:absolute;
bottom:0;
}

#topMenu
{
position:relative;
top:0;
width:399px;
height:34px;
margin:0px auto;
z-index:9999;
}

#lang
{
position:fixed;
top:0;
right:1%;
width:52px;
height:34px;
z-index:9999;
}

#albumMenu
{
position:relative;
top:0;
width:550px;
height:34px;
margin:0px auto;
z-index:9999;	
}

#albums
{
	width:999px;
	margin:50px auto;
}

.albumPoster
{
	float:left;
	width:252px;
}

.albumContent
{
	float:left;
	margin-top:15px;
	margin-left:15px;
	width:700px;
}
.albumText
{margin-top:15px;}

h2.album
{
font-family:DINNextLTPro-Bold;
font-size:28px;
letter-spacing:8px;
color:#fff;
text-align:left;
}


.item
{
float:left;
margin-left:6px;
}

#mainMenu
{
position:relative;
z-index:100;
top:43%;
width:570px;
height:49px;
margin:0px auto;
}

.item2
{
float:left;
margin-left:25px;
}

.item-native
{
float:left;
margin-left:25px;
}

#musicbox{
	display:none;
}

#news
{
	position: relative;
    z-index: 100;
    top: 46%;
    width: 570px;
    height: 49px;
    margin: 0px auto;
	text-align:center;
}

.news_sub
{
list-style:none;
padding-left:30px;
font-size:16px;
text-shadow: 1px 1px #000;
}


#container
{
margin:0px auto;
}

.contactfix
{
    background: #151515;
}

#success {	display:none; margin-top:10px;	}
#error {	display:none; margin-top:10px;	}


#container-music, #content-producer, #content-visualart
{
width:100%;
margin:0px auto;
}


.arrowNavUp
{
cursor:pointer;
width:150px;
height:20px;
text-align:center;
padding-top:5px;
padding-left:20px;
padding-right:20px;
background-image: url(../images/arrowup.png),
                       url(../images/arrowup.png);
background-repeat  : no-repeat,
                       no-repeat;
background-position: left center,
                       right center;
font-family:DINNextLTPro-Light;
font-size:16px;
letter-spacing:3px;
margin:20px auto;
margin-bottom:0px;
}

h1.sub
{
font-family:DINNextLTPro-Bold;
font-size:60px;
letter-spacing:8px;
color:#fff;
text-align:center;
margin-top:50px;
}

h2.sub
{
font-family:DINNextLTPro-Bold;
font-size:34px;
letter-spacing:8px;
color:#fff;
text-align:center;
margin-top:50px;
}

h1.newsub
{
font-family:DINNextLTPro-Bold;
font-size:34px;
letter-spacing:2px;
color:#fff;
text-align:center;
}

h1.box
{
font-family:DINNextLTPro-Medium;
font-size:30px;
letter-spacing:3px;
color:#fff;
text-align:center;
font-weight:normal !important;
}

.musicboxAlbums
{
	width:950px;
	margin:0px auto;
}

.musicboxAlbums select
{
	width:950px;
	letter-spacing:3px;
	margin-bottom:15px;
	background: #2424249e;
}

.musicboxAlbums select option
{
	background-color: #2424249e;
}

.content
{
margin-top:30px;
height:800px;
}

.content-music, .content-producer, .content-visualart
{
height:100%;
}

.contactForm
{

}

.management
{

}

.m1{
	width:100%;
	margin-top:20px;
	display:block;
}

.m1item
{
	width:322px;
	height:auto;
	float:left;
	padding-left:45px;

}

.m1item:nth-child(2n-1){		}
.m1item:nth-child(2){		}

.m1title
{
font-family:DINNextLTPro-Bold;
font-size:18px;
}

.m1name
{
font-family:DINNextLTPro-Medium;
font-size:14px;
}

.m1content
{
font-size:14px;
}


.m2{
display:block;
margin-top:15px;
}

input
{
background:#242424;
font-size:16px;
letter-spacing:2px;
border:1px solid #737373;
height:40px;
width:302px;
margin-top:20px;
padding-left:25px;
font-family:DINNextLTPro-Light;
color:#fff;
}

select
{
background:#242424;
font-size:16px;
letter-spacing:2px;
border:1px solid #737373;
height:40px;
width:328px;
margin-top:20px;
padding-left:25px;
font-family:DINNextLTPro-Light;
color:#fff;
}

select option
{
	width:328px;
}

textarea
{
background:#242424;
font-size:16px;
letter-spacing:2px;
border:1px solid #737373;
height:225px;
width:302px;
margin-top:20px;
padding-left:25px;
padding-top:25px;
font-family:DINNextLTPro-Light;
color:#fff;
}

button
{
background:#242424;
font-size:16px;
letter-spacing:2px;
border:1px solid #737373;
height:50px;
width:150px;
margin-top:20px;
padding-left:25px;
padding-right:25px;
font-family:DINNextLTPro-Light;
color:#fff;
}

.form-control:focus {
    border-color: #737373;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

.content-bio
{
background: rgba(00, 00, 00, 0.5);
width:80%;
margin:25px auto;
padding:50px;
}

.portrait
{
margin-bottom:25px;

}

/* CAN EDIT */
.can-content-nobg
{

width:80%;
margin:25px auto;
padding:50px;
}

.can-galleryButton {
  width:450px !important;
  height:65px !important;
}

.can-albumButton {
  width:350px !important;
  height:65px !important;
}

.can-center {
  display: block;
  margin: 0 auto;
}

.portfolio
{
	margin:0px auto !important;
}

.showmore, .showmoreint
{
	margin-top:25px;
	text-align:center;
}

.interview
{
	width:70%;
	margin:0px auto;
}

.interview-item
{
	width:100%;
	height:25px;
	border-bottom:0.8px dotted rgba(120, 130, 121, 0.35) !important;
	margin:0px auto;
	padding-top:30px;
	font-size:14px;
	display:none;
}

.news-list {
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: center;
  text-align: center;
  border-bottom:0.8px dotted rgba(120, 130, 121, 0.35) !important;
}

.news-item {   padding:15px;}
.news-item a:hover {color:white;}

.news-date { font-size:0.8em;}


.interview-item div
{
	float:left;
}

.interview-item div:nth-child(1){	margin-left:0px;	}

.interview-date{	width:20%; }
.interview-type{	width:20%; }
.interview-title{	width:40%; }
.interview-lang{	width:20%; text-align:right; }
.interview-hide{	display:none; margin-top:25px; margin-bottom:25px; }




.tourview
{
	width:70%;
	margin:0px auto;
}

.tourview-item
{
	width:100%;
	height:25px;
	border-bottom:0.8px dotted rgba(120, 130, 121, 0.35) !important;
	margin:0px auto;
	padding-top:30px;
	font-size:14px;
	display:none;
}


.tourview-item div
{
	float:left;
}

.tourview-item div:nth-child(1){	margin-left:0px;	}

.tourview-date{	width:20%; }
.tourview-type{	width:20%; }
.tourview-title{	width:40%; }
.tourview-lang{	width:20%; text-align:right; }
.tourview-hide{	display:none; margin-top:25px; margin-bottom:25px; }

















.project-hide {display:none; margin-top:25px; margin-bottom:25px; clear:both;}

.albumSongs
{

	display:none;
	width:1000px;
	margin-bottom:15px;
}

.song-item
{
	width:100%;
	height:25px;
	border-bottom:0.8px dotted rgba(120, 130, 121, 0.35) !important;
	margin:0px auto;
	padding-top:30px;
	font-size:14px;
	display:table;
}


.song-item div
{
	float:left;
}

.song-item div:nth-child(1){	margin-left:0px;	}


.song-title{	width:60%; }
.song-time{	width:20%; }
.song-buy{	width:20%; }

.nft {	background-image: url(https://www.mercandede.com/ezgif-5-f55a384aee.gif);
	background-size: cover;
	color: transparent;
	background-position:50% 50%;
	-moz-background-clip: text;
	-webkit-background-clip: text;
    color:rgba(255,255,255, 0.4) !important;
    font-family: DINNextLTPro-Medium;
 }

 .nft-border {
  width: 100%;
  height: 49px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 27px;
  padding-right: 27px;
  background: rgba(0,0,0,.40);
  font-size: 18px;
  border: 1px solid white;
  border-image: url(https://www.mercandede.com/ezgif-5-f55a384aee.gif) 10;
  
	background-size: cover;
	color: transparent;
	background-position:50% 50%;
 }

 .menu-box {width:100%; height:49px; padding-top:12px; padding-bottom:12px; padding-left:27px; padding-right:27px; background:rgba(0,0,0,.40); font-size:18px; border:1px solid rgba(255,255,255,.55); }

 .menu-box:hover {color:white;}
 .arthouse {
  font-family: DINNextLTPro-Medium;
  background: 50% 100%/50% 50% no-repeat radial-gradient(ellipse at bottom, #fff, transparent, transparent);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-animation: reveal 3000ms ease-in-out forwards 200ms, glow 2500ms linear infinite 2000ms;
          animation: reveal 3000ms ease-in-out forwards 200ms, glow 2500ms linear infinite 2000ms;
}

@-webkit-keyframes reveal {
  100% {
    background-size: 300% 300%;
  }
}
@keyframes reveal {
  100% {
    background-size: 300% 300%;
  }
}
@-webkit-keyframes glow {
  40% {
    text-shadow: 0 0 4px #fff;
    box-shadow: 0 0 2px #fff;
    
  }
}
@keyframes glow {
  40% {
    text-shadow: 0 0 4px #fff;
    box-shadow: 0 0 2px #fff;
  }
}




.visual-item{
	float:left;
	width:250px;
	margin-left:75px;
	position:relative;
}

.visual-item img{
	width:90%;
}

.visual-hover {
	background:url(../images/visualarts/bg.png);
	position:absolute;
	width:225px;
	height:161px;
	bottom:0px;
	
	filter: alpha(opacity=0);
	opacity:0;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
	font-size:14px;
	color:#fff;
	display: table;
	text-decoration:none;
	font-family:DINNextLTPro-Bold;
	text-align:left;

}

.visual-hover div{
	display: table-cell;
	vertical-align:middle;
	padding-left:10px;
	padding-right:10px;
	line-height:25px;
	text-align:center;
	transform:rotate(25deg);
	letter-spacing: 2px;
}

.visual-item:hover .visual-hover { 
opacity:1;  filter: alpha(opacity=1); text-decoration:none; 
}

.visual-item:hover .gray {
filter: none !important; /* Firefox 10+, Firefox on Android */
filter: none !important; /* IE6-9 */
-webkit-filter: none !important; /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.visual-item:focus .gray {
filter: none !important; /* Firefox 10+, Firefox on Android */
filter: none !important; /* IE6-9 */
-webkit-filter: none !important; /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.visual-hover a {
	text-decoration:none;
	outline:none;
} 

.gray {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
}


#newsoverlay {
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,0.9);
    transition: 1s 0.4s;
	display:none;
}

.close{
	position:absolute;
	right:5%;
	top:5%;
}

.newscontent
{
	width:80%;
	margin:8% auto;
}



#overlay {
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,0.9);
    transition: 1s 0.4s;
	display:none;
}

.loader {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
  width: 175px;
  height: 100px;
  transform:scale(0.50);
}
.loader span {
  display: block;
  background: #ccc;
  width: 7px;
  height: 10%;
  border-radius: 14px;
  margin-right: 5px;
  float: left;
  margin-top: 25%;
}
.loader span:last-child {
  margin-right: 0px;
}
.loader span:nth-child(1) {
  animation: load 2.5s 1.4s infinite linear;
}
.loader span:nth-child(2) {
  animation: load 2.5s 1.2s infinite linear;
}
.loader span:nth-child(3) {
  animation: load 2.5s 1s infinite linear;
}
.loader span:nth-child(4) {
  animation: load 2.5s 0.8s infinite linear;
}
.loader span:nth-child(5) {
  animation: load 2.5s 0.6s infinite linear;
}
.loader span:nth-child(6) {
  animation: load 2.5s 0.4s infinite linear;
}
.loader span:nth-child(7) {
  animation: load 2.5s 0.2s infinite linear;
}
.loader span:nth-child(8) {
  animation: load 2.5s 0s infinite linear;
}
.loader span:nth-child(9) {
  animation: load 2.5s 0.2s infinite linear;
}
.loader span:nth-child(10) {
  animation: load 2.5s 0.4s infinite linear;
}
.loader span:nth-child(11) {
  animation: load 2.5s 0.6s infinite linear;
}
.loader span:nth-child(12) {
  animation: load 2.5s 0.8s infinite linear;
}
.loader span:nth-child(13) {
  animation: load 2.5s 1s infinite linear;
}
.loader span:nth-child(14) {
  animation: load 2.5s 1.2s infinite linear;
}
.loader span:nth-child(15) {
  animation: load 2.5s 1.4s infinite linear;
}

@keyframes load {
  0% {
    background: #ccc;
    margin-top: 25%;
    height: 10%;
  }
  50% {
    background: #444;
    height: 100%;
    margin-top: 0%;
  }
  100% {
    background: #ccc;
    height: 10%;
    margin-top: 25%;
  }
}


.toggle {
  z-index: 9;
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  margin: 20px;
  margin-top:5px;
  padding: 1.8em 0em;
  cursor: pointer;
}

.toggle > div > div {
  width: 100%;
  height: 2px;
  margin: 0 0 0.63em 0;
  background-color: #dedede;
  transition-duration: 0.3s;
  transition-delay: 0s, 0s, 0s, 0s;
}

.toggle > div {
  height: 2.3em;
  width: 2.3em;
}

.toggle > div > div:nth-child(3) {
  width: 50%;
  float: right;
}