/*
Theme Name: Film Festival
Theme URI: http://web1.kbihm.com/flim-festival
Author: the kindlebit team
Author URI: #
Description: This site is for film fastival and related information
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: film, festival, award, film-freeway, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: twentyfourteen
*/


body{ width:100%; height:100%; font-size:12px; font-family: 'Open Sans', sans-serif !important; margin:0px; padding:0px;  color: #fff; }

p{ margin:10px 0px; padding:0px; }
ul,ol, dl{ list-style:none; }
ul, li{ margin:10px 0px; padding:0px; }
a{ text-decoration:none; }
a:hover, a:focus{ text-decoration:none !important; }
img{ max-width:100%; width:100%; }
h1, h2, h3, h4, h5, h6{ margin:10px 0px; }
ul.cnss-social-icon li.Facebook a img{
  width: 10px;
  height: 21px!important;
}
ul.cnss-social-icon li.Twitter a img{
  width: 22px;
  height: 18px!important;
}
ul.cnss-social-icon li.Linkedin a img{
  width: 20px;
  height: 18px!important;
  margin-right:0px !important; 
  
}

#main_container{ width:100%; float:left; }
#loading-animation {
  height: 60px;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 60px;
}
/*.images {
    background: #000 none repeat scroll 0 0;
    height: 180px;
    padding: 22% 0;
}*/
.wplightbox > img {
    height: auto;
    width: auto;
}
.style_added{
  width: 180px; height: 170px;
}
#header_container{   background: #000 none repeat scroll 0 0; border-top: 6px solid #740001; padding: 3px 0 0 10px; width: 100%; }

.inner_page_header{ position:sticky; top:0px; z-index:5;}
/* .logo { padding: 34px 0;} */
.social_icon_btn{ max-width: 371px; width: 100%; margin: 14px 0 0;}
.social_icon_btn ul{  /* margin: 0 8px 0 0;  */ max-width: 158px;  width: 100%;}
.social_icon_btn ul li{  margin: 7.3px 6px !important;}
.social_icon_btn ul li:last-child{  margin-right: 0px !important; padding-right:0px; }
.social_icon_btn ul li:first-child{  margin-left: 0px ;}
.button_submit{  border: medium none; border-radius: 4px;  padding: 0 !important;}

/* navigation */
.navbar{ margin-bottom:0px; background:rgba(0, 0, 0, 0) none repeat scroll 0 0;  border: medium none;}
.navigation { width: 100%; padding: 5px 0; margin: 12px 0;}
nav {  max-width: 672px;  width: 100%; margin:5px 0px; }
.navbar-default .navbar-nav > li > a{ color:#fff; padding:10px 24px; text-transform:uppercase;  }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus,.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{ color:#fff; background:#6D0604; border-radius:4px; }
.navbar-default .navbar-nav > li { margin:0px;}
/* 
.select_categories {  max-width: 238px;  width: 100%;  margin: 5px 0 0;}
.select_categories .categories{background:#3f3f3f; color:#fff; border-radius: 4px; width:100%; padding:10px 15px; border:0px; } */
.select_categories {  max-width: 171px;  width: 100%;  margin: 5px 0 0;}
.select_categories .search_box{background:url(./images/srch_img.png) no-repeat right 12px center; color:#fff; border-radius: 4px; width:100%; padding:10px 35px 10px 15px; border:1px solid #fff; cursor:pointer; }
.nav li:hover ul.dropdown-menu{ display:block !important; opacity:1}
.nav li ul.dropdown-menu{ transition: opacity 1s ease 0s;  opacity:0; }
.fest_sub_menu{ width:100%; margin:0px; padding:0px; background:#000; display:inline-block}
ul.dropdown-menu li{width:100%; }
ul.dropdown-menu li:last-child{ margin-right:0px; }
ul.dropdown-menu li a{ color:#6D0604; text-transform:uppercase; font-size:15px;  width:100%}
ul.dropdown-menu li a:hover{ background:#6D0604; color:#fff}

/* content  */
#content_container{ background:url(./images/cntnt_bg.png) no-repeat; background-size:cover;  min-height: 324px;
padding:10px 0px 20px 0px;  position: relative;}
.head{ background:url(./images/head_bg.png) no-repeat left center / auto auto; padding:1px 18px; }
.head h2{ color:#fff; font-weight:700; font-size:18px; }
.margin_top{ margin-top:10px; }
.popular_img { margin-bottom: 0;  margin-top: 0; }
.popular_img > li {
    margin-right: 7.8px;
    max-width: 180px;
    padding: 0;
    width: 100%;
}
.cat_filter .popular_img > li {
  /*max-width: 179px;*/
  margin-right: 7.5px;
}
.content_img img{
   float: left;
    margin-right: 10px;
    width: auto;
}
.content_img{  
    margin-top: 15px;
}
.popular_img > li:last-child{ margin-right:0px; }
.popular_img1 { margin-bottom: 0;  margin-top: 0; }
.popular_img1 > li {
    margin-right: 7.8px;
    max-width: 184px;
    padding: 0;
    width: 100%;
}
.popular_img1 > li:last-child{ margin-right:0px; }
.images:hover {
 
  /*border: 5px solid #fff;*/
  outline: 5px solid #fff;
  transform: scale(0.95);
}

.trading_first{ position:relative;}
.left_arrow{ position:absolute; top:26%; left:0px; }
.right_arrow{ position:absolute; right:0px; top:26%}
/* 
.trading_head{ background-size: 15% 100%}
.trading_head1{ background-size: 10% 100%} */
.list-inline{ margin-left:0px; }

/* Footer container */
#footer_container{ background:#000000; padding:15px 0px 30px 0px; }
.ftr_wrapper{ max-width:960px; width:100%; margin:0px auto; }
.ftr_left h4{ color:#fff; text-transform:uppercase; font-size: 15px; font-weight:600}
.ftr_left ul li{ margin:3px 0px; }
.ftr_left ul li a{ color:#fff; font-size:13px; }


/* carousel */
.media-carousel 
{
  margin-bottom: 0;
  padding: 0;
  margin-top: 0px;
  
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: 0px;
  background-image: none;
  background: none;
  opacity:1;
  width: auto;
  top:29%; 
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: 0px !important;
  background-image: none;
  background: none ;

  width: auto;
  opacity:1;
  top:29%; 
}
/* Changes the position of the indicators */
.media-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
.media-carousel .carousel-indicators .active 
{
  background: #333333;
}

/* End carousel */

/* International Desi film */
.banner_image{ background:url(./images/banner_img.png) no-repeat center center; background-size:cover !important;  padding:2% 0px; background-repeat:no-repeat !important;  }
.content_banner{ background:rgba(0, 0, 0, 0.6)}
.film_banner_text h2{ color:#fff; margin: 0 0 10px; font-size: 34px; font-weight: bold;}
.film_banner_text p { color: #fff; font-size: 17px; font-weight: 600; line-height: 26px; margin: 20px 0; }
.film_banner_text { padding: 26px 0; }
.banner_nav{ position:sticky; top:0px; z-index:10; }



.dropcapwide { float: left; font-size: 4.5em; line-height: 78%; width: 1em; }
.entry-content.content_img > p, #perinfo > p, .insert-page p{ font-size: 14px; line-height: 24px;  text-align:justify;  }

#page-nav { background: #1d1d1d none repeat scroll 0 0; margin-bottom: 10px; } 
.pag_social_icon ul{ text-align:right !important;     margin: 11px 0 0; }
.page_right_menu ul li{ padding:0px;  }
.page_right_menu ul li a{ padding:20px 25px;  transform: perspective(1px) translateZ(0px);
transition-duration: 0.5s; vertical-align: middle;}
.page_right_menu ul li a{ font-size:15px;  float:left; color:#fff; }
.page_right_menu ul li:hover > a{ background:#961B1E; color:#fff;     transform: scale(1.2); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); }

.field{ margin:0px 0px 10px 0px; }
.field label{ font-weight:normal; font-size:16px; color:#ddd; margin:10px 0px 0px 0px; }
.field label span{ color:#E80300; padding-left:3px; }
.input_field input,.input_field textarea{ border:1px solid #fff; background:none !important; padding:7px 15px; max-width:400px; width:100%; font-size:14px; }

.btn{  padding: 0 0 0 8px;
    text-align: left;}
.btn input { background: #961B1E none repeat scroll 0 0; border: 2px solid #961B1E; border-radius: 4px; padding: 7px 20px; }

.btn input:hover{ background:#fff; color:#961B1E; border:2px solid #fff; }

#html5-text ul {
       background: #961B1E none repeat scroll 0 0;
    float: left;
    padding: 0 10px;
    width: 100%;
}
#html5-text li {
    color: #fff;
    float: left;
    font-size: 15px;
    width: 50%;
}
#html5-text p{ color: #333; font-size: 14px; line-height: 26px; }
.menu-festival-page-menu-container ul li{ display:inline-block !important; }

/* Media Screens */
@media only screen and (min-width: 1200px){
	/* #page-nav{ top:55%; } */
}
@media only screen and (max-width: 1200px){
.popular_img > li{ width:15.7%; }
.trading_head{ background-size: 25% 100%}
.trading_head1{ background-size: 15% 100%}
.popular_img1 > li{width:15.7%; }
nav{ width: 75%;}
.nav{ width:100%; } 
.navbar-default .navbar-nav > li > a{ padding: 10px 12px !important;}
/* #page-nav{  top: 56%; } */
}

@media only screen and (max-width: 992px){
	nav{  width: 100%;	}
.navbar-default .navbar-nav > li > a{  padding-left: 21px;  padding-right: 22px;}	
.popular_img > li, .popular_img1 > li{ width:15.4% }
.trading_head{ background-size: 25% 100%}
.trading_head1{ background-size: 20% 100%}
.media-carousel .carousel-control.left, .media-carousel .carousel-control.right{ width:4%}
.navbar-default .navbar-nav > li > a{ padding: 10px 14.7px !important;}
.page_right_menu ul li a{ padding:20px; }
.style_added{ width:100%; height: 62px;}

}

@media only screen and (max-width: 768px){
	.logo { margin: 0 auto;  width: 36%; }
  .button_submit.pull-right img { width: auto; }
	.social_icon_btn{  max-width: 100%; float: none !important; text-align: center;}
	.social_icon_btn ul{  max-width: 100%; text-align: center !important;}
	.button_submit{ float:none !important; }
	nav{ max-width:100%; width:100%}
	.select_categories{  float: none !important;   max-width: 100%; text-align: center; width: 100%;}
	.select_categories .categories{ width: 90%; max-width: 239px;}
	.head{ background-size:79% 100%; padding:1px 5px; }
	.head h2{ font-size:15px; font-weight:normal; }
	.popular_img > li, .popular_img1 > li{  max-width: 100%;   width: 100%;}
	.images{ max-width:200px; width:100%; margin:0px auto; }
	.navigation{ max-width:100%}
	.trading_head{ background-size: 48% 100%}
.trading_head1{ background-size: 35% 100%}
.media-carousel .carousel-control.left, .media-carousel .carousel-control.right{  top: -40px; width: 23px;}
	.media-carousel .carousel-control.left{ right: 29px !important; left: auto;}
	.menu-festival-page-menu-container select{background: rgba(0, 0, 0, 0) none repeat scroll 0 0; font-size: 18px; margin: 10px 0 0; max-width: 100%; padding: 10px; width: 100%;}
	.style_added{ width:100%; height: 170px;}
	.pag_social_icon ul {
  text-align: center !important;
}
}
div.asl_r .results .item .asl_content .asl_desc {
    color: #1468a9;
}


/**1-sep-21**/

.menu-festival-page-menu-container select option {
    background: #1d1d1d;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	font-size:14px;
}


.menu-festival-page-menu-container select option:active {
    background: #961b1e;
}

.n2-ss-slide-limiter {
     max-width: 100% !important; 
}
.navbar-default .navbar-nav > li > a {
    padding: 10px 16px;
}

div#bs-example-navbar-collapse-1 {
    padding: 0;
}



@media (max-width: 767px){
	button.navbar-toggle.navbar_icon {
    margin-bottom: 14px;
}
}