*{
	margin: 0;
	padding: 0;
}
@font-face
{
    font-family: "futura";
    src: url(../fonts/tt0140m_.ttf) format("truetype");
}
@font-face
{
    font-family: "italianno";
    src: url(../fonts/Italianno-Regular.ttf) format("truetype");
}
@font-face
{
    font-family: "equalsans";
    src: url(../fonts/EqualSans_Demo.ttf) format("truetype");
}
@font-face
{
    font-family: "skarpa";
    src: url(../fonts/Skarpa-regular.ttf) format("truetype");
}
body{ font-family: "futura";}
h1,h2,h3,h4,h5,h6{ color: #808ba0; font-weight: normal; text-align: center; padding: 15px 0; text-transform: uppercase;}
h1{ font-size: 45px;}
/*h2{ font-size: 55px;}
h3{ font-size: 45px;}
h4{ font-size: 35px;}
h5{ font-size: 25px;}
h6{ font-size: 15px;}*/
a{text-decoration: none; color: #808ba0;}
a:hover{color: #c6c6c6; text-decoration: none !important;}
ul li{ list-style: none; text-decoration: none !important;}
.floatL{ float: left;}
.floatR{ float: right;}
.cleaner{ clear: both;}
.no_margin-right{ margin-right: 0 !important;}
p{ color: #808ba0; font-size: 14px;	line-height: 21px; margin: 10px 8px;}

.col-2{ width: 50%;}
.col-3{/* width: 33.25%;*/ float:left; margin:6px 0px;}
.col-4{ width: 24.492%; float:left;}
.col-5{ width: 24.492%;}
.col-6{ width: 16.5%; margin:0px auto;}
.col-7{ width: 50.185%; margin:0px auto;}
.page_padding{padding: 25px 0;}

/* ------------------------------------------------------------------------- body ------------------------------------------------------------------------- */
/* ----------------------------------- header ----------------------------------- */
.home .header-wrapper{
    width: 100%;
	height: 655px;
    display: inline-block;
	background:url(../images/banner-image.jpg) no-repeat;
	background-size:100%;

}
.header{
	background: rgba(0, 0, 0, 0.1);
	box-shadow:0px -9px 10px 5px rgba(0,0,0,0.4);
}
img{max-width:100%; vertical-align:middle; height:auto;}
/* --------------- name --------------- */
.name{
	color: #fff;
	font-size: 100px;
	text-align: center;
	padding-top: 0;
	font-family: "italianno";
	text-transform: capitalize;
	text-shadow: 2px 2px 2px rgba(169, 169, 169, 0.4);
}
.name a{
	color: #fff;
	text-shadow: 2px 2px 2px rgba(169, 169, 169, 0.4);
}
p.years {
    text-align: center;
    color: #fff;
    margin-top: -43px;
    font-size: 15px;
}
p.years span{ text-transform: uppercase; font-style: italic;}
/* --------------- nav --------------- */

.nav .menu-button {
	background:url(../images/bg_menu-2.png) no-repeat left top;
	width:27px;
	height:19px;
	float:right;
	margin:-60px 30px 0 10px;
	text-indent:-9999px;
	display:none;
}
/*.nav ul{
	padding:0px 0px 0px 45px;
}*/

.nav ul li{
	margin-right: 14px;
	padding-bottom: 15px;
	display: inline-block;
}
.nav ul li:last-child{ margin-right: 0;}
.nav ul li a{
	color: #fff;
    padding: 13px 25px;
    display: inline-block;
	text-transform: uppercase;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	border: 1px solid transparent;
}
.nav ul li a:hover, .active{
    text-shadow: none !important;
    padding: 13px 25px !important;
	border: 1px solid rgba(255, 255, 255, 0.65) !important;
}

/* ----------------------------------- quick_links ----------------------------------- */
.quick_links{
	/*padding: 45px 0;*/
	background: #f4f4f5;
}

/* --------------- col --------------- */
.col{/*width: 24.492%;*/
    width: 245px;
    text-align: center;
    padding: 45px 0;
    box-shadow: inset 0 0 0 0 #808ba0;
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
}
.col:hover{box-shadow: inset 0 -187px 0 0 #808ba0}
.col:hover a i{color: #fff;}
.col:hover a h3{color: #fff;}
/*.col h3{ padding-top: 65px;}
.col h3 a{ color: #808ba0;}*/
.col i.fa.fa-camera, .col i.fa.fa-volume-up, .col i.fa.fa-thumbs-up, .col i.fa.fa-commenting{ font-size: 45px;}
.watch_box{background: url("../images/watch.png") no-repeat top center;}
.listen_box{background: url("../images/listen.png") no-repeat top center;}
.follow_box{background: url("../images/follow.png") no-repeat top center;}
.wish_box{background: url("../images/wish.png") no-repeat top center;}

/* ----------------------------------- gallery ----------------------------------- */
.align-center { margin: 0 24.8%;}
.gal{
	width: 244px;
	/*width: 24.92%;*/
	margin: 0 1px 1px 0;
}
/*.gal{
	width: 24.92%;
	margin: 0 1px 1px 0;
}*/
.gal:nth-child(4n){ margin-right: 0 !important;}

.gal_img {
    width: 100%;
    max-height: 150px;    
	overflow: hidden;
}

.gal_img img {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
}

.gal_img:hover img {
    -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}
.gal img{ width: 100%;}
.gal h3{ background: #808ba0;}
.gal a:hover h3{ background: #c6c6c6;}
.gal a h3{ color: #fff;}

/* ----------------------------------- quotes ----------------------------------- */
.quotes{
    width: 100%;
	margin-top: 40px;
	padding: 16px 0;
	background: url("../images/quote_bg.jpg") no-repeat;
	background-size:100%;

}
.quote-wrapper{ /*width: 60%;*/ width: 590px; }
i.fa.fa-quote-left {
    color: #fff;
	font-size: 45px;
}
.quotes p{
	color: #fff;
	font-size: 25px;
	line-height: 32px;
}
i.fa.fa-quote-right {
    color: #fff;
	font-size: 45px;
}

/* ----------------------------------- about_dadi ----------------------------------- */
.about_dadi {
    background: url("../images/about.png") no-repeat 53px 95px;
    /*background-size: 472px;*/
    background-size: 35%;
}
.about_desc{ width: 70%; margin-top: 30px; margin-left: -10%;}
.about_desc p{ font-size: 16px; line-height: 28px;}

/* ----------------------------------- footer-wrapper ----------------------------------- */
.footer_top_border{ width: 20%; height: 1px; margin: 45px auto 20px; background: #808ba0;}
.social_links {
    width: 18%;
    margin: 0 auto;
}
.social_links .fa{
	color: #fff;
	margin: 0 3px;
    border-radius: 50%;
	background: #c6c6c6;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.social_links .fa:hover{ 
	background: #808ba0;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.fa-facebook{ padding: 15px 20px;}
.fa-twitter{ padding: 15px 16px;}
.fa-linkedin{ padding: 15px 17px;}
.copyright{ color: #A2A2A2; text-align: center; margin: 10px 0;}
.copyright a:hover { text-decoration: underline; color: #c6c6c6;}


/* ----------------------------------- popup ----------------------------------- */
	#fvpp-blackout {
	  display: none;
	  z-index: 499;
	  position: fixed;
	  width: 100%;
	  height: 100%;
	  top: 0;
	  left: 0;
	  background:rgba(0,0,0,0.75);
	}
	#my-welcome-message {
	  display: none;
	  z-index: 500;
	  position: fixed;
	  width: 49%;
	  left: 21%;
	  top: 20%;
	  padding: 10px 2%;
	  background: #FFF;
	}
	#fvpp-close {
		top: -20px;
		right: -20px;
		color: #808ba0;
		cursor: pointer;
		background: #fff;
		padding: 5px 10px;
		position: absolute;
		border-radius: 50%;
		border: 3px solid #808ba0;
	}
	#my-welcome-message .popup_dadi_image{
	  width: 50%;
	}
	#my-welcome-message .popup_dadi_image img{
	  width: 100%;
	}
	#my-welcome-message .popup_dadi_image .popup_dadi_desc p{
		margin: 0;
		font-size: 18px;
	}
	#my-welcome-message .popup_dadi_image .popup_dadi_desc p:first-child{
		color: #ff9933;
		font-weight:bold;
	}
	#my-welcome-message p {
		text-align: center;
		margin: 40px 0 10px; 
	}
	
	.celeb{
		font-size: 50px;
	}
	.birth{
		color:#FFCA00;
		font-size: 78px;
		line-height:90px;
		font-family: "italianno";
	}
	.dj{
		color: #FFA700 !important;
	}
	#app-wrapper{ width: 40%; margin-right: 30px;}
	.avail-app{ width: 50%;	}
	#my-welcome-message .avail-app img {
		width: 100%;
	}
	.dialog_window_close .fa-close{
		top: -20px;
		right: -20px;
		color: #808ba0;
		background: #fff;
		position: absolute;
		border-radius: 50%;
		padding: 5px 3px 5px 7px;
		border: 3px solid #808ba0;
	}
	.fa-remove:before, .fa-close:before, .fa-times:before {
		content: "\f00d";
	}

/* --------------------------------------------------------------------- about page --------------------------------------------------------------------- */
.header-wrapper{
	height: 470px;
	background: url("../images/banner_inner.jpg") no-repeat;
	background-size:100%;
}
.page-title h1{
	color: #fff;
	text-shadow: 1px 1px 2px rgba(117, 117, 117, 0.4);
	text-transform: capitalize;
}
.about{ 
	padding: 25px 0;
	background: url("../images/about_bg.png") no-repeat right top;
	background-size: 100%;
}

/* --------------------------------------------------------------------- watch page --------------------------------------------------------------------- */
.col-3.video{
	width: 33.3% !important;
	margin: 0 0 1px !important;
}
.video_frame {
    width: 100%;
    height: 215px;
    overflow: hidden;
}
.video_frame img{ width: 100%;}
.video h3 {
	background: #808ba0;
	margin:0 1px 0 0;
	/*margin:0px 3px 0px 3px;*/
}
.video a h3{
	color: #fff;
	font-size: 16px;
	padding: 10px 0;
	text-transform: capitalize;
}

/*.video_frame iframe{
	width:320px;
	height:220px;
	margin:0px 2px;
}*/
.video_frame iframe{
	width: 325px;
	height: 246px;
}

/* --------------------------------------------------------------------- gallery page --------------------------------------------------------------------- */
.gallery{ padding: 20px 0; }
.gallery .gal {
    margin: 15px 1px 15px 0;
}
#hsId3{ display: none; !important;}

/*.album .gal_img {
    height: 86px;
    overflow: hidden;
}
*/.album img{ width: 100%;}
.album{	margin: 0 1px 1px 0;}
.album a h6{
    text-align: center;
    background: #808ba0;
    color: #fff;
    padding: 5px 0;
}
.pagin-wrapper a {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
}
.pagin-wrapper a:hover{
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
}

/* --------------------------------------------------------------------- listen page --------------------------------------------------------------------- */
#listen-bg-image {
	z-index: -999;
	min-height: 495px;
	min-width: 370px;
	width: 370px;
	height: auto;
	position: fixed;
	top: 0;
	right: 0;
}
.fa-play, .fa-stop{
	margin: 14px 5px;
	color: #808ba0;
	font-size: 12px;
	background: none;
}
.fa-volume-off, .fa-volume-up{
	font-size: 17px;
	color: #808ba0;
	background: none;
}
.fa-rotate-left {
    color: #808ab0;
    background: none;
}
.audio_file{
	width: 49%;
	margin-bottom: 25px;
}
.audio_file p{
	margin: 0 0 5px;
}

/* --------------------------------------------------------------------- books page --------------------------------------------------------------------- */
#books-bg-image {
	z-index: -999;
	min-height: 523px;
	min-width: 700px;
	width: 523px;
	height: auto;
	position: fixed;
	top: 0;
	right: -150px;
}
.books{
	background: url("../images/books_bg.jpg") no-repeat right center;
}
.book_cont{ /*width: 22% !important;*/ width: 215px !important;	margin: 20px 39px 20px 0; min-height: 361px;}
.book_cont:nth-child(4n){ margin-right: 0px !important;}
.book-wrapper {
	background: rgba(255,255,255,0.75);
	min-height: 312px;
    text-align: center;
    padding: 20px 20px 0;
    border: 1px solid #F3F3F3;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.book-wrapper:hover {
	background: #808ba0;
    box-shadow: 0px 0px 5px 1px #e3e3e3;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.book-wrapper  h4 { text-transform: capitalize;}
.book-wrapper:hover h4 a{ color: #fff;}
.book_image img { width: 100%;}

/* --------------------------------------------------------------------- follow page --------------------------------------------------------------------- */
#follow-bg-image {
	z-index: -999;
	min-height: 412px;
	min-width: 550px;
	width: 550px;
	height: auto;
	position: fixed;
	top: 30px;
	right: -120px;
}
.empty{ height: 550px;}
.twitter-wrapper, .facebook-wrapper{
	/*width: 49.5%;*/
        width: 485px;
	background: #f8f8f8;
}

.follow-floatR{
	float:right;
}
/* -------------------------------------------------------------------- hoardings page -------------------------------------------------------------------- */
.downloads-page .nav{
	width: 160px;
	margin: 0 auto;
}
.dj_downloads{
	padding-bottom: 45px;
	background: url("../images/border.png") no-repeat bottom center;
}
.dj_downloads h3{
	font-weight: bold;
}
.hoarding .thumb{ width: 64%; margin: 0 auto;}
.hoarding .thumb_desc{ background: none !important;}
.hoarding{ width: 50%;}
.hoarding ul{ width: 64%; margin: 0 auto;}
.hoarding ul li{
	padding: 10px 5px;
	text-align: center;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.hoarding ul li:hover a{
	padding-left:20px;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.nbk_slogan_eng .thumb .thumbnail, .nbk_slogan_hindi .thumb .thumbnail{ max-height:160px;}
.thumbnail {
    max-height: 250px;
    overflow: hidden;
}
.thumb{ margin: 0 1px 1px 0;}
.thumb img{
	width: 100%;
	margin: 0 1px 1px 0;
}
.thumb_desc{ background: #808ba0; padding: 5px 10px ;}
.slogan .thumb_desc{ margin-top: 0;}
.pic_size p {
    margin: 0;
    color: #fff;
}
.pic_download a i{
    margin: 0;
    color: #fff;
}

/* --------------------------------------------------------------------- wish page --------------------------------------------------------------------- */
.center-align{
	margin: 10px auto 80px;
	float: none !important;
}
.calendar, .cake{
	margin-bottom: 5px !important;
	text-align: center;
}
.wish{ text-align: center;}
.bg-info{
	background: none !important;
	border: 1px solid #f8f8f8;
	box-shadow: 0 0 3px #d3d3d3;
	float: none !important;
}
.wellwisher{
	margin-bottom: 0 !important;
	padding-bottom: 5px !important;
}
/* ---------------------------------------------------------------- live ----------------------------------------------------------- */
.live{ background: url("../images/quote_bg.jpg") no-repeat !important; height: auto !important;}