html {
    margin: 0;
    padding: 0;
}
body {
   font-family: 'PT Sans Narrow', sans-serif;
   color: #333;
   margin: 0;
   padding: 0;
   letter-spacing: 1px;
   font-size: 14px;
}
body.menu-open {overflow: hidden;}

.toggled #page-content-wrapper {overflow: hidden;position: relative;}
.toggled #page-content-wrapper .menu-overlay {top:0;bottom: 0;right:0; left:0;position: absolute;background: #000;display: block;z-index: 10000;height: 100%;width: 100% ;  -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
     opacity: 0.5;
 }
h1,
.h1 {
  font-size: 24px;
}
 h2,
.h2 { color:#65824e; font-size: 18px;  margin-top: 8px;   margin-bottom: 8px }

.btn-green {    color: #fff;    background-color: #9db78a;    border-color: #65824e;
}
input {letter-spacing: 1px;}

hr { margin-top: 5px;   margin-bottom: 5px }
.container-padding {padding-left: 180px;}
.google-add  {background-color: #fafafa; border: 1px solid #ccc;}
a { color : #E5663C }
a:hover { color : #fc4606}
.link-arrow {position: relative;margin-right: 10px;}
.link-arrow:after {  content: ""; position: absolute;  top: 6px; right: -10px;width: 7px; height: 7px; transform: rotate(45deg); border: 1px solid; border-left: 0;  border-bottom: 0;  transition: right 0.3s;}
.filter-input {min-width: 250px;}

/* Header */
 header {height: 50px; box-shadow: 0 .125rem .25rem rgba(0,0,0,.075); }
.navbar.bg-dark {margin-bottom: 0; padding: 0;}
/* .navbar.bg-dark {margin-bottom: 0;  background: #627e4c !important;} */
.mobile-header-buttons {display: none;color:#fff;font-size: 20px;}
.mobile-header-buttons:hover {color:#E5663C;}
.sm-hearder-search {display: none;}
.custom-search-input{ padding: 0; border: solid 1px #E4E4E4; border-radius: 4px; background-color: #fff;}
.custom-search-input input{border: 0; box-shadow: none;}
.custom-search-input button{background: none; box-shadow: none; border: 0; padding: 0 0.5em; border-left: solid 1px #ccc; border-radius: 0;}
.custom-search-input button:hover{ border: 0; box-shadow: none; background-color: none;  border-left: solid 1px #ccc;}
.custom-search-input .fa-search{font-size: 20px; color: #E5663C;}
.header-banner {background-color: #fff;}
.breadcrumb {border-radius: 0;margin-bottom: 0;}
.breadcrumb li {margin-right: 0.5em; text-transform: uppercase;}
.breadcrumb li a{text-transform: uppercase;}

/* Content body */
.page-content-wrapper {background-color: #fff;}
.content-body {width: 100%;}
.content-body .middlecontent { padding: 1em; background: #fafafa; }
.content-body .middlecontent a p{margin: 0}
.content-body .largeadcontent {text-align: right; background: #343a40;color:#fff;}
.content-body .largeadcontent h4 {font-size: 20px; text-align: center;white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;margin:0.5em;}

h3.section-header { background-color: #627e4c;color: #fff;text-transform: uppercase; font-size: 1em; letter-spacing: 2px; margin-left: 3px; padding: 1em;}
h3.section-header a {position: relative; color: #fff; margin-right: 1em; }
h3.section-header a:after {
    content: "";
    position: absolute;
    top: 6px;
    right: -15px;
    width: 7px;
    height: 7px;
    transform: rotate(45deg);
    border: 1px solid;
    border-left: 0;
    border-bottom: 0;
    transition: right 0.3s;
}

h3.right-header {
   text-align: left;  color:#fff;text-transform: uppercase; font-size: 1em; letter-spacing: 2px; margin-left: 3px; padding: 1em 0;
}

.sub-page-header { margin:0; color: #65824e; text-transform: uppercase; font-size: 1.5em; letter-spacing: 2px; font-weight: bold;}

.movies-thumb-list a {display: inline-block;margin:5px; text-align: center;white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;width: 150px;}
.movies-thumb-list a img{margin: 0 auto}

.video-icon .icon{position: absolute;  top: 50%;  left: 50%; transform: translate(-50%, -50%); opacity: 0.8;width:35px;height: 35px;background: url(images/play_video35.png) center no-repeat;z-index: 10}


.video-list {margin: 0;width: 100%}
.video-list p {max-width: 130px; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.video-thumb-border {border: 1px solid #ccc;}
.video-list .video-icon {display: block; padding: 0; position: relative; width: 130px;height: 100px;text-align: center;white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; }
/* .video-list .video-icon .icon{position: absolute; top:0;left:0;font-size: 30px; opacity: 0.8;width:120px;height: 95px;background: url(images/play_video35.png) center no-repeat;z-index: 10} */
.video-list .video-icon img{position: absolute;top:0;left:0}
.video-list .video-list h5{padding:0 10px ;margin: 0;}

.video-list.rand-movie  .video-icon {display: block; padding: 0; position: relative; width:300px;height: 230px;text-align: center;white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; }
.video-list.rand-movie  .video-icon img{width: 100%; }
.video-list.rand-movie  .video-icon .icon{width:300px;height: 230px; }
.search-button {text-transform: uppercase; letter-spacing: 2px;}
.rand-movie { max-width: 300px;}
.btn-default {border: 1px solid #E5663C;}
#pagination {text-align: center;}
#pagination.right-aligned {text-align: right;}

.list-group-item {white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.cele-thumb-list a {display: inline-block;margin:5px; text-align: center;white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;width:100%}
.cele-thumb-list a img{margin: 0 auto}

/* Detail page */
.detail-content {width: 100%;}
.movie-main-img img {width:200px;height: 285px;}
.img-border {-moz-border-radius: 0; -webkit-border-radius: 0;    border-radius: 0;    padding: 0.25rem; border: 1px solid #dee2e6;}
.main-video-box {background-color: #000;}
.main-video-box h2{text-transform: uppercase; text-align: center; max-width: 325px;color: #fff;}
.video-play-thumb {width: 300px;}
.play-thumb {width:100%;}
.play-thumb .icon{position: absolute; width:48px;height: 48px;right:0;left:0;top:0;bottom: 0; background: url(images/play_video.png) top left no-repeat;z-index: 10;margin:auto;margin-right:auto;}
.play-thumb img {width:100%;}

.info-list {width:100%; font-size: 14px; margin-top: 10px;}	
.info-list > div {flex: 1 1 0px ; border-left: 1px solid #ccc;padding-left: 10px;}
.info-list .left {font-weight:700;padding:3px 0;color: #65824e; text-transform: uppercase;}
.info-list .right {padding:3px 0;word-wrap:break-word;}
.synopsis {height: 230px; overflow-y:auto; font-size: 14px;  }
.cast-list .btn-default {max-height: 32px;}
.movie-details-songslist > div {max-width: 122px ;}
.movie-details-songslist .video-icon {position: relative;}
.amazon-link {min-width: 245px;}
.buy-movie-link {display: block;height: auto; width: 100%; position: relative; border-radius: 5px; padding: 8px;
    color: #627e4c;
    font-size: 15px; text-transform: uppercase;
    background: rgb(238,238,238); 
    background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); 
    background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
    background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
    }
.buy-movie-link span {position: absolute; top:10px; right: -8px;display: inline-block;width:65%; line-height: 27px}
.buy-movie-link span.small-font {position: absolute; top:8px; right: 8px;display: inline-block;width: 55%; text-align: center; line-height: 18px; font-size: 18px}
.buy-movie-link img {width:25%;}
.buy-movie-link img.w-auto {width:auto;}
.buy-movie-link .amazon {height: 22px; width: 100px; position: absolute; top: 8px ;right: 8px ; background: url('images/amazon-logo.png') no-repeat ;}

.biography {height: 230px; overflow-y:auto;font-size: 14px; min-width: 500px;}
.celebrity-recent-movies a {max-width: 122px }

/* Movies list page */
.moviepage-search .search-input {    width: 90%;    float: left;}

.movies-list {max-height: 730px; overflow-y:auto;padding: 0 10px 0 0; flex: 1 1 0px;}
.movies-list .list-group-item{padding: 6px 10px;margin: 10px 0;border-radius: 0px;}
.movies-list .movie-list-info{margin-left:80px;}
.movies-list .movie-list-info .hide{display: none;}
.movies-list .movie-list-title{display: block;height:25px;color:#65824e;font-size:15px;}
.movies-list .movie-list-img {position: absolute;top:6px ; left: 6px; width:75px;border-radius: 0;}
.movies-list .btn-info {color:#fff ; position: absolute;top:15px ; right: 5px;    height: 27px;  line-height: 25px;  padding: 0 11px;background: #CC181E; border-color: #CC181E}
.movies-list .movie-list-cast {color:#3e4346}
.movies-list .movie-list-cast a {color:#3e4346 ; font-size:12px; font-weight: normal; }
.movies-list .cat-span {display: none;}
.filter-show-btn {margin: 10px 0 ; text-align: right}

.filter-list {margin: 10px 0 10px;}
.filter-show-btn { display: none;}
.filter-list .show-all {display: none;width:94px;float: right;margin-right: 5px;}
.filter-list .filter-input {margin-right: 5px;width:23%}
.filter-list .filter-select {width:23%}
.movies-list-cele-img {overflow-y: hidden; max-height: 300px;}
/* Footer */
footer { padding: 0.5em 0;background-color: #65824e; color: #fff; font-size: 1em; letter-spacing: 2px;} 

/*google ad boxes*/
.leaderboard {width: 728px;height: 90px;}
.large_rectangle {width: 336px;height: 280px;}
.large_skyscraper {width: 300px;height: 600px;}
.skyscraper {width: 160px;height: 600px;}
.adwidth300 {width: 300px; height: auto;}

.sytled-scrolls::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5;}
.sytled-scrolls::-webkit-scrollbar{	width: 10px;	background-color: #F5F5F5;}
.sytled-scrolls::-webkit-scrollbar-thumb{	background-color: #888;	border: 2px solid #555;}

.eclipsed-text {white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; }

.video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
}

.video-player {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* .breadcrumb-row {background: #65824e;margin: 0}
.breadcrumb-row .form-inline{margin-top: 4px;}
.breadcrumb {font-size: 16px;background: none;    padding: 10px 15px;     font-weight: bold;margin:0; color:#ffeda4}
.breadcrumb li a {color:#ffeda4 }
.breadcrumb > .active {color:#fff }

.fixed-logo {height: 54px; background:  #65824e ; padding: 12px 10px 10px ;}
.topbar-left {float: left;width: 170px;}
.topbar-right {float: left; width: 970px;}


.content-body {width: 100%;}
.content-body .middlecontent { padding:0 15px;}
.content-body .middlesmallcontent {width: 624px; float: left;}
.content-body .middlecontent a p{margin: 0}
.content-body .largeadcontent {text-align: right; background: #343a40;color:#fff;}
.content-body .smalladcontent {width: 336px; float: right; text-align: right; background: #343a40;color:#fff;}
.content-body .smalladcontent .page-header {color: #fff;border-bottom-color: #eee;}

.content-body .movie-list-middlecontent {width: 750px; float: left;}
.content-body .movie-list-right {width: 205px; float: right;}

.movie-list-right .cele-btn {    min-width: 165px;}

.logo {width: 166px ; height:50px; background: url('images/bollybx_logo_mobile_white.png') no-repeat right center; float: right;}
.fixed-search {display: none}

.fixed-banner {position: absolute;top:0;}
.fixed-amazon {margin-top: 20px;}
.mobile-header-icon .glyphicon{font-size: 25px;    margin-top: 5px;color :#fff;}
.cls {clear: both;}

.navbar {font-family: 'Titillium Web', sans-serif;}

.topbar-left {}
.topbar-right-logo {float: right;width: 20%;text-align: right;}

.home-search-box .form-control {width:190px;}

.search-bar-with-ad .search-bar-form {width:225px; float: right;padding-left: 15px;}
.search-bar-with-ad .search-bar-ad {width:728px; float: left;}


.home-middlecontent .movies-thumb-list a {width: auto;}
.home-celibrities a {display: block; white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;}
.margin10 {margin: 10px 0}
.margin20 {margin: 20px 0}
.margin20_auto {margin: 20px auto 0}

.list-group-item {font-size: 16px;    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis}

.custom-search-input{
    padding: 0;
    border: solid 1px #E4E4E4;
    border-radius: 4px;
    background-color: #fff;
}

.custom-search-input input{
    border: 0;
    box-shadow: none;
}

.custom-search-input button{
    margin: 2px 0 0 0;
    background: none;
    box-shadow: none;
    border: 0;
    color: #666666;
    padding: 0 8px 0 10px;
    border-left: solid 1px #ccc;
    border-radius: 0;
}

.custom-search-input button:hover{
    border: 0;
    box-shadow: none;
    border-left: solid 1px #ccc;
}

.custom-search-input .fa-search{
    font-size: 20px;
    color: #E5663C;
}

.detail-content h1, .detail-content h3 {color:#65824e}
.detail-content h1 .sub-title, .detail-content h3 .sub-title  {font-size: 20px;color:#888;  }
.detail-content h2 , .detail-content h4{margin: 5px 0;color:#65824e}
.main-video-box h2 {color: #fff; text-align: center;width: 100%;}


.synopsis {height: 235px; overflow-y:auto;font-size: 14px;  }
.biography {height: 273px; overflow-y:auto;font-size: 14px; }

.buy-movie-link {display: block;height: auto; width: 90%; float: left; margin: 10px 0 0; position: relative; border-radius: 5px; padding: 8px;
color: #fe920b;
font-size: 23px;
background: rgb(238,238,238); 
background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); 
background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
}
.buy-movie-link span {position: absolute; top:25px; right: 8px;display: inline-block;width: 55%; text-align: center; line-height: 27px}
.buy-movie-link span.small-font {position: absolute; top:8px; right: 8px;display: inline-block;width: 55%; text-align: center; line-height: 18px; font-size: 18px}
.buy-movie-link img {width:40%;}
.buy-movie-link .amazon {height: 22px; width: 100px; position: absolute; bottom: 4px ;right: 8px ; background: url('images/amazon-logo.png') no-repeat ;}
.sytled-scrolls::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.sytled-scrolls::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

.sytled-scrolls::-webkit-scrollbar-thumb
{
	background-color: #888;
	border: 2px solid #555;
}

.moviepage-search .search-input {    width: 90%;    float: left;}

.movies-list {max-height: 835px; overflow-y:auto;padding: 0 10px 0 0;}
.movies-list .list-group-item{padding: 6px 10px;margin: 10px 0;border-radius: 0px;}
.movies-list .movie-list-info{margin-left:80px;}
.movies-list .movie-list-title{display: block;height:25px;color:#65824e;font-size:15px;}
.movies-list .movie-list-img {position: absolute;top:6px ; left: 6px; width:75px;border-radius: 0;}
.movies-list .btn-info {color:#fff ; position: absolute;top:15px ; right: 5px;    height: 27px;  line-height: 25px;  padding: 0 11px;background: #CC181E; border-color: #CC181E}
.movies-list .movie-list-cast {color:#3e4346}
.movies-list .movie-list-cast a {color:#3e4346 ; font-size:12px; font-weight: normal; }
.movies-list .cat-span {display: none;}

.doc-list {max-height: 800px; overflow-y:auto}
.filter-show-btn {margin: 10px 0 ; text-align: right}

.filter-list {margin: 10px 0 10px;}
 .filter-show-btn { display: none;}
.filter-list .show-all {display: none;width:94px;float: right;margin-right: 5px;}
.filter-list .filter-input {margin-right: 5px;width:23%}
.filter-list .filter-select {width:23%}
.page-header {font-size: 24px;margin: 10px 0 ; padding-bottom: 3px; color:#65824e; border-bottom-color: #65824e; }
.sub-page-header {font-size: 24px;margin: 5px 0 ;color:#65824e; }
.page-header .filter-input {width: 200px;background: url(images/search.png) right no-repeat;}
.breadcrumb-row .filter-input {width: 200px;background: url(images/search.png) right no-repeat;color:#fff;}

.info-list{width:100%; font-size: 13px; margin-top: 10px;	}	
.info-list .left {float:left;width:30%;font-weight:700;padding:3px 0;color: #65824e;background: url(images/colan.gif) 96% center no-repeat;}
.info-list .right {float:left;width:70%;padding:3px 0;word-wrap:break-word;}

.leaderboard {width: 728px;height: 90px;}
.large_rectangle {width: 336px;height: 280px;}
.large_skyscraper {width: 300px;height: 600px;}
.skyscraper {width: 160px;height: 600px;}



.thumbnail img {border-radius: 4px;}
.thumbnail  {color:#65824e; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;font-weight: bold;}

.image-gallery {margin: 0}
.image-gallery a {margin: 8px 0}
.image-gallery a.btn {margin: 0}

.movie-details-photolist img {width:100%}

.video-list {margin: 0;width: 100%}
.video-list p {max-width: 130px; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.video-thumb-border {border: 1px solid #ccc;}
.video-list .video-icon {display: block; padding: 0; position: relative; width: 130px;height: 100px;text-align: center;white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; }
.video-list .video-icon .icon{position: absolute; top:0;left:0;font-size: 30px; opacity: 0.8;width:120px;height: 95px;background: url(images/play_video35.png) center no-repeat;z-index: 10}
.video-list .video-icon img{position: absolute;top:0;left:0}
.video-list .video-list h5{padding:0 10px ;margin: 0;}

.video-list.rand-movie  .video-icon {display: block; padding: 0; position: relative; width:300px;height: 230px;text-align: center;white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; }
.video-list.rand-movie  .video-icon img{width: 100%; }
.video-list.rand-movie  .video-icon .icon{width:300px;height: 230px; }

.rand-movie {margin-top: 20px;}
.rand-movie h4 {text-align: center;white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;margin: 5px 0;}

.play-thumb {width:100%;}
.play-thumb .icon{position: absolute; width:48px;height: 48px;right:0;left:0;top:0;bottom: 0; background: url(images/play_video.png) top left no-repeat;z-index: 10;margin:auto;margin-right:auto;}
.play-thumb img {width:100%;}

.movies-thumb-list a {display: inline-block;margin:5px; text-align: center;white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;width: 150px;}
.movies-thumb-list a img{margin: 0 auto}

.recent-movies-thumb-list  {text-align: right;}
.recent-movies-thumb-list a:not(.btn) {display: inline-block;margin:5px; text-align: center;white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;width: 150px;}
.recent-movies-thumb-list a img{margin: 0 auto}



.cele-btn {margin: 5px 0;min-width:180px;}

.video-play-thumb {width: 336px;}
.no-video {text-align: center; margin-top:50px;color: #E5663C;font-size: 16px;}
footer { padding: 0.5em 0;background-color: #65824e; color: #fff; font-size: 12px;} 

.ui-menu-item-with-icon .fa {margin-right: 5px;}

.other-btn {margin-right:5px}

.no-scroll {    overflow:hidden;}
.breadcrumb-row {margin-bottom:10px;} */