/*=========DESKTOP STYLES============*/

@media screen and (min-width: 1260px) {	

	html, body {
		width: 100vw;
		overflow-x: hidden !important;
		z-index: 0;
	}

	.main-content {
		position: relative;
		width: 100vw;
		margin-top: 20px;
	}

	/*START PRE-MAIN-CONTENT STYLES*/
		/*START HEADER BAR STYLES*/

			.header-bar {
				position: fixed;
				top: 0;
				left: 0;
				width: 100vw;
				height: 60px;
				background: #fff; 
				z-index: 800;
				box-shadow: 2px 4px 10px rgba(0,0,0,0.35);
				transition: all 0.2s ease-out;
			}
		/*END HEADER BAR STYLES*/

		/*START NAV MENU STYLES*/
			/*START NAV DOT STYLES*/
				.nav-dots {
					position: fixed;
					width: 40px;
					height: 40px;
					background: #50E3C2;
					overflow: hidden;
					cursor: pointer;
					right: 15px;
					top: 10px;
					z-index: 900;
					border-radius: 2px;
					box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
				}

				.nav-dot {
					position: absolute;
					width: 5px;
					height: 5px;
					background: #fff;
					border-radius: 100%;
					margin-left: 18px;
					z-index: 900;
					transition: all 0.2s ease-out;
				}

				.nav-dot-top {
					margin-top: 6px;
					transition: all 0.2s ease-out;
				}

				.nav-dots.nav-open > .nav-dot-top {
					margin-top: 17px;
					transition: all 0.2s ease-out;
				}

				.nav-dot-middle {
					margin-top: 17px;
					transition: all 0.2s ease-out;
				}

				.nav-dot-bottom {
					margin-top: 28px;
					transition: all 0.2s ease-out;
				}

				.nav-dots.nav-open > .nav-dot-bottom {
					margin-top: 17px;
					transition: all 0.2s ease-out;
				}

				.nav-dot-x {
					position: absolute;
					width: 5px;
					height: 5px;
					background: #fff;
					border-radius: 80%;
					z-index: 900;
					transition: all 0.2s ease-out;
				}

				.nav-dot-top-left {
					margin-left: 18px;
					margin-top: 6px;
					transition: all 0.2s ease-out;
				}

				.nav-dots.nav-open > .nav-dot-top-left {
					margin-left: 6px;
					transition: all 0.2s ease-out;
				}

				.nav-dot-top-right {
					margin-left: 18px;
					margin-top: 6px;
					transition: all 0.2s ease-out;
				}

				.nav-dots.nav-open > .nav-dot-top-right {
					margin-left: 30px;
					transition: all 0.2s ease-out;
				}

				.nav-dot-bottom-left {
					margin-left: 18px;
					margin-top: 28px;
					transition: all 0.2s ease-out;
				}

				.nav-dots.nav-open > .nav-dot-bottom-left {
					margin-left: 6px;
					transition: all 0.2s ease-out;
				}

				.nav-dot-bottom-right {
					margin-left: 18px;
					margin-top: 28px;
					transition: all 0.2s ease-out;
				}

				.nav-dots.nav-open > .nav-dot-bottom-right {
					margin-left: 30px;
					transition: all 0.2s ease-out;
				}
			/*END NAV DOT STYLES*/

			/*START MENU OVERLAY STYLES*/
				.menu-overlay {
					position: fixed;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					padding-top: 200px;
					z-index: 800;
					background: rgba(20,20,20,0.95);
					width: 100vw;
					height: 100vh;
					font-family: 'agape', sans-serif;
					overflow: hidden;
					opacity: 0;
					-webkit-filter: blur(10px);
					transform-origin: center;
					transform: scale(0);
					transition: all 0.2s ease-out;
				}

				.menu-overlay.menu-open {
					opacity: 1;
					-webkit-filter: blur(0);
					transform-origin: center;
					transform: scale(1);
					transition: all 0.2s ease-out;
				}

				/*START MENU NAV BAR STYLES*/
					.menu-nav-bar-container {
						position: absolute;
						margin-top: 111px;
						transition: all 0.2s ease-out;
					}

					.menu-nav-bar-container.item-1 {
						margin-top: 111px;
						transition: all 0.2s ease-out;
					}

					.menu-nav-bar-container.item-2 {
						margin-top: 174px;
						transition: all 0.2s ease-out;
					}

					.menu-nav-bar-container.item-3 {
						margin-top: 237px;
						transition: all 0.2s ease-out;
					}

					.menu-nav-bar-container.item-4 {
						margin-top: 300px;
						transition: all 0.2s ease-out;
					}

					.menu-nav-bar {
						position: absolute;
						left: 0;
						background-image: url('../img/stripes-block-alt-2.svg');
						background-size: 230px;
						width: 230px;
						height: 40px;
						z-index: 801;
						opacity: 0.85;
					}

					.menu-nav-bar-block {
						position: absolute;
						left: 170px;
						width: 60px;
						height: 40px;
						z-index: 802;
						background: #50E3C2;
					}
				/*END MENU NAV BAR STYLES*/

				/*START MENU NAV ITEM+NUMBER STYLES*/
					.menu-nav-numbers {
						position: absolute;
						margin-left: 177px;
						margin-top: 100px;
						z-index: 890;
					}

					.menu-nav-number {
						font-family: 'helvetica', sans-serif;
						font-size: 3em;
						color: #e3e3e3;
						line-height: 1.33em;
						text-shadow: 0px 1px 3px rgba(0,0,0,0.15);
						cursor: pointer;
					}

					.menu-nav-number {
						font-weight: 700;
						letter-spacing: -2px;
					}

					.menu-nav-number.active {
						color: #fff;
						text-shadow: 1px 1px 3px rgba(0,0,0,0.25);
					}

					.menu-nav-items {
						position: relative;
						border-left: 3px solid #ffffff;
						padding-left: 20px;
						margin-left: 245px;
						margin-top: 96px;
						z-index: 890;
					}

					.menu-nav-item {
						font-size: 3em;
						font-weight: 600;
						color: #e3e3e3;
						line-height: 1.35em;
						text-shadow: 2px 2px 5px rgba(0,0,0,0.15);
						cursor: pointer
					}

					.menu-nav-item.active {
						color: #9AEEDB;
					}
				/*END MENU NAV ITEM+NUMBER STYLES*/
			/*END MENU OVERLAY STYLES*/
		/*END NAV MENU STYLES*/

		/*START LOGO SHORTCUT STYLES*/
			.logo-shortcut-container {
				position: fixed;
				left: 15px;
				top: 3px;
				z-index: 500;
				width: 80px;
				height: 85px;
			}

			.logo-shortcut-img {
				width: 60px;
				height: auto;
				opacity: 0.85;
			}
		/*END LOGO SHORTCUT STYLES*/


		/*START CONTACT OVERLAY STYLES*/
			.contact-overlay {
				position: fixed;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				z-index: 800;
				background: rgba(20,20,20,0.95);
				width: 100vw;
				height: 100vh;
				font-family: 'agape', sans-serif;
				overflow: hidden !important;
				opacity: 0;
				-webkit-filter: blur(10px);
				transform-origin: center;
				transform: scale(0);
				transition: all 0.2s ease-out;
			}

			.contact-overlay.contact-expanded {
				opacity: 1;
				-webkit-filter: blur(0);
				transform-origin: center;
				transform: scale(1);
				transition: all 0.2s ease-out;
			}

			.close-contact {
				width: 20px;
				height: auto;
				position: absolute;
				right: 30px;
				top: 20px;
				cursor: pointer;
			}

			#h2 {
				font-family: 'agape', sans-serif;
				font-size: 3em;
				letter-spacing: -3px;
				font-weight: 800;
				color: #fff;
				text-transform: lowercase;
				padding-left: 20px;
				margin-left: 245px;
				margin-top: 111px;
			}

			.contact-form {
				position: relative;
				width: 40vw;
				height: 80vh;
				padding-left: 20px;
				margin-left: 245px;
				margin-top: 10px;
			 	font-family: 'proxima-nova', sans-serif;
				font-weight: 300;
			}

			.form-container {
				position: relative;
				width: 100%;
				height: auto;
				overflow: hidden;
				transition: all 0.3s ease-out;
			}


			input[type="text"], input[type="email"], textarea {
				font-family: 'proxima-nova', sans-serif;
				font-weight: 300;
				background: transparent;
				border: 1px solid #f1f1f1;
				width: 95%;
				margin-top: 10px;
				padding: 4px;
				padding-left: 6px;
				color: #fff;
				border-radius: 2px;
			}

			::-webkit-input-placeholder {
				font-family: 'proxima-nova', sans-serif;
				font-weight: 300;
			   	color: #f1f1f1;
			}

			:-moz-placeholder { /* Firefox 18- */
				font-family: 'proxima-nova', sans-serif;
				font-weight: 300;
			   	color: #f1f1f1;  
			}

			::-moz-placeholder {  /* Firefox 19+ */
				font-family: 'proxima-nova', sans-serif;
				font-weight: 300;
			   	color: #f1f1f1;  
			}

			:-ms-input-placeholder {  
				font-family: 'proxima-nova', sans-serif;
				font-weight: 300;
			   	color: #f1f1f1;  
			}

			.form-btn {
				position: relative;
				display: inline-block;
				width: calc(20vw - 32.5px);
				height: 40px;
				padding: 5px 0;
				margin-left: 15px;
				margin-top: 10px;
				border-radius: 2px;
				box-shadow: none;
				font-family: 'proxima-nova', sans-serif;
				font-weight: 400;
				letter-spacing: 0.02em;
				-webkit-user-select: none !important;
				user-select: none !important;
			}

			#submit {
				margin-left: 0;
				display: inline-block;
			}

		/*END CONTACT OVERLAY STYLES*/
	/*END PRE-MAIN-CONTENT STYLES*/


	/*START LANDING CONTAINER STYLES*/
		.landing-container {
			position: relative;
			width: 100vw;
			height: 110vh;
			overflow: hidden;
			margin: 0;
			top: 0;
			padding-top: 50px;
		}

		.bg-container {
			position: absolute;
			top: 0;
			margin: 0 auto;
			margin-top: 0;
			left: 0;
			right: 0;
			width: calc(100vw - 100px);
			height: 110vh;
			border: 15px solid #000;
			overflow: hidden;
			z-index: 0;
		}

		.landing-border {
			position: absolute;
			top: 0;
			margin: 0 auto;
			margin-top: 0;
			left: 0;
			right: 0;
			width: calc(100vw - 100px);
			height: 110vh;
			border: 15px solid #000;
			z-index: 11;
		}

		.landing-bg-img {
			/*height: 110vh;
			width: auto;*/
			/*width: 135vw;
			height: auto;*/
			height: 110vh;
			width: auto;
			transform: translateX(-150px);
			transition: all 0.2s ease-out;
		}

		.landing-rect {
			position: absolute;
			width: 350px;
			height: 582px;
			background: #333;
			z-index: 5;
			margin: 0;
			left: calc(100vw - 525px);
			right: 175px;
			margin-top: -15px;
			box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
		}

		.landing-dot-grid {
			position: absolute;
			z-index: 10;
			width: 43vw;
			height: calc(100vh - 270px);
			background-image: url('../img/dot-unit-light.svg');
			background-size: 25px;
			margin: 0;
			right: 50px;
			margin-top: 270px;
			opacity: .5;
		}

		.header-slashes {
			position: absolute;
			z-index: 11;
			height: 60px;
			width: auto;
			margin-top: 250px;
		}

		.landing-text-container {
			position: absolute;
			width: 340px;
			overflow-x: hidden;
			z-index: 50;
			top: 0;
			margin: 0;
			right: 165px;
		}

		.header-text {
			font-family: 'agape', sans-serif;
			font-weight: 800;
			font-size: 5em;
			letter-spacing: -1px;
			text-align: left;
			color: #fff;
			text-shadow: 0 1px 3px rgba(0,0,0,0.35);
			padding-top: 100px;
			line-height: 0.8em;
		}

		.subheader-text {
			font-family: 'agape', sans-serif;
			font-weight: 200;
			font-size: 2em;
			text-align: left;
			padding-top: 15px;
			text-transform: none;
			color: #f1f1f1;
		}

		.subheader-list {
			font-family: 'agape', sans-serif;
			font-weight: 600;
			font-size: 2em;
			letter-spacing: -1px;
			text-align: left;
			color: #f1f1f1;
			text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
			margin-top: 100px;
			line-height: 1.35em;
			padding-left: 15px;
		}

		.landing-icons-container {
			position: absolute;
			right: 555px;
			margin-top: 350px;
			z-index: 100;
			transform: scale(1.1);
		}

		.landing-icon {
			width: 60px;
			height: 60px;
			border-radius: 100%;
			overflow: hidden;
			display: block;
			cursor: pointer;
			box-shadow: 1px 2px 5px rgba(0,0,0,0.4);
		}

		.landing-icon-img {
			width: 25px;
			height: auto;
			margin-left: 18px;
		}

		.landing-icon-img-hl {
			width: 25px;
			height: auto;
			margin-left: 18px;
		}

		.contact-icon {
			margin-bottom: 25px;
			background: #333;
			transition: all 0.3s ease-out;
		}

		.contact-icon:hover {
			background: #ffffff;
			transition: all 0.3s ease-out;
		}

		.contact-icon-img {
			margin-top: 22px;
			transition: all 0.3s ease-out;
		}

		.contact-icon-img-hl {
			position: absolute;
			margin-top: 22px;
			opacity: 0;
			transition: all 0.3s ease-out;
		}

		.contact-icon:hover > .contact-icon-img-hl {
			opacity: 1;
			transition: all 0.3s ease-out;
		}

		.listen-icon {
			background: rgb(80, 227, 194);
		}

		.listen-icon:hover {
			background: #ffffff;
			transition: all 0.3s ease-out;
		}

		.listen-icon-img {
			margin-top: 18.6px;
		}

		.listen-icon-img-hl {
			position: absolute;
			margin-top: 18.6px;
			opacity: 0;
			transition: all 0.3s ease-out;
		}

		.listen-icon:hover > .listen-icon-img-hl {
			opacity: 1;
			transition: all 0.3s ease-out;
		}
	/*END LANDING CONTAINER STYLES*/


	/*START AUDIO-VIDEO CONTAINER STYLES*/
		.audio-video-container {
			position: relative;
			width: 100vw;
			height: auto;
			margin-top: 140px;
		}

		/*START A/V BG STYLES*/
			.av-drew-alpha-container {
				position: absolute;
				display: block;
				width: 73vw;
				height: 75vw;
				z-index: 10;
				left: -20px;
				margin-top: 800px;
				z-index: 10;
				overflow: hidden !important; 
				-webkit-user-select: none !important;
				user-select: none !important;
			}
			.av-drew-alpha {
				width: 73vw;
				height: auto;
				-webkit-user-select: none !important;
				user-select: none !important;
				transform-origin: center middle;
				transform: rotate(3deg);
			}

			.av-tracks-slashes {
				position: absolute;
				top: 0;
				left: 20vw;
				width: 80vw;
				height: 200px;
				z-index: 0;
				overflow: hidden;
			}

			.av-videos-slashes {
				position: absolute;
				top: 0;
				right: 20vw;
				width: 80vw;
				height: 200px;
				margin-top: 670px;
				z-index: 0;
				overflow: hidden;
			}

			.main-slashes {
				position: absolute;
				margin-top: 20px;
				width: 100vw;
				height: auto;
			}

			.av-dot-grid-01 {
				position: absolute;
				z-index: -2;
				right: 0;
				background-image: url('../img/dot-unit.svg');
				background-size: 25px;
				opacity: 0.55;
				width: 87vw;
				height: 480px;
				margin-top: -50px;
			}

			.av-dot-grid-02 {
				position: absolute;
				z-index: -2;
				left: 0;
				background-image: url('../img/dot-unit.svg');
				background-size: 25px;
				opacity: 0.55;
				width: 87vw;
				height: 980px;
				margin-top: 740px;
			}

			.av-color-block-01 {
				position: absolute;
				z-index: -3;
				background: #9AEEDB;
				width: 35vw;
				height: 350px;
				left: 0;
				margin-top: -70px;
			}

			.av-color-block-02 {
				position: absolute;
				z-index: -3;
				background: #9AEEDB;
				width: 35vw;
				height: 650px;
				right: 0;
				margin-top: 640px;
			}

			.bg-text-container {
				position: absolute;
				width: 100vw;
				z-index: -1;
				margin-top: -190px;
				overflow-x: hidden !important;
			}

			.bg-text {
				font-family: 'agape', sans-serif;
				font-weight: 900;
				font-size: 20em;
				letter-spacing: -0.035em;
				color: #555;
				opacity: 0.1;
				mix-blend-mode: multiply;
			}

			.tracks-bg-text {
				margin-left: -20px;
			}

			.videos-bg-text {
				display: inline-block;
				width: calc(100vw - 50px);
				text-align: right;
				margin-top: 280px;
			}
		/*END A/V BG STYLES*/

		/*START AUDIO CONTAINER STYLES*/
			.tracks-container {
				position: relative;
				display: inline-block;
				width: 55vw;
				margin: 0;
				margin-left: 50px;
				margin-top: 50px;
				margin-bottom: 20px;
				font-family: 'proxima-nova', sans-serif;
			}

			.tracks-wrapper {
				position: relative;
				width: 95%;
				margin: 0;
				padding-bottom: 20px;
				background: #d8d8d8;
				box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.25);
				/*box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);*/
			}

			.av-header {
				display: inline-block;
				font-family: 'agape', sans-serif;
				font-weight: 900;
				letter-spacing: -2px;
				font-size: 5em;
				color: #555;
				margin-left: 25px;
				margin-top: -35px;
			}

			.tracks-list {
			  width: 100%;
			  margin: 0;
			  margin-left: 0;
			  margin-top: 10px;
			  font-family: 'proxima-nova', sans-serif;
			}

			.track {
			  font-family: 'proxima-nova', sans-serif;
			  width: 100%;
			  padding: 15px 10px;
			  padding-left: 30px;
			  font-weight: 300;
			  font-size: 1em;
			  color: #555;
			  cursor: pointer;
			  transition: all 0.4s ease-out;
			  margin-bottom: 0;
			}

			.track.active {
			  font-weight: 700;
			  transition: all 0.2s ease-out;
			  box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.2);
			}

			.song-title-li {
				text-transform: capitalize;
			}

			.float-left {
			  display: inline-block;
			  float: left;
			  width: 30px;
			  height: 25px;
			  margin-top: -2px;
			}

			.player-bars {
			  display: inline-block;
			  width: 15px;
			  height: 15px;
			  overflow: hidden;
			  margin-right: 8px;
			  margin-left: 5px;
			  transition: all 0.3s ease-out;
			}

			.player-bars img {
			  width: 15px;
			  height: 15px;
			  margin-top: 16px;
			  -webkit-filter: invert(60%);
			  filter: invert(60%);
			  opacity: 0.95;
			  transition: all 0.3s ease-out;
			}

			.player-bars.active > img {
			  margin-top: 0;
			  transition: all 0.3s ease-out;
			}

			.float-right {
			  float: right;
			  width: 80px;
			  margin-right: 30px;
			}

			.spotify-icon {
			  display: inline-block;
			  float: left;
			  cursor: pointer;
			  margin-right: 20px;
			}

			.spotify-icon img {
			  width: 20px;
			  height: 20px;
			}

			.track-duration {
			  font-size: 1em;
			}
		/*END AUDIO CONTAINER STYLES*/

		/*START ALBUM CONTAINER STYLES*/
			.album-info-container {
				position: relative;
				display: inline-block;
				width: 40vw;
				float: right;
				padding-left: 50px;
			}

			/*START ALBUM COVER STYLES*/
				.album-cover-container {
					position: relative;
					display: block;
					width: 100%;
					height: 350px;
					float: none;
				}

				.album-container {
					position: absolute;
					margin: 0 auto;
					left: 0;
					right: 0;
					margin-top: 50px;
				}

				.current-album {
					position: absolute;
					left: 90px;
					top: -1px;
					z-index: 6;
					width: 260px;
					height: 260px;
					overflow: hidden !important;
					border-radius: 3px;
					background-image: url('../img/white_wall_hash_@2X.png');
					background-size: 500px;
					background-repeat: repeat;
					transform: translateX(0);
					transition: all 0.2s ease-out;
				}

				.current-album.active {
					transform: translateX(-50px);
					transition: all 0.2s ease-out;
				}

				.current-cover {
					min-height: 260px;
					min-width: 260px;
					height: auto;
					width: auto;
				}

				.album-shadow {
					position: absolute;
					z-index: 5;
					opacity: 0.35;
					-webkit-mix-blend-mode: multiply;
					mix-blend-mode: multiply;
					transform: translateX(0);
					transition: all 0.2s ease-out;
				}

				.current-album.active ~ .album-shadow {
					transform: translateX(-50px);
					transition: all 0.2s ease-out;
				}

				.album-vinyl {
					position: absolute;
					z-index: 4;
					top: 2px;
					left: 90px;
					transform: translateX(0);
					transform-origin: center middle;
					transition: all 0.3s ease-out;
				}

				.album-vinyl.active {
					transform: translateX(50px);
					transform-origin: center middle;
					transition: all 0.3s ease-out;
				}

				.album-vinyl.playing {
					position: absolute;
					transform: translateX (50px);
					transform-origin: center middle;
					animation: playing 1.4s infinite linear;
				}

				.vinyl-shadow {
					position: absolute;
					z-index: 3;
					opacity: 0.15;
					-webkit-mix-blend-mode: multiply;
					mix-blend-mode: multiply;
					transform: translateX(0);
					transition: all 0.05s ease-out;
				}

				.album-vinyl.active ~ .vinyl-shadow {
					position: absolute;
					transform: translateX(50px);
					transition: all 0.2s ease-out;
				}

				@keyframes playing {
					0% {
						transform: translateX(50px) rotate(0);
					}
					100% {
						transform: translateX(50px) rotate(359deg);
					}
				}
			/*END ALBUM COVER STYLES*/

			/*START ALBUM INFO STYLES*/
				.album-info {
					position: relative;
					display: block;
					padding-left: 95px;
					transform: translateX(0);
					transition: all 0.2s ease-out;
				}

				.album-info.active {
					transform: translateX(-50px);
					transition: all 0.2s ease-out;
				}

				.album-name {
					font-size: 1.5em;
					font-weight: 600;
					text-transform: uppercase;
					color: #555;
				}

				.album-type {
					font-size: 0.85em;
					font-weight: 300;
					color: #999;
					text-transform: uppercase;
				}

				.album-italics {
					font-family: 'proxima-nova-italic', sans-serif;
					font-size: 1.2em;
					font-weight: 300;
					color: #999;
				}
			/*END ALBUM INFO STYLES*/
		/*END ALBUM CONTAINER STYLES*/

		/*START VIDEO CONTAINER STYLES*/
			.videos-container {
				position: relative;
				display: inline-block;
				width: 792px;
				margin-top: 200px;
				margin-left: calc(100vw - 842px);
				margin-bottom: 20px;
			}

			.videos-wrapper {
				position: relative;
				width: 792px;
				padding-bottom: 25px;
				background: #d8d8d8;
				box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.25);
				/*box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);*/
			}

			.video-thumbs-viewport {
				position: relative;
				width: 792px;
				height: 712px;
				margin: 0;
				z-index: 300;
			}

			.video-prev-arrow, .video-next-arrow {
				display: none;
			}

			.video-thumbs {
				position: relative;
				display: block;
			  	width: 792px;
			  	height: 712px;
			  	margin-top: 25px;
			}

			.video-thumb {
				position: relative;
				display: inline-block;
				background: #fff;
				width: 316px;
				height: 316px;
				margin-left: 40px;
				margin-bottom: 40px;
				box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.25);
				transition: all 0.2s ease-out;
			}

			.video-thumb:hover {
				box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.25);
				transition: all 0.2s ease-out;
			}

			.video-thumb-clone {
				display: none;
			}

			.video-thumb-wrapper {
				position: relative;
				display: block;
				width: 100%;
				height: 100%;
				overflow: hidden !important;
			}

			.video-thumbnail {
				position: absolute;
				top: 0;
				left: 0;
				display: block;
				width: 100%;
				height: 210px;
				overflow: hidden !important;
				cursor: pointer;
			}

			.video-thumb-img {
				display: block;
				height: 310px;
				width: auto;
				transform: translateX(-49px) translateY(-46px);
			}

			.thumbnail-overlay {
				position: absolute;
				z-index: 501;
				width: 100%;
				height: 100%;
				background-color: #1deaa9;
				opacity: 0.1;
				-webkit-mix-blend-mode: lighten;
				mix-blend-mode: lighten;
			}

			.video-thumb-overlay {
				position: absolute;
				display: block;
				top: 0;
				width: 75px;
				height: 75px;
				z-index: 500;
				left: 0;
				right: 0;
				margin: 0 auto;
				margin-top: 105px;
				transform: translateY(-50%);
			}

			.video-play-icon {
				position: relative;
				width: 75px;
				height: auto;
				z-index: 501;
				cursor: pointer;
			}

			.video-info-container {
				position: absolute;
				bottom: 0;
				width: calc(100% - 30px);
				height: 92px;
				padding-left: 30px;
				color: #555;
			}

			.video-thumb-title {
				font-size: 1.45em;
				font-weight: 500;
				line-height: 1.45em;
				cursor: pointer;
				color: #333;
			}

			.video-thumb-subtitle {
				font-size: 0.85em;
				font-weight: 300;
				color: #555;
			}

			.video-stats {
				padding-top: 9px;
				font-size: 0.7em;
				font-weight: 400;
				color: #b0b0b0;
			}

			.stats-item {
				position: relative;
				display: inline-block;
				margin-right: 15px;
			}

			.item-views, .item-likes {
				-webkit-user-select: none;
				user-select: none;
			}

			.stats-icon {
				width: 11px;
				height: auto;
				transform: translateY(-1px);
			}
		/*END VIDEO CONTAINER STYLES*/	
	/*END AUDIO-VIDEO CONTAINER STYLES*/


	/*START ABOUT CONTAINER STYLES*/
		.about-container {
			position: relative;
			width: 100vw;
			height: 600px;
			background: #333;
			color: #fff;
			margin-top: 180px;
			z-index: 10;
		}

		.about-mic {
			position: absolute;
			display: block;
			width: 500px;
			height: auto;
			right: calc((50vw - 470px)/2);
			z-index: 12;
			margin-top: 220px;
		}

		.about-dot-grid {
			position: absolute;
			z-index: 11;
			width: 50vw;
			height: calc(100vh - 270px);
			background-image: url('../img/dot-unit-light.svg');
			background-size: 25px;
			margin: 0;
			right: 0;
			margin-top: 220px;
			opacity: .5;
		}

		.about-bg-text-container {
			position: absolute;
			z-index: 11;
			width: 100vw;
			overflow-x: hidden;
			margin-top: -80px;
		}

		.about-bg-text {
			width: 200vw;
			color: #fff;
			margin-left: 10px;
			letter-spacing: 0;
		}

		.about-content-wrapper {
			position: relative;
			width: 55vw;
			height: auto;
			padding: 0 60px;
			padding-top: 140px;
		}

		.about-header {
			font-family: 'agape', sans-serif;
			font-weight: 900;
			letter-spacing: -2px;
			font-size: 5em;
			color: #fff;
			margin-left: 25px;
		}

		.about-content {
			margin-left: 25px;
			font-size: 1.2em;
			line-height: 1.4em;
			font-weight: 300;
		}

		.about-content p {
			margin-top: 20px;
		}
	/*END ABOUT CONTAINER STYLES*/

	/*START EVENTS CONTAINER STYLES*/
		.events-container {
			position: relative;
			width: 100vw;
			margin-top: 250px;
			z-index: 10;
		}

		.events-slashes {
			position: absolute;
			top: 0;
			left: 30vw;
			width: 80vw;
			height: 200px;
			z-index: 0;
			overflow: hidden;
			margin-top: 120px;
		}

		.events-dot-grid {
			position: absolute;
			z-index: -2;
			left: 0;
			background-image: url('../img/dot-unit.svg');
			background-size: 25px;
			opacity: 0.55;
			width: 43vw;
			height: 480px;
			margin-top: 40px;
		}

		.events-color-block {
			position: absolute;
			z-index: -3;
			background: #9AEEDB;
			width: 50vw;
			height: 250px;
			left: 0;
			margin-top: 0;
		}

		.events-bg-text-container {
			position: absolute;
			width: 100vw;
			height: auto;
			z-index: -1;
			margin-top: -90px;
			overflow: hidden !important;
		}

		.events-bg-text {
			margin-left: -20px;
		}

		.events-content-wrapper {
			position: relative;
			display: block;
			width: 90vw;
			margin: 0 auto;
			padding-top: 150px;
		}

		.events-header {
			font-family: 'agape', sans-serif;
			font-weight: 900;
			letter-spacing: -2px;
			font-size: 5em;
			color: #555;
		}

		.event-placeholder {
			margin: 0;
			margin-top: 20px;
			margin-left: 70px;
			width: 55vw;
		}

		.event-item {
			position: relative;
			display: block;
			width: 100%;
			margin-top: 50px;
			cursor: default;
		}

		.event-item-wrapper {
			position: relative;
			display: block;
			width: 100%;
			height: auto;
			margin-top: 22.5px;
		}

		.event-img-container {
			position: relative;
			display: inline-block;
			float: left;
			width: 175px;
			height: 95px;
			overflow: hidden !important;
			z-index: 50;
			cursor: pointer;
			transition: all 0.3s ease-out;
		}

		.event-img {
			position: relative;
			display: block;
			width: 185px;
			height: auto;
			z-index: 50;
			transform: scale(1);
			transition: all 0.3s ease-out;
		}

		.event-img-container:hover > .event-img {
			transform: scale(1.2);
			transition: all 0.3s ease-out;
		}

		.event-img-shadow {
			position: absolute;
			top: 0;
			left: 0;
			width: 175px;
			height: 95px;
			box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.3);
			z-index: 3;
			transition: all 0.3s ease-out;
		}

		.event-img-container:hover ~ .event-img-shadow {
			box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.5);
			transition: all 0.3s ease-out;
		}

		.event-title-container {
			position: relative;
			display: inline-block;
			float: left;
			width: 450px;
			height: auto;
			margin-left: 30px;
			margin-top: 47.5px;
			overflow: hidden;
			z-index: 51;
			transform: translateY(-50%);
		}

		.event-title {
			position: relative;
			font-size: 1.45em;
			font-weight: 500;
			line-height: 1.45em;
			color: #555;
			letter-spacing: 0;
		}

		.event-tags-icon {
			position: relative;
			display: inline-block;
			float: left;
			width: 13px;
			height: auto;
			transform: translateY(2px);
		}

		.event-tags-text {
			position: relative;
			margin-left: 5px;
			font-size: 0.85em;
			font-weight: 300;
			color: #777;
		}

		.event-info-wrapper {
			position: relative;
			display: inline-block;
			float: left;
			width: 351px;
		}

		.event-date-container {
			position: relative;
			display: inline-block;
			float: left;
			width: 175px;
			height: auto;
			margin-left: 0;
			margin-top: 47.5px;
			overflow: hidden;
			z-index: 51;
			transform: translateY(-51%);
		}

		.event-date {
			position: relative;
			font-size: 1em;
			font-weight: 500;
			line-height: 1.45em;
			color: #555;
			letter-spacing: -0.01em;
		}

		.event-time {
			position: relative;
			font-size: 0.85em;
			font-weight: 300;
			color: #777;
			letter-spacing: 0;
		}

		.event-location-container {
			position: relative;
			display: inline-block;
			width: 175px;
			height: auto;
			margin-left: 0;
			margin-top: 47.5px;
			overflow: hidden;
			z-index: 51;
			transform: translateY(-51%);
		}

		.event-location-icon {
			position: relative;
			display: inline-block;
			width: 13px;
			height: auto;
			transform: translateY(-1px);
		}

		.event-location-text {
			position: relative;
			margin-left: 3px;
			font-size: 1em;
			font-weight: 500;
			line-height: 1.45em;
			color: #555;
			letter-spacing: -0.01em;
		}

		.event-city {
			position: relative;
			margin-left: 17px;
			font-size: 0.85em;
			font-weight: 300;
			color: #777;
			letter-spacing: 0;
		}

		.view-event-button {
			position: relative;
			display: inline-block;
			margin-left: calc(90vw - 1195px);
			margin-top: 47.5px;
			width: 175px;
			height: 40px;
			padding: 5px 0;
			padding-top: 13.5px;
			border-radius: 0;
			box-shadow: none;
			font-weight: 500;
			font-size: 0.85em;
			letter-spacing: 0.1em;
			word-spacing: 1px;
			text-transform: uppercase;
			text-align: center;
			color: #ffffff;
			border: 1px solid #50e3c2;
			background: rgba(80,227,194,1);
			box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.1);
			cursor: pointer;
			z-index: 2500;
			opacity: 1;
			transform: translateY(-50%);
			transition: all 0.3s ease-out;
		}

		.view-event-button:hover {
			color: #50e3c2;
			background: rgba(255,255,255,1);
			box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);
			transition: all 0.3s ease-out;
		}

		.event-item-card {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			margin: 0 auto;
			margin-top: -20px;
			width: 85vw;
			height: 140px;
			z-index: 0;
			background: rgba(255,255,255,0);
			box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0),
						0px -2px 12px 0px rgba(0, 0, 0, 0);
			transition: all 0.3s ease-out;
		}

		.event-item:hover > .event-item-card {
			background: rgba(255,255,255,1);
			box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.125),
						0px -2px 12px 0px rgba(0, 0, 0, 0.025);
			transition: all 0.3s ease-out;
		}
	/*END EVENTS CONTAINER STYLES*/

	/*START CONNECT CONTAINER STYLES*/
		.connect-container {
			position: relative;
			width: 100vw;
			margin-top: 250px;
			z-index: 10;
		}

		.connect-slashes {
			position: absolute;
			top: 0;
			left: 30vw;
			width: 80vw;
			height: 200px;
			z-index: 0;
			overflow: hidden;
			margin-top: 120px;
		}

		.connect-dot-grid {
			position: absolute;
			z-index: -2;
			left: 0;
			background-image: url('../img/dot-unit.svg');
			background-size: 25px;
			opacity: 0.55;
			width: 43vw;
			height: 480px;
			margin-top: 40px;
		}

		.connect-color-block {
			position: absolute;
			z-index: -3;
			background: #9AEEDB;
			width: 50vw;
			height: 250px;
			left: 0;
			margin-top: 0;
		}

		.connect-bg-text-container {
			position: absolute;
			width: 100vw;
			height: auto;
			z-index: -1;
			margin-top: -90px;
			overflow-x: hidden !important;
		}

		.connect-bg-text {
			margin-left: -20px;
		}

		.connect-content-wrapper {
			position: relative;
			display: block;
			width: 60vw;
			margin: 0 auto;
			padding-top: 150px;
		}

		.connect-header {
			font-family: 'agape', sans-serif;
			font-weight: 900;
			letter-spacing: -2px;
			font-size: 5em;
			color: #555;
		}

		.social-links {
			position: relative;
			display: inline-block;
			overflow: hidden;
		}

		.left-links {
			width: 35vw;
		}

		.social-link {
			display: block;
			font-family: 'agape', sans-serif;
			font-weight: 600;
			letter-spacing: -1px;
			font-size: 2.5em;
			color: #777;
			transition: all 0.2s ease-out;
		}

		.social-link:hover {
			color: #50e3c2;
			transition: all 0.2s ease-out;
		}
	/*END CONNECT CONTAINER STYLES*/

	/*START INSTAGRAM FOOTER STYLES*/
		.instagram-footer {
			position: relative;
			margin-top: 180px;
			width: 100vw;
			overflow-x: hidden;
		}

		.instagram-header {
			width: 200px;
			overflow: hidden !important;
			margin: 0 auto;
		}

		.instagram-header::before {
			content: '';
			position: absolute;
			width: calc(50vw - 132px);
			height: 13px;
			left: 0;
			background-image: url('../img/footer-slashes.svg');
		}

		.instagram-header::after {
			content: '';
			position: absolute;
			width: calc(50vw - 130px);
			height: 13px;
			top: 0;
			right: 0;
			background-image: url('../img/footer-slashes.svg');
		}

		.instagram-header-icon {
			display: inline-block;
			width: 25px;
			height: auto;
			transform: translateY(-4px);
		}

		.instagram-header-text {
			display: inline-block;
			font-size: 1.5em;
			line-height: 1.15em;
			font-weight: 500;
			color: #555;
			margin-left: 5px;
		}

		.instagram-subheader-text {
			width: 100%;
			text-align: center;
			font-size: 1.1em;
			letter-spacing: -1px;
			font-family: 'proxima-nova-italic', sans-serif;
			font-weight: 300;
			color: #999;
		}

		.instagram-feed {
			position: relative;
			margin-top: 30px;
			width: 100vw;
			height: 10vw;
			overflow: hidden !important;
			background: #d8d8d8;
		}

		.instagram-wrapper {
			position: relative;
			width: 100%;
			height: 100%;
		}

		.instagram-link {
			position: relative;
			display: inline-block;
			width: 10vw;
			height: 10vw;
		}

		.instagram-img {
			position: relative;
			display: inline-block;
			width: 10vw;
			height: 10vw;
			-webkit-filter: grayscale(1);
			filter: grayscale(1);
			transition: all 0.2s ease-out;
		}

		.instagram-img:hover {
			-webkit-filter: grayscale(0);
			filter: grayscale(0);
			transition: all 0.2s ease-out;
		}
	/*END INSTAGRAM FOOTER STYLES*/

	/*START FOOTER STYLES*/
		.footer {
			position: relative;
			width: 100vw;
			height: 80px;
			background: #333;
			color: #fff;
		}

		.footer-wrapper {
			position: relative;
			margin: 0 auto;
			width: 90vw;
			height: 100%;
		}

		.footer-links {
			position: relative;
			display: inline-block;
			float: left;
			z-index: 500;
			padding-top: 22px;
		}

		.footer-link {
			position: relative;
			display: inline-block;
			margin-right: 25px;
			cursor: pointer;
			opacity: 0.85;
			transition: all 0.2s ease-out;
		}

		.footer-link-img {
			width: 40px;
			height: auto;
		}

		.footer-link:hover {
			opacity: 1;
			transition: all 0.2s ease-out;
		}

		.footer-copyright {
			text-transform: uppercase;
			opacity: 0.65;
			font-size: 0.85em;
			letter-spacing: 0.02em;
			text-align: right;
			padding-top: 33px;
		}
	/*END FOOTER STYLES*/

}