@charset "utf-8";
/* CSS Document */

a{border:0;transition:all .5s ease-in-out; text-decoration:none !important; outline:none !important;}

body{
	background:#000;
	margin:0;
	padding:0;
	/*font-family: 'Open Sans Condensed', sans-serif !important;*/
	font-family: 'Montserrat', sans-serif !important;
	-webkit-font-smoothing: antialiased;	-moz-osx-font-smoothing: grayscale; overflow-x:hidden !important;
	color:#fff;
	font-size:12px;
}

.lds-ripple {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
      position: absolute;
    top: 50%;left: 50%;
    margin-left: -32px;
    margin-top: -32px;
    
}
.lds-ripple div {
  position: absolute;
  border: 4px solid #fff;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes lds-ripple {
  0% {
    top: 28px;
    left: 28px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: -1px;
    left: -1px;
    width: 58px;
    height: 58px;
    opacity: 0;
  }
}


.btn{border-radius:0 !important;padding:4px 12px;outline: none !important;}
.btn-danger{
	background-image:none;
	background-color:#E81269 !important;
	border:0;
}
.btn-danger:focus, .btn-danger:hover{border:0;background-image:none;background-color:#BF1361 !important;}
.form-control{border-radius:0 !important;height:28px; font-size:12px;outline:none;}

.label{border-radius:11px !important; font-weight:normal;font-size:11px;padding:4px 12px;margin: auto 2px;}
.label-danger{
	background-image:none;
	background-color:#E81269 !important;
	border:0;
}
.label-danger:focus, .label-danger:hover{border:0;background-image:none;background-color:#BF1361 !important;}

.pink{color:#E81269;}
.dark-pink{color:#BF1361;}

header, #breadcrumbs{border-bottom: 1px solid rgba(255,255,255, .15);padding:30px 60px;}
#breadcrumbs{padding:8px 60px;color:#e31768;}
#breadcrumbs a{color:#fff;}
#breadcrumbs a:hover, #breadcrumbs a:focus, #breadcrumbs a.active{color:#e31768;}
#breadcrumbs span{color:#868686;}
menu{border-bottom: 1px solid rgba(255,255,255, .15);background-color:#000;margin-top:0;margin-bottom:0;}
menu.open{display:block;}
footer {border-top: 1px solid rgba(255,255,255, .15);padding:15px;color:#363636;font-size:10px;}
#search, #login, #tools{border-bottom: 1px solid rgba(255,255,255, .15);background-color:#000;margin-top:0;margin-bottom:0;display:none;padding:15px;}
#tools{display:block;}
.ionicons{font-size:26px;}

header i{display:inline-block; margin:0 6px;cursor:pointer;transition:all .5s ease-in-out;}
header i:hover, header i:focus{color:#E81269 ;}

menu ul{margin:0;padding:0; list-style: none;margin-left:-38px;}
menu ul li{display:inline-block;padding:15px 12px;}
menu ul li:before{content:url('../imgs/vb_icon.svg'); display:inline-block; width:27px;padding-right:6px;}

menu ul li a{color:#fff; font-size:13px;font-weight:400; text-transform: uppercase;}
menu ul li a:hover, menu ul li a:focus{color:#E81269;}

#search label{font-weight:normal; font-size:16px;line-height:30px; padding:0 12px;margin-bottom:0;vertical-align: middle;font-weight:300;}

 #main-body{padding:0 15px;}
.item{padding:15px;/*max-height:312px; overflow:hidden;*/}
.item a{margin:4px;display:inline-block; box-shadow:0 0 8px #2c2c2c;padding:4px; transition: all .5s ease-in-out;position:relative;}
.item a .movie_title{color:#fff;padding:8px;height:50px; overflow:hidden; text-transform: capitalize;}
.item a:hover .movie_title, .item a:focus .movie_title{color:#E81269; transition: all .5s ease-in-out;}

.item a .image{position:relative;transition: all .5s ease-in-out;}
.item .image:before{opacity:.85;padding-top: calc(110% /4);line-height:1px;font-size:68px; text-align:center;content:'\f487';display:block;position:absolute;width:100%;height:100%; font-family:'ionicons', sans-serif;color:#fff;}
.item a:hover .image:before {font-size:92px;opacity:1;padding-top: calc(110% /4);line-height:1px; text-align:center;content:'\f487';display:block;position:absolute;background-color:rgba(0,0,0, .7);width:100%;height:100%; font-family:'ionicons', sans-serif;color:#E81269;}

.tit h1{font-weight:400; font-size:24px;}
.tit h1:before{content:url('../imgs/vb_icon.svg'); display:inline-block; width:44px;padding-right:10px;}
.tit h1 a:hover{color:#fff;}

.vitem{box-shadow:0 0 8px #2c2c2c;padding:4px; margin:20px -15px;}
.vitem > div{height:480px;}

.tags{margin-bottom:30px;}

.tags h4{font-weight:400; font-size:20px;margin-bottom:20px;}
.tags h4:before{content:url('../imgs/vb_icon.svg'); display:inline-block; width:44px;padding-right:10px;}
.ttags{font-style:italic;}
.ttags a{margin-bottom:10px;display:inline-block;}

.paging{padding: 40px 0;padding-top: 20px;}

#player .play-wrapper svg{display:none;}
#player .play-wrapper:before{content:'\f487';width:130px;height: 130px;display:block;    font-family: 'ionicons', sans-serif; color:#fff;}

.views{position:absolute; top:0;left:0;display:block;background-color:rgba(0,0,0, .5);color:#fff;padding:2px 8px;font-size:12px;}
.views i{font-size:16px;margin-right:5px;}
.views i:before{vertical-align: middle;}

.grid-item {
  float: left;
  width: 33.33%;
  height: auto;
  border: 0px solid hsla(0, 0%, 0%, 0.5);
}


.itm > a {
	/*max-height: 300px;
    overflow: hidden;
    display: inline-block;*/
    height:300px;width:100%;display:block;background-position:50% 0;background-size: cover;
}


/** Switch
 -------------------------------------*/

.switch input {
	position: absolute;
	opacity: 0;
}

/**
 * 1. Adjust this to size
 */

.switch {
	display: inline-block;
	font-size: 20px; /* 1 */
	height: 1em;
	width: 2em;
	background: #BDB9A6;
	border-radius: 1em;
}

.switch div {
	height: 1em;
	width: 1em;
	border-radius: 1em;
	background: #FFF;
	box-shadow: 0 0.1em 0.3em rgba(0,0,0,0.3);
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	transition: all 300ms;
}

.switch input:checked + div {
	-webkit-transform: translate3d(100%, 0, 0);
	-moz-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
}












@media screen and (max-width: 1024px) {
	.item a{min-height: inherit !important;}
	.item a img{max-height:inherit !important; }
	.itm > a {
		/*
	    overflow: hidden;
	    display: inline-block;*/

	    height:calc(100vw/1.618);width:100%;display:block;background-position:50% 0;background-size: cover;
	}
}

@media screen and (max-width: 732px) {
	.item a{/*min-height: 144px !important;*/min-height: auto !important;}
	.item.col-xs-12{width:50%;padding:15px;}
	.logo{width:60%;}
	.triggers{width:40%;}
	.triggers i{display:inline-block;}
	footer .logo{width:40%;}
	footer .copyright{width:60%;}
	#login .col-xs-12{width:50%;margin-left:25%;}

	
}
@media screen and (max-width:640px) {
	.item a{min-height: 144px !important;}
	
}
@media screen and (max-width: 480px) {
	.item a{/*min-height: 142px !important;*/min-height: auto !important;}

	.item.col-xs-12{width:100%;padding:15px 0;}
	header{padding:30px 15px;}
	footer .logo{width:100%; text-align: center;margin-top:15px;}
	footer .copyright{width:100%; text-align: center;}
	menu ul{ text-align:left !important;}
	menu ul li{padding:8px 12px; width:48%;}
	.item, .item a img{max-height:none !important;}
	.item a .movie_title{height:auto;}
	#login .col-xs-12{width:100%;margin-left:auto;}
	header .logo a img{height:22px;}
	#breadcrumbs{padding:8px 15px;}
	.grid-item {width:50%;}
}
@media screen and (max-width: 360px) {
	.item a{min-height: inherit !important;}
	.item.col-xs-12{width:100%;}
	.logo a img{height:18px !important;}
	.ionicons{font-size:20px;}
	.grid-item {width:50%;}
}