/*
Theme Name: Entertainment Media Pro
Theme URI: https://www.misbahwp.com/products/entertainment-wordpress-theme/
Description: Entertainment media is an integral part of our lives. It provides us a respite from the mundane and a way to relax and unwind. It can also be a source of information and education. The entertainment industry is a vast and ever-changing landscape. It is constantly evolving to keep up with the latest trends and technologies. It is important to stay up-to-date with the latest news and developments to stay ahead of the curve. This theme will provide you with the latest information and developments in the entertainment industry. It will also offer insights and analysis of the latest trends. So whether you are a casual observer or a die-hard fan, this is your theme. The theme is modern and responsive, coming with a creative design, with two home page views, and different catalog and detail pages. It is suitable for online cinema, film reviews, online tv, tv shows & tv series. So, build whatever you like with this. The theme also includes Elementor, the most popular WordPress Page Builder for easily developing responsive websites without coding skills. Moreover, it has Bootstrap for HTML, CSS, and JS framework for developing responsive, mobile-first projects on the web.
Author:misbahwp
Author URI: https://www.misbahwp.com/
Version: 1.0
Requires PHP: 5.6
Tested up to: 6.0
Tags: blog, entertainment, one-column, two-columns, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, theme-options, threaded-comments, translation-ready
Text Domain: entertainment-media-pro
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: 600;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}
.alignwide {
  margin-left  : -80px;
  margin-right : -80px;
}
.alignfull {
  margin-left  : calc( -100vw / 2 + 100% / 2 );
  margin-right : calc( -100vw / 2 + 100% / 2 );
  max-width    : 100vw;
}
.alignfull img {
  width: 100vw;
}

.post-single a, .page-single a,.sidebar-area .textwidget a,.comment-content a {
  text-decoration: none;
}

body {
 	font-family: 'Open Sans', sans-serif;
  color: #222222;
  margin:0;
  background: #fff;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Raleway', sans-serif;
}

a {
  color:#222222;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  text-decoration: none;
}

a:hover,
a:focus {
  color:#ff4362;
  text-decoration: none;
}

header.header-top {
  background: #131c21;
  position:static;
}
section.category-title h1 {
  font-size: 18px;
  font-weight: 600;
}
/* ===============================================
   HEADER BOX
   ============================================= */

.register,.login {
  background: #aa8a63;
  color: #fff;
  padding: 0;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
}
.login{
	background: #fff;
	color: #212121;
}
.header {
  position: static;
}

/*404 Page*/
.page-404 h1{
	font-size: 300px;
  color: #171f23;
}
.page-404 h3{
	font-size: 38px;
	color: #171f23;
}
.page-404 hr{
	width: 10%;
	background: #ff4362;
	padding: 1px;
}
.page-404 p{
	margin-left: 30%;
	margin-right: 30%;
}
.page-404 .intro-button{
  display: inline-block;
  padding: 15px 40px;
  text-align: center;
  color: #ffff;
  transition: all 0.2s;
  text-decoration: none;
  text-transform: uppercase;
  background: #ff4362;
  font-weight: 400;
  font-size: 18px;
}
.page-404 .intro-button,
.page-404 .intro-button::after{
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
.page-404 .intro-button::before,
.page-404 .intro-button::after{
	background: #ff4362;
  content: '';
  position: absolute;
  z-index: -1;
}
.page-404 .intro-button:hover{
  color: #fff;
  background:#1b1a29;
}
.page-404 .intro-button::after{
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
  background:#1b1a29;
}
.page-404 .intro-button:hover:after{
  width: 100%;
}
.page-404 a{
	color: #fff;
}

/* ===============================================
   LOGO BOX
   ============================================= */

.logo {
  display: block;
	min-height: 53px;
  line-height: 1.4em;
	word-break: break-all;
}
.logo a {
  color:#ffffff;
  font-size: 30px;
  line-height: 35px;
  text-decoration: none;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  font-weight: 600;
}
.logo a:hover,
.logo a:focus {
  color:#ff4362;
}
.logo span {
  display: block;
  font-size: 14px;
  line-height: 18px;
  color: #767c83;
}
.logo-image {
  float: unset;
}

/* ===============================================
   SOCIAL BOX
   ============================================= */

.social-links a {
  color: #000000;
  padding: 5px 9px;
  font-size: 18px;
  text-align: center;
  
}
.social-links a:hover{
	color: #ff4362; 
	margin-bottom: 0;
}

/* ===============================================
   MENU BOX
   ============================================= */

#main-menu {
	display:block;
	position:relative;
	float:left;
	margin:0 auto;
}
#main-menu ul {
	margin:0;
  padding: 0;
	display:block;
}
#main-menu ul li {
	position:relative;
	display:block;
	float:left;
	text-align:left;
}
#main-menu ul li a {
	color:#fff;
	text-decoration:none;
	display:block;
	z-index:1;
	padding:9px 30px;
	padding-left: 0;
	margin:0;
	font-weight: 500;
	-webkit-transition: color .1s linear, background-color .1s linear;
	-moz-transition: color .1s linear, background-color .1s linear;
	-o-transition: color .1s linear, background-color .1s linear;
	transition: color .1s linear, background-color .1s linear;
	position:relative;
	line-height:42px;
}
#main-menu a:hover,
#main-menu ul li a:hover,
#main-menu li:hover > a,
#main-menu a:focus,
#main-menu ul li a:focus,
#main-menu li.focus > a,
#main-menu li:focus > a,
#main-menu ul li.current-menu-item > a,
#main-menu ul li.current_page_item > a,
#main-menu ul li.current-menu-parent > a,
#main-menu ul li.current_page_ancestor > a,
#main-menu ul li.current-menu-ancestor > a {
	color:#ff4362;
}
#main-menu ul.children ,
#main-menu ul.sub-menu {
	display: none;
	position: absolute;
	top: 50px;
	left: 0;
	background:#fff;
	z-index:10001;
	width:213px;
	padding-left:0;
	-webkit-transition: opacity 0.3s ease 0s;
	-moz-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
	box-shadow: 0px 5px 30px rgb(0 0 0 / 13%);
  border-radius: 3px;
}
#main-menu ul li:hover .sub-menu {
	display: block;
}
#main-menu ul.children li ,
#main-menu ul.sub-menu li {
	display:block; 
  position:relative; 
  float:none; 
  line-height:18px; 
  margin-left:0; 
  margin-right:0; 
  -webkit-transform: skew(0deg); 
  -ms-transform: skew(0deg); 
  transform: skew(0deg);
  padding: 5px 10px;
}
#main-menu li li:hover > ul,
#main-menu li li:focus > ul,
#main-menu li li.focus > ul {
	top:0px;
	left: -100%;
}

#main-menu ul.children li a ,
#main-menu ul.sub-menu li a {
	display: block;
  position:relative;
  padding: 0px 14px;
  padding-right: 14px;
  font-size: 14px;
	color: #767c83;
	-webkit-transition: 
	all 600ms cubic-bezier(0.77, 0, 0.175, 1);
	transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
	cursor: pointer;-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#main-menu ul.sub-menu li a:hover {
	color: #fff;
	-webkit-transition-delay: .6s;
	transition-delay: .6s;
}
#main-menu ul.sub-menu li a:before, #main-menu ul.sub-menu li a:after {
	content: '';
	position: absolute;
	-webkit-transition: 
	inherit;transition: 
	inherit;z-index: -1;
}
#main-menu ul.sub-menu li a:before, #main-menu ul.sub-menu li a:after {
	top: 0;
	width: 0;
	height: 100%;}

#main-menu ul.sub-menu li a:before {
	left: 0;
	border: 1px solid #ff4362;
	border-left: 0;
	border-right: 0;
}
#main-menu ul.sub-menu li a:hover:before {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}
#main-menu ul.sub-menu li a:hover:before,
 #main-menu ul.sub-menu li a:hover:after {
 	width: 100%;
 }
#main-menu ul.sub-menu li a:after {
	right: 0;
}
#main-menu ul.sub-menu li a:hover:after {
	background: #ff4362;
	-webkit-transition-delay: .4s;
	transition-delay: .4s;
}
#main-menu ul.sub-menu li a:hover:before, #main-menu ul.sub-menu li a:hover:after {width: 100%;}
#main-menu ul.children li ul:before ,
#main-menu ul.sub-menu li ul:before {
	display:none;
}
#main-menu li:hover > ul,
#main-menu li:focus > ul,
#main-menu li.focus > ul {
	opacity:1;
	right:calc(100% - 213px);
}
.menu-toggle,
.dropdown-toggle,
button.close-menu {
	display: none;
	background: #ff4362;
	color: #fff;
}
#main-menu ul.children li ul:before ,
#main-menu ul.sub-menu li ul:before {
	display:none;
}

#site-navigation .sidenav a.closebtn, .open-menu{
  	display: none;
}

/* ===============================================
   HEADER SEARCH
   =============================================== */

.header-search {
  text-align: right;
}
.header-search .open-search-form i{
  font-size: 18px;
  cursor: pointer;
	color:#555555;
	margin: 30px 0;
}
 .header-search .open-search-form i:hover{
 	color: #ff4362;
 }
.header-search .search-form {
	position:fixed;
	top:0;
	right:-100%;
	width:100%;
	height:100%;
	padding:0;
	z-index:1001;
	visibility: hidden;
	-webkit-transition-property: all , -webkit-transform;
    transition-property: all , transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	background: rgba(255,255,255, 0.98) none repeat;
	border:none !important;
}
.header-search .search-form.is-open {
	right:0;
	height:100%;
	visibility: visible;
}
.header-search .search-form.is-open form {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 50px;
}
.header-search .search-form a.close-search-form {
	top:50px;
	position:absolute;
	margin-left:-13px;
	left:50%;
}
.header-search .search-form i.searchform-close-button {
	font-size:25px;
	color:#616161 !important;
	opacity:0;
	-webkit-transition: transform .2s linear;
	-moz-transition: transform .2s linear;
	-o-transition: transform .2s linear;
	transition: transform .2s linear;
}
.header-search .search-form.is-open i.searchform-close-button {
	opacity:1;
}
.header-search .search-form.is-open i.searchform-close-button:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

#site-navigation .sidenav a.closebtn, .open-menu{
  	display: none;
}

/* ===============================================
   POST BOX
   ============================================= */

.post-box,.post-single,.page-single {
  background: #fff;
}
.post-thumbnail {
  line-height: 0;
}
h4.post-title {
  font-size: 17px;
 	color: #050505;
	font-weight: 600;
	font-family: Open Sans;
}
.latest-post :hover h4 a{
	color: #ff4362;
}
.post-content p{
	color: #555555;
	font-weight: 400;
	t
}
.post-content .admin{
	text-transform: capitalize;
}
.post-meta i{
	color: #ff4362;
}
.post-meta span {
  text-decoration: none;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 500;
  color:#222222;
}
pre {
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 1.42857143;
	color: #121d21;
	white-space: break-spaces;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
  border-radius: 4px;
}
.post-content img,
.post-thumbnail img,
.post-content iframe,
.post-content object,
.post-content embed {
	max-width: 100%;
}
.post-content img,
.post-thumbnail img {
	max-height:100%;
	height:auto;
}
.post-content:after {
  content: "";
  display: table;
  clear: both;
}

#content,footer {
    float: left;
    width: 100%;
}
.latest-post {
	filter: drop-shadow(0 0 20px rgba(0,0,0,0.08));
}
.latest-post .dummy-images {
  background: #ff4362;
  height: 410px;
  border-radius: 10px;
}
.search-post {
	height: 550px;
}

/*.latest-post .content_box {
  filter: drop-shadow(0 0 20px rgba(0,0,0,0.08));
  background: #ffffff;
  border-radius: 5px;
}*/
.latest-post .post-content{
	font-size: 15px;
	color: #595858;
}
 
.latest-post .post-meta{
  color: #222222;
  text-align: center;
  padding: 5px;
}
.latest-post .post-meta .date-day{
	font-size: 28px;
	color: #fff;
	font-weight: 600;
}
.latest-post .post-meta .date-month{
	font-size: 20px;
	color: #222222;
	font-weight: 400;
}
.latest-post .catname {
    background: #fef8ec;
    padding: 12px 15px;
    position: absolute;
    top: 43%;
    left: 62%;
    font-size: 14px;
    border-radius: 5px;
    color: #555555;
    font-weight: 400;
}
.latest-post .post-hr {
    background: #888888;
    margin-right: 75%;
    padding: 1px;
}
.latest-post .admin a, .latest-post span{
	color: #595858;
	font-weight: 500;
	font-size: 15px;
	text-transform: capitalize;
	display:inline-block;
}
.latest-post .comments{
	color: #555555;
	font-weight: 500;
	text-transform: capitalize;
}
.latest-post i{
	color: #ff4362;
}
.latest-post .fas{
	color: #888888;
	position: relative;
  left: 10px;
}
.latest-post .post-meta a {
    color:#ffffff;
    font-weight: 500;
    font-size: 18px;
}
.latest-post figure{
	margin: 0;
	padding: 0;
	background: #222222;
	overflow: hidden;
}
.latest-post figure:hover+span{
	opacity: 1;
}

.latest-post figure img{
	webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	width: 100%;
}
.latest-post .latest-box:hover figure img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.5;
}
.latest-post .icon-book{
  float: right;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #717982;
  width: 40px;
  height: 40px;
  padding: 10px 14px;
  margin-top: -8px;
}
.post-single .tags-bg a{
	padding: 10px 15px;
	background: #ff4362;
	border-radius: 5px;
	text-transform: uppercase;
	color: #fff;
	margin:0 10px;
}
.post-single .tags-bg a:hover{
	background:#ffffff ;
}
.post-single .blog_share_icon {
	display: none !important;
}
.post-single .blog_share_icon .fab{
	width: 50px;
	height: 50px;
	text-align: center;
	border-radius: 50%;
	background: #ff4362;
	color: #ffffff;
	font-size: 18px;
	padding: 15px;
	margin:0 10px;
-webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}
.post-single .blog_share_icon .fab:hover{
	transform: rotate(360deg);
	background-color:#1b1a29;
  color: #ffffff;
}
.post-single {
	display: block;
}
label{
	display: block;
}
.latest-post .read_more{
	color: #201f1f;
	font-weight: 500;
	text-transform: capitalize;
	float: left;
}
.latest-post .read_more:hover {
	color: #ff4362;
}


/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-form-url input{
  width: 100%;
}
.comment-respond input#submit {
  background: #ff4362;
  border: none;
  color: #ffffff;
  padding: 10px;
  font-weight: 600;
  display: inline-block;
  margin: 15px 0;
}
.comment-respond input#submit:hover{
  background-color:#1b1a29;
  border: 1px solid transparent;
  color: #ffffff;
}
.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
}
.comments-title {
  font-size: 1.125rem;
}
.comment-body .pull-left {
  padding-right: 0.625rem;
}
.comment-list {
  padding-left: 0;
}
.comment-list .comment {
  display: block;
}
.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}
.comment-list .pingback a {
  margin-left: 5px;
  margin-right: 5px;
}
.comment-content.card-block {
  padding: 15px;
}
.comment-reply a {
	border-radius: 5px;
  background: #ff4362;
  padding: 5px 15px;
  color: #ffffff;
}
.comment-reply a:hover {
  background-color:#1b1a29;
  border: 1px solid transparent;
  color: #ffffff;
  text-decoration: none;
}

 
@media screen and (min-width : 0) and (max-width : 767px) {

  section.category-title h1 {
    text-align: center;
  }
  
  #mySidenav span{
  	display: block;
  	font-size:30px;
  	cursor:pointer;
  }
  .logo {
    text-align: center;
  }
  .open-menu{
  	display: block;
  }

  #main-menu ul li {
    float: left;
    width: 100%;
    padding: 5px 15px;
  }

  #main-menu > li > ul.children,
  #main-menu > li > ul.sub-menu {
    position: absolute;
    top:-100%;
    background: #fff;
  }

  #main-menu li.focus > ul.children,
  #main-menu li.focus > ul.sub-menu ,
  #main-menu li:hover > ul.children,
  #main-menu li:hover > ul.sub-menu ,
  #main-menu li:focus > ul.children,
  #main-menu li:focus > ul.sub-menu {
    width: 100%;
    top:0;
    left: 0 !important;
    position: relative;
  }

  #main-menu ul {
    padding: 0;
    float: none;
  }

  #main-menu ul li a {
    padding: 0;
    display: initial;
    font-size: 18px;
  }

  #main-menu ul.children li a ,
  #main-menu ul.sub-menu li a {
    padding: 0;
    line-height:53px;
  }

  #main-menu ul li.menu-item-has-children:after {
    content: '';
    position: absolute;
    border: solid #ff4362;
    right: 10px;
    top: 50%;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    -webkit-transform: translate(0,-50%) rotate(-45deg);
    transform: translate(0,-50%) rotate(-45deg);
  }

  #main-menu ul.children li,
  #main-menu ul.sub-menu li {
    width: 100%;
    padding-left: 10px;
  }

  #main-menu ul li.menu-item-has-children:hover:after ,
  #main-menu ul li.menu-item-has-children:focus:after,
  #main-menu ul li.menu-item-has-children.focus:after {
    top: 20px;
    -webkit-transform:  rotate(45deg);
    transform:  rotate(45deg);
  }

  #main-menu a:hover,
  #main-menu ul li a:hover,
  #main-menu li:hover > a,
  #main-menu a:focus,
  #main-menu ul li a:focus,
  #main-menu li.focus > a,
  #main-menu li:focus > a,
  #main-menu ul li.current-menu-item > a,
  #main-menu ul li.current_page_item > a,
  #main-menu ul li.current-menu-parent > a,
  #main-menu ul li.current_page_ancestor > a,
  #main-menu ul li.current-menu-ancestor > a {
    background:none;
  }
  #main-menu ul.sub-menu li a:hover:after {
  	background: transparent;
  }
}


/* ===============================================
   Pagination
   ============================================= */

.pagination,
.entertainment-media-pro-pagination {
	margin:25px 0;
}

.pagination .nav-links a,
.pagination .nav-links span.current,
.entertainment-media-pro-pagination a span,
.entertainment-media-pro-pagination span.current {
	display:inline-block;
	text-decoration: none;
	padding:10px 20px;
	font-size:18px;
  font-weight: 600;
	line-height:21px;
	color:#222222;
  border-radius: 4px;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	position:relative;
	margin:0;
	-webkit-transition: background-color .3s ease;
	-moz-transition: background-color .3s ease;
	-ms-transition: background-color .3s ease;
	-o-transition: background-color .3s ease;
	transition: background-color .3s ease;
}

.pagination .nav-links a:hover,
.pagination .nav-links a:focus,
.pagination .nav-links span.current,
.entertainment-media-pro-pagination span.current,
.entertainment-media-pro-pagination span.current:hover,
.entertainment-media-pro-pagination span.current:focus,
.entertainment-media-pro-pagination a span:hover,
.entertainment-media-pro-pagination a span:focus {
	background:#ff4362;
  color: #ffffff;
}

.commentlist {
	list-style:none;
	margin:0;
	padding:0
}

.commentlist ul {
	list-style:none;
	padding:0;
	margin:0;
}

.commentlist li {
	margin:0;
}

.commentlist li .comment-respond {
	margin-bottom:25px;
}

.commentlist li:last-of-type .comment-respond {
	margin-bottom:0px;
}

.comment-container {
	position: relative;
	margin:0 0 25px 0;
	padding:30px;
	background:#fff;
	border:solid 1px #f3f4f7 !important;
	z-index:999
}

.comment-avatar img {
	float:left;
}

.comment-text {
	position:relative;
	margin-left:110px;
	padding:0 0 0 15px
}

.comment-container .comment-date {
	padding:15px 0;
}

.comment-avatar {
	position:relative;
	width:110px;
	float:left;
}

.comment-author .author {
	display:block;
	font-weight:bold;
}

.commentlist .children li {
	margin-left:30px;
}

.comment-notes {
	font-size:12px;
	margin:-25px 0 25px 0;
}

h3#reply-title,
h3.comments {
	height:30px;
	line-height:30px;
	margin:30px 0;
}

h3#reply-title small,
.logged-in-as {
	font-size: 15px;
	margin:-25px 0 25px 0;
}

.comment-form input[type=text],
.comment-form input[type=email],
.comment-form textarea {
	padding: 10px 2%;
	background:#fff;
	width: 100%;
	margin:0 0 15px 0;
	border:1px solid black;
	color:#222222;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
}

.comment-form input[type=submit] {
	background: #ff4362;
	color: #ffffff;
	border:none;
	font-size:14px;
	border-radius: 5px;
	font-weight: 600;
	text-align:center;
	position:relative;
	display: block;
	text-shadow:none;
	padding:10px 15px;
	width:inherit;
	margin:0;
	-webkit-transition: color .3s ease, background-color .3s ease;
	-moz-transition: color .3s ease, background-color .3s ease;
	-o-transition: color .3s ease, background-color .3s ease;
	transition: color .3s ease, background-color .3s ease;
	cursor: pointer;
}

.comment-form input[type=submit]:hover ,
.comment-form input[type=submit]:focus {
	background-color:#248efa;
	text-decoration:none
}

.logged-in-as a {
	color:#222222;
}

.logged-in-as,
.comment-notes,
.comment-form-comment,
.comment-form-author,
.comment-form-email,
.comment-form-url,
.form-submit {
	display:block;
}

/* ===============================================
   SIDEBARS
   =============================================== */

.sidebar-area .textwidget img{
  width: 100%;
  height: auto;
}
.sidebar-area .sidebar-widget {
	margin-bottom: 25px;
	box-shadow: 0px 5px 16px 0px rgb(200 183 255 / 30%);
	background: #fff;
}
.sidebar-area a,
.sidebar-area p,
.sidebar-area li,
.sidebar-area address,
.sidebar-area dd,
.sidebar-area blockquote,
.sidebar-area td,
.sidebar-area th,
.sidebar-area .textwidget {
	line-height:1.9em;
	font-weight: normal;
}
.sidebar-area ul,#calendar_wrap,.sidebar-area .textwidget,.tagcloud {
  list-style:none;
  margin: 0;
  padding: 0 15px;
}
.sidebar-area li a,
.sidebar-area li {
  font-size: 16px;
  font-weight: 500;
  color: #222222;
}
.sidebar-area li {
  padding-bottom: 15px;
  color:#222222;
}
.sidebar-area h4.title {
  padding: 10px 15px;
  border-bottom: solid 5px #ff4362;
  background: #1b1a29;
  color: #ffffff;
  font-size: 24px;
}
.sidebar-area .tagcloud a {
  font-size: 15px !important;
  background: #fff;
  color: #121d21;
  padding: 5px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  display: inline-block;
  margin: 5px 0;
  text-decoration: none;
}
.sidebar-area .tagcloud a:hover{
	background: #ff4362;
	color: #fff;
}
.sidebar-area form {
  padding: 0;
}
.sidebar-area select,
.sidebar-area textarea, #comments textarea,
.sidebar-area input[type="text"], #comments input[type="text"],
.sidebar-area input[type="password"],
.sidebar-area input[type="datetime"],
.sidebar-area input[type="datetime-local"],
.sidebar-area input[type="date"],
.sidebar-area input[type="month"],
.sidebar-area input[type="time"],
.sidebar-area input[type="week"],
.sidebar-area input[type="number"],
.sidebar-area input[type="email"],
.sidebar-area input[type="url"],
.sidebar-area input[type="search"],
.sidebar-area input[type="tel"],
.sidebar-area input[type="color"],
.sidebar-area .uneditable-input{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	width: 68%;
  margin: 0;
  padding: 12px;
  background-color: transparent;
  border: 1px solid #ededed;
  float: unset;
}
#wp-calendar th,
#wp-calendar
#today,
#wp-calendar
#today a {
	background:#f3f4f7;
	color:#434343 !important;
}
#wp-calendar a:hover {
	border:none;
}
#wp-calendar {
	background: #fff;
	width:100%;
}
#wp-calendar caption {
	font-size: 14px;
	text-transform:uppercase;
	margin:0 0 10px 0;
	text-align:left;
}
#wp-calendar th,
#wp-calendar td {
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	padding:3px 6px;
}
#wp-calendar td a {
	display:block;
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	text-decoration:underline
}
#wp-calendar td#prev a,
#wp-calendar td#prev a{
	text-decoration:none;
	text-align:left;
}
#wp-calendar th{
	font-weight:bold
}
#wp-calendar tr:nth-child(2n+2) {
	background-color: #f3f4f7;
}
.searchform label {
	display: block;
}
.searchform input[type=text] {
  width: calc(100% - 110px);
  margin: 0;
  padding: 12px;
  float: left;
  background-color: transparent;
  border: none;
}
.searchform input[type=submit]{
	background: #ff4362;
	border: none;
	color: #ffffff;
	font-size:14px;
	font-weight: 600;
	text-align:center;
	position:relative;
	float:left;
	text-shadow:none;
	padding:14px 0;
	width:110px;
	margin:0 auto;
	cursor: pointer;
	-webkit-transition: color .3s ease, background-color .3s ease;
	-moz-transition: color .3s ease, background-color .3s ease;
	-o-transition: color .3s ease, background-color .3s ease;
	transition: color .3s ease, background-color .3s ease;
}

.searchform input[type=submit]:hover ,
.searchform input[type=submit]:focus {
	background-color:#1b1a29;
	text-decoration:none;
	color: #fff;
}

.searchform:after {
  content: "";
  display: table;
  clear: both;
}
.sidebar-area select#archives-dropdown--1, .sidebar-area select#cat{
	width: 100%;
}
.sidebar-area .post-thumbnail img {
    width: 100%;
    height: 75px;
    border-radius: 50%;
    margin-top: 10px;
  }
  .sidebar-area .post-title {
    font-size: 14px;
  }

footer {
	background: #171f23;
}

footer .sidebar-area {
	background: none;
	padding: 25px 0 0 0;
}

footer a,
footer p,
footer .sidebar-area li,
footer .sidebar-area address,
footer .sidebar-area dd,
footer .sidebar-area blockquote,
footer .sidebar-area td,
footer .sidebar-area th,
footer .sidebar-area .title,
footer .sidebar-area .textwidget {
	color: #8583a1;
	font-weight: 400;
}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
img.alignleft,
img.alignright,
img.aligncenter,
.attachment img {
	max-width:100%;
	height:auto;
	margin-bottom: 10px;
}
.alignleft,
img.alignleft {
	display:inline;
	float:left;
	margin-right:24px;
	margin-top:4px;
}
.alignright,
img.alignright {
	display:inline;
	float:right;
	margin-left:24px;
	margin-top:4px;
}
div.aligncenter,
img.aligncenter {
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
	float:none;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom:12px;
}
.wp-caption {
	background:#f1f1f1;
	line-height:18px;
	margin-bottom:25px;
	max-width:100% !important;
	padding:4px;
	text-align:center;
}
.wp-caption img {
	margin:5px 5px 0;
	width:96%;
	height:100%
}
.wp-caption p.wp-caption-text {
	color:#888;
	font-size:12px;
	margin:5px;
}
.footer-area .woocommerce ul.cart_list li img, .footer-area .woocommerce ul.product_list_widget li img{
	height: 70px;
}

/*SCROLL TO TOP BUTTON*/

#button_scroll {
  display: inline-block;
  background: #ff4362;
  width: 45px;
  height: 45px;
  text-align: center;
  position: fixed;
  bottom: 30px;
  right: 30px;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  color: #fff;
}
#button_scroll::after {
  font-weight: normal;
  font-style: normal;
  font-size: 10px;
  line-height: 50px;
  color: #fff;
} 
#button_scroll:hover,#button_scroll:active {
  cursor: pointer;
  background: #1b1a29;
  color: #fff;
}
#button_scroll.show {
  opacity: 1;
  visibility: visible;
}
#button_scroll .fas{
	color: #fff;
	padding: 8px;
	margin: 5px 0;
}
#button_scroll,
#button_scroll::after{
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
#button_scroll::before,
#button_scroll::after{
	background: #ff4362;
  content: '';
  position: absolute;
  z-index: -1;
}
#button_scroll:hover{
  color: #fff;
  background: #1b1a29;
}
#button_scroll::after{
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
  background: #1b1a29;
}
#button_scroll:hover:after{
  width: 100%;
}

/*PRELOADER*/
/** page **/
.cssloader {
  padding-top: calc(45vh - 25px);
  position: fixed;
  width: 100%;
  height: 100%;
  top:0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #212121;
  z-index: 99999;
}

/** loader **/
.sh1 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: #fff transparent transparent transparent;
  margin: 0 auto;
  animation: shk1 1s ease-in-out infinite normal;
}

.sh2 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 50px 50px;
  border-color: transparent  transparent #ff4362 transparent ;
  margin: -50px auto 0;
  animation: shk2 1s ease-in-out infinite alternate;
}

/** animation starts here **/
@keyframes shk1 {
  0% {
    transform: rotate(-360deg);
  }  
  
  100% {
  }
}

@keyframes shk2 {
  0% {
    transform: rotate(360deg);
  }
  100% {
  }
}
.lt {
  color: #fff;
  margin: 30px auto;
  text-align: center;
  font-weight: 100;
  letter-spacing: 10px;
}
a.close-search-form{
	display: none;
}

/*SRTICKY HEADER*/

.fix-sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}
.admin-bar .fix-sticky {
	margin-top: 0px;   
}
 
/*Body*/

.logo-image img{
	width: none;
}
.top-header{
	background: #fff;
}
.header {
	position:static;
}
#site-navigation {
  background: rgb(0 0 0 / 35%);
}
.header-menu {
  position: absolute;
  background:rgba(0,0,0,50%);
  z-index: 999;
  left: 0;
  right: 0;
}
.top-header .logo-content span{
	color: #fff;
	float: left;
}
.top-header span{
	color: #ffffff;
  font-weight: 400;
  font-size: 14px;
}
.top-header .content a{
	color: #fff;
}
.top-header .content a:hover{
	color: #ff4362;
}
.top-header .logo-content a{
	color: #fff;
	font-size: 34px;
	font-weight: 600;
}
.top-header .logo-content a:hover{
	color: #ff4362;
}
.top-header .dashicons{
  font-size: 20px;
  color: #ffffff;
}
.top-header select#gtranslate_selector {
    border: none;
    background: 0 0;
    color: #000000;
    outline: none;
    padding:4px 0px;
}
.top-header .button1{
	font-size:17px;
}

/*input#woocommerce-product-search-field{
  border: none;
  border-radius: 10px;
  background: linear-gradient(89deg, #ff4162 0%, #ffa748 100%);
  outline: none;
  padding: 6px 15px;
  width: 100%;
}*/
i.fas.fa-search {
    color: white;
    font-size: 14px;
}
input#search::placeholder{
	color:#fff;
	font-weight:500;
}
.searchform input[type=text] {
    width: calc(100% - 110px);
    margin: 0;
    padding: 7px 16px;
    float: left;
    background-color: transparent;
    border: none;
}
.header-menu button.search-button {
    border: none;
    background: 0 0;
    float: right;
    outline: none;
    padding: 6px 17px;
}
form#searchform {
    background: linear-gradient(89deg, #ff4162 0%, #ffa748 100%);
    border-radius:10px;
}

/*SLIDER SECTION*/ 

#slider .slider-content {
	position: absolute;
	transform: translateY(-50%);
	top: 43%;
	right: 51%;
	left: 10%;
}
#slider h5{
	color: #ffffff;
	font-weight: 500;
	width: 100%;
	font-size:18px;
	font-family: "Raleway";	
}
#slider h1{
  text-transform: capitalize;
  font-size: 65px;
  color: #ffffff;
  font-weight: 700;
}
#slider h4{
	color: #ffffff;
	font-weight: 500;
	font-size: 17px;
	color: #ff4362;
	font-family: "Open Sans";	
}
#slider p{
	font-size: 18px;
    color: #ffffff;
    font-weight: 400;
    font-family: "Open Sans";   
}
i.fas.fa-play-circle.large {
    padding: 0px 4px;
}
#slider .circle{
  font-size: 35px;
  color: #157fd1;
}

#slider a.open-video {
  position: absolute;
  background:linear-gradient(89deg, #ff4162 0%, #ffa748 100%);
  padding:12px 30px;
  border-radius:10px;
  font-size: 16px;
  color: #ffffff;
  font-weight: 500;
  font-family: "Open Sans";
}
#slider .video-section .video-blog{
  position:fixed;
  top:0;
  right:-100%;
  width:100%;
  height:100%;
  padding:0;
  z-index:1001;
  visibility: hidden;
  -webkit-transition-property: all , -webkit-transform;
    transition-property: all , transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
  background: rgba(255,255,255, 0.98) none repeat;
  border:none !important;
}
#slider .video-section .video-blog .is-open {
  right:0%;
  left:0%;
  height:153%;
  width:197%;
  visibility: visible;
  top: 0px;
}
#slider .video-section  .video-blog .is-open section{
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 50px;
}
#slider .video-section .video-blog a.close-video {
  top:50px;
  position:absolute;
  margin-left:-13px;
  left:50%;
}
#slider .video-section .video-blog i.videoblog-close-button {
  font-size:25px;
  color:#616161 !important;
  opacity:0;
  -webkit-transition: transform .2s linear;
  -moz-transition: transform .2s linear;
  -o-transition: transform .2s linear;
  transition: transform .2s linear;
}
#slider .video-section .video-blog .is-open i.videoblog-close-button {
  opacity:1;
  position: relative;
  bottom: 35px;
}
#slider .video-section .video-blog.is-open i.videoblog-close-button:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
#slider a.open-video img{
  width: 100%;
}
#slider .button-box{
   margin-top:8%;
}
#slider .button2{
  background:#fff;
  padding: 12px 32px;
  color: #050505;
  font-weight: 600;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid transparent;
}
#slider .button2:hover{
  background: #ff4362;
  border-radius: 10px;
  color: #ffffff;
}
#slider .button2,
#slider .button2::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#slider .button2::before,
#slider .button2::after {
  content: '';
  position: absolute;
  z-index: -1;
}
#slider .button2::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#slider .button2:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}
#slider .slider-image-box{
  position: relative;
}
#slider img.slide-image{
  width: 100%;
  opacity: 0.5;
}
#slider .slick-dots {
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  right: 10%;
  width: auto;
}
#slider .slick-dots LI {
  width: 150px;
  height: 100px;
  margin: 0 5px;
  border: 3px solid #fff;
  margin-top: 15px;
}
#slider .slick-dots LI.slick-active {
	opacity: 1;
	border: 3px solid #ff497c;
}
#slider .slick-dots LI.slick-active BUTTON,
#slider .slick-dots LI:hover BUTTON {
  opacity: 1;
  transform: scale(1);
}
#slider .slick-dots LI BUTTON {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: auto;
  padding: 0;
  border: none;
}
#slider .slick-dots LI BUTTON IMG {
  display: block;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
#slider .slick-dots LI BUTTON:before {
  display: block;
  position: relative;
  content: '';
  width: 100%;
  padding-top: 65.5%;
  height: auto;
}
#slider .owl-dots {
  text-align: center;
  width: 100%;
  display: block;
  position: absolute;
  bottom: 15px;
}
#slider .owl-dots button.owl-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  background: #fff;
  margin: 0 5px;
  outline: none;
}
#slider .owl-dots button.owl-dot.active {
  background-color:#ff4362;
  border-radius: 20px;
}

/*POPULAR MOVIE SECTION*/

#popular_movie h3{
	font-size: 35px;
    color: #050505;
    font-weight: 700;
    padding: 10px;
}
#popular_movie h3::after{
  content: '';
  height: 1px;
  width: 72%;
  display: inline-grid;
  margin-left: 20px; 
  position: relative;
  padding: 0.5px;
  bottom:9px;
  background:#0b1c2a;
}
#popular_movie .post-title h4 a{
	font-size: 20px;
	color: #ffffff;
	font-weight: 600;
	font-family: "Open Sans";
}
#popular_movie .post-title:hover a{
	color:  #ff4262;
}
#popular_movie .post_tag a{
	font-size: 15px;
	color: #ff4262;
	font-weight: 600;
	font-family: "Open Sans";
}
#popular_movie p .post_tag {
	margin-left:0%;
}
#popular_movie .popular-movies-text {
    font-size: 15px;
    font-weight: 500;
}
#popular_movie .rating{
	font-size:14px;
}
#popular_movie i.fas.fa-star {
    color: #ffc107;
}
#popular_movie figure.movies-img {
  position: relative;
  overflow: hidden;
}
#popular_movie figure.movies-img * {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;

}
#popular_movie figure.movies-img:after {
  box-shadow: inset 0px -87px 24.5px rgba(7,7,7,0.28);
  background-color: #0b1c2a;
  position: absolute;
  content: "";
  display: block;
  top:0%;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  opacity: 1.5;
}
#popular_movie figure.movies-img {
  max-width: 100%;
  vertical-align: top;
}
#popular_movie figure:hover figcaption,
#popular_movie figure.hover figcaption {
  opacity: 1;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;

}
#popular_movie figure:hover:after,
#popular_movie figure:hover:after {
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
  opacity: 0.9;
  
}
#popular_movie h4 a{
	color: #fff;
	font-weight: 600;
	font-size:20px;
	margin-bottom:0px;
}
#popular_movie figcaption{
  transform: translateY(-50%);	
  top: 50%;
  position: absolute;
  opacity: 0;
  z-index: 1;
  color: #fff;
}
#popular_movie .video-section a{
	background:rgba(255 255 255 / 0.5);
	padding:8px 16px;
	border-radius:10px;
}
#popular_movie .large a{
	color:#ff4262;
	font-size: 13px;
    font-weight: 700;
}
#popular_movie a.open-video {
  position: relative;
}
#popular_movie .large i{
  font-size: 14px;
  padding:5px;
  color: #ffa04a;
-webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  display: inline-table;
}
#popular_movie .platform-bg:hover .large i{
  transform: rotate(360deg);
  color: #090909;
}
#popular_movie .popular-movie-head h4 a{
	font-size: 20px;
	color: #0f1232;
	font-weight: 600;
	font-family: "Open Sans";
}
#popular_movie .owl-dots {
  text-align: center;
  width: 100%;
  display: none;
  margin: 20px 0;
}
#popular_movie .owl-dots button.owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  background: #dccace;
  margin: 0 5px;
  outline: none;
}
#popular_movie .owl-dots button.owl-dot.active {
  background:#fff
}
#popular_movie .owl-carousel .owl-nav{
  position: absolute;
  transform: translateY(-50%);
  top:100%;
  width: 92%;
  display: none;
}
#popular_movie .owl-carousel .owl-nav button.owl-prev{
  width: 40px;
  height: 40px;
  font-size: 20px;
  color: #fff;
  outline: none;
  position: relative;
  left: 10%;
}
#popular_movie .owl-carousel .owl-nav button.owl-next{
  width: 40px;
  height: 40px;
  font-size: 20px;
  color: #fff;
  outline: none;
  float: right;
  right: 1%;
  position: relative;
}





/*LATEST MOVIE SECTION*/

#latest_movie h3{
	font-size: 35px;
    color: #fff;
    font-weight: 700;
    font-family: "Raleway";
    padding: 10px 0px;
}
#latest_movie h3::after{
  content: '';
  height: 1px;
  width: 53%;
  display: inline-grid;
  margin-left: 20px; 
  position: relative;
  padding: 0.5px;
  bottom:9px;
  background:#c9c9c9;
}
#latest_movie .owl-stage-outer::after{
  content: '';
  height: 1px;
  width: 80%;
  display: inline-grid;
  margin-left: 10%; 
  position: relative;
  padding: 0.5px;
  bottom:0px;
  background:#c9c9c9;
  margin-top:3%;
}
#latest_movie .post-title h4 a{
	font-size: 20px;
	color: #050505;
	font-weight: 600;
	font-family: "Open Sans";
}

#latest_movie .post-title:hover a{
	color:  #ff4262;
}
#latest_movie .post_tag a{
	font-size: 14px;
	color:  #0b1c2a;
	font-weight: 600;
	font-family: "Open Sans";
}
#latest_movie p .post_tag {
	margin-left:0%;
}
#latest_movie .popular-movies-text {
    font-size: 15px;
    font-weight: 500;
}
#latest_movie .rating{
	font-size:14px;
	color:#050505;
	font-weight:600;
}
#latest_movie i.fas.fa-star {
    color: #ffc107;
}
#latest_movie figure.movies-img {
  position: relative;
  overflow: hidden;
}
#latest_movie figure.movies-img * {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;

}
#latest_movie figure.movies-img:after {
  box-shadow: inset 0px -87px 24.5px rgba(7,7,7,0.28);
  background-color: #919191;
  position: absolute;
  content: "";
  display: block;
  top:0%;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  opacity: 0.5;
}
#latest_movie figure.movies-img {
  max-width: 100%;
  vertical-align: top;
}
#latest_movie figure:hover figcaption,
#latest_movie figure.hover figcaption {
  opacity: 1;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;

}
#latest_movie figure:hover:after,
#latest_movie figure:hover:after {
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
  opacity: 0.6;
  
}
#latest_movie h4 a{
	color:  #0b1c2a;
	font-weight: 600;
	font-size:20px;
	margin-bottom:0px;
}
#latest_movie figcaption{
  transform: translateY(-50%);	
  top: 50%;
  position: absolute;
  opacity: 0;
  z-index: 1;
  color: #fff;  
}
#latest_movie .video-section a{
	background:linear-gradient(89deg, #ff4162 0%, #ffa748 100%);
	padding:10px 10px;
	font-size:12px;
	border-radius:10px;
}
#latest_movie .large{
	font-size:15px;
	font-weight:600;
}
#latest_movie .large a{
	color:#fff;
}
#latest_movie a.open-video {
  position: relative;
}
#latest_movie .large i{
  font-size: 14px;
  padding:5px;
  color: #fff;
-webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  display: inline-table;
}
#latest_movie .platform-bg:hover .large i{
  transform: rotate(360deg);
  color: #090909;
}
#latest_movie .latest-movie-head h4 a{
	font-size: 19px;
	color: #fff;
	font-weight: 600;
	font-family: "Open Sans";
}
#latest_movie .latest-movie-head p a{
	color:#ff4362;
}
#latest_movie .owl-dots {
  text-align: center;
  width: 100%;
  display: block;
  margin: 20px 0;
}
#latest_movie .owl-dots button.owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  background: #dccace;
  margin: 0 5px;
  outline: none;
}
#latest_movie .owl-dots button.owl-dot.active {
  background:#fff
}
#latest_movie .owl-carousel .owl-nav{
  position: absolute;
  transform: translateY(-50%);
  top:100%;
  width: 92%;
  display: block;
}
#latest_movie .owl-carousel .owl-nav button.owl-prev{
  width: 40px;
  height: 40px;
  font-size: 20px;
  color: #fff;
  outline: none;
  position: relative;
  left: 10%;
}
#latest_movie .owl-carousel .owl-nav button.owl-next{
  width: 40px;
  height: 40px;
  font-size: 20px;
  color: #fff;
  outline: none;
  float: right;
  right: 1%;
  position: relative;
}

/*FEATURED MOVIE SECTION*/

#featured_movie h3{
	font-size: 35px;
    color: #050505;
    font-weight: 700;
    font-family: "Raleway";
    padding: 10px 0px;
}
#featured_movie h3::after{
  content: '';
  height: 1px;
  width: 73%;
  display: inline-grid;
  margin-left: 20px; 
  position: relative;
  padding: 0.5px;
  bottom:9px;
  background:#c9c9c9;
}
#featured_movie .owl-stage-outer::after{
  content: '';
  height: 1px;
  width: 80%;
  display: inline-grid;
  margin-left: 10%; 
  position: relative;
  padding: 0.5px;
  bottom:0px;
  background:#c9c9c9;
}
#featured_movie .post-title h4 a{
	font-size: 20px;
	color: #050505;
	font-weight: 600;
	font-family: "Open Sans";
}

#featured_movie .post-title:hover a{
	color:  #ff4262;
}
#featured_movie .post_tag a{
	font-size: 15px;
	color: #ff4262;
	font-weight: 600;
	font-family: "Open Sans";
}
#featured_movie p .post_tag {
	margin-left:0%;
}
#featured_movie .popular-movies-text {
    font-size: 15px;
    font-weight: 500;
}
#featured_movie .rating{
	font-size:14px;
}
#featured_movie i.fas.fa-star {
    color: #ffc107;
}
#featured_movie figure.movies-img {
  position: relative;
  overflow: hidden;
}
#featured_movie figure.movies-img * {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;

}
#featured_movie figure.movies-img:after {
  box-shadow: inset 0px -87px 24.5px rgba(7,7,7,0.28);
  background-color: #0b1c2a;
  position: absolute;
  content: "";
  display: block;
  top:0%;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  opacity: 0.5;
}
#featured_movie figure.movies-img {
  max-width: 100%;
  vertical-align: top;
}
#featured_movie figure:hover figcaption,
#featured_movie figure.hover figcaption {
  opacity: 1;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;

}
#featured_movie figure:hover:after,
#featured_movie figure:hover:after {
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
  opacity: 0.9;
  
}
#featured_movie h4 a{
	color:  #fff;
	font-weight: 600;
	font-size:35px;
	margin-bottom:0px;
}
#featured_movie figcaption{
  transform: translateY(-50%);	
  top: 50%;
  position: absolute;
  opacity: 0;
  z-index: 1;
  color: #fff;  
}
#featured_movie .video-section a{
	background:linear-gradient(89deg, #ff4162 0%, #ffa748 100%);
	padding:10px 25px;
	border-radius:10px;
	font-size:14px;
}
#featured_movie .large{
	font-size:15px;
	font-weight:600;
}
#featured_movie .large a{
	color:#fff;
}
#featured_movie a.open-video {
  position: relative;
}
#featured_movie .large i{
  font-size: 14px;
  padding:5px;
  color: #fff;
-webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  display: inline-table;
}
#featured_movie .platform-bg:hover .large i{
  transform: rotate(360deg);
  color: #090909;
}
#featured_movie .owl-dots {
  text-align: center;
  width: 100%;
  display: block;
  margin: 20px 0;
}
#featured_movie .owl-dots button.owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  background: #dccace;
  margin: 0 5px;
  outline: none;
}
#featured_movie .owl-dots button.owl-dot.active {
  background:#0b1c2a;
}
#featured_movie .owl-carousel .owl-nav{
  position: absolute;
  transform: translateY(-50%);
  top:98%;
  width: 92%;
  display: block;
}
#featured_movie .owl-carousel .owl-nav button.owl-prev{
  width: 40px;
  height: 40px;
  font-size: 20px;
  color: #000000;
  outline: none;
  position: relative;
  left: 10%;
}
#featured_movie .owl-carousel .owl-nav button.owl-next{
  width: 40px;
  height: 40px;
  font-size: 20px;
  color: #ff8551;
  outline: none;
  float: right;
  right: 1%;
  position: relative;
}

/*ROMANTIC SECTION*/ 

#romantic .romantic-content {
	position: absolute;
	transform: translateY(-50%);
	top: 43%;
	right: 50%;
	left: 7%;
}
#romantic h5{
	color: #ffffff;
	font-weight: 500;
	border-radius: 6px;
	width: 100%;
	font-size:18px;
	font-family: "Raleway";	
}
#romantic h1{
  text-transform: capitalize;
  font-size: 65px;
  color: #ffffff;
  font-weight: 700;
}
#romantic h4{
	color: #ffffff;
	font-weight: 400;
	font-size: 17px;
	color: #ff4362;
	font-family: "Open Sans";	
}
#romantic p{
	font-size: 18px;
    color: #ffffff;
    font-weight: 400;
    font-family: "Open Sans";
    
}
#romantic a.open-video {
  display:inline-block;
  position: absolute;
  background:linear-gradient(89deg, #ff4162 0%, #ffa748 100%);
  padding:12px 32px;
  border-radius:10px;
  font-size: 16px;
  color: #ffffff;
  font-weight: 500;
  font-family: "Open Sans";
}
#romantic .video-section .video-blog{
  position:fixed;
  top:0;
  right:-100%;
  width:100%;
  height:100%;
  padding:0;
  z-index:1001;
  visibility: hidden;
  -webkit-transition-property: all , -webkit-transform;
    transition-property: all , transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
  background: rgba(255,255,255, 0.98) none repeat;
  border:none !important;
}
#romantic .video-section .video-blog .is-open {
  right:0%;
  left:0%;
  height:153%;
  width:197%;
  visibility: visible;
  top: 0px;
}
#romantic .video-section  .video-blog .is-open section{
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 50px;
}
#romantic .video-section .video-blog a.close-video {
  top:50px;
  position:absolute;
  margin-left:-13px;
  left:50%;
}
#romantic .video-section .video-blog i.videoblog-close-button {
  font-size:25px;
  color:#616161 !important;
  opacity:0;
  -webkit-transition: transform .2s linear;
  -moz-transition: transform .2s linear;
  -o-transition: transform .2s linear;
  transition: transform .2s linear;
}
#romantic .video-section .video-blog .is-open i.videoblog-close-button {
  opacity:1;
  position: relative;
  bottom: 35px;
}
#romantic .video-section .video-blog.is-open i.videoblog-close-button:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
#romantic a.open-video img{
  width: 100%;
}
#romantic .button-box{
	margin-top:7%;
}
#romantic .button2{
  background:rgba(255 255 255 / 0.5);
  padding: 12px 32px;
  color: #fff;
  font-weight: 600;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid transparent;
}
#romantic .button2:hover{
  background: #ff4362;
  border-radius: 10px;
  color: #ffffff;
}
#romantic .button2,
#romantic .button2::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#romantic .button2::before,
#romantic .button2::after {
  content: '';
  position: absolute;
  z-index: -1;
}
#romantic .button2::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#romantic .button2:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}
#romantic .owl-dots {
  text-align: center;
  width: 100%;
  display: block;
  position: absolute;
  bottom: 40px;
}
#romantic .owl-dots button.owl-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  background: #fff;
  margin: 0 5px;
  outline: none;
}
#romantic .owl-dots button.owl-dot.active {
  background-color:#fff;
  border-radius: 20px;
  width:30px;
}
#romantic .owl-carousel .owl-nav{
  position: absolute;
  transform: translateY(-50%);
  top:98%;
  width: 92%;
  display:none;
}
#romantic .owl-carousel .owl-nav button.owl-prev{
  width: 40px;
  height: 40px;
  font-size: 20px;
  color: #000000;
  outline: none;
  position: relative;
  left: 10%;
}
#romantic .owl-carousel .owl-nav button.owl-next{
  width: 40px;
  height: 40px;
  font-size: 20px;
  color: #ff8551;
  outline: none;
  float: right;
  right: 1%;
  position: relative;
}


/* Series Section */
#series h3{
	font-size: 35px;
    color: #050505;
    font-weight: 700;
    font-family: "Raleway";
    padding: 10px 0px;
}
#series h3::after{
  content: '';
  height: 1px;
  width: 71%;
  display: inline-grid;
  margin-left: 20px; 
  position: relative;
  padding: 0.5px;
  bottom:9px;
  background:#c9c9c9;
}
#series figcaption{
	background-color: #f5f4f4;
}
#series figcaption:hover{
	background: #dbdbdb;
}
#series figure{
  overflow: hidden; 
  transition: 0.3s;
   background: #dbdbdb;
}
#series figure:hover {
  transform: scale(1.1);
  -webkit-box-shadow: 0 0 5px 2px #24d2fe;
  -moz-box-shadow: 0 0 5px 2px #24d2fe;
  box-shadow: 0 0 20px -10px #dbdbdb;
  background: #dbdbdb;
  opacity:1.1;
}
#series .post-title h4 a{
	font-size: 20px;
	color: #050505;
	font-weight: 600;
	font-family: "Open Sans";
}

#series .post-title:hover a{
	color:  #ff4262;
}
#series .rating{
	font-size:14px;
}
#series i.fas.fa-star {
    color: #ffc107;
}
#series .video-section{
	background:linear-gradient(89deg, #ff4162 0%, #ffa748 100%);
	padding:6px 19px;
	border-radius:10px;
	margin:5px 14px;
}
#series .large{
	font-size:15px;
	font-weight:600;
}
#series .large a{
	color:#fff;
}
#series a.open-video {
  position: relative;
}
#series .large i{
  font-size: 14px;
  padding:5px;
  color: #fff;
-webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  display: inline-table;
}
#series .platform-bg:hover .large i{
  transform: rotate(360deg);
  color: #090909;
}
#series .owl-dots {
  text-align: center;
  width: 100%;
  display: none;
  margin: 20px 0;
}
#series .owl-dots button.owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  background: #dccace;
  margin: 0 5px;
  outline: none;
}
#series .owl-dots button.owl-dot.active {
  background:#0b1c2a;
}
#series .owl-carousel .owl-nav{
  position: absolute;
  transform: translateY(-50%);
  top:98%;
  width: 92%;
  display:none;
}
#series .owl-carousel .owl-nav button.owl-prev{
  width: 40px;
  height: 40px;
  font-size: 20px;
  color: #000000;
  outline: none;
  position: relative;
  left: 10%;
}
#series .owl-carousel .owl-nav button.owl-next{
  width: 40px;
  height: 40px;
  font-size: 20px;
  color: #ff8551;
  outline: none;
  float: right;
  right: 1%;
  position: relative;
}


/* Viewed Section */

#viewed h3{
	font-size: 35px;
    color: #050505;
    font-weight: 700;
    font-family: "Raleway";
    padding: 10px 0px;
}
#viewed h3::after{
  content: '';
  height: 1px;
  width: 78%;
  display: inline-grid;
  margin-left: 20px; 
  position: relative;
  padding: 0.5px;
  bottom:9px;
  background:#c9c9c9;
}
#viewed figure {
	margin: 0;
    padding: 0;
    overflow: hidden;
    background: #000;
}
#viewed img {
	transform:scale(1.1);
    transition: .3s ease-in-out;
}
#viewed img:hover {
	-webkit-transform: scale(1.1);
    transform: scale(1.2);
    opacity: .6;
}
#viewed .post-title {
	font-size: 23px;
	color: #050505;
	font-weight: 600;
	font-family: "Open Sans";
}
#viewed .post-title:hover a{
	color:  #ff4262;
}
#viewed .post_tag a{
	font-size: 15px;
	color: #ff4262;
	font-weight: 400;
	font-family: "Open Sans";
}
#viewed p .post_tag {
	margin-left:0%;
}
#viewed .rating{
	font-size:14px;
}
#viewed i.fas.fa-star {
    color: #ffc107;
}
#viewed i.fas.fa-bookmark{
	padding: 12px 15px; 
    width: 45px;
    height: 45px;
    position: absolute;
    bottom: 90%;
    right: 11px;
    font-size:30px;
    color: #ffff;
    opacity: 1.5;
}
#viewed .movies-content{
	filter: drop-shadow(0px 1px 0.5px rgba(4,4,4,0.15));
    background-color: #f5f4f4;
}
#viewed .video-section{
   background:linear-gradient(89deg, #ff4162 0%, #ffa748 100%);
   padding:8px 10px;
}
#viewed .large{
	font-size:17px;
	font-weight:600;
}
#viewed .large a{
	color:#fff;
}
#viewed a.open-video {
  position: relative;
}
#viewed .large i{
  font-size: 14px;
  padding:5px;
  color: #fff;
-webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  display: inline-table;
}
#viewed .platform-bg:hover .large i{
  transform: rotate(360deg);
  color: #090909;
}
#viewed .owl-dots {
  text-align: center;
  width: 100%;
  display: none;
  margin: 20px 0;
}
#viewed .owl-dots button.owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  background: #dccace;
  margin: 0 5px;
  outline: none;
}
#viewed .owl-dots button.owl-dot.active {
  background:#0b1c2a;
}
#viewed .owl-carousel .owl-nav{
  position: absolute;
  transform: translateY(-50%);
  top:98%;
  width: 92%;
  display: none;
}
#viewed .owl-carousel .owl-nav button.owl-prev{
  width: 40px;
  height: 40px;
  font-size: 20px;
  color: #000000;
  outline: none;
  position: relative;
  left: 10%;
}
#viewed .owl-carousel .owl-nav button.owl-next{
  width: 40px;
  height: 40px;
  font-size: 20px;
  color: #ff8551;
  outline: none;
  float: right;
  right: 1%;
  position: relative;
}

/* Latest Blog Section */

#latest_blog h3{
	font-size: 35px;
    color: #050505;
    font-weight: 700;
    font-family: "Raleway";
}
#latest_blog h3::after{
  content: '';
  height: 1px;
  width: 82%;
  display: inline-grid;
  margin-left: 8px; 
  position: relative;
  padding: 0.5px;
  bottom:9px;
  background:#c9c9c9;
}
#latest_blog button.tablinks {
    padding: 10px 52px;
    display: inline-block;
}
#latest_blog .tab-section button {
  border-bottom:none;
  border-left:none;
  border-right:none;
  background: 0 0;
  outline: none;
  cursor: pointer;
}
#latest_blog .tab {
  overflow: hidden;
  border-top:1px solid #000000;
}

/* Style the buttons inside the tab */
#latest_blog .tab button {
  background-color: inherit;
  border: none;
  outline: none;
  cursor: pointer;
  transition: 0.4s;
  font-size: 17px;
  font-weight:600;
}

/* Change background color of buttons on hover */
#latest_blog .tab button:hover {
  background-color: #ddd;
}

/* Style the tab content */
#latest_blog .tabcontent {
  padding: 6px 12px;
 
}
#latest_blog .content2{
	display:inline-block;
}
#latest_blog .title{
	font-size:15px;
	font-weight:600;
}
#latest_blog .content{
	display:inline-block;
	font-size:12px;
	color: #595858;
}
#latest_blog .date{
	font-size:12px;
	color: #595858;
}


/* Categories Section*/

#categories h3{
	font-size: 35px;
    color: #050505;
    font-weight: 700;
    font-family: "Raleway";
    margin-left: 57%;
    padding: 10px;
}

#categories .categories-details{
	background: rgba(11,28,42,0.8588235294117647);
    position: absolute;
    top: 46%;
    left: 7%;
    right: 7%;
    transform: translateY(-50%);
    padding: 48px 0;
    border: 1px solid #a3a2a2;
}
#categories .categories-details h5{
	color:#fff;
}
#categories .categories-details h5:hover{
	color:#ff4262;
}
#categories .owl-dots {
  text-align: center;
  width: 100%;
  display: none;
  margin: 20px 0;
}
#categories .owl-dots button.owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  background: #dccace;
  margin: 0 5px;
  outline: none;
}
#categories .owl-dots button.owl-dot.active {
  background:#0b1c2a;
}
#categories .owl-carousel .owl-nav{
  position: absolute;
  transform: translateY(-50%);
  top:98%;
  width: 92%;
  display: none;
}
#categories .owl-carousel .owl-nav button.owl-prev{
  width: 40px;
  height: 40px;
  font-size: 20px;
  color: #000000;
  outline: none;
  position: relative;
  left: 10%;
}
#categories .owl-carousel .owl-nav button.owl-next{
  width: 40px;
  height: 40px;
  font-size: 20px;
  color: #ff8551;
  outline: none;
  float: right;
  right: 1%;
  position: relative;
}

/* Movies Week Section*/

#movies_week h3{
	font-size: 35px;
    color: #fff;
    font-weight: 700;
    font-family: "Open Sans";    
}
#movies_week h3::after{
  content: '';
  height: 1px;
  width: 54%;
  display: inline-grid;
  margin-left: 20px; 
  position: relative;
  padding: 0.5px;
  bottom:9px;
  background:#c9c9c9;
}
#movies_week .owl-stage-outer::after{
  content: '';
  height: 1px;
  width: 80%;
  display: inline-grid;
  margin-left: 10%; 
  position: relative;
  padding: 0.5px;
  bottom:0px;
  background:#c9c9c9;
  margin-top:6%;
}
#movies_week figure {
	margin: 0;
    padding: 0;
    overflow: hidden;
    background: #000;
}
#movies_week img {
	transform:scale(1.1);
    transition: .3s ease-in-out;
}
#movies_week img:hover {
	-webkit-transform: scale(1.1);
    transform: scale(1.2);
    opacity: .6;
}
#movies_week .movies-box h4{
	font-size: 20px;
	color: #ffffff;
	font-weight: 600;
	font-family: "Open Sans";
}
#movies_week .movies-box h6{
	font-size: 16px;
	color: #ff4262;
	font-weight: 400;
	font-family: "Open Sans";
}
#movies_week .owl-dots {
  text-align: center;
  width: 100%;
  display: block;
  margin: 20px 0;
}
#movies_week .owl-dots button.owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  background: #dccace;
  margin: 0 5px;
  outline: none;
}
#movies_week .owl-dots button.owl-dot.active {
  background:#fff;
}
#movies_week .owl-carousel .owl-nav{
  position: absolute;
  transform: translateY(-50%);
  top:100%;
  width: 92%;
  display: block;
}
#movies_week .owl-carousel .owl-nav button.owl-prev{
  width: 40px;
  height: 40px;
  font-size: 20px;
  color: #fff;
  outline: none;
  position: relative;
  left: 10%;
}
#movies_week .owl-carousel .owl-nav button.owl-next{
  width: 40px;
  height: 40px;
  font-size: 20px;
  color: #fff;
  outline: none;
  float: right;
  right: 1%;
  position: relative;
}


/*HIGH RATED SECTION*/

#high_rated h3{
	font-size: 35px;
    color: #050505;
    font-weight: 700;
    font-family: "Raleway";
    padding: 10px 0px;
}
#high_rated h3::after{
  content: '';
  height: 1px;
  width: 70%;
  display: inline-grid;
  margin-left: 20px; 
  position: relative;
  padding: 0.5px;
  bottom:9px;
  background:#c9c9c9;
}
#high_rated .post-title h4 a{
	font-size: 20px;
	color: #050505;
	font-weight: 600;
	font-family: "Open Sans";
}

#high_rated .post-title:hover a{
	color:  #ff4262;
}
#high_rated .post_tag a{
	font-size: 16px;
	color: #ff4262;
	font-weight: 600;
	font-family: "Open Sans";
}
#high_rated p .post_tag {
	margin-left:0%;
}
#high_rated .popular-movies-text {
    font-size: 15px;
    font-weight: 500;
}
#high_rated .rating{
	font-size:14px;
}
#high_rated i.fas.fa-star {
    color: #ffc107;
}
#high_rated figure.movies-img {
  position: relative;
  overflow: hidden;
}
#high_rated figure.movies-img * {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;

}
#high_rated figure.movies-img:after {
  box-shadow: inset 0px -87px 24.5px rgba(7,7,7,0.28);
  background-color: #0b1c2a;
  position: absolute;
  content: "";
  display: block;
  top:0%;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  opacity: 0.5;
}
#high_rated figure.movies-img {
  max-width: 100%;
  vertical-align: top;
}
#high_rated figure:hover figcaption,
#high_rated figure.hover figcaption {
  opacity: 1;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;

}
#high_rated figure:hover:after,
#high_rated figure:hover:after {
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
  opacity: 0.9;
  
}
#high_rated h4 a{
	color:  #fff;
	font-weight: 600;
	font-size:40px;
	margin-bottom:0px;
}
#high_rated figcaption{
  transform: translateY(-50%);	
  top: 50%;
  position: absolute;
  opacity: 0;
  z-index: 1;
  color: #fff;  
}
#high_rated .video-section a{
	background:linear-gradient(89deg, #ff4162 0%, #ffa748 100%);
	padding:13px 30px;
	border-radius:10px;
	
}
#high_rated .large{
	font-size:15px;
	font-weight:600;
}
#high_rated .large a{
	color:#fff;
}
#high_rated a.open-video {
  position: relative;
}
#high_rated .large i{
  font-size: 14px;
  padding:5px;
  color: #fff;
-webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  display: inline-table;
}
#high_rated .platform-bg:hover .large i{
  transform: rotate(360deg);
  color: #090909;
}
#high_rated .high-rated-head h4 a{
	font-size: 20px;
	color: #0f1232;
	font-weight: 600;
	font-family: "Open Sans";
}
#high_rated .owl-dots {
  text-align: center;
  width: 100%;
  display: none;
  margin: 20px 0;
}
#high_rated .owl-dots button.owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  background: #dccace;
  margin: 0 5px;
  outline: none;
}
#high_rated .owl-dots button.owl-dot.active {
  background:#0b1c2a;
}
#high_rated .owl-carousel .owl-nav{
  position: absolute;
  transform: translateY(-50%);
  top:98%;
  width: 92%;
  display: none;
}
#high_rated .owl-carousel .owl-nav button.owl-prev{
  width: 40px;
  height: 40px;
  font-size: 20px;
  color: #000000;
  outline: none;
  position: relative;
  left: 10%;
}
#high_rated .owl-carousel .owl-nav button.owl-next{
  width: 40px;
  height: 40px;
  font-size: 20px;
  color: #ff8551;
  outline: none;
  float: right;
  right: 1%;
  position: relative;
}


/*Unlimited Section*/

#unlimited h1{
  font-size: 60px;
  color: #ffffff;
  font-weight: 700;
  margin-left: 8%;
  margin-right: 11%;
  font-family: "Open Sans";
}
#unlimited .content-section{
	font-size: 18px;
    color: #ffffff;
    font-weight: 400;
    font-family: "Raleway";
    margin-left: 22%;
    margin-right: 26%;
    
}
#unlimited .button1{
  background:linear-gradient(89deg, #ff4162 0%, #ffa748 100%);
  padding: 12px 21px;
  color: #ffffff;
  font-weight: 600;
  border-radius: 10px;
  display: inline-block;
  overflow: hidden;
  border: 1px solid transparent;
}
#unlimited .button1:hover{
  background: #ff4362;
  border-radius: 10px;
  color: #ffffff;
}
#unlimited .button1,
#unlimited .button1::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#unlimited .button1::before,
#unlimited .button1::after {
  background: linear-gradient(89deg, #ff4162 0%, #ffa748 100%);
  content: '';
  position: absolute;
  z-index: -1;
}
#unlimited .button1::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#unlimited .button1:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}
#unlimited .button2{
  backdrop-filter: contrast(0.5);
  padding: 12px 21px;
  color: #fff;
  font-weight: 600;
  border-radius: 10px;
  display: inline-block;
  overflow: hidden;
  border: 1px solid transparent;
  margin-left: 2%;
}
#unlimited .button2:hover{
  background: #ff4362;
  border-radius: 10px;
  color: #ffffff;
}
#unlimited .button2,
#unlimited .button2::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#unlimited .button2::before,
#unlimited .button2::after {
  backdrop-filter: contrast(0.5);
  content: '';
  position: absolute;
  z-index: -1;
}
#unlimited .button2::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#unlimited .button2:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}






/*Footer Section*/

footer.footer-area {
    width: 93%;
    margin-left: 4%;
}
.top-footer h5{
    font-size: 17px;
    color: #ffffff;
    font-family: "Open Sans";
}
footer p{
	font-size:16px;
}
.top-footer.text-center {
    width: 112%;
    margin-left: -6%;
    height: 50px;
    background-color: #3b4a58;
}
.footer-area ul {
    list-style: none;
    line-height: 2;
    padding: 0 10px;
  }
.footer-area .textwidget ul li {
  margin: 15px 0;
  font-size: 16px;
  color: #8583a1;
  font-weight: 500;
}
.footer-area li{
	color: #8583a1;
	list-style: disc;
	font-size: 16px;
}
.footer-area .textwidget ul li::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f054";
  margin-right: 10px;
}
.footer-area h4.title{
	color: #ffffff;
	font-weight: 600;
	font-size: 23px;
	margin-bottom: 20px;
}
 .footer-area bdi{
 	color: #ff4362;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email {
    padding: 9px 10px;
    width: 63%;
    outline: none;
    border: none;
    margin: 5px 0;
    background: #1b1a29;
    overflow: hidden;
    border-top: 1px solid #fff;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email::placeholder{
    color:#fff;
}
input.wpcf7-form-control.has-spinner.wpcf7-submit {
    padding: 10px;
    background: linear-gradient(-80deg, #ffa748 0%, #ff4162 100%);
    color: #000000;
    border: none;
    width: 37%;
    margin-top: -13px;
}
.copyright img {
    width: auto !important;
    float: right;
}
.copyright_box {
  background: #fff;
  color: #ffffff;
	font-weight: 600;
}
.copyright p{
  color: #000000;
  margin-bottom: 0;
  font-size:15px;
}
.copyright a{
  color: #ff4362;
}
.copyright a:hover{
  color: #000000;
}
span.icon-bg.mb-lg-3.mb-md-2 {
   padding: 6px 7px;
}
.dashicons{
	color:#000000;
}
.dashicons:hover{
	color: #ff4362;
}
.footer-area  .fab{
  background: transparent;
  border-radius: 50%;
  margin-right: 15px;
  margin-top: 15px;
  color: #555555;
  cursor: pointer;
  font-size: 22px;
  text-align: center;
}
.footer-area .fab:hover{
  color: #ff4362;
}
.footer-area .post-thumbnail img {
  height: 70px;
  float: right;
}
.footer-area .post-title {
  font-size: 16px;
  font-weight: 400;
}
.footer-area .post-meta a{
	font-weight: 400;
	font-size: 16px;
}
.footer-area ul li a{
	font-size: 16px;
}
.footer-area select{
  width: 100%;
  padding: 10px;
}
.footer-area .woocommerce ul.cart_list li a, .footer-area .woocommerce ul.product_list_widget li a{
	font-weight: 400;
}
.footer-area .far, .footer-area .fas{
	color: #ff4362;
    margin-right: 7px;
    padding: 7px 10px;
    margin: 4px 4px;
    background: #334452;
    border-radius: 50%;
}
.footer-area strong{
	font-size: 24px;
}

/*Contact Page*/
 
#contact h2{
  color: #0e0e0e;
  font-size: 44px;
  font-weight: 500;
  letter-spacing: 1px;
}
#contact h4{
  color: #222222;
  font-weight: 500;
  font-size: 28px;
}
#contact h3{
  color: #222222;
  font-weight: 500;
  font-size: 36px;
  letter-spacing: 1px;
}
#contact .contact-text{
	color: #888888;
	letter-spacing: 1px;
}
#contact input.wpcf7-form-control.wpcf7-text{
	border-radius: 5px;
	padding:15px 10px;
	width: 100%;
	margin: 10px 0px;
	color: #888888;
	border: none;
	background: #fff;
}
#contact input.wpcf7-form-control.wpcf7-text::placeholder{
	color: #555555;
}
#contact textarea.wpcf7-form-control.wpcf7-textarea{
	border-radius: 5px;
	padding:15px 10px;
	width: 100%;
	line-height: 14px;
	background: #fff;
	color: #888888;
	margin: 10px 0;
	border: none;
}
#contact textarea.wpcf7-form-control.wpcf7-textarea::placeholder{
	color: #555555;
}
#contact input.wpcf7-form-control.has-spinner.wpcf7-submit{
	border-radius: 10px;
	padding: 15px;
	background: #ff4362;
	border: none;
	color: #ffffff;
	cursor: pointer;
	font-weight: 500;
}
#contact input.wpcf7-form-control.has-spinner.wpcf7-submit:hover{
	color: #ffffff;
	background: #1b1a29;
}
#contact .wpcf7 form.failed .wpcf7-response-output, #contact .wpcf7 form.aborted .wpcf7-response-output{
	color: #ffffff;
	border-color: #ffffff;
}
#contact .wpcf7-spinner{
	display: block;
}
#contact .dashicons{
	font-size: 48px;
	display: inline-table;
	color: #ff4362;
	-webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}
#contact .enquiry_box:hover .dashicons{
  color: #1b1a29;
  transform: rotate(360deg);
}
#contact h6{
	color: #0e0e0e;
	font-size: 20px;
	font-weight: 500;
}
#contact .contact-details{
	background: #edf1f2;
}
#contact .contact-enquiry{
	background: #edf1f2;
}
#contact .contact-heading{
	color: #222222;
	font-size: 30px;
}
#contact .contact_form{
	background: #f1f1f1;
}
#contact .contact-cont {
    color: #888888;
}

/*MEDIA QUERY 320 TO 720*/

@media only screen and (min-width: 320px) and (max-width: 720px){
  .admin-bar .fix-sticky{
    margin-top: 0;
  }
  .header {
	position:unset;
  }
  .header-menu {
    position: unset;
    background: rgba(0,0,0,85%);
    }
  #main-menu ul li a:before{
   	display: none;
   }
  .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    background-color: #ffff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    text-align:center;
  }
  .sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
  }
  #main-menu{
    top: 25px;
  }
  .sidenav a:hover{
    color: #f1f1f1;
  }
  #main-menu ul.children, #main-menu ul.sub-menu{
    box-shadow: none;
  }
  .sidenav .closebtn {
    position: absolute;
    top: 50px;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
  }
  #site-navigation .sidenav a.closebtn, .open-menu{
    display: inline-block;
    background: #ff4362;
    padding: 0 10px;
    color: #fff;
  }
  #main-menu ul.children, #main-menu ul.sub-menu{
    background: transparent;
  }
  #main-menu ul.sub-menu li a:hover:after{
    background: transparent;
    color:#ffffff;
  }
  #main-menu ul.sub-menu li a:hover{
    color:#ffffff;
  }
  #main-menu ul.sub-menu li a:before{
    border: none;
  }
  .page-404 h1{
  	font-size: 100px;
  }
  .page-404 p{
  	margin-left: 0;
  	margin-right: 0;
  }
  .fix-sticky{
  	position: unset;
  }
  .header input.search-field{
  	width: 80%;
  	margin: 10px 0;
  }
  .logo-content{
		position: unset;
		display: grid;
	}
  #main-menu ul li a{
  	color: #0e0e0e;
  }
  .logo-image img{
  	width: 100%;
  }
  button.search-button{
  	top: 23px;
  	right: 20px;
  }
  #wpadminbar{
  	position: unset;
  }
  #slider .slider-content{
    top: 50%;
    left: 10%;
    right: 5%;
  }
  #slider h5{
   font-size:13px;
  }
  #slider h1{
    font-size: 42px;
  }
  #slider h4{
  	font-size:9px;
  }
  #slider p{
  	font-size:10px;
  }
  #slider .button-box{
  	margin-top: 20%;
  }
  #slider .button1{
  	padding: 8px 15px;
  	font-size: 12px;
  	margin: 0;
  }
  .slick-dots li{
  	display:none;
  	position:unset;
  }
  .slick-slide{
  	display:none;
  }
  #slider a.open-video{
  	padding:12px 23px;
  	font-size:12px;
  }
  #slider .button2{
  	padding:12px 31px;
  	font-size:12px;
  }
  #slider .slick-dots{
  	position: absolute;
  }
  #slider .slick-dots LI BUTTON IMG {
    display: none;
    position:unset;
  }
  #popular_movie .owl-dots {
  text-align: center;
  width: 100%;
  display: block;
  margin: 0px 0;
  }
  #popular_movie .owl-dots button.owl-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	display: inline-block;
	background: #dccace;
	margin: 0 5px;
	outline: none;
  }
  #popular_movie .owl-dots button.owl-dot.active {
    background:#0b1c2a;
  }
  #romantic h5{
  	font-size:9px;
  }
  #romantic h4{
  	font-size:8px;
  }
  #romantic p{
  	display:none;
  }
  #romantic h1 {
    font-size: 20px;
  }
  #romantic .button2{
  	display:none;
  }
  #romantic a.open-video{
  	padding:6px 9px;
  	font-size:10px;
  }
  #romantic .romantic-content{
  	top: 26%;
    right: 27%;
  }
  #romantic .owl-dots{
  	bottom: 6px;
  }
  #series h3::after {
    width: 16%;
  }
  #viewed h3::after{
  	width:2%;
  }
  #latest_blog h3::after{
  	width:4%;
  }
  #latest_blog button.tablinks.active{
  	padding:10px 18px;
  }
  #movies_week h3::after {
    width: 3%;
  }
  #categories h3 {
    margin-left: 37%;
  }
  #categories .categories-details{
  	top:47%;
  	padding:92px 0px;
  }
  #unlimited h1 {
    font-size: 48px;
  }
  .latest-post .admin a, .latest-post span{
  	font-size: 12px;
  }
  .footer-area hr{
  	width: 50%;
  	margin-right: auto;
  }
 
}


/*MEDIA 721 TO 1023*/
@media only screen and (min-width: 721px) and (max-width: 1023px){
	.sidebar-area .post-title{
		font-size: 14px;
	}
	.logo-content{
		position: unset;
	}
	.top-header .logo-content a{
		font-size: 20px;
	}
	.top-header span.dashicons{
		margin-top: 5px;
	}
	.admin-bar .fix-sticky{
		
		position: unset;
	}
  .logo-image img{
    width: 100%;
    height: 100%;
  }
  .page-template-frontpage .menu-header {
    position: relative;
    clip-path: none;
}
  /*#main-menu ul li a{
    padding: 10px 8px;
  }*/
  .top-header .social-links a{
  	font-size: 16px;
  }
  .top-header .content a{
  	font-size: 9px;
  }
  .top-header .my-account a {
    font-size: 11px;
  }
  
  .top-header .fa-searchengin:before {
		font-size: 14px;
	}
  .top-header .button1{
		padding: 11px 5px;
		font-size: 10px;
	}
	.top-header a.button1:before{
		font-size: 12px;
	}
	.top-header select#gtranslate_selector {
		font-size: 12px;
	}
 
  .top-header .social-links a{
  	font-size: 12px;
  	padding: 5px 5px;
  }
  .header-menu {
    position: unset;
    background: rgba(0,0,0,80%);
  }
  .slick-dots li{
  	display:none;
  	position:unset;
  }
  .slick-slide{
  	display:none;
  }
  #slider .slick-dots LI BUTTON IMG {
    display: none;
    position:unset;
  }
  #slider .slider-content{
  	right:24%;
  }
  #popular_movie h3::after {
    width: 50%;
  }
  #latest_movie h3::after {
    width: 15%;
  }
  #featured_movie h3::after {
  	width:46%;
   }
  #series h3::after{
    width: 52%;
  }
  #viewed h3::after {
    width: 65%;
  }
  #romantic h1{
  	font-size:45px;
  }
  #romantic p{
  	display:none;
  }
  #romantic .romantic-content{
  	right:18%;
  }
  #romantic .owl-dots{
  	bottom: 16px;
  }
  #latest_blog h3::after {
    width: 69%;
  }
  #latest_blog button.tablinks.active {
    padding: 10px 12px;
  }
  #latest_blog button.tablinks {
    padding: 10px 20px;
    display: inline-block;
  }
  #movies_week h3::after {
    width: 25%;
  }
  #categories .categories-details{
  	top: 48%;
    padding: 95px 0;
  }
  #high_rated h3::after {
    width: 44%;
   }
  #unlimited h1{
  	font-size: 40px;
  }
  #unlimited .content-section {
    margin-left: 9%;
    margin-right: 14%;
  }
  #unlimited .button1 {
    padding: 12px 11px;
    font-size: 15px;
  }
  #unlimited .button2 {
    padding: 12px 14px;
    font-size: 15px;
  }

  
}

/*MEDIA 1024 TO 1119*/
@media only screen and (min-width: 1024px) and (max-width: 1199px){
  .top-header span{
  	font-size: 11px;
  }
	.header-navigation p{
		font-size: 16px;
	}
	.top-header .delivery, .top-header .live_chat{
		font-size: 12px;
	}
	.top-header .order_track{
		font-size: 12px;
	}
	.top-header select#gtranslate_selector{
		font-size: 13px;
	}
	.top-header .button1{
		padding: 10px 10px;
	}
	.social-links a{
		font-size: 11px;
	}
	#main-menu ul li a{
		line-height: 15px;
	}
	#slider .slick-dots{
		bottom:20%;
	}
	#slider .slider-content{
		right:41%;
	}
	#popular_movie h3::after {
    width: 61%;
    }
    #popular_movie .popular-movies-text {
       font-size: 10px;
    }
    #popular_movie .video-section a{
    	padding:8px 6px;
    }
	#latest_movie h3::after {
    width: 35%;
    }
    #featured_movie h3::after {
    width: 60%;
    }
   #romantic h1 {
    font-size: 62px;
   }
   #romantic .owl-dots {
    bottom: 18px;
   }
   #romantic .romantic-content{
   	top:37%;
   	right:38%;
   }
   #romantic a.open-video{
   	font-size:15px;
   	padding:12px 32px;
   }
   #series h3::after {
    width: 66%;
   }
   #series .video-section {
    padding: 6px 5px;
   }
   #viewed h3::after {
    width: 73%;
   } 
   #latest_blog h3::after {
    width: 77%;
   }
   #latest_blog button.tablinks.active {
    padding: 10px 17px;
   }
   #categories .categories-details h5 {
    font-size: 15px;
   }
   #categories .categories-details{
   	padding:35px 0px;
   }
   #movies_week h3::after{
   	width:44%;
   }
   #high_rated h3::after {
    width: 57%;
   }
	
}

/*MEDIA 1200 TO 1440*/
@media only screen and (min-width: 1200px) and (max-width: 1440px){
	
}