@font-face {
    font-family: 'BauhausStdMedium';
    src: url('../fonts/BauhausStdMedium.eot');
    src: url('../fonts/BauhausStdMedium.eot') format('embedded-opentype'),
         url('../fonts/BauhausStdMedium.woff2') format('woff2'),
         url('../fonts/BauhausStdMedium.woff') format('woff'),
         url('../fonts/BauhausStdMedium.ttf') format('truetype'),
         url('../fonts/BauhausStdMedium.svg#BauhausStdMedium') format('svg');
}
@font-face {
    font-family: 'BrushScriptStd';
    src: url('../fonts/BrushScriptStd.eot');
    src: url('../fonts/BrushScriptStd.eot') format('embedded-opentype'),
         url('../fonts/BrushScriptStd.woff2') format('woff2'),
         url('../fonts/BrushScriptStd.woff') format('woff'),
         url('../fonts/BrushScriptStd.ttf') format('truetype'),
         url('../fonts/BrushScriptStd.svg#BrushScriptStd') format('svg');
}
@font-face {
    font-family: 'MechwarRegular';
    src: url('../fonts/MechwarRegular.eot');
    src: url('../fonts/MechwarRegular.eot') format('embedded-opentype'),
         url('../fonts/MechwarRegular.woff2') format('woff2'),
         url('../fonts/MechwarRegular.woff') format('woff'),
         url('../fonts/MechwarRegular.ttf') format('truetype'),
         url('../fonts/MechwarRegular.svg#MechwarRegular') format('svg');
}

html { position:relative;}
body{ padding:0; margin:0px; background:#0a0a0a;}
ul{ list-style:none;}
th { text-align:center; margin:0;}
body a { text-decoration:none; outline:none;}
body a:hover, body a:focus { text-decoration:none; outline:none;}
select { outline:none;}
a img { border:none;}
img{ border:0px;}
p{ padding:0; margin:0;}
h1, h2, h3, h4, ul, p{ padding:0; margin:0;}
textarea { resize:none;}
input::-moz-placeholder { opacity:1;}
/*input[placeholder], [placeholder], *[placeholder] { font:14px 'OpenSansRegular'; color:#999999!important; font-weight:normal;}*/
.clr { clear:both; height:0px;}


 header { width:100%; float:left; z-index:11;  position: absolute; top: 30px; left: 0;}
.logo { width: 132px; float: left; padding: 0; height: auto;}
.callus { position: absolute; top: 15px; right: 15px; font:18px/24px "BauhausStdMedium"; color:#fff }
.navbar { border:none; background:none; margin:0;}
 nav { width:100%; float:left;}
.menu { float:left; margin:15px 0 0 180px;}
.menu li { float:left;  margin: 0 40px 0 0;}
.menu li a { float:left; display:block; width:100%; font:18px/24px "BauhausStdMedium"; color:#fff !important; padding:0 !important; text-transform: uppercase; }
.menu li a:hover , .menu li a:focus , .menu li a.active { color:#75d458 !important;}
.navbar-collapse { padding:0;}
.menu li .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background:#1980c3 !important; color:#fff !important; box-shadow:none;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background:none; color:#fff;}

.main-slide { width:100%; float:left;}
.main-slide .carousel-inner > .item  { width:100%; float:left; min-height: 620px; background-size: cover !important;}
.main-slide .carousel-control { width:41px; top:30%; bottom:inherit; opacity:.6;}
.main-slide .carousel-control:hover { opacity:.9;}
.main-slide .carousel-control.left { background:none; left:40px; padding:0;}
.main-slide .carousel-control.right { background:none; right:40px; padding:0;}

.slide-content { width:100%; float:left; margin: 220px 0 0; text-align: center;}
.slide-content h2 { width:100%; float:right; font:80px/100px "MechwarRegular"; color:#ffffff; margin:0 0;}
.slide-content h2 span { color: #68e047;}
.slide-content h1 { width:100%; float:right; font:700 42px/42px "open sans"; color:#ffffff; margin:15px 0; letter-spacing:-2px;}
.slide-content h3 { width:100%; float:right; font:700 18px "open sans"; color:#ffffff; margin:15px 0 25px 0; letter-spacing:-1px;}
.slide-content p { width:100%; float:right; font:600 40px "open sans"; color:#fff; margin:0 0 25px;}
.slide-content ul { width:425px; display: table; margin: 0 auto;}
.slide-content ul li { width:49%; float: left;}
.slide-content ul li:last-child { float: right;}
.slide-content ul li a { width:100%; float: left; background:none; border: 1px solid #68e047; font:400 24px/30px "open sans"; color:#fff; padding:15px 0; }
.slide-content ul li a:hover , .slide-content ul li a:focus { background:#68e047; color: #fff;}

.scroll-sec { width:100%; float:left; background: #fff;}
/*Plugin CSS*/
.str3 { font-size: 0 !important;}
.str3 .str_item {font-size:0;    line-height:0 }
.str_wrap {
    overflow:hidden;
    //zoom:1;
    width:100%;
    font-size:12px;
    line-height:16px;
    position:relative;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;  
    background:#fff; 
    white-space:nowrap; border: 1px solid #fff;
}
.str_wrap.str_active { background:#f1f1f1;}
.str_move { white-space:nowrap;  position:absolute; top:0; left:0; cursor:default;}
.str_move_clone { display:inline-block;
    //display:inline;
    //zoom:1;
    vertical-align:top;
    position:absolute; 
    left:100%;
    top:0;
}
.str_vertical .str_move_clone {  left:0;  top:100%;}
.str_down .str_move_clone {  left:0;  bottom:100%;}
.str_vertical .str_move, .str_down .str_move { white-space:normal; width:100%;}
.str_static .str_move, .no_drag .str_move, .noStop .str_move{  cursor:inherit;}
.str_wrap img {    max-width:none !important; margin: 0 1px 0 0;}

footer { width:100%; float:left; padding:60px 0; background:url(../img/djnish-footer-bg.jpg) top center no-repeat; background-size: cover; text-align: center; min-height: 170px;}
footer p { width: 100%; float: left; font:400 24px "Raleway"; color:#fff;}
footer p  span { width: 100%; float: left; font:400 17px "Raleway"; color:#fff;}
.social { width: 50px; position: fixed; top: 180px; left: 0; background: #429a24; border: 1px solid #67be4f; z-index: 1;}
.social li { width: 100%; float: left; border-bottom: 1px solid #4baf30;}
.social li a { width: 100%; float: left; display: block; text-align: center; font-size: 25px; line-height: 30px; padding: 15px 0; color: #fff;}
.social li a:hover , .social li a:focus { color: #fff; background: #4baf30;}
.social li:last-child { border:0;}

/*About us*/
.main-slide .carousel-inner > .item.inner-head { min-height: 110px;}
.aboutus-sec { width: 100%; float: left; padding: 70px 0;}
.about-thumb { width: 100%; float: left; margin: 0 0 30px; padding: 0 0 0 20px;}
.about-thumb img  { width: 100%; float: left; border-radius: 0 0 20px 0;}
.about-detail { width: 100%; float: left; padding: 0 20px;}
.about-detail h2 { width: 100%; float: left; font: 400 70px/70px "open sans"; color: #fff; margin: 0 0 25px;}
.about-detail h2 span { font-weight: 700; color: #429a24; }
.about-detail p { width: 100%; float: left; font: 400 22px/30px "open sans"; color: #fff; margin: 0 0 25px;}

/*Contact us*/
.contact-info { width: 100%; float: left; padding: 0 20px;}
.contact-info h2 { width: 100%; float: left; font: 700 50px/50px "open sans"; color: #fff; margin: 0 0 25px;}
.contact-info p { width: 100%; float: left; font: 400 20px/36px "open sans"; color: #fff; margin: 0 0 25px;}
.contact-info p a { color: #fff;}
.contact-info p a:hover { color: #429a24;}
.contact-info ul { width: 100%; float: left; margin:10px 0 0;}
.contact-info ul li { width: 100%; float: left; margin:0 0 20px;}
.contact-info ul li input { width: 100%; float: left; margin: 0; background: none; border: 1px solid #c4c4c4; font: 400 20px/35px "open sans"; color: #eeeeee; padding: 10px 15px;}
.contact-info ul li .message { width: 100%; float: left; height: 150px; margin: 0; background: none; border: 1px solid #c4c4c4; font: 400 20px/35px "open sans"; color: #eeeeee; padding: 10px 15px;}
.contact-info ul li input.submit { width: 260px; float: left; margin: 0; background: #429a24; border: 1px solid #67be4f; font: 700 24px/40px "open sans"; color: #eeeeee; padding: 10px 0; text-align: center;}
.contact-info ul li input.submit:hover , .contact-info ul li input.submit:focus { background: #4baf30;}
.contact-info ul li:nth-child(1) , .contact-info ul li:nth-child(2)  { width: 49%; } 
.contact-info ul li:nth-child(2) { float: right; }
.contact-info ul li label { width: 100%; float: left; font: 400 14px/20px "open sans"; color: red;  }
/*DJ us*/
.dj-detail { width: 100%; float: left;}
.dj-detail img { float: left; margin: 0 0 30px;}
.dj-detail h2 { width: 100%; float: left; font: 400 48px/50px "open sans"; color: #fff; margin: 0 0 25px;}
.dj-detail h2 strong { font-weight: 700; color: #429a24;}
.dj-detail h2 span { width: 100%; float: left; color: #429a24;}
.dj-detail p { width: 100%; float: left; font: 400 20px/36px "open sans"; color: #fff; margin: 0 0 25px;}

.services-sec { width: 100%; float: left; padding: 70px 0; background: url(../img/service-bg.jpg) top center no-repeat; background-size: cover;} 
.services-sec h2 { width: 100%; float: left; font: 700 50px/50px "open sans"; color: #fff; text-align: center; margin: 0 0 60px;} 
.services-sec h2 span { color: #429a24;}
.service-box { width: 100%; float: left;  margin: 0 0 40px; position: relative; padding: 0 0 0 135px;}
.service-detail { width: 100%; float: left; background: #111; border: 1px solid #67be4f; padding: 20px 20px 20px 180px; min-height: 270px;}
.service-thumb { width:270px; float: left; position: absolute; margin: 0 0 0; left: 0; top: 0;}
.service-thumb:after { width: 100%; position: absolute; top: 1px; bottom: 1px; left: 1px; right: 1px; border-radius: 50%; border: 8px solid rgba(255,255,255,.5); content: "";}
.service-thumb img { border: 2px solid #56a241;}
.service-box h3 { width: 100%; float: left; font: 700 24px/30px "Raleway"; color: #fff; margin: 35px 0 10px; padding: 0;}
.service-box p { width: 100%; float: left; font: 400 18px/24px "open sans"; color: #fff; margin:0 0 10px 0; padding: 0;}

.testimony { width: 100%; float: left; border: 1px solid #484848; background: #000; padding: 0 0 20px;}
.testimony  h2 { width: 100%; float: left; font: 700 20px/30px "open sans"; color: #fff; text-align: center; margin: 15px 0;}
.testimony-banner , .testimony-banner img  { width: 100%; float: left;}
.testimony-icon { width: 100%; float: left; margin: -85px 0 30px;}
.testimony-icon span { width: 170px; display: table; margin: 0 auto;}
.testimony-icon span img { width: 100%; float: left; border: 2px solid #fff;}
.testimony  p { width: 100%; float: left; font: 400 18px/30px "open sans"; color: #fff; text-align: center; margin: 0 0 15px; padding: 0 30px;}

.gallery-sec { background: #0a0a0a;} 
.gallery-part { width: 100%; float: left; padding: 0 70px;}
.gallery-part a { width: 31.33%; float: left; margin:0 1% 30px;} 
.gallery-part a img { width: 100%; float: left; border-radius: 0 0 20px 0;}

.desiparty-banner { width: 100%; float: left; margin: 0 0 30px; padding: 0 120px;}
.desiparty-banner img { display: block; margin: 0 auto; width: 600px;}
.desi-party-detail { width: 100%; float: left; text-align: center; padding: 0 170px;}
.desi-party-detail p { width: 100%; float: left; font: 400 20px/30px "open sans"; color: #fff; }
.desi-party-detail p span { font-size: 22px; font-weight: 700; color: #429a24; }
.desi-party-detail p strong { font-size: 30px; font-weight: 700; color: #429a24; }

.desiparty-banner .carousel-control { width:41px; top:30%; bottom:inherit; opacity:.6; z-index: 100;}
.desiparty-banner .carousel-control:hover { opacity:.9;}
.desiparty-banner .carousel-control.left { background:none; left:40px; padding:0;}
.desiparty-banner .carousel-control.right { background:none; right:40px; padding:0;}