body { 
font-size:16px;
overflow:hidden;
height:100%;
width:100%;
background:rgb(26,37,47);
}

*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}

.group:before,
.group:after {
content: "";
display: table;
}
.group:after {
clear: both;
}
.group {
clear: both;
*zoom: 1;
}

.left {
float:left;
}

.right {
float:right;
}

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

.adjust-image {
max-width:100%;
}

.vertical-align {
vertical-align: top;
}

#wrap-whole-content {
width:inherit;
height:inherit;
z-index:5;
position:relative;
}

.nyk-new-logo-div {
width:20%;
min-width:200px;
margin:30px;
text-align: right;
position: absolute;
right:0;
}

header {
text-align: center;
height:667px;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
position: relative;
z-index: 5;
}

.top-menu-name {
color:#000;
font-family:"Josefin Slab",serif;
font-weight:bold;
vertical-align: bottom;
}

.menu-side a {
font-family:"Lato",serif;
}

.icon-list img {
height:20px;
width:auto;
vertical-align: middle;
}

.icon-list img:hover {
opacity:0.7;
}

#particle-canvas {
position: fixed !important;
opacity: 0.8;
background: rgb(26, 37, 47);
}

.name-slogan-div {
position: relative;
top:50%;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%);
}

h1 {
font-family:"Lato",serif;
font-size:1.8em;
color:#ccc;
width: 90%;
margin-left: auto;
margin-right: auto;
line-height: 20px;
text-align:center;
}

h2 {
font-family:"Oswald",serif;
font-size:1.5em;
color:#ccc;
width: 90%;
margin-left: auto;
margin-right: auto;
line-height: 20px;
text-align:center;
text-transform:uppercase;
}

h3 {
font-family:"Lato",serif;
font-size:1.2em;
color:#ccc;
width: 90%;
margin-left: auto;
margin-right: auto;
line-height: 20px;
text-align:center;
}

.heading-in-paragraph-div {
margin-bottom: 20px;
color: #1A252F;
}

p {
font-family:"Ubuntu",serif;
font-size:1.1em;
color:#1A252F;
display:inline-block;
text-align: justify;
}

.dj-nyk-heading-name {
font-family:"Roboto Slab",serif;
font-size:7em;
color:#ccc;
line-height: inherit;
}

.animated-heading {
background: 	-webkit-linear-gradient(92deg,#cccccc,#fe6f83);
		-moz-linear-gradient(92deg,#cccccc,#fe6f83);
		-ms-linear-gradient(92deg,#cccccc,#fe6f83);
		-o-linear-gradient(92deg,#cccccc,#fe6f83);
		linear-gradient(92deg,#cccccc,#fe6f83);
		
    		-webkit-background-clip: text;
    		-moz-background-clip: text;
    		-ms-background-clip: text;
    		-o-background-clip: text;
    		background-clip: text;
    		
    		-webkit-text-fill-color: transparent;
    		-moz-text-fill-color: transparent;
    		-ms-text-fill-color: transparent;
    		-o-text-fill-color: transparent;
    		text-fill-color: transparent;
    		
    		-webkit-animation-name:hue;
		-webkit-animation-duration: 2s;
		-webkit-animation-timing-function: linear;
		-webkit-animation-iteration-count: infinite;
		
		-moz-animation-name:hue;
		-moz-animation-duration: 2s;
		-moz-animation-timing-function: linear;
		-moz-animation-iteration-count: infinite;
		
		-ms-animation-name:hue;
		-ms-animation-duration: 2s;
		-ms-animation-timing-function: linear;
		-ms-animation-iteration-count: infinite;
		
		-o-animation-name:hue;
		-o-animation-duration: 2s;
		-o-animation-timing-function: linear;
		-o-animation-iteration-count: infinite;
		
		animation-name:hue;
		animation-duration: 2s;
		animation-timing-function: linear;
		animation-iteration-count: infinite;
}

@-webkit-keyframes hue {
    from {
      -webkit-filter: hue-rotate(0deg);
      filter: hue-rotate(0deg);
    }
    
    to {
      -webkit-filter: hue-rotate(360deg);
      filter: hue-rotate(360deg);
    }
}

@-moz-keyframes hue {
    from {
      -moz-filter: hue-rotate(0deg);
      filter: hue-rotate(0deg);
    }
    
    to {
      -moz-filter: hue-rotate(360deg);
      filter: hue-rotate(360deg);
    }
}

@-ms-keyframes hue {
    from {
      -ms-filter: hue-rotate(0deg);
      filter: hue-rotate(0deg);
    }
    
    to {
      -ms-filter: hue-rotate(360deg);
      filter: hue-rotate(360deg);
    }
}

@-o-keyframes hue {
    from {
      -o-filter: hue-rotate(0deg);
      filter: hue-rotate(0deg);
    }
    
    to {
      -o-filter: hue-rotate(360deg);
      filter: hue-rotate(360deg);
    }
}

.content {
z-index: 5;
background:url('https://nyk.djmusicweb.com/image/DJ%20NYK%20Loading%20Wallpaper%20With%20Image%20Online%20%28FILEminimizer%29.jpg');
background-position:bottom center;
background-repeat:no-repeat;
background-attachment:fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.content-alternative {
background:rgb(26,37,47);
}

.music-beyond-genres {
color:#ccc;
font-family:"Oswald",serif;
font-weight:normal;
font-size:1.4em;
}

.special-heading {
color:#ccc;
font-family:"Oswald",serif;
font-weight:normal;
font-size:1.8em;
}

.table-section {
position:relative;
padding-top:7%;
padding-bottom:7%;
}

.table-section-on-top {
position:relative;
padding-top:6%;
padding-bottom:12%;
}

.server-div {
border: 2px solid #ccc;
width: 80%;
font-family: 'Oswald', serif;
color: #ccc;
overflow:hidden;
margin-left: auto;
margin-right: auto;
}

.minimized-padding {
padding-top:2%;
}

.minimized-width {
width:60%;
}

.one-music-item {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
margin:20px;
}

.single-music-name {
display:inline-block;
float:left;
position: relative;
top: 50%;
-webkit-transform: translateY(60%);
-moz-transform: translateY(60%);
-ms-transform: translateY(60%);
-o-transform: translateY(60%);
transform: translateY(60%);
text-transform:uppercase;
}

.music-download-img-div {
display:inline-block;
float:right;
}

.play-pause-in-download-img-div {
width:35px;
display:inline-block;
margin-left: 10px;
cursor:pointer;
}

.play-pause-in-download-img-div:hover {
opacity:0.7;
}

.music-download-img-div a {
width:140px;
display:inline-block;
margin-left: 10px;
}

.music-download-img-div a:hover {
opacity:0.7;
}

.podcast, .podcast-explorer, .electronykacademy, .playlifeproject, .image-section, .wrap-main-content, .album , .album-explorer{
z-index:5;
position:relative;
}

.image-section {
padding:12% 0;
}

.image-section img:hover {
opacity:0.7;
}

.lightbox-photo-section img:hover {
opacity:0.7;
}

.play-life-image-div {
width:40%;
margin:0 auto;
padding-top:7%;
}

.electonyk-academy-logo-div {
width:20%;
min-width:150px;
float:right;
margin:40px;
text-align: right;
position: relative;
}

.one-music-image-div {
width:50%;
margin:0 auto;
text-align:center;
padding-top:12%;
padding-bottom:5%;
}

.three-social-plugin {
overflow: hidden;
width: 80%;
margin: 3% auto;
text-align: center;
margin-bottom:7%;
}

.two-social-plugin {
overflow: hidden;
width: 70%;
margin: 3% auto;
margin-bottom:7%;
}

.social-plugin-child {
display:inline-block;
margin-bottom:5%;
margin-left: 1%;
margin-right: 1%;
}

#flyer-section {
width:80%;
padding-top:12%;
margin: 0 auto;
text-align:center;
}

#flyer-section a, .lightbox-photo-section a {
display:inline-block;
width:31.56%;
min-width:200px;
margin: 7px;
vertical-align: top;
border:2px solid #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}

.lightbox-photo-section {
width:70%;
margin: 0 auto;
text-align:center;
}

#flyer-section img {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}

#flyer-section img:hover {
opacity:0.7;
}

.paragraph-div {
width:70%;
margin:5% auto;
text-align:center;
background: #fff;
padding: 30px;
border: 3px solid #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}

.paragraph-div-index {
width:60%;
margin-bottom:9.15750915750916%;
float: left;
text-align:center;
background: #fff;
padding: 30px;
border: 3px solid #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}

.visit-website-div {
width:50%;
}

.visit-website {
text-align:center;
}

.wrap-main-content {
width:80%;
margin:0 auto;
}

aside {
width: 35%;
float: right;
margin-bottom: 9.15750915750916%;
text-align: center;
}

.aside-image {
max-width: 100%;
border: 3px solid #ccc;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
}

.banner-div {
width:70%;
margin:2% auto;
text-align:center;
clear: both;
}

.banner-div-on-top {
width: 80%;
margin: 0 auto;
text-align: center;
padding-top: 12%;
}

.three-buttons-icon-set {
width:70%;
margin-left:auto;
margin-right:auto;
margin-top:2%;
margin-bottom:5%;
text-align:center;
}

.three-buttons-icon-set img {
width:150px;
height:auto;
cursor:pointer;
display:inline-block;
margin:10px;
}

.three-buttons-icon-set img:hover {
opacity:0.7;
}

#social-media-share-section {
width:70%;
margin:3% auto;
text-align:center;
padding:3% 0;
}

#social-media-share-section a {
width: 16%;
min-width: 130px;
display: inline-block;
margin: 10px;
}

#social-media-share-section img:hover {
opacity:0.7;
}

.banner-border {
border:4px solid #ccc;
}

#newrelease-menu {
width:80%;
margin: 0 auto;
padding-top:11%;
text-align:center;
}

#single-newrelease-menu,#album-newrelease-menu,#podcast-newrelease-menu {
width:30%;
min-width:200px;
display:inline-block;
height:auto;
margin-left:1.5%;
margin-right:1.5%;
margin-top:10px;
margin-bottom:10px;
border: 5px solid #ccc;
position: relative;
}

#single-newrelease-menu {
background:rgba(255,0,0,0.1);
}

#album-newrelease-menu {
background:rgba(255,212,0,0.1);
}

#podcast-newrelease-menu {
background:rgba(0,0,255,0.1);
}

.newrelease-nyk-logo-div {
width:40%;
margin:20% auto;
}

.newrelease-tag-name {
font-family:"Cookie",serif;
font-size:2.5em;
color:#ccc;
display:block;
margin:5% 0;
}

.click-here-div {
margin:15% 0;
background:#ccc;
color:#000;
padding:10px 20px;
display:inline-block;
font-family:"Ubuntu",serif;
}

.click-here-div:hover {
opacity:0.5;
cursor:pointer;
}

.top-left-corner, .top-right-corner, .bottom-left-corner, .bottom-right-corner {
width: 0;
height: 0;
position:absolute;
}

.top-left-corner {
border-top: 40px solid #ccc;
border-right: 40px solid transparent;
top: 0;
left: 0;
}

.top-right-corner {
border-top: 40px solid #ccc;
border-left: 40px solid transparent;
top: 0;
right: 0;
}

.bottom-left-corner {
border-bottom: 40px solid #ccc;
border-right: 40px solid transparent;
bottom: 0;
left: 0;
}

.bottom-right-corner {
border-bottom: 40px solid #ccc;
border-left: 40px solid transparent;
bottom: 0;
right: 0;
}

.podcast-tracklist-section {
width:60%;
margin:5% auto;
background: #fff;
padding: 30px;
border: 3px solid #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}

.podcast-tracklist-section ul {
margin-top: 30px;
}

.podcast-tracklist-section li {
text-transform:uppercase;
font-family:'Oswald',serif;
margin: 5px auto;
font-size:1em;
line-height: 1.3em;
}

#electronyk-maestros {
text-align: center;
margin-top: 30px;
}

.play-life-podcast-tracklist li {
list-style-type: disc;
list-style-position: inside;
}

#homegrown-talent-showcase, #guest-mix {
list-style-type:none;
}

/*--------------------NYK iPod---------------------*/

#nyk-ipod-section {
width:100%;
padding-top: 12%;
margin:0 auto;
text-align:center;
}

#nyk-ipod {
width:300px;
height:450px;
display:inline-block;
background:#fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
position:relative;
-webkit-box-shadow: inset 0 0 10px #000000;
-moz-box-shadow:    inset 0 0 10px #000000;
-ms-box-shadow:    inset 0 0 10px #000000;
-o-box-shadow:    inset 0 0 10px #000000;
box-shadow:         inset 0 0 10px #000000;
}

#nyk-ipod-display-screen {
width:250px;
height:175px;
margin:25px auto;
position:relative;
text-align:center;
background: url('https://nyk.djmusicweb.com/image/DJ%20NYK%20Loading%20Wallpaper%20With%20Image%20Online%20%28FILEminimizer%29.jpg');
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

#nyk-ipod-background-helper {
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
background:#384944;
opacity:0.6;
}

#nyk-ipod-background-helper marquee {
margin-top: 11px;
font-size: 16px;
font-family: 'Oswald', serif;
text-transform: uppercase;
color:white;
}

#nyk-ipod-background-helper progress {
position: absolute;
bottom: 10px;
left: 10px;
}

#music-duration-div {
position: absolute;
bottom: 15px;
left: 10px;
width:230px;
height:20px;
}

#music-duration-div span {
color:white;
font-family: 'Oswald', serif;
font-size:16px;
}

#music-duration-div #current-time {
float:left;
}

#music-duration-div #total-time {
float:right;
}

#nyk-ipod-logo-div {
width:50px;
margin:0 auto;
position: relative;
bottom: -190px;
}

#nyk-ipod-buttons-container {
width:150px;
height:150px;
margin:0 auto;
position:absolute;
bottom:30px;
left:75px;
background:#fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 0 2px 0 #000;
-moz-box-shadow:    0 0 2px 0 #000;
-ms-box-shadow:    0 0 2px 0 #000;
-o-box-shadow:    0 0 2px 0 #000;
box-shadow:       0 0 2px 0 #000;
}

#nyk-ipod-play-pause-button-container {
width:60px;
height:60px;
position:absolute;
bottom: 45px;
left: 45px;
background:#fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 0 2px 0 #000;
-moz-box-shadow:    0 0 2px 0 #000;
-ms-box-shadow:    0 0 2px 0 #000;
-o-box-shadow:    0 0 2px 0 #000;
box-shadow:       0 0 2px 0 #000;
}

#nyk-ipod-buttons-container img {
width: 25px;
height: auto;
cursor:pointer;
}

#nyk-ipod-play-pause-button-container img {
width: 30px;
height: auto;
position: absolute;
top:15px;
bottom: 15px;
left:15px;
right:15px;
cursor:pointer;
}

#nyk-ipod-play-pause-button-container img:hover, #nyk-ipod-buttons-container img:hover{
opacity:0.5;
}

#next-button {
position: absolute;
bottom: 62.5px;
right: 10px;
}

#previous-button {
position: absolute;
bottom: 62.5px;
left: 10px;
}

#vol-up-button {
position: absolute;
left: 62.5px;
top: 10px;
}

#vol-down-button {
position: absolute;
left: 62.5px;
bottom: 10px;
}

progress,          /* All HTML5 progress enabled browsers */
progress[role]     /* polyfill */
{

	/* Turns off styling - not usually needed, but good to know. */
	
	-webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;

	/* gets rid of default border in Firefox and Opera. */ 
	border: none;

	/* Needs to be in here for Safari polyfill so background images work as expected. */
	-webkit-background-size: auto;
        -moz-background-size: auto;
        -ms-background-size: auto;
        -o-background-size: auto;
        background-size: auto;
	
	/* Dimensions */
	width: 230px;
	height: 4px;
	cursor:pointer;
}

/* Polyfill */
progress[role]:after {
	background-image: none; /* removes default background from polyfill */
}

/* Ensure fallback text doesn't appear in polyfill */
progress[role] strong {
	display: none;
}

progress,                          /* Firefox  */ 
progress[role][aria-valuenow] {    /* Polyfill */
   background: #384944 !important; /* !important is needed by the polyfill */
}

/* Chrome */
progress::-webkit-progress-bar {
    background: #384944;
}

/* IE10 */
progress {
    color: white;
}

/* Firefox */
progress::-moz-progress-bar { 
    background: white;	
}

/* Chrome */
progress::-webkit-progress-value {
    background: white;
}

/* Polyfill */
progress[aria-valuenow]:before  {
    background: white;
}

/*--------------------NYK iPod---------------------*/

/*--------------------NYK TV---------------------*/

.nyk-tv-video-section {
width:100%;
margin:0 auto 5% auto;
padding-top:12%;
padding-bottom:6%;
text-align:center;
}

.nyk-tv-video-container-div {
width:800px;
margin:3% auto;
text-align:center;
position:relative;
border-width: 40px;
border-style: solid;
border-image: -webkit-gradient(radial, center center, 0, center center, 460, from(#ebd292), to(#000));
border-image: -webkit-radial-gradient(#ebd292, #000) 40% repeat;
border-image: -moz-radial-gradient(#ebd292, #000) 40% repeat;
border-image: -ms-radial-gradient(#ebd292, #000) 40% repeat;
border-image: -o-radial-gradient(#ebd292, #000) 40% repeat;
border-image: radial-gradient(#ebd292, #000) 40% repeat;
-webkit-box-shadow: 0px 1px 20px #000000;
-moz-box-shadow: 0px 1px 20px #000000;
-ms-box-shadow: 0px 1px 20px #000000;
-o-box-shadow: 0px 1px 20px #000000;
box-shadow: 0px 1px 20px #000000;
}

#nyk-tv {
display:inline-block; 
margin:0;
height:30px;
width:auto;
position: absolute;
bottom: -35px;
left: 342.5px;
}

#nyk-tv-joint {
width:40px;
height:60px;
position:absolute;
background: 	-webkit-linear-gradient(#3E3727,#000);
		-moz-linear-gradient(#3E3727,#000);
		-ms-linear-gradient(#3E3727,#000);
		-o-linear-gradient(#3E3727, #000);
		linear-gradient(#3E3727,#000);
bottom: -100px;
left: 340px;
border-top: 1px solid #131415;
}

#nyk-tv-base {
width:200px;
height:10px;
position:absolute;
background: #040402;
bottom: -110px;
left: 260px;
}


/*--------------------NYK TV---------------------*/

/*--------------------Video---------------------*/
.video-section {
width:70%;
margin:0 auto 5% auto;
text-align:center;
}

.video-container-div {
width:650px;
margin:0 auto;
text-align:center;
border: 10px solid rgb(0,0,0);
border: 10px solid rgba(0,0,0,0.9); 
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
position:relative;
}

.video-container-div-of-two-videos {
width:45%;
display:inline-block;
margin:0 auto;
text-align:center;
border: 10px solid rgb(0,0,0);
border: 10px solid rgba(0,0,0,0.9); 
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 10px;
position:relative;
}

.embed-container { 
position: relative; 
padding-bottom: 56.25%; 
height: 0; 
overflow: hidden; 
max-width: 100%; 
background:rgb(0,0,0);
background: rgba(0,0,0,0.9);
} 

.embed-container iframe, .embed-container object, .embed-container embed { 
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
}
/*--------------------Video---------------------*/

/*--------------------Footer---------------------*/

footer {
width:100%;
position: relative;
}

#footer-bottom {
color: #ccc;
font-family: "Ubuntu", serif;
font-weight:500;
font-size: 1em;
text-transform: uppercase;
}

#footer-bottom a{
color: #ccc;
text-decoration: none;
}

#footer-bottom a:hover{
color: #F9F9F9;
}

.inner-footer {
width: 90%; 
margin: 0 auto;
padding: 15px 0;
}

#footer-left, #footer-right {
display:inline-block;
line-height:1.7;
}

#footer-left a {
padding-left: 10px;
border-left: 1px solid #ccc;
margin-left: 10px;
}

#footer-right a {
padding-left: 10px;
margin-left: 10px;
border-left: 0px!important;
}
/*--------------------Footer---------------------*/