/*
        Theme Name: pixwp
        Description:  child theme for Twenty Twenty
        Author: AC
        Author URI: Website
        Template: twentytwenty
        Version: 1.0.0
        */
/* CSS Document */
/* General Style Start */
.page-title:last-child{
	margin-bottom:0 !important;
}
.movie-member-list ul li h4{
	margin-bottom: 0;
}
.movie-member-list ul li h4 a{
	color: #333;
    padding: 6px 12px;
    display: block;
    text-align: center;
	border: 1px solid #ccc;
}
/*.sec-wrap{
	padding:8px 0;
	margin:8px 0;
}*/
.relished-date{
	font-size: 1.2rem;
    line-height: 1.6rem;
}
.disc-msg{
	padding-top:20px !important;
	padding-bottom: 20px  !important;
}
.main-body{
	background: #fff;
}
/*
.width-40-60{
	width: 100%;
	margin-bottom: 20px;
}
.width-60-40{
	width: 100%;
	padding: 10px 10px;
}
.width-70-30{
	width: 100%;
	margin-bottom: 20px;
}
.width-30-70{
	width: 100%;
	padding: 10px 10px;
}
*/
/*
.play-btn{
	width:40px;
	height:40px;
	position:absolute;
	left:50%;
	top:50%;
	margin:-20px 0 0 -20px;
	display:block;	
	background-color:#0da107;
	border: 5px solid rgba(255, 255, 255, 0.8);
	border-radius: 50%;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27.2 30'%3E%3Cpath d='M1.1 29.9c-.6.3-1.1 0-1.1-.6V.8c0-.7.5-1 1.1-.6l25.7 14.3c.6.3.6.9 0 1.2L1.1 29.9z' fill='%23fff'/%3E%3C/svg%3E") 50% 50% no-repeat #ff0000;
	background-size: 20px 15px;
}
*/
.display-flex-for-mob{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.movie-list-item ul{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.movie-list-item ul li{
	padding: 0;
	background-image: none;
}
 .movie-photo-gallery ul li{
	padding: 0;
	background-image: none;
	 background-color: #000;
}
.col-6 li:last-child, .col-3 li:last-child,.col-4 li:last-child, .col-5 li:last-child{
	margin-bottom: 0;
}
.movie-list-item ul li a, .movie-photo-gallery ul li a{
	display: block;
}
.movie-list-item ul li a img,  .movie-photo-gallery ul li a img{
	display: block;
	width: 100%;
}
.movie-list-item ul li a .span{
	display: block;
}
.movie-details span{
	color: #333;
	font-style: normal;
}
.movie-list-item ul li a h2{
	margin-bottom: 3px;
}
.col-6 li, .col-3 li,.col-4 li, .col-5 li{
	width: 48%;
	margin:1% 1%;
}
.footer-col{
	width: 100%;
	margin:0 0 20px 0;
}
.movie-image, .movie-video{
	margin-bottom: 8px;
	border-radius: 15px;
	display: block;
	background-color: #000;
	position: relative;
}
.up-coming-ott-release ul li{
	width: 48%;
	margin: 1%;
	padding: 0;
	background-image: none;
}
.up-coming-ott-release ul li a img{
	width: 100%;
}
.movie-image img, .movie-video img{
	width: 100%;
	height: auto;
	display: block;
	border-radius: 15px;
	opacity: 1;
}
.movie-details a h3{
	margin-bottom: 3px;
}
.home-title{
	align-items: center;
	margin-bottom: 8px;
}
.home-title h2{
	margin-bottom: 10px;
	margin-right: 10px;
	width: 300px;
	color: #fff;
}
.view-all-btn{
	display: inline-block;
	color: #fff;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M10.5 29.8c-.5.5-1.2.5-1.7 0l-3.1-3.1c-.5-.5-.5-1.2 0-1.7l9.9-9.9-9.9-9.9c-.5-.5-.5-1.2 0-1.7L8.8.4c.5-.5 1.2-.5 1.7 0l13.8 13.8c.5.5.5 1.2 0 1.7L10.5 29.8z' fill='%23fff'/%3E%3C/svg%3E") no-repeat;
	background-size: 12px auto;
    background-position: 100% 4px;
    padding-right: 18px;
}
.left-col-ad img, .right-col-ad img{
	width: 100%;
	height: auto;
	display: block;
}
.right-col-ad{
	max-width: 400px;
	width: 100%;
	margin: 10px auto 0 auto;
	display: block;
}
.left-col-ad{
	width: 100%;
}
.main-cont-area{
	/*margin-bottom: 20px;*/
}
.zoom-icon{
	width: 40px;
	height: 40px;
	position: absolute;
	right: 12px;
	bottom: 12px;
	display: block;
	background-color: #0da107;
	border: 3px solid rgba(255, 255, 255, .9);
	border-radius: 50%;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' fill='%23fff'%3E%3Cpath d='M0 13.7h30v2.6H0z'/%3E%3Cpath d='M13.7 0h2.6v30h-2.6z'/%3E%3C/svg%3E") 50% 50% no-repeat rgba(255,255,255,0);
	background-size: 20px 15px;
}
.play-btn{
	bottom:12px;
	right: 12px;
	position: absolute;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle fill='%23e61f25' cx='10' cy='10' r='10'/%3E%3Cpath fill='%23fff' d='M12.5 9.1L8.8 6.5c-.2-.1-.4-.2-.6-.2a1.11 1.11 0 0 0-1.1 1.1v5.1c0 .7.5 1.1 1.1 1.1.2 0 .4-.1.6-.2l3.6-2.6c.7-.3.7-1.3.1-1.7z'/%3E%3C/svg%3E") no-repeat;
	width: 20px;
	height: 20px;
}
/*pix vpop wrap start*/
.pix-vpop-wrap {
    background: rgba(0, 0, 0, .7);
    z-index: 9999;
    overflow: auto;
    display: none;
}
.pix-vpop {
    margin: 6% auto 0;
    border: 6px solid #fff;
    position: relative;
    width: 800px;
    max-width: 96%;
    max-height: 86%;
    background: #000;
}
.pix-vpop-c-btn {

    width: 30px;

    height: 28px;

    display: block;

    position: absolute;

    right: -6px;

    top: -6px;

    background: #ff0b0b;

    color: #fff;

    font-size: 1.8rem;

    line-height: 2.2rem;

    text-align: center;

    cursor: pointer;

    z-index: 1;

    border-bottom-left-radius: 55%;

    padding-left: 4px;

}

.vpop-feame-wrap {

    overflow: hidden;

    padding-bottom: 56.25%;

    position: relative;

    height: 0;

}

.vpop-feame-wrap iframe {

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    position: absolute;

    margin-bottom: 0;

}

/*pix vpop wrap end*/

/* General Style End */
/*left filter start*/
.main-filter-bar{
	padding: 10px 16px;
	width: 100%;
}
.main-filter-bar .filter-item-cont{
	margin-bottom: 20px;
	font-size: 1.3rem;
	line-height: 1.7rem;
} 
.main-filter-bar h3{
	margin-bottom: 12px;
}
.main-filter-bar .filter-item-cont h3{
	background-color: #e4e4e4;
    color: #2f2f2f;
    padding: 4px 12px;
}
.main-filter-bar .filter-item-cont ul li{
	padding-bottom: 6px;
	margin-bottom: 6px;
	border-bottom: 1px solid #ccc;
	background-position: 0 4px;
	background-size: 8px auto;
}
.main-filter-close-btn{
	font-style: italic;
    color: #ff0000;
    text-align: right;
    display: block;
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 1.6rem;
	cursor: pointer;
}
.main-filter-bar .filter-item-cont ul li:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
.main-filter-bar .filter-item-cont ul li a{
	color: #2f2f2f;
}
.main-filter-bar .site-filter-cont{
	width: 100%;
}
/*left filter end*/
.movie-actual-title, .movie-list-item>h2, .movie-photo-gallery>h2, .home-title{
	background: #252940;
    padding: 7px 16px;
	color: #ffffff;
}
/*ad css*/
.ad-unit{
	padding: 16px 8px 8px 8px;
	position: relative;
	overflow: hidden;
	background: #373737;
	margin-bottom: 8px;
}
.ad-unit:after{
	content: 'Advertisement';
	font-size: 1.0rem;
	display: block;
	position: absolute;
	left: 8px;
	top: 2px;
	line-height: 1.2rem;
	font-family: verdana;
	color: #fff;
	text-align: center;
    width: 100%;
}
/*ad css end*/

@media only screen and (min-width:400px){

	.home-title h2{

		width: auto;

		margin-bottom: 0;

	}
}

@media only screen and (min-width:480px){

	

}

@media only screen and (min-width:500px){

	/* General Style Start */

	.display-flex-for-500 {

        display: -webkit-box;

        display: -moz-box;

        display: -ms-flexbox;

        display: -webkit-flex;

        display: flex;

        -webkit-flex-wrap: wrap;

        flex-wrap: wrap;

    }

	.col-6 li, .col-3 li, .col-4 li, .col-5 li{

		width: 31.3%;

		margin: 1%;

	}

	.up-coming-ott-release ul li{

		width: 31.33%;

		margin: 0.5% 0.5%;

	}

	.footer-col{

		width: 48%;

		margin: 1%;

	}

/*
	.col-6 li:last-child, .col-3 li:last-child,.col-4 li:last-child, .col-5 li:last-child{

		margin-bottom: 1%;

	}
*/

	/* General Style End */
	.play-btn{
		width: 30px;
		height: 30px;
	}
}

@media only screen and (min-width:768px){

	/* General Style Start */



	.display-flex-for-768 {

        display: -ms-flexbox;

        display: flex;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        border: 2px solid #fff;

    }

	.col-6 li, .col-5 li, .col-4 li{

		width: 23%;

		margin: 1%;

	}

	.up-coming-ott-release ul li{

		width: 13.28%;

	}

	 .footer-col{

		width: 29.3%;

		margin: 2%;

	}

	.main-cont-area{

		/*margin-bottom: 40px;*/

	}

	/* General Style End */

}

@media only screen and (min-width:921px){

	/* General Style */

	.col-6 li, .col-5 li{

		width: 23%;

		margin: 1%;

	}

	.col-3 li{

		width: 31.3%;

		margin: 1%;

	}
	/*css add hoiacha*/
	.display-flex-for-921{

		display: -webkit-box;

		display: -moz-box;

		display: -ms-flexbox;

		display: -webkit-flex;

		display: flex;

		-webkit-flex-wrap: wrap;

		flex-wrap: wrap;

	}
/*css add hoiacha*/
	/* General Style End */

}

@media only screen and (min-width:1024px){

	/* General Style*/

	.wrapper{

		max-width: 2000px;	

	}

	/* General Style End */
	.play-btn{
		width: 40px;
		height: 40px;
	}

}

@media only screen and (min-width:1025px){

	/* General Style Start */

	.width-40-60{

		width: 39%;

	}

	.width-60-40{

		width: 59%;

	}

	.width-70-30{

		width: 68%;

		margin-bottom: 0;

	}

	.width-30-70{

		width: 30%;

	}

	.display-flex-for-1025{

		display: -webkit-box;

		display: -moz-box;

		display: -ms-flexbox;

		display: -webkit-flex;

		display: flex;

		-webkit-flex-wrap: wrap;

		flex-wrap: wrap;

	}

	.col-6 li{

		width: 18%;

		margin: 1%;

	}

	

	.footer-col{

		width: 23%;

		margin: 1%;

	}

	.movie-list-item ul li a img, .movie-list-item ul li a .movie-details ul li a h3, .movie-details span,  .movie-photo-gallery ul li a img{

		-webkit-transition: all .5s;

		-khtml-transition: all .5s;

		-moz-transition: all .5s;

		-ms-transition: all .5s;

		-o-transition: all .5s;

		transition: all .5s;

	}

	.movie-list-item ul li:hover a img, .movie-photo-gallery ul li:hover a img{

		opacity: 0.5;

	}

	.link-icon{

		width: 30px;

		height: 30px;

		opacity: 0;

		left: 50%;

		top: 50%;

		margin: -15px 0 0 -15px;

		position: absolute;

		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23fff'%3E%3Cpath d='M18.7 9.23a.95.95 0 0 0-.95.95v7.12c0 .45-.37.82-.82.82H2.71c-.45 0-.82-.37-.82-.82V3.06c0-.45.37-.82.82-.82h7.12a.95.95 0 1 0 0-1.9H2.71C1.21.36 0 1.57 0 3.06v14.23C0 18.79 1.21 20 2.71 20h14.23c1.49 0 2.71-1.21 2.71-2.71v-7.12a.96.96 0 0 0-.95-.94zm.94-8.28A.94.94 0 0 0 18.7 0h-4.44a.95.95 0 1 0 0 1.9h2.51L9.15 9.51a.95.95 0 0 0 0 1.34c.18.18.43.28.67.28a.94.94 0 0 0 .67-.28l7.26-7.26v2.16a.95.95 0 0 0 1.9 0V1.3c0-.06-.01-.12-.02-.18.01-.05.01-.11.01-.17z'/%3E%3C/svg%3E") no-repeat;

		-webkit-transition: all .5s;

		-khtml-transition: all .5s;

		-moz-transition: all .5s;

		-ms-transition: all .5s;

		-o-transition: all .5s;

		transition: all .5s;

	}

	.zoom-icon{

		left: 50%;

		top: 50%;

		margin: -20px 0 0 -20px;

		opacity: 0;

		-webkit-transition: all .5s;

		-khtml-transition: all .5s;

		-moz-transition: all .5s;

		-ms-transition: all .5s;

		-o-transition: all .5s;

		transition: all .5s;

	}

	.movie-photo-gallery ul li:hover .zoom-icon, .movie-list-item ul li:hover .link-icon, .movie-list-item ul li:hover .play-btn, .movie-trailer a:hover .play-btn{

		opacity: 1;

	}

	.movie-list-item ul li:hover{

/*		opacity: 0.5;*/

	}

	.movie-list-item ul li a h2{

		-webkit-transition: all .5s;

		-khtml-transition: all .5s;

		-moz-transition: all .5s;

		-ms-transition: all .5s;

		-o-transition: all .5s;

		transition: all .5s;

	}

	.movie-list-item ul li:hover a h4, .movie-list-item ul li:hover a:hover h4, .movie-details ul li a:hover{

		color: #069429;

	}

	.movie-list-item ul li:hover a span{

		color: #069429;

	}

	.home-title{

		margin-bottom:10px;

	}

	.view-all-btn:hover{

		color: #0078ff;

		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M10.5 29.8c-.5.5-1.2.5-1.7 0l-3.1-3.1c-.5-.5-.5-1.2 0-1.7l9.9-9.9-9.9-9.9c-.5-.5-.5-1.2 0-1.7L8.8.4c.5-.5 1.2-.5 1.7 0l13.8 13.8c.5.5.5 1.2 0 1.7L10.5 29.8z' fill='%230078ff'/%3E%3C/svg%3E") no-repeat;

		background-size: 12px auto;

		 background-position: 105% 4px;

	}

	.wrapper{

		justify-content: space-between;

		align-items: flex-start;

		padding: 0 10px;

	}

	.right-col-ad{

		margin-left: 1%;

	}

	.left-col-ad, .right-col-ad{

		position: sticky;

        left: 0;

        top: 0;

		width: 10%;

		margin-top: 0;

	}

	.left-col-ad{

		margin-right: 1%;

		

	}

	.main-body{

		width: 78%;

		margin: 0 auto;
		box-shadow: 0px 0px 7px 1px #030100;
		position: relative;
	}

	.main-cont-area{

		/*margin-bottom: 50px;*/

	}

	

	/* General Style End */
	.movie-member-list ul li h4 a:hover{
		color: #069429;
		text-align: center;
		border: 1px solid #069429;
	}
	.movie-list-item ul li:hover a .h3{
		color: #069429;
	}
}

@media only screen and (min-width:1200px){

}

@media only screen and (min-width:1300px){

	.main-cont-area{

		/*margin-bottom: 70px;*/

	}	

	.col-5 li{

		width: 18%;

		margin: 1%;

	}

}

@media only screen and (min-width:1500px) {

	/*general style start*/

	/*general style start*/

}

@media only screen and (min-width:1601px){

	/* General Style Start */

	

	/* General Style End */

}

@media only screen and (min-width:1800px){

	.col-6 li{

		width: 14.6%;

		margin: 1%;

	}

	

}