@font-face {
  font-family: 'Shruti';
  src: url('font/Shruti.eot?#iefix') format('embedded-opentype'),  url('font/Shruti.woff') format('woff'), url('font/Shruti.ttf')  format('truetype'), url('font/Shruti.svg#Shruti') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Shruti-Bold';
  src: url('font/Shruti-Bold.eot?#iefix') format('embedded-opentype'),  url('font/Shruti-Bold.woff') format('woff'), url('font/Shruti-Bold.ttf')  format('truetype'), url('font/Shruti-Bold.svg#Shruti-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

*{outline: medium none !important; }
html { 
  background: url(../images/texture-bg.jpg) no-repeat center center fixed #000; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
   position: relative;
  min-height: 100%;
}

.display-none{display:none;}

div, h1, h2, h3, h4, h5,h6, p, img{padding:0px; margin:0px}
h5 { line-height:22px;}
p{ font-family: 'Shruti', sans-serif; padding:0px; margin:0px;}
body{outline:none !important; outline:0 !important; font-family: 'Shruti'; font-size:16px;
background-color: transparent !important; 
margin-bottom: 88px;
}
.cust-padding-top220{ padding-top:190px;}


/* Bootstrap Customization */
.navbar-default{ background-color:transparent; border-color:transparent; min-height:188px;}
.navbar-brand { transform: translateX(-50%); left: 50%; position: absolute;}
/* DEMO example styles for logo image */
.navbar-brand { padding: 0px; height:auto;}
.navbar-brand>img { height: 100%; width: auto; padding: 7px 14px;}
.navbar-default .navbar-nav>li>a { color:#FFF; font-size:14px; padding-top: 22px; padding-bottom: 0px; transition: all .2s ease-in-out;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{ background-color:transparent;
color:#FFF; }
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{ color:#0c8ec4; /* transform: scale(1.2); */}

.navbar-default .navbar-nav>.active>a{ color:#0c8ec4; }

.container-fluid{padding-right: 42px; padding-left: 42px;}

/* Bootstrap Customization Ends */

.margin-top140{ margin-top:140px; }
.header-nav-bg{ background:url(../images/header-line.png) center bottom repeat-x #000;}
.banner-section{ margin-top:30px; width:100%;}
.banner-section img{ width:100%;}
.footer-section{ margin-top:30px; color:#FFF; font-size:14px; background-color: /* rgba(0, 0, 0, 0.69) */ #000;
position: fixed;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
   padding-top: 10px;
 }
.copyRight, .urlPath, .socialIcons{ padding:10px;}
.socialIcons ul{ float:right; margin:0px; padding:0px; list-style:none; }
.socialIcons ul li{ float:left; margin-left:10px;}
.socialIcons ul li a{ color:#FFF; font-size:22px;}
.custom-breadcrumb ul{ margin:0px; padding:0px; list-style:none;}
.custom-breadcrumb ul li{ margin-right:10px; float:left; padding-top:23px; color:#999;}
.custom-breadcrumb ul >li+li:before { color: #ccc; content: ">\00a0"; float:left; color:#9c9c9c !important;}
.custom-breadcrumb ul li a{ color:#999;}
.br-space{ width: 100%; float: left; margin-bottom:10px; padding: 0px 15px;}
.br-space ul li{ padding-top:0px;}
.innerPage-section{ color:#FFF; font-size:16px;}
.abtBspace{ padding:50px;}
.profile-pic{ width:100%; text-align:center; margin-bottom:20px;}
.aboutInfo{color:#FFF; font-size:16px;}
.aboutInfo h2{ margin-bottom:20px; font-weight:500; font-size:26px;}
.aboutInfo p{ margin-bottom:20px;  font-family: 'Shruti';}
.film-credits-section{ margin-top:80px;}
.film-credits-section h2{ margin-bottom:20px; font-weight:500; font-size:26px; display:table; width:100%;}
.film-credits-section ul{ margin:0px; padding:0px; list-style:none;}
.film-credits-section ul li{ margin-bottom:30px; min-height:55px;}
.film-credits-section ul li .cr-year{ width:60px; float:left; font-size:18px;  }
.film-credits-section ul li .cr-info{ width:80%; float:left; font-size:18px;}
.film-credits-section ul li .cr-info h3{ font-size:18px !important; font-weight:600;}
.film-credits-section ul li .cr-info h3 span{  font-weight:400; }
.film-credits-section ul li .cr-info p{ font-size:13px; color:#9f9f9f;}
.custom-gallery{ padding-top:25px;}
.custom-gallery.container-fluid{ padding-left:0px; padding-right:0px;}
.ug-textpanel-title{text-align:center !important;}

.fancybox-parent img{/*width:269px; height:269px; float:left;*/}
.fancybox-opened .fancybox-skin{-webkit-border-radius:0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important;
-webkit-box-shadow:none !important;  -moz-box-shadow:none !important;  box-shadow:none !important ;}

.fancybox-close{top: -2px !important;  right: -2px !important;}
.fancybox-skin{background:none !important;}
.fancybox-overlay{background: rgb(51, 51, 51) !important;}
.fancybox-opened .fancybox-title{text-align:center; margin-top:0px !important;}
#fancybox-thumbs ul li{padding:0px !important;}
#fancybox-thumbs{height: 49px !important; }


/*loaded*/
#loader-wrapper {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1000;}
#loader {display: block; position: relative; left: 50%;top: 50%; width: 150px;height: 150px;margin: -75px 0 0 -75px;border-radius: 50%;
border: 3px solid transparent; border-top-color: #fff;-webkit-animation: spin 2s linear infinite;animation: spin 2s linear infinite;z-index: 1001;}
#loader:before {content: "";position: absolute;top: 5px;left: 5px;right: 5px;bottom: 5px;border-radius: 50%;border: 3px solid transparent;
border-top-color:#a4a4a4;  -webkit-animation: spin 3s linear infinite;animation: spin 3s linear infinite;}
#loader:after {content: "";position: absolute;top: 15px;left: 15px;right: 15px;bottom: 15px;border-radius: 50%;border: 3px solid transparent;
border-top-color:#585757; -webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite;}
@-webkit-keyframes spin {
0%{-webkit-transform: rotate(0deg); -ms-transform: rotate(0deg);transform: rotate(0deg);}
100% {-webkit-transform: rotate(360deg); -ms-transform: rotate(360deg);  transform: rotate(360deg);}
}

@keyframes spin {
0%   { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg);transform: rotate(0deg);}
100% {-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg); transform: rotate(360deg);}
}

#loader-wrapper .loader-section {position: fixed;top: 0;width: 51%;height: 100%;background: #222222;z-index: 1000;
-webkit-transform: translateX(0);  -ms-transform: translateX(0);  transform: translateX(0);}
#loader-wrapper .loader-section.section-left {left: 0;}
#loader-wrapper .loader-section.section-right {right: 0;}

.loaded #loader-wrapper .loader-section.section-left {-webkit-transform: translateX(-100%);-ms-transform: translateX(-100%);transform: translateX(-100%);
-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);}
.loaded #loader-wrapper .loader-section.section-right {-webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%);
-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);}    
.loaded #loader {opacity: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.loaded #loader-wrapper {visibility: hidden; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%);
 -webkit-transition: all 0.3s 1s ease-out; transition: all 0.3s 1s ease-out;}
.no-js #loader-wrapper {display: none;}
/*loaded*/



/*Responsive*/

@media only screen and (min-width: 992px) and (max-width: 1199px) {}

@media only screen and (min-width: 768px) and (max-width: 991px) {}

@media (max-width: 767px){
.navbar-fixed-top{position:absolute;}	
	
	
	
} 

@media only screen and (min-width: 568px) and (max-width: 767px) {}

@media(max-width:568px){
.custom-breadcrumb ul li{font-size: 12px; margin-right: 4px;}
}

@media(max-width:539px){
.grid .grid-item img{position: static;}	
.grid {margin-left:auto; margin-right:auto; width:266px;}
}


@media only screen and (min-width:320px) and (max-width:567px) {}