/* Customized CSS Stylesheet */
@import url("https://fonts.googleapis.com/css?family=Cabin:400,400i,500,600");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");
@import url(https://fonts.googleapis.com/css?family=Righteous);
@import url(https://fonts.googleapis.com/css?family=Roboto:500,900italic,900,400italic,100,700italic,300,700,500italic,100italic,300italic,400);

/* Bootstrap CSS */




/* Form CSS */




/*Page PRE-LOADER*/
.preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 0.99);
	z-index: 13000;
	height: 100%;
}

.no-js .preloader,
.lt-ie9 .preloader,
.lt-ie10 .preloader {
	display: none;
}

.preloader_image {
	width: 100px;
	height: 100px;
	position: absolute;
	left: 50%;
	top: 50%;
	background: url(../img/preloader.gif) no-repeat 50% 50% transparent;
	margin: -50px 0 0 -50px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.preloader_image {
		background: url(../img/preloader.gif) no-repeat 50% 50% transparent;
	}
}

/* logo */
.logo {
	display: inline-block;
	word-break: break-word;
	font-size: 24px;
	position: relative;
	z-index: 2;
	padding: 5px 0;
}

.logo img {
	max-width: 200px;
}

@media (min-width: 1600px) {
	.logo img {
		max-width: 350px;
	}
}

/* Background Images */
.bg1 { background: url(../images/DJ/christian-salas-Fw-JHYPwS3U-unsplash.jpg)}
.bg2 { background: url(../images/DJ/preillumination-seth-UVhZmoL2Flo-unsplash.jpg)}
.bg3 { background: url(../images/wave1.jpg)}
.bg4 { background: url(../images/parallax1.jpg)}
.bg5 { background: url(../images/parallax2.jpg)}
.bg-corp { background: url(../images/DJ/kelsey-chance-tAH2cA_BL5g-unsplash.jpg)}
.bg-wed { background: url(../images/DJ/mitchell-orr-LyFIjXoFY-unsplash.jpg)}
.bg-school { background: url(../img/1920x1080/SchoolDance.png)}
.bg-life { background: url(../images/20220625_185225.jpg)}
.bg6 { background: url(../images/DJ/jacob-bentzinger-_HXFz-0g9w8-unsplash-houseparty.jpg)}
.bg-vw { background: url(../images/DJ-videowall1.jpg)}

/* Parallax */

.parallax-container {
	position: relative;
	height: 500px;
}

.parallax-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	z-index: 1;
	/* add additional fx */
	background-attachment: fixed;
	background-repeat: no-repeat;
}

.overlay-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	text-align-last: center;
	z-index: 2;
}

/* Hero */
.hero-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	z-index: 1;
	/* add additional fx */
	background-attachment: fixed;
	background-repeat: no-repeat;
}

.hero-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	text-align-last: center;
	z-index: 2;
}

/* DJ Speakers and Sound System */
.light1{width: 1019px; height: 847px; background: url(../images/light1.png); position: absolute; left: 50%; margin-left: -510px; top: -100px; z-index: 1;}

.ball1{width: 261px; height: 261px; background: url(../images/ball1.png); position: absolute; left: 70%; top: -80px; z-index: 2;}

.left_c{width: 251px; height: 282px; background: url(../images/left_c.png); position: absolute; left: 50%; margin-left: -700px; bottom: 120px; z-index: 10;}

.left_cc{position: absolute; width: 109px; height: 109px; left: 108px; top: 128px;}

.left_cc_inner{width: 109px; height: 109px; background: url(../images/left_cc.png);}

.right_c{width: 251px; height: 282px; background: url(../images/right_c.png); position: absolute; left: 50%; margin-left: 440px; bottom: 120px; z-index: 10;}

.right_cc{position: absolute; width: 109px; height: 109px; right: 108px; top: 128px;}

.right_cc_inner{width: 109px; height: 109px; background: url(../images/right_cc.png);}


/* ============================= main layout ====================== */


h1{font-family:'Righteous'; font-weight:400; font-size:50px; color:#fff; background: none; line-height:1; padding:30px 0 40px; margin: 0 0 0 0; position: relative; text-transform: uppercase;}

h2{font-family:'Righteous'; font-weight:400; font-size:40px; color:#fff; background: none; line-height:1; padding:30px 0 40px; margin: 0 0 0 0; position: relative; text-transform: uppercase;}

h3{font-family:'Righteous'; font-weight:400; font-size:18px; color:#fff; background: none; line-height:1; padding: 0 10px; margin: 0 0 0 0; position: relative; text-transform: uppercase;}

h6{font-family:'Righteous'; font-weight:400; font-size:16px; color:#fff; background: none; line-height:1; padding: 0 10px; margin: 0 0 0 0; position: relative; text-transform: uppercase;}

/*slide media*/
.slide-media .item-media-wrap {
	position: relative;
}

.slide-media .item-media-wrap > img {
	opacity: 0;
	max-width: 65%;
	min-width: 250px;
}

.slide-media .item-media {
	position: absolute;
	width: 65%;
	min-width: 250px;
	left: 50%;
	top: 0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	transition: all 0.3s linear 0s;
}

.slide-media .item-media.back-media {
	position: absolute;
	left: auto;
	right: 50%;
	top: 50%;
	-webkit-transform: translate(50%, -50%);
	transform: translate(50%, -50%);
}

.slide-media:hover .item-media,
.slide-media.opened-media .item-media {
	left: 0;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.slide-media:hover .item-media.back-media,
.slide-media.opened-media .item-media.back-media {
	right: 0;
	left: auto;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}





/* Custom Button 

.btn-custom2.btn1{ 
	display: inline-block; color: #fff; border: 1px solid transparent; font-size: 14px; line-height: 20px; font-weight: 400; padding: 14px 20px; text-decoration: none; 
	border-radius:1px;  margin-top: 10px; margin-bottom: 10px; background: none; position: relative; z-index: 1; text-transform: uppercase; font-family: 'Righteous';
	transition: all 0.3s ease-out;  -o-transition: all 0.3s ease-out;
}
.btn-custom2.btn1:hover{color: #fff; text-decoration: none; border-color: #e2046c; }
.btn-custom.btn1:before{content: ""; position: absolute; width: 0; height: 100%; bottom: 0; right: 0; top: 0; z-index: -1; overflow: hidden; background: #000;
	transition: all 0.3s ease-out;   -o-transition: all 0.3s ease-out;
}
.btn-custom2.btn1:hover:before{width: 100%; left: 0;}
.btn-custom2.btn1:after{  content: ""; position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; overflow: hidden; background: #e2046c; z-index: -2;
	transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}

*/