/*------------------ Body -----------------------*/
body {
font-size: 15px;
line-height: 1.5;
color: #ffffff;
background: #0a1e39;
}
button:focus {outline: none;}
/*------------------ Titles and Links -----------------------*/
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-weight: 400;}
a{color:#ffffff;text-decoration:none;}a:hover, a:focus{color:#2780e3;text-decoration:none;}
b, strong {}
.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: #121212;}
.navbar-brand {padding:0px 5px 0px 0px;}
.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");}
.navbar .searchform {width:100%;margin: 10px 0px;border-radius: 0.25rem;background: #1c1c1c;}
.navbar .zoekbut {color: rgba(255,255,255,.8);padding: 7px 10px 0px 10px;border-radius: 0 0.25rem 0.25rem 0;background: none;border: none;}
.navbar .zoekbut:hover {color: #ffffff;background: none;border: none;box-shadow: none;}
.navbar .zoekbut:focus {color: #ffffff;background: none;border: none;box-shadow: none;}
@media (min-width:992px){
.navbar-brand {padding:0px 25px 0px 0px;}
.navbar .searchform {width:250px;margin:0px;}
}
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,.8);
        display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
        font-size: 16px;
}
.searchform .input-group>.form-control {
    display: block;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
        font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
   color: rgba(255,255,255,.8);
    background: none;
    background-clip: padding-box;
    border: none;
    border-radius: 0.25rem 0 0 0.25rem;
    transition: none;
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

.form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}

.form-control:focus {
  color: #ffffff;
  background: none;
  border: none;
  outline: 0;
  box-shadow: none;
}

.form-control::-webkit-input-placeholder {
  color: rgba(255,255,255,.8);
  opacity: 1;
}

.form-control::-moz-placeholder {
  color: rgba(255,255,255,.8);
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: rgba(255,255,255,.8);
  opacity: 1;
}

.form-control::-ms-input-placeholder {
  color: rgba(255,255,255,.8);
  opacity: 1;
}

.form-control::placeholder {
  color: rgba(255,255,255,.8);
  opacity: 1;
}
/*------------------ 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;
}
.topslideframe {padding-top: 40px;padding-bottom: 40px;}
.topslideframe h1 {font-size: 30px;padding-bottom: 15px;}
.top-slide {margin-right: -10px;margin-left: -10px;}
.top-slide-single {
        position: relative;
    box-sizing: border-box;
    overflow: hidden;
    height: auto;
        padding: 0px 10px 0px 10px;
}
.top-slide-inner {
   position: relative;
    box-sizing: border-box;
    bottom: 0;
    padding: 15px 15px 15px 15px;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0), #000000);
    margin-top: -80px;
    height: 80px;
}
.top-slide-inner h2 {
    font-size: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-shadow: 2px 2px 4px #000000;
}
.top-slide-inner .posterscore {
margin-right: 10px;
    font-size: 12px;
    padding: 2px 0px;
    color: rgba(255, 255, 255, 0.9);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-shadow: 1px 1px 2px #000000;
}
.top-slide-inner .posterscore i {
    font-size: 15px;
    color: #FFCB00;
	padding-top: 2px;
	padding-right: 5px;
	float: left;
}
.top-slide-inner .posterscore span {
    font-size: 14px;
}
.top-slide-inner p {
text-shadow: 2px 2px 4px #000000;
}
.top-slide-gradient {
    background: linear-gradient(180deg,rgba(0,0,0,0),#000000);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    height: 50%;
}
.top-slide .slick-dots {bottom: -35px;}
@media (max-width:600px){
.top-slide-inner h2 {font-size: 18px;}
}
.homeframe {padding-bottom: 50px;}
.homeinfo-box {
    background: #05162d;
    width: 100%;
    float: left;
    padding: 50px 0px 20px 0px;
    margin-top: 0px;
    margin-bottom: 40px;
}
.homeinfo {
  float: left;
    width: 100%;
    margin: 0px 0px 50px 0px;
}
.homeinfo-left {
     float: left;
    padding-right: 30px;
}
.homeinfo-left img {
    padding-top: 20px;
    max-width: 100%;
}
.homeinfo-right h1 {font-size: 34px;padding-bottom: 5px;}
@media (max-width:700px){
.homeinfo-left {
     float: none;
    padding-right: 0px;
    padding-bottom: 20px;
    text-align: center;
}
}
.pageresults {
    overflow: hidden;
    clear: both;
}
.slidenav {float: right;margin-top: -40px;}
.slidenav .btn {
    font-weight: 400;
    padding: 3px 4px 0px 4px;
    height: 32px;
}
.card {
    background-color: transparent;
}
.card-header {
    background: #2780e5;
}
.border-light {
    border-color: #2780e5!important;
    border: 1px solid;
    border-radius: 0.3em;
}
/*------------------ home multi slider -----------------------*/
.slide-itemlist {
    text-align: center;
    list-style: none;
    margin: 20px 0px 20px 0px;
    position: relative;
    padding: 0px;
    margin-right: -10px;
    margin-left: -10px;
    display: flex;
    flex-wrap: wrap;
}
.slide-item {
   padding: 0px 10px 30px 10px;
}
.slide-item img{float: left;max-width: 100%;border:none;box-shadow: 0 0 6px rgba(0,0,0,0.27);
background: url(../../images/loading.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;}
.slide-item .gridinfo {
    display: block;
    float: left;
    text-align: left;
    width: 100%;
    margin-top: 10px;
}
.slide-item h2, .slide-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;
}
.slide-item h2 {font-weight: 500;}
.slide-item h3 {color: #999DA3;}
.homeframe .h2 {
   margin-bottom: 0px;
}
/*------------------ 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: 50px;margin-bottom: 20px;clear: both;}
.pageheader h1 {font-size: 26px;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;
	}
/*--- 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:30px 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: url(../../images/loading.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;padding-right: 20px;}
.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;}
.list .page-item h3 {margin-top: 5px;margin-bottom: 10px;}
.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: 700px) {
.page-itemlist{margin-right: -10px;margin-left: -10px;}
.page-item{width: 25%;padding: 0px 10px 25px 10px; }
}
@media (max-width: 500px) {
.page-item{width: 33.333333%;padding: 0px 10px 20px 10px; }
}
@media (max-width: 350px) {
.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;
    text-decoration: none;
    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;
    border-radius: 0.25rem;
}
.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;
}
 /* 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%;	
}
/*------------------ Single Pages -----------------------*/
:root {--plyr-color-main: #2780e3;}
.pageinfo-left,.pageinfo-right {float:left;margin-top:30px;padding-left:0px;width:100%;padding: 0px;}
.headpage {
    position: relative;
	background-repeat: no-repeat;
	background-size: cover;
    background-position: top;
    float: left;
    width: 100%;
}
.headpageoverlay{
    background: linear-gradient(180deg,rgba(16,20,38,0.5),#0a1e39);
    float: left;
    width: 100%;
    padding-bottom: 200px;
}
.headpageimage {
    float: left;
    width:25%;
    padding: 40px 25px 30px 0px;
}
.headpageimage img{width: 100%;height:auto;
    background: url(../../images/loading.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;
    box-shadow: 0 0 6px rgba(0,0,0,0.27);
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.27);
-moz-box-shadow: 0 0 6px rgba(0,0,0,0.27);
}
.headpageinfo {
    float: left;
     width:75%;
	margin-top: 40px;
	color: #cccccc;
    text-shadow: 2px 2px 4px #000000;
}
.headpageinfo a {
    color: #FFFFFF;
}
a:hover, a:focus {
    color: #2780e3;
    text-decoration: none;
}
.headpageinfo p {
    color: #FFFFFF;
}
.headpageinfo b {
    color: #FFFFFF;
}
.headpageinfo .muted {
    color: #cccccc;
}
.headpageinfo ul li {
    line-height: 22px;
}
.product-title {
	color: #FFFFFF;
    font-size: 28px;
    font-weight: 400;
    margin-bottom: 20px;
	margin-top: 0px;
}
.product-stock {
    color: #cccccc;
    font-size: 18px;
    margin: 7px 0px 15px 0px;
    font-style: italic;
}
.genrebtns {margin: 0px 10px 0px 0px;text-shadow: none;}
.genrebtns .btn {margin-bottom: 10px;}
.genrebtns .introbut {margin-right: 5px;}
.genrebtns .introbut:hover {background-color: transparent;cursor: auto;}
.headpageright {
    float: right;
    padding: 40px 0px 0px 0px;
	width: 336px;
}
/* responsive */
@media (max-width:767px){
.headpageimage {
   width: 30%;
}
.headpageinfo {
    width: 70%;
}
.product-title {
    height: 100%;
    font-size: 24px;
}
}
@media (max-width:397px){
.headpageimage {
          width: 50%;
        padding: 25px 20px 0px 0px;
}
.headpageinfo {
    width: 100%;
    margin-top: 20px;
}
.product-title {
    font-size: 22px;
}
}
@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:14px;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;}
/* single movie ratings */
.ext-ratings {margin:15px 0px 15px 0px;font-size: 15px;color: #ffffff;}
.ext-ratings .tmdbscore {
    display: inline-block;
    vertical-align: text-bottom;
    margin: 0px;
}
.ext-ratings .tmdbscore i {
    font-size: 19px;
    color: #FFCB00;
    vertical-align: middle;
}
.ext-ratings .imdbicon {
    background: transparent url(/images/imdbicon.png) no-repeat;
        background-size: auto;
    background-size: cover;
    height: 16px;
    width: 32px;
    display: inline-block;
    vertical-align: text-bottom;
    margin: 0px 2px 1px 10px;
}
.ext-ratings .metaicon {
    background: transparent url(/images/metaicon.png) no-repeat;
        background-size: auto;
    background-size: cover;
    height: 16px;
    width: 16px;
    display: inline-block;
    vertical-align: text-bottom;
    margin: 0px 2px 1px 10px;
}
.ext-ratings .rottenicon {
    background: transparent url(/images/rottenicon.png) no-repeat;
        background-size: auto;
    background-size: cover;
    height: 16px;
    width: 16px;
    display: inline-block;
    vertical-align: text-bottom;
    margin: 0px 1px 0px 10px;
}
/* stream options */
.streamingoptions {margin-right: -15px;}
.streamingoptions p {padding-bottom: 0px;padding-right: 15px;}
.streamingoptions li {list-style: none;float: left;margin-right: 15px;margin-bottom: 15px;width: 55px;}
.streamingoptions img {width: 55px;height: 55px;-webkit-box-shadow: 0 0 6px rgb(0 0 0 / 27%);
    -moz-box-shadow: 0 0 6px rgba(0,0,0,0.27);
    box-shadow: 0 0 6px rgb(0 0 0 / 27%);}
.streamingoptions li span.wrapper {font-size: 12px;margin-top: 5px;float: left;}
.streamingoptions .hide {display: none;}
.streamingoptions h4 {margin: 20px 0px;float: left;}
.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: 100%;
	margin-right: 15px;
    margin-bottom: 15px;
    box-shadow: 0 0 6px rgba(0,0,0,0.27);
}
.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: 16px;
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    overflow: hidden;
}
.castlist li .castinfo .muted {color: #787878;max-height: 40px;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;}
.blok {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border: none;
   padding-bottom: 30px;
}
.blok-header {
    padding: 0px;
    margin-bottom: 0;
}
.blok-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem 0;
}
.topcast {padding-right: 5px;}
.topcast .slick-slide img {border-radius: 50%;}
/* movies menu */
.movies-menu {}
.movies-options {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -5px;margin-left: -5px;}
.movies-options .movies-view {width: 90px;position: relative;padding-right: 5px;margin-left: auto!important;}
.movies-options .services img {width: 25px;height: auto;margin-right: 10px;}
.movies-options .btn-primary {
    color: #fff;
    border-color: #2780e3;
    background: none;
    border-radius: 0.25rem;
}
.movies-options .btn-group {
    position: relative;
    width: 100%;
    padding: 5px 5px;
}
.btn-full {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.movies-options .dropdown-menu.show {
    display: block;
   
}
@media (max-width: 399px) {
.movies-options .movies-view {display: none;}
}
@media (min-width: 300px) {
.movies-options .btn-group {
     padding: 0px 5px;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
}
@media (min-width: 768px) {
.movies-options .btn-group {
     padding: 0px 5px;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 180px;
}
}
@media (max-width: 800px) {
.noslide .col-sm-3 {-ms-flex: 0 0 33%;flex: 0 0 33%;max-width: 33%;}
}
@media (max-width: 600px) {
.noslide .col-sm-3 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
}
/*--- sorting options ---*/
.sortbutton {margin-top: -35px;margin-right: 5px;float: right;}
@media (max-width: 568px) {
.sortbutton {margin-top: 15px;}
}
/*--- view switch nav ---*/
#viewnav {float: right;margin-top: -35px;margin-right: 0px;}
@media (max-width: 568px) {
#viewnav {margin-top: 15px;}
}
#viewnav a {
    width: 36px;
    height: 36px;
    border-radius: 0.25rem;
    display: inline-block;
    margin-left: 5px;
}
#viewnav a:hover {
    background: #2780e3;
}
#grid {
    background: #2780e3;
    border: 1px solid #2780e3;
}
#grid i {
    color: #ffffff;
}
.list #grid {
    background: #021933;
    border: 1px solid #2780e3;
}
.list #grid i {
    color: #ffffff;
}
#list {
   border: 1px solid #2780e3;
}
#list i {
    color: #ffffff;
}
.list #list {
    background: #2780e3;
}
.list #list i {
    color: #ffffff;
}
#viewnav i {
   padding: 5px 5px 5px 5px;
}
#viewnav i:hover {
	color: #ffffff;
}
/*------------------ Other Pages -----------------------*/
.box-pagecontent {margin-top:0px;}
.posttitle {margin-bottom: 15px;margin-top: 35px;border-bottom: 3px solid #D5D5D5;}
.posttitle h1 {display: inline-block;border-bottom: 3px solid #2780e3;margin-bottom: -3px;line-height: 22px;font-size: 20px;font-weight: 400;padding-bottom: 10px;}
.randombox {margin-top:20px;margin-bottom:30px;}
.randombox p {white-space: pre-wrap;margin: 0px;}
/*------------------ Footer -----------------------*/
body > footer {background:#121212;padding-top: 25px;font-size: 12px;color: #DDD;margin-left:auto;margin-right:auto;width:100%;height:240px;clear:both;}
body > footer .footcontent{padding:10px;padding-top: 140px;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: 14px;
    line-height: 16px;
    overflow: hidden;
}
.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, .genrefilter .input-group-btn .btn:not(.btn-raised):not(.btn-link):hover, .genrefilter .btn:not(.btn-raised):not(.btn-link):focus, .genrefilter .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 */
.allplatforms .plat-item {
    float: left;
   width: 90px;
    margin: 0px 15px 30px 15px;
    border-radius: 0px;
}
.allplatforms .plat-item .platcover {min-height:90px;margin-bottom: 15px;}
.allplatforms .plat-item .platcover img {width:90px;background: #ffffff;padding: 1px;}
.flagimage {height:22px;margin-right: 10px;margin-bottom: 10px;border: 1px solid #ececec;}
.sharebox {height:32px;margin-bottom: 10px;text-shadow: none;float: left;}
.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 #000;
    box-shadow: 0px 1px 0px #313131;
    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) {
    .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;
}
}