/*------------------ Body -----------------------*/
body {
font-size: 16px;
line-height: 1.5;
color: #333;
}
/*------------------ Titles and Links -----------------------*/
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-weight: 400;}
h3 {font-size: 22px;}
a{color:#212121;text-decoration:none;}a:hover, a:focus{color:#2780e3;text-decoration:none;}
b, strong {font-weight: 500;}
.btn {font-weight: 400;border-radius: 0.25rem;}
.container{max-width:100%}
@media (min-width:768px){.container{max-width:100%}}
@media (min-width:992px){.container{max-width:100%}}
@media (min-width: 1200px) {.container {width: 1130px;}}
.whiteback {background: #ffffff;}
/*------------------ Header -----------------------*/
.navbar-dark {background-color: #032042;}
.navbar-brand {padding:0px 5px 0px 0px;}
.navbar .searchform {width:100%;margin: 10px 0px;border-radius: 0.25rem;overflow: hidden;}
.navbar .btn-primary {padding: 4px 10px 0px 10px;border-radius: 0 0.25rem 0.25rem 0;}
.navbar-dark .navbar-toggler {border: none;}
.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
@media (min-width:992px){
.navbar-brand {padding:0px 25px 0px 0px;}
.navbar .searchform {width:250px;margin:0px;}
}
/*------------------ Home Page -----------------------*/
.scrollcontent{position: relative;z-index: 1;padding-top: 20px;padding-bottom: 25px;}
.scrollback {display: block;position: relative;background: #333;box-shadow: 0 0 6px rgba(0,0,0,0.27);background-repeat: no-repeat;
background-size: cover;
background-position: center;}
.scrolloverlay {background-color: rgba(0,0,0,0.6);height: 100%;}
.scrolltitle {position: relative;margin-top: 15px;margin-bottom: 20px;border-bottom: 3px solid #D5D5D5;}
.scrolltitle h1 {color: #ffffff;display: inline-block;border-bottom: 3px solid #2780e3;margin-bottom: -3px;line-height: 24px;font-size: 26px;font-weight: 400;padding-bottom: 10px;}
.homethumb {padding: 0px 10px;}
.homethumb img {max-width: 100%;height: auto;margin: 0px auto;}
.homethumb .overlay {position:absolute;left: 0px;width:185px;height:278px;border-radius: 0px;background-color:rgba(0,0,0,0.5);opacity:0;visibility:hidden;-webkit-transition:.25s;-moz-transition:.25s;-ms-transition:.25s;-o-transition:.25s;transition:.25s;}
.homethumb:hover .overlay {cursor:pointer;visibility:visible;opacity:1;}
.homethumb .overlay .postertitle {font-size:14px;color:#fff;margin: 100px 10px 0px 10px;font-weight: 400;text-align: center;width: 160px;position: absolute;}
.homethumb .posterscore {
float: right;
    margin-top: 250px;
	margin-right: 10px;
    font-size: 12px;
    background: rgba(0, 0, 0, 0.6);
    padding: 2px 5px;
    color: rgba(255, 255, 255, 0.9);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.homethumb .posterscore i {
    font-size: 13px;
    color: #FFCB00;
	padding-top: 2px;
	padding-right: 5px;
	float: left;
}
/*------------------ slickcarousel https://www.jqueryscript.net/demo/Fully-Responsive-Flexible-jQuery-Carousel-Plugin-slick/ -----------------------*/
.sliderholder {max-width: 1160px;margin: 0px auto;padding: 0px 5px;}
.slick-dots li.slick-active button:before {opacity: .75;color: white;}
.slick-dots li button::before {opacity: .45;color: white;}
@media (min-width:992px){
.navbar-brand {padding:0px 25px 0px 0px;}
.navbar .searchform {width:250px;margin:0px;}
}
@media (min-width: 1200px) {.sliderholder {padding: 0px 10px;}}
/*------------------ jcarousel -----------------------*/
.fcarousel .carousel-container {
    position: relative;
    margin: 10px 40px;
}
/*
This is the visible area of you carousel.
Set a width here to define how much items are visible.
The width can be either fixed in px or flexible in %.
Position must be relative!
*/
.jcarousel {
    position: relative;
    overflow: hidden;
}
/*
This is the container of the carousel items.
You must ensure that the position is relative or absolute and
that the width is big enough to contain all items.
*/
.jcarousel ul {
    width: 20000em;
    position: relative;
    /* Optional, required in this case since it's a <ul> element */
    list-style: none;
    margin: 0;
    padding: 0;
}
/*
These are the item elements. jCarousel works best, if the items
have a fixed width and height (but it's not required).
*/
.jcarousel li {
    /* Required only for block elements like <li>'s */
    float: left;
	width: 185px;
	height: 278px;
	border: none;
	margin: 7px 13px 7px 7px;
	background: none repeat scroll 0% 0% #fff;
	transition: all 0.25s ease 0s;
	float: left;
	overflow: hidden;
	position: relative;
	border-radius: 0px;
	box-shadow: 0 0 6px rgba(0,0,0,0.27);
}
.fcarousel .carousel-prev, .fcarousel .carousel-next {
    display: inline-block;
    width: 25px;
    height: 278px;
    margin: 7px 0px;
    cursor: pointer;
    text-indent: -5555em;
    overflow: hidden;
    position: absolute;
    top: 0px;
    transition: all 0.15s ease-in-out 0s;
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.27);
-moz-box-shadow: 0 0 6px rgba(0,0,0,0.27);
box-shadow: 0 0 6px rgba(0,0,0,0.27);
}
.fcarousel .carousel-prev {
	background:#2780e3 url(images/scroll-left.png) no-repeat right 128px;
	left:-40px;
	border-radius: 3px 0px 0px 3px;
}
.fcarousel .carousel-next {
	background:#2780e3 url(images/scroll-right.png) no-repeat left 128px;
	right:-40px;
	border-radius: 0px 3px 3px 0px;
}
.fcarousel .carousel-prev:hover {
	background:#C3020C url(images/scroll-left.png) no-repeat right 128px;
}
.fcarousel .carousel-next:hover {
	background:#C3020C url(images/scroll-right.png) no-repeat left 128px;
}
 /* top boxes */
.topbox {float: left;width: 33.33333333%;font-size: 16px;}
.topbox .boxmain {margin-bottom: 20px;overflow: hidden;}
.topbox h2 {margin-bottom: 0px;font-size: 22px;}
.topbox ul {padding: 0;margin: 0;list-style: none;}
.topbox ul li {line-height:24px;}
.homemorebut {margin: 0px auto 40px auto;text-align: center;clear: both;}
.box1 {margin-right:10px;}
.box2 {margin-left:5px;margin-right:5px;}
.box3 {margin-left:10px;}
.featimage {float: left;width: 180px;margin:10px 25px 20px 0px;border-radius:3px;
overflow: hidden;background: #ffffff;
-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.27);
-moz-box-shadow: 0 0 6px rgba(0,0,0,0.27);
box-shadow: 0 0 6px rgba(0,0,0,0.27);}
@media (max-width: 360px) {
.featimage {float: none;}
}
.feat-rating {
    font-size: 18px;
    width: 180px;
    padding: 8px 0px;
}
.featbox h3 {
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 0px;
    margin-top: 10px;
    height: 24px;
    overflow: hidden;
}
.featbox h4 {
    color: #777777;
    font-size: 16px;
    margin-top: 5px;
}
/*------------------ Index Pages -----------------------*/
.pageheader {margin-top: 30px;clear: both;}
.pageheader h1 {font-size: 24px;margin-bottom: 0px;}
.pagetopbox {padding: 25px 0px 25px 0px;background: #FFFFFF;box-shadow: 0 0 6px rgba(0,0,0,0.27);}
.pagebottombox {padding:15px 0px 25px 0px;}
.pagetitle {margin-bottom: 15px;margin-top: 15px;font-weight: bold;border-bottom: 3px solid #D5D5D5;clear: both;}
.pagetitle h1 {color: #212121;display: inline-block;border-bottom: 3px solid #2780e3;margin-bottom: -3px;line-height: 24px;font-size: 24px;font-weight: 400;padding-bottom: 10px;}
/*--- view switcher buttons ---*/
.pageresults input[type=radio] {
		position: absolute;
		z-index: 100;
		opacity: 0;
		cursor: pointer;
		height: 40px;
		width: 40px;

	}
.pageresults .control {
		background: #ffffff;
		width: 34px;
		height: 34px;
		border-radius: 3px;
		display: inline-block;
		margin-right: 5px;
		}
		
		.pageresults .control:hover, 
		input[type=radio]:hover + .control, 
		input[type=radio]:checked + .control {
		background: #2780e3 !important;
		
		}
		
.pageresults .control i {
		display: inline-block;
		margin-right: 5px;
		border-radius: 3px;
		padding: 5px 5px 5px 5px;
		cursor: pointer;
		vertical-align: bottom;
		box-shadow: 0 0 6px rgba(0,0,0,0.27);
	}	
.pageresults .control i:hover, input[type=radio]:hover + .control i, input[type=radio]:checked + .control i {
		color: #ffffff;
}
.pageresults .first {
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px;
	}
	
.pageresults .last {
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
		border-right: 0px;
	}
/*--- view switch nav ---*/
#viewnav {float: right;margin-top: -64px;margin-right: 10px;}
@media (max-width: 768px) {
#viewnav {float: none;margin-top: 20px;}
}
#viewnav a {
    width: 34px;
    height: 34px;
    border-radius: 3px;
    display: inline-block;
    margin-right: 5px;
}
#viewnav a:hover {
    background: #2780e3;
}
#grid {
    background: #2780e3;
}
#grid i {
    color: #ffffff;
}
.list #grid {
    background: #ffffff;
}
.list #grid i {
    color: #212121;
}
#list {
    background: #ffffff;
}
#list i {
    color: #212121;
}
.list #list {
    background: #2780e3;
}
.list #list i {
    color: #ffffff;
}
#viewnav i {
    display: inline-block;
	margin-right: 5px;
    border-radius: 3px;
    padding: 5px 5px 5px 5px;
    cursor: pointer;
    vertical-align: bottom;
    box-shadow: 0 0 6px rgba(0,0,0,0.27);
}
#viewnav i:hover {
	color: #ffffff;
}
/*--- actor page items ---*/
.postmain .page-item{float:left;width: 155px;margin: 0px 27px 20px 0px;border-radius:0px; }
.postmain .page-itemlist li:nth-child(5n) {
    margin: 0px 27px 20px 0px;
}
.postmain .page-itemlist li:nth-child(6n) {
    margin: 0px 0px 20px 0px;
}
.postmain .page-item img{float: left;width: 155px;height: 233px;border:none;background: #ffffff;box-shadow: 0 0 6px rgba(0,0,0,0.27); }
.postmain .page-item .gridinfo {
    display: block;
    float: left;
    width: 155px;
    margin-top: 10px;
}
/* responsive - actor page items */
@media (max-width: 1199px) {
.postmain .page-item{float:left;width: 155px;margin: 0px 20px 20px 0px;border-radius:0px; }
.postmain .page-itemlist li:nth-child(5n) {
    margin: 0px 20px 20px 0px;
}
.postmain .page-itemlist li:nth-child(6n) {
    margin: 0px 20px 20px 0px;
}
}
@media (max-width: 767px) {
.postmain .page-item{float:left;width: 155px;margin: 0px 20px 20px 0px;border-radius:0px; }
.postmain .page-itemlist li:nth-child(5n) {
    margin: 0px 20px 20px 0px;
}
.postmain .page-itemlist li:nth-child(6n) {
    margin: 0px 20px 20px 0px;
}
}
/*--- page items ---*/
.page-itemlist{text-align: center;list-style: none;margin:20px 0px 0px 0px;position: relative;padding:0px;margin-right: -20px;margin-left: -20px;display: flex;flex-wrap: wrap;}
.page-item{float:left;width: 20%;padding:0px 20px 30px 20px;border-radius:0px; }
.list .page-item{width: 100%;margin: 0px 0px 20px 0px;padding: 0px 20px 0px 20px; }
.page-item img{float: left;max-width: 100%;border:none;box-shadow: 0 0 6px rgba(0,0,0,0.27); 
background: #ffffff url(../../images/loadingold.svg) no-repeat 50% 50%;
    background-size: cover;
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out,-webkit-transform .2s ease-out;}
.page-itemlist li .listinfo  .summary {float: left;width: 100%;display: block;padding-top:8px;}

.page-item .gridinfo {display: block;float: left;text-align: left;width:100%;margin-top: 10px;}
.list .page-item .gridinfo {display: none;}

.page-item .listinfo {display: none;}
.list .page-item .pagethumb {width: 20%;float: left;}
.list .page-item .listinfo {display: block;text-align: left;width: 80%;float: left;}
.listseperator {display: none;}
.list .listseperator {
	display: block;
    border-bottom: 1px solid #CCC;
    box-shadow: 0px 1px 0px #FFF;
    padding-top: 20px;
    clear: both;
}
.page-item h2, .page-item h3 {
    position: relative;
    display: block;
    margin: 0;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
	height:20px;
	text-overflow: ellipsis;
	white-space: nowrap;
    overflow: hidden;
}
.page-item h2 {font-weight: 500;}
.page-item h3 {color: #999DA3;}
.gridinfo .posterscore {
    float: right;
	margin-top: -40px;
	margin-right: 10px;
    font-size: 12px;
    background: rgba(0, 0, 0, 0.6);
    padding: 2px 5px;
    color: rgba(255, 255, 255, 0.9);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.gridinfo .posterscore i {
    font-size: 13px;
    color: #FFCB00;
	padding-top: 2px;
	padding-right: 5px;
	float: left;
}
.listinfo .posterscore {
    float: left;
	margin-top: 5px;
	margin-bottom: 5px;
    font-size: 12px;
    background: #212121;
    padding: 2px 5px;
    color: rgba(255, 255, 255, 0.9);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.listinfo .posterscore i {
    font-size: 14px;
    color: #FFCB00;
	padding-top: 2px;
	padding-right: 5px;
	float: left;
}
.gridinfo .topnr {
    float: left;
	margin-right: 10px;
    background:#2780e3;
    padding: 6px 6px;
    box-shadow: 0 0 6px rgba(0,0,0,0.27);
border: none;
}
.gridinfo .topnr span {
    font-size: 18px;
    color: #ffffff;
	float: left;
}
.listinfo .topnr {
    float: left;
	margin-right: 10px;
    background:#2780e3;
    padding: 6px 6px;
    box-shadow: 0 0 6px rgba(0,0,0,0.27);
border: none;
}
.listinfo .topnr span {
    font-size: 18px;
    color: #ffffff;
	float: left;
}
.pagenavbar {clear: both;text-align: center;}
/* responsive - page items */
@media (max-width: 1199px) {
.page-itemlist{margin-right: -10px;margin-left: -10px;}
.page-item{width: 20%;padding: 0px 10px 25px 10px; }
.page-item .gridinfo {width: 100%;}
.list .page-item .listinfo {padding-left: 20px;}
}
@media (max-width: 800px) {
.page-itemlist{margin-right: -10px;margin-left: -10px;}
.page-item{width: 25%;padding: 0px 10px 25px 10px; }
}
@media (max-width: 600px) {
.page-item{width: 33.333333%;padding: 0px 10px 20px 10px; }
}
@media (max-width: 410px) {
.page-itemlist{margin-right: -5px;margin-left: -5px;}
.page-item{width: 50%;padding: 0px 5px 20px 5px; }
.list .page-item .pagethumb {width: 100%;}
.list .page-item .listinfo {width: 100%;padding-left: 0px;padding-top: 20px;}
}
/* pagination */
.pagination {
    margin:10px 0px 80px 0px;overflow: hidden;
}
.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #212121;
    text-decoration: none;
    background-color: #f7f7f7;
	border:none;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #2780e3;
    border-color: #2780e3;
}
.pagination-lg > li > a, .pagination-lg > li > span {
    padding: 9px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    z-index: 2;
    color: #2780e3;
    background-color: #eee;
    border-color: #ddd;
}
 /* Tooltip */
.tooltip > .tooltip-inner {
      background-color: #2780e3; 
      color: #FFFFFF; 
      padding: 5px 10px;
      font-size: 12px;
	  line-height: 14px;
  }
  /* Tooltip on top */
.tooltip.top > .tooltip-arrow {
      border-top: 5px solid #2780e3;
  }
  /* Tooltip on bottom */
.tooltip.bottom > .tooltip-arrow {
      border-bottom: 5px solid blue;
  }
  /* Tooltip on left */
.tooltip.left > .tooltip-arrow {
      border-left: 5px solid red;
  }
  /* Tooltip on right */
.tooltip.right > .tooltip-arrow {
      border-right: 5px solid black;
  }
/* Back to top button */
#back-top {
	position: fixed;
	bottom: 10px;
	right: 15px;
	z-index: 1;
}
#back-top a {
	display: block;
	text-align: center;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	transition: 0.2s;
	border-radius: 50%;
	width: 45px;
	height: 45px;
}
#back-top i {
	color: #fff;
	font-size: 32px;
	margin-top: 5px;
	float: left;
	width: 100%;	
}
/*------------------ Movie Single Pages -----------------------*/
.pageinfo-left,.pageinfo-right {width:100%;padding: 0px;}
@media (min-width: 1199px) {
.pageinfo-left {width: 730px;}
.pageinfo-right {width: 336px;margin-left: 30px;}
}
@media (max-width: 1199px) {
.pageinfo-left {
    padding-right:0px;
}
.pageinfo-right {
    padding-left:0px;
}
}
.headpage {
    background-color: #FFFFFF;
    position: relative;
    box-shadow: 0 0 6px rgba(0,0,0,0.27);
	background-repeat: no-repeat;
	background-size: cover;
    float: left;
    width: 100%;
}
.headpageoverlay{
    background-color: rgba(0,0,0,0.5);
    float: left;
    width: 100%;
}
.headpageimage {
    float: left;
    padding: 40px 25px 30px 0px;
}
.headpageimage img{-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.27);
-moz-box-shadow: 0 0 6px rgba(0,0,0,0.27);
box-shadow: 0 0 6px rgba(0,0,0,0.27);}
.headpageinfo {
    float: left;
    max-width: 510px;
	margin-top: 40px;
	color: #cccccc;
}
.headpageinfo a {
    color: #FFFFFF;
}
a:hover, a:focus {
    color: #2780e3;
    text-decoration: none;
}
.headpageinfo b {
    color: #FFFFFF;
}
.headpageinfo .muted {
    color: #cccccc;
}
.headpageinfo ul li {
    line-height: 22px;
}
.product-title {
	color: #FFFFFF;
    font-size: 26px;
    font-weight: 400;
    margin-bottom: 0px;
	margin-top: 0px;
}
.product-stock {
    color: #cccccc;
    font-size: 16px;
    margin-top: 5px;
}
.headpageright {
    float: right;
    padding: 40px 0px 0px 0px;
	width: 336px;
}
/* responsive */
@media (max-width:767px){
.headpageimage {
    float: left;
    padding: 30px 0px 20px 0px;
    text-align: center;
    width: 100%;
}
.headpageinfo {
    float: left;
    max-width: none;
	margin-top: 10px;
	width: 100%;
	text-align: center;
}
.product-title {
    height: 100%;
}
}
@media (max-width: 992px) {
.headpageright {
    float: right;
    padding: 10px 0px 0px 0px;
	width: 100%;
}
}
.product-rating {
font-size: 18px;
margin-bottom: 20px;
float: left;
width: 100%;
padding:21px 5px;
border-radius: 2px;
background-color: rgba(0,0,0,0.6);
color: #ffffff;
}
.score, .scorecount{text-align:center;}
.scorecount {font-size:15px;margin-top: 10px;}
.score i {
    font-size: 34px;
    color: #FFCB00;
    padding-right: 5px;
    vertical-align: middle;
}
.score span {
    font-size: 26px;
    vertical-align: middle;
}
/* big stars */
.bigstarbox {height:34px;width:170px;margin:10px auto;}
.bigstarboxlist {float:left;height:34px;width:170px;margin:0px 0 0 8px;}
span.bigstars, span.bigstars span {
    display: block;
    background: url(images/bigstars.png) 0 -36px repeat-x;
    width: 170px;
    height: 34px;
}
span.bigstars span {background-position: 0 0;}
.postactions {float: right;width: 100%;margin-bottom: 10px;}
.postactions .btn.btn-raised.btn-warning {color: #ffffff;font-size: 15px;margin:0px;}
@media (max-width: 1199px) {
.product-rating {width: 100%;}
.postactions {width: 100%;}
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: middle;
    border-top: 1px solid #ddd;
}
.postcontent {float: left;margin: 0px 0px 30px 0px;}
.postmain {padding: 15px;margin-bottom: 20px;background-color: #fff;border-radius: 3px;overflow: hidden;
-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.27);
-moz-box-shadow: 0 0 6px rgba(0,0,0,0.27);
box-shadow: 0 0 6px rgba(0,0,0,0.27);
}
.postmaintitle {clear: both;margin-bottom:25px;margin-top:0px;border-bottom: 3px solid #D5D5D5;}
.postmaintitle h3 {color: #212121;display: inline-block;border-bottom: 3px solid #2780e3;margin-top:0px;margin-bottom: -3px;line-height: 22px;font-size: 20px;font-weight: 400;padding-bottom: 10px;}
.postmaindescr  p {white-space: pre-wrap;}
.fancybox  img{
    overflow: hidden;
    display: inline-block;
    width: 161px;
	margin-right: 15px;
    margin-bottom: 15px;
}
.postscreens a:nth-child(4n) img {margin-right: 0px;}
.nav-tabs {background:none;border-bottom: 3px solid #D5D5D5;}
.nav-tabs > li > a.active, .nav-tabs > li > a.active:hover, .nav-tabs > li > a.active:focus {
    color: #212121 !important;
    cursor: default;
    background-color: #ffffff !important;
    border-radius: 0px;
    border-bottom: 3px solid #2780e3 !important;
	font-size: 20px;
font-weight: 400;
line-height: 22px;
padding: 0px 0px 10px 0px;
margin-bottom: -2px;
margin-right: 20px;
}
.nav-tabs > li > a, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    background-color: transparent !important;
    border: 0 !important;
    color: #b3b3b3 !important;
    font-size: 20px;
font-weight: 400;
line-height: 22px;
padding: 0px 0px 10px 0px;
margin-bottom: -2px;
margin-right: 20px;
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
  color: #212121 !important;
}
.nav-tabs .ripple-container {display: none;}
.tab-content {margin-top: 30px;}
.castlist {
    list-style: none;
	padding: 0px;
}
.castlist li {
    width: 33%;
    float: left;
	margin: 0px 0px 15px 0px;
}
.castlist li .castpic {float: left;margin-right: 15px;}
.castlist li .castpic img {width:45px;height:68px;}
.castlist li .castinfo h3 {
    position: relative;
    display: block;
    height: 17px;
    margin: 0;
    font-weight: 400;
    font-size: 15px;
    line-height: 15px;
    overflow: hidden;
}
.castlist li .castinfo .muted {color: #787878;max-height: 48px;overflow: hidden;}
/* responsive */
@media (max-width:767px){
.castlist li {width: 50%;}
}
@media (max-width:360px){
.castlist li {width: 100%;}
}
#crew a {font-weight: 400;}
/* post items albums, videos, reviews */
.post-itemlist{list-style: none;margin: 0px;position: relative;padding: 0px;}
.post-item{width:100px;float:left;margin: 0px 23px 30px 0px;  }
.post-item img{width:100px;height: 100px;background: #ffffff;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4);}
.post-item .info {margin-top:10px;}
.post-item h3, .post-item h4 {
    position: relative;
    display: block;
   height: 18px;
    margin: 0;
    font-weight: 300;
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
}
.post-item h3 {font-weight: 400;}
.post-item:nth-child(6n) {margin: 0px 0px 30px 0px;}
@media (max-width: 1199px) {
.post-item{margin: 0px 15px 30px 0px;  }
.post-item:nth-child(6n) {margin: 0px 15px 30px 0px;}
}
#reviews li {margin-bottom: 15px;border-bottom: 1px solid #ddd;padding-bottom: 15px;}
#reviews li .tit{font-weight:400;font-size:14px;margin-bottom:5px;}
#reviews li .auth{margin-bottom:10px;}
#reviews li .cont{font-style: italic;}
/* small stars */
.starbox {margin: 8px 0px;}
span.stars, span.stars span {display: block;background: url(images/stars.png) 0 -16px repeat-x;width: 80px;height: 16px;}
span.stars span {background-position: 0 0;}
/* player */
:root {
    --plyr-color-main: #2780e3
}
/*------------------ Other Pages -----------------------*/
.box-pagecontent {margin-top:0px;}
.posttitle {margin-bottom: 15px;margin-top: 15px;border-bottom: 3px solid #D5D5D5;}
.posttitle h1 {color: #212121;display: inline-block;border-bottom: 3px solid #2780e3;margin-bottom: -3px;line-height: 22px;font-size: 20px;font-weight: 400;padding-bottom: 10px;}
.randombox {padding:20px 20px;margin-top:20px;margin-bottom:30px;color: #333;background-color: #FFF;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4);}
.randombox p {white-space: pre-wrap;margin: 0px;}
/*------------------ Footer -----------------------*/
body > footer {background:#333;padding-top: 25px;font-size: 14px;color: #DDD;margin-left:auto;margin-right:auto;width:100%;height:240px;clear:both;}
body > footer .footcontent{padding:10px;max-width:1100px;margin:0 auto;font-weight: 400;}
body > footer .footcontent .foot-left span{color: #2780e3;}
body > footer .footcontent a{color: #DDD;}
body > footer .footcontent a:hover{color: #FFF;}
body > footer .footsep{margin: 10px;border-left: 1px solid #4D515F;}
body > footer .social-links {
    text-align: center;
    clear: both;
    padding: 10px 0px 0px 0px;
}
body > footer .seperator {
    display: block;
    margin: 20px 0px;
    clear: both;
    border-bottom: 1px solid #242424;
    box-shadow: 0px 1px 0px #4B4B4B;
}
.footcontent .foot-left {float: left;text-align: left;margin-bottom: 20px;}
.footcontent .foot-right {text-align: right;}
@media (max-width: 1199px) {
.footcontent .foot-left {float:none;text-align: center;}
.footcontent .foot-right {text-align: center;}
}
/*------------------ Post Sidebar -----------------------*/
.post-sidebar {margin:0px 0px 30px 0px;}
.post-sidebar-box {margin-top: 30px;margin-bottom: 30px;}
@media (max-width: 1199px) {
.post-sidebar-box {margin-top: 0px;margin-bottom: 30px;}
}
.post-sidebar-box  h3 {}
.side-itemlist{list-style: none;margin: 20px 0px 0px 0px;position: relative;padding: 0px;}
.side-item{margin: 0px 0px 10px 0px;overflow: hidden;}
.side-thumb {
    display: inline-block;
    width: 100px;
    height: 150px;
}
.side-item img{width: 100px;height: 150px;background: #ffffff;}
.audiob-item img{width: 100px;height: 100px;background: #ffffff;}
.side-item .info {margin-top:0px;display: inline-block;vertical-align: top;margin-left: 10px;width: 200px;}
.side-item h3, .side-item h4 {
    position: relative;
    display: block;
    margin: 0;
    font-weight: 300;
    font-size: 15px;
    line-height: 18px;
    overflow: hidden;
    padding-bottom: 5px;
}
.side-item h3 {font-weight: 500;}
@media (max-width: 1199px) {
.side-item .info {width: 50%;}
}
.muted {color: #787878;}
.side-item .info .posterscore {
    float: left;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 12px;
    background: #212121;
    padding: 2px 5px;
    color: rgba(255, 255, 255, 0.9);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.side-item .info .posterscore i {
    font-size: 14px;
    color: #FFCB00;
    padding-top: 2px;
    padding-right: 5px;
    float: left;
}
.postmain .table .btn {
    float: right;
    margin: 3px 0px;
}
.postmain .flag-icon {
    font-size: 22px;
	margin: 0px 5px 5px 0px;
}
.genrefilter {
    margin-top: -45px;
}
.genrefilter .btn {height: 34px;background: #ffffff;box-shadow: 0 0 6px rgba(0,0,0,0.27);text-transform: none;font-weight: 500;}
.genrefilter .btn:not(.btn-raised):not(.btn-link):hover, .input-group-btn .btn:not(.btn-raised):not(.btn-link):hover, .genrefilter .btn:not(.btn-raised):not(.btn-link):focus, .input-group-btn .btn:not(.btn-raised):not(.btn-link):focus {
    color: #ffffff; background-color:#2780e3;
}
.genrefilter .btn .caret {
    margin-left: 2px;
}
.genrefilter .dropdown-menu {
min-width: 200px;
}
.genrefilter .dropdown-menu li > a:hover,
.genrefilter .dropdown-menu li > a:hover,
.genrefilter .dropdown-menu li > a:focus,
.genrefilter .dropdown-menu li > a:focus {
  color: #2780e3;
}
/* extra stuff */
.flagimage {height:22px;margin-right: 10px;margin-bottom: 10px;border: 1px solid #ececec;}
.sharebox {float: right;margin-bottom: 10px;}
.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
    float: none;
}
.row.display-flex.list > [class*="col-"] {

    display: block;
    flex-direction: row;

}
.pageresults .row {margin-top: 20px;}
.row .pagethumb img {
    max-width: 100%;
    float:left;
box-shadow: 0 0 6px rgba(0,0,0,0.27);
border: none;
    background: #ffffff url(../../images/loadingold.svg) no-repeat 50% 50%;
background-size: cover;
     -webkit-transition:-webkit-transform .2s ease-out;
 transition:-webkit-transform .2s ease-out;
 transition:transform .2s ease-out;
 transition:transform .2s ease-out,-webkit-transform .2s ease-out;
}
.list .col-xs-6 {
    width: 100%;
    margin: 0px 0px 20px 0px;
}
.col-xs-6 .pagethumb {
    float: left;
}
.list .col-xs-6 .pagethumb {
    float: left;
    width: 16%;
margin-right: 25px;
}
.row .listinfo  .summary {display: block;margin-top: 40px;}

.col-xs-6 .gridinfo {display: block;float: left;width: 100%;margin-top: 10px;margin-bottom: 25px;}
.list .col-xs-6 .gridinfo {display: none;}
.col-xs-6 .listinfo {display: none;}
.list .col-xs-6 .listinfo {display: block;}
.listseperator {display: none;}
.list .listseperator {
	display: block;
    border-bottom: 1px solid #CCC;
    box-shadow: 0px 1px 0px #FFF;
    padding-top: 20px;
    clear: both;
}
.col-xs-6 h2, .col-xs-6 h3 {
    position: relative;
    display: block;
    margin: 0;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
	height:20px;
	text-overflow: ellipsis;
	white-space: nowrap;
    overflow: hidden;
}
.col-xs-6 h2 {font-weight: 500;}
.col-xs-6 h3 {color: #999DA3;}
.col-xs-6 {
  width:16.66666667%
      
 }
@media (max-width:1064px) {
.col-xs-6 {
    width: 20%;
}
}
@media (max-width:866px) {
.col-xs-6 {
    width: 25%;
    padding-right: 10px;
padding-left: 10px;
}
}
@media (max-width:992px) {
    .sharebox {float: none;text-align: center;}
    .topbox {width: 100%}
    .box1 {margin-right: 0px;}
    .box2 {margin-left: 0px;
    margin-right: 0px;
}
    .box3 {
    margin-left: 0px;
}
.col-xs-6 {
    width: 33%;
    padding-right: 10px;
padding-left: 10px;
}
.list .col-xs-6 .pagethumb {
margin-right: 15px;
}
}
@media (max-width:455px) {
.col-xs-6 {
    width: 50%;
    padding-right: 10px;
padding-left: 10px;
}
.list .col-xs-6 .pagethumb {
margin-right: 15px;
}
body > footer .footcontent {
text-align: center;
}
    body > footer .footcontent .pull-right {
width: 100%;
margin: 0 auto;
}
}