*
{
padding:0px;
margin:0px;
box-sizing:border-box;
font-family: 'Nunito', sans-serif;
}
/*body
{
background-color: #373c40 !important;
}*/
.col_100
{
width: 100%;
}
.left
{
float: left;
}
.com_pd
{
padding: 30px 0px;
}
.com_btn
{
float: right;
background:linear-gradient(to right, #4c46e6, #6d68fe, #b446ff, rgb(151, 0, 255));
padding: 7px 17px;
border-radius: 100px;
color: #fff;
}
.trans_btn
{
border: 1px solid #c9c9c9;
background: transparent !important;
border-radius: 100px !important;
padding: 6px 29px !important;
}
.color_blue
{
color: #531280 !important;
font-weight: 600;
}
.tray_container
{
position: relative;
}
.padding_none
{
padding: 0px !important;
}
/*.tray_container::before
{
content: "" !important;
position: absolute;
display: block !important;
height: 100%;
bottom: 0px;
top: 0;
right: 85px;
background-image:linear-gradient(to right,rgba(238,238,238,0),#ffffff 30px);
transform: translateX(100%);*/
/*width: calc((100vw - 1170px + 60px)/ 2);*/
/*width:calc((100vw - 1170px + 71px)/ 2);*/
/*width: calc((100vw - 1170px + 153px)/ 2);
z-index: 8;
}*/
/*global css*/

/*----------------------
HEADER
---------------------*/
.logo
{
margin-top: 11px;
}
.main_header
{
background: linear-gradient(to right, #4c46e6, #6d68fe, #b446ff, rgb(151, 0, 255));
box-shadow: 0 3px 7px 0 rgba(0,0,0,.35);
border-bottom: 3px solid #a624ff;
height: 74px;
}
.main_header ul.menu
{
float: left;
margin-bottom: 0px;
}
.main_header ul.menu li
{
list-style: none;
float: left;
padding:22px 14px;
}
.main_header ul.menu li a
{
color: #fff;
font-size:16px;
font-family: 'Nunito', sans-serif;
}
.main_header ul.menu li a > span.cate_img
{
float: left;
}
.main_header ul.menu li a > span.category
{
float: right;
margin-left: 5px;
line-height: 29px;
}
.main_header ul.header_right
{
float: right;
margin-bottom: 0px;
}
.main_header ul.header_right li
{
list-style: none;
float: left;
padding:22px 18px;
position: relative;
}
.main_header ul.header_right li a
{
color: #fff;
font-size: 13px;
font-family: 'Nunito', sans-serif;
}
.main_header ul.menu li > ul.submenu
{
display: none;
}
.main_header ul.menu li:hover > ul.submenu
{
display: block;
position: absolute;
background-color: #fff;
top: 73px;
z-index: 9;
width: 155px;
}
.main_header ul.menu li > ul.submenu li
{
list-style: none;
width: 100%;
float: left;
padding: 8px 12px;
}
.main_header ul.menu li > ul.submenu li a
{
color: #757575;
font-size: 14px;
text-transform: capitalize;
text-decoration: none;
}
.main_header ul.menu li > ul.submenu li a:hover
{
color: #4c46e6;
}
.sticky_header
{
position: fixed;
z-index: 9;
width: 100%;
background-color: #fff;
box-shadow: 0 3px 7px 0 rgba(0,0,0,.35);
}
.menuToggle
{
display: none;
}

.search-wrapper {
position: absolute;
transform: translate(-50%, -50%);
top:50%;
left:50%;
}
.search-wrapper.active {}

.search-wrapper .input-holder {    
height: 70px;
width:70px;
overflow: hidden;
background: rgba(255,255,255,0);
border-radius:6px;
position: relative;
transition: all 0.3s ease-in-out;
}
.search-wrapper.active .input-holder {
width:450px;
border-radius: 50px;
background: rgba(0,0,0,0.5);
transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
}
.search-wrapper .input-holder .search-input {
width:100%;
height: 50px;
padding:0px 70px 0 20px;
opacity: 0;
position: absolute;
top:0px;
left:0px;
background: transparent;
box-sizing: border-box;
border:none;
outline:none;
font-family:"Open Sans", Arial, Verdana;
font-size: 16px;
font-weight: 400;
line-height: 20px;
color:#FFF;
transform: translate(0, 60px);
transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
transition-delay: 0.3s;
}
.search-wrapper.active .input-holder .search-input {
opacity: 1;
transform: translate(0, 10px);
}
.search-wrapper .input-holder .search-icon {
width:70px;
height:70px;
border:none;
border-radius:6px;
background: #FFF;
padding:0px;
outline:none;
position: relative;
z-index: 2;
float:right;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.search-wrapper.active .input-holder .search-icon {
width: 50px;
height:50px;
margin: 10px;
border-radius: 30px;
}
.search-wrapper .input-holder .search-icon span {
width:22px;
height:22px;
display: inline-block;
vertical-align: middle;
position:relative;
transform: rotate(45deg);
transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);
}
.search-wrapper.active .input-holder .search-icon span {
transform: rotate(-45deg);
}
.search-wrapper .input-holder .search-icon span::before, .search-wrapper .input-holder .search-icon span::after {
position: absolute; 
content:'';
}
.search-wrapper .input-holder .search-icon span::before {
width: 4px;
height: 11px;
left: 9px;
top: 18px;
border-radius: 2px;
background: #FE5F55;
}
.search-wrapper .input-holder .search-icon span::after {
width: 14px;
height: 14px;
left: 0px;
top: 0px;
border-radius: 16px;
border: 4px solid #FE5F55;
}
.search-wrapper .close {
position: absolute;
z-index: 1;
top:24px;
right:20px;
width:25px;
height:25px;
cursor: pointer;
transform: rotate(-180deg);
transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
transition-delay: 0.2s;
}
.search-wrapper.active .close {
right:-50px;
transform: rotate(45deg);
transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
transition-delay: 0.5s;
}
.search-wrapper .close::before, .search-wrapper .close::after {
position:absolute;
content:'';
background: #FE5F55;
border-radius: 2px;
}
.search-wrapper .close::before {
width: 5px;
height: 25px;
left: 10px;
top: 0px;
}
.search-wrapper .close::after {
width: 25px;
height: 5px;
left: 0px;
top: 10px;
}
/*search popup*/
.openBtn {
background: #f1f1f1;
border: none;
padding: 10px 15px;
font-size: 20px;
cursor: pointer;
}

.openBtn:hover {
background: #bbb;
}

.overlay {
height: 100%;
width: 100%;
display: none;
position: fixed;
z-index:9;
top: 0;
left: 0;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0, 0.9);
-webkit-transform: translate(0px, 0px) scale(1, 1);
-moz-transform: translate(0px, 0px) scale(1, 1);
-o-transform: translate(0px, 0px) scale(1, 1);
-ms-transform: translate(0px, 0px) scale(1, 1);
transform: translate(0px, 0px) scale(1, 1);
}

.overlay-content {
position: relative;
top: 46%;
width: 80%;
text-align: center;
margin-top: 30px;
margin: auto;
}

.overlay .closebtn {
position: absolute;
top: 20px;
right: 45px;
font-size: 60px;
cursor: pointer;
color: white;
}

.overlay .closebtn:hover {
color: #ccc;
}

.overlay input[type=text] {
padding: 15px;
font-size: 17px;
border: none;
float: left;
width: 90%;
background: white;
}

.overlay input[type=text]:hover {
background: #f1f1f1;
}

.overlay button {
float: left;
width: 10%;
padding: 10px;
background: linear-gradient(to right, #4c46e6, #6d68fe, rgb(151, 0, 255));
font-size: 24px;
border: none;
cursor: pointer;
color: #fff;
}

.overlay button:hover {
background:linear-gradient(to right, #4c46e6, #6d68fe, rgb(151, 0, 255));
}
/*search popup*/

/*------------------------------------
  Main header end
-------------------------------------*/
/*------------------------------------
  Main Slider
-------------------------------------*/
/*.carousel{
width:90%;
margin:0px auto;
}*/
/*.slick-slide{
margin:10px;
}*/
.black_shadow
{
position: relative;
}
.slick-slide img{
width:100%;
}
.banner_container
{
position: absolute;
bottom: 0%;
left: 0px;
right: 0px;
padding: 14px 0px;
}
.slide::before
{
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 242px 12px;
padding-top: 25px;
font-size: 16px;
display: inline-block;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 1%,rgba(0,0,0,.88) 100%);
height: 0;
}
.banner_container h4.video_spaciality
{
color: #fff;
margin:6px 0px;
font-size: 15px;
}
.banner_container h3.video_title
{
color: #fff;
margin: 6px 0px;
font-size: 25px;
}
.banner_container p.description
{
color: #fff;
font-size: 12px;
word-break: break-all
}
#recommanded  ul li
{
list-style: none;
}
/*------------------------------------
Main Slider end
-------------------------------------*/
/*.image-x
{
border-radius: 10px 10px 10px 10px;
}*/

.flexcontainer
{
position: relative;
}
.flexcontainer::before
{
content: "";
position: absolute;
background: rgb(0,0,0);
background: linear-gradient(90deg, rgba(0,0,0,0.5186449579831933) 0%, rgba(9,9,121,0) 51%, rgba(0,0,0,0.5718662464985995) 100%);
background-size: cover;
background-position: center;
width: 100%;
float: left;
height: 500px;
/*border-radius: 8px;*/
}
.top_search_bar 
{
position: absolute;
top: 74px;
left: 0;
right: 0;
z-index: 9;
padding: 3px 2px;
background:linear-gradient(to right, #4c46e6, #6d68fe, #b446ff, rgb(151, 0, 255));
height: 41px;
}
form-box {
padding-top: 40px;
font-family: 'Roboto', sans-serif !important;
}

/*.form-top {
overflow: hidden;
padding: 0 25px 15px 25px;
background: #26A69A;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
text-align: left;
color: #fff;
transition: opacity .3s ease-in-out;
}

.form-top h3 {
color: #fff;
}

.form-bottom {
padding: 25px 25px 30px 25px;
background: #eee;
-moz-border-radius: 0 0 4px 4px;
-webkit-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
text-align: left;
transition: all .4s ease-in-out;
}

.form-bottom:hover {
-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}*/

form .form-bottom button.btn {
min-width: 105px;
}

form .form-bottom .input-error {
border-color: #d03e3e;
color: #d03e3e;
}

form.login_form fieldset,
#reg_form {
display: none;
}
/*-----------------------------------------
RECOMMANDED  SLIDER
-------------------------------------------*/

.recommanded_video .verticle {
width: 100%;
float: left;
position: relative;
}
.verticle1 {
width: 100%;
margin-bottom:49px;
float: left;
position: relative;
}
.verticle img
{
width: 100%;
border-radius: 5px;
}
.VSingletrayTitle {
border-left: 5px solid #373c40;
padding: 0 0 0 7px;
margin-bottom:40px;
width: auto;
display: inline-block;
margin-top: 0;
color:#fefeff;
font-size: 24px;
font-weight: 300;
text-align: left;
min-height: 30px;
line-height: 30px;
}
.VSingletrayTitle .title {
font-size: 24px;
margin: 0;
letter-spacing: 0;
line-height: 30px;
color: #464646;
font-weight: 600;
}
.verticle::before
{
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 54px 12px;
padding-top: 25px;
font-size: 16px;
display: inline-block;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
border-radius: 4px;
background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 1%,rgba(0,0,0,.88) 100%);
}
.verticle1::before
{
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 54px 12px;
padding-top: 25px;
font-size: 16px;
display: inline-block;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
border-radius: 4px;
background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 1%,rgba(0,0,0,.88) 100%);
}
.recommanded_video .video_timing
{
position: absolute;
right: 0px;
background: #000;
color: #fff;
padding: 1px 10px;
}
.video_heading
{
position: absolute;
bottom: 0px;
left: 0;
right: 0px;
padding: 8px;
}
.video_heading h3
{
font-size: 15px;
color:#fff;
line-height: 18px;
margin: 0px;
font-family: 'Nunito', sans-serif;
}
/*-----------------------------------------
POPULAR  SLIDER
-------------------------------------------*/
.p_video_container {
width: 100%;
min-height: 195.25px;
margin: 0 auto;
}
article {
width: inherit;
background: #e2e2e2;
margin-right: 10px;
overflow: hidden;
position: relative;
transform: translate3d(0,0,0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
-webkit-transition: transform .25s cubic-bezier(.33,.04,.63,.93);
-moz-transition: transform .25s cubic-bezier(.33,.04,.63,.93);
-o-transition: transform .25s cubic-bezier(.33,.04,.63,.93);
transition: transform .25s cubic-bezier(.33,.04,.63,.93);
box-shadow: 4px 4px #00000061;
}
.p_video_container .verticle_thumbnail
{
position: relative;
}
.lazy-img-loader.loaded {
opacity: 1;
transition: opacity .1s ease-in;
-webkit-transition: opacity .1s ease-in;
-moz-transition: opacity .1s ease-in;
-o-transition: opacity .1s ease-in;
}
.image_container 
{
height: 177px;
}
.image_container img {
width: 100% !important;
border-radius: 5px;
height: 100%;
}
.effect-right img {
-webkit-transition: opacity 0.4s;
-moz-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
transition: opacity 0.4s;
vertical-align: middle;
}
.effect-right:hover img {
opacity: 0.2;
}
.effect-right:hover {
opacity: 1;
}
.dark{
background: #333;
}
/* RIGHT EFFECT */
.effect-right h2.episode_title {
position: absolute;
margin: -80px 0 0 400px;
opacity: 0;
font-size: 1.1em;
font-weight: 100;
color: #fff;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-kthtml-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.effect-right p.channel_name
{
position: absolute;
margin: -80px 0 0 400px;
opacity: 0;
font-size: 11px;
font-weight: 100;
color: #fff;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-kthtml-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.effect-right p.decription
{
position: absolute;
margin: -80px 0 0 400px;
opacity: 0;
font-size: 11px;
font-weight: 100;
color: #fff;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-kthtml-transition: all 0.3s linear;
transition: all 0.3s linear;
}

.effect-right:hover > h2.episode_title {
opacity: 1;
margin: 91px 0 0 8px;
}
.effect-right:hover > p.channel_name {
opacity: 1;
margin: 107px 0 0 8px;
}
.effect-right:hover > p.decription {
opacity: 1;
margin:127px 0 0 10px;
}

article.expand {
transform: scale3d(1.6,1.6,1) translate3d(18%,0,0) perspective(500px);
}
article.expand {
z-index: 4;
position: absolute;
}
.p_video_container {
visibility: visible;
}
/* END RIGHT EFFECT */


/*saedfadsfasdfasdfads*/
.prs_upcom_slider_main_wrapper {
float: left;
width: 100%;
padding-top: 95px;
padding-bottom: 94px;
background: #f6f6f6;
}
.prs_heading_section_wrapper {
float: left;
width: 100%;
text-align: left;
padding-bottom:40px;
}

.prs_heading_section_wrapper h2 {
font-size:22px;
color: #000000;
text-transform: uppercase;
font-weight: bold;
position: relative;
margin: 0;
}
.prs_heading_section_wrapper h2:before {
content: '';
border: 2px solid #b446ff;
width: 30px;
position: absolute;
bottom: -21px;
left: 0;
/*right: 0;*/
margin: 0px auto;
z-index: 1;
}
.prs_heading_section_wrapper h2:after {
content: '';
border: 1px solid #dddddd;
width: 170px;
position: absolute;
bottom: -20px;
left: 0;
/*right: 0;*/
margin: 0px auto;
}
.prs_upcome_tabs_wrapper {
float: left;
width: 100%;
text-align: center;
/*    padding-top: 80px;*/
}
.prs_upcome_tabs_wrapper ul {
display: inline-block;
border: 0;
background: #ffffff;
-webkit-border-top-right-radius: 5px;
-moz-border-top-right-radius: 5px;
border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-top-left-radius: 5px;
border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.prs_upcome_tabs_wrapper .nav-tabs > li:first-child.active > a {
-webkit-border-top-left-radius: 5px;
-moz-border-top-left-radius: 5px;
border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.prs_upcome_tabs_wrapper .nav-tabs > li.active > a, .prs_upcome_tabs_wrapper .nav-tabs > li.active > a:hover, .prs_upcome_tabs_wrapper .nav-tabs > li.active > a:focus {
background: -moz-linear-gradient(to right, #4c46e6, #6d68fe, #b446ff, rgb(151, 0, 255));
background: -webkit-linear-gradient(to right, #4c46e6, #6d68fe, #b446ff, rgb(151, 0, 255));
background: linear-gradient(to right, #4c46e6, #6d68fe, #b446ff, rgb(151, 0, 255));
color: #ffffff;
border-radius:100px;
border: 0;
z-index: 1;
position: relative;
}
.prs_upcome_tabs_wrapper .nav > li > a {
padding: 13px 35px;
border-radius: 0;
border: 0;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
margin-right: 0;
}
.prs_upcome_tabs_wrapper .nav-tabs > li > a {
border: 0;
}
.prs_upcom_slider_slides_wrapper {
float: left;
width: 100%;
padding-top: 55px;
}
.prs_upcom_movie_video_box_wrapper {
background: url(../images/ws1.jpg) 50% 0 repeat-y;
background-position: center 0;
background-size: cover;
background-repeat: no-repeat;
width: 100%;
height: 100%;
float: left;
position: relative !important;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.prs_upcom_movie_video_overlay {
position: absolute;
top: 0%;
right: 0%;
left: 0%;
bottom: 0%;
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(212,212,212,0) 17%, rgba(3,3,3,1) 99%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(212,212,212,0) 17%,rgba(3,3,3,1) 99%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(212,212,212,0) 17%,rgba(3,3,3,1) 99%,rgba(0,0,0,1) 100%);
}
.prs_webseri_movie_img_box {
position: relative;
text-align: center;
}
.prs_upcom_movie_img_box {
float: left;
width: 100%;
position: relative;
overflow: hidden;
}
.prs_webseri_video_img_sec_icon_wrapper {
float: left;
width: 100%;
padding-top: 183px;
padding-bottom: 183px;
}
.prs_webseri_video_img_sec_icon_wrapper ul {
display: inline-block;
}
.prs_webseri_video_img_sec_icon_wrapper li {
border: 10px solid rgba(255, 255, 255, 0.29);
float: left;
color: #ffffff;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.prs_webseri_video_img_sec_icon_wrapper li a {
float: left;
width: 90px;
height: 90px;
line-height: 90px;
text-align: center;
background: -moz-linear-gradient(to right, #4c46e6, #6d68fe, #b446ff, rgb(151, 0, 255));
background: -webkit-linear-gradient(to right, #4c46e6, #6d68fe, #b446ff, rgb(151, 0, 255));
background: linear-gradient(to right, #4c46e6, #6d68fe, #b446ff, rgb(151, 0, 255));
color: #ffffff;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
animation-duration: 1s;
animation-delay: 100ms;
animation-iteration-count: infinite;
animation-name: pulse;
}
.prs_webseri_video_img_sec_icon_wrapper li a i:before {
margin-left: 0;
font-size: 35px;
}
.prs_upcom_movie_box_wrapper {
float: left;
width: 100%;
margin-bottom: 10px;
}
.prs_upcom_movie_img_box {
float: left;
width: 100%;
position: relative;
overflow: hidden;
}
.prs_upcom_movie_img_overlay {
position: absolute;
top: 200px;
right: 200px;
left: 200px;
bottom: 200px;
background: rgba(0,0,0,0.5);
opacity: 0;
-webkit-transition: all 0.55s linear;
-moz-transition: all 0.55s linear;
-ms-transition: all 0.55s linear;
-o-transition: all 0.55s linear;
transition: all 0.55s linear;
}
.prs_upcom_movie_img_btn_wrapper {
float: left;
width: 100%;
text-align: center;
}
.prs_upcom_movie_img_btn_wrapper ul {
display: inline-block;
width: 100%;
position: absolute;
top: 30%;
left: 0;
}
.prs_upcom_movie_img_btn_wrapper li {
float: none;
}
.prs_upcom_movie_img_btn_wrapper li:first-child a {
display: inline-block;
width: 150px;
height: 50px;
text-align: center;
line-height: 50px;
background: -moz-linear-gradient(to right, #4c46e6, #6d68fe, #b446ff, rgb(151, 0, 255));
background: -webkit-linear-gradient(to right, #4c46e6, #6d68fe, #b446ff, rgb(151, 0, 255));
background: linear-gradient(to right, #4c46e6, #6d68fe, #b446ff, rgb(151, 0, 255));
border: 1px solid #b446ff;
color: #ffffff;
margin-left: -900px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.prs_upcom_movie_img_box img {
width: 100%;
-webkit-border-top-right-radius: 10px;
-moz-border-top-right-radius: 10px;
border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-top-left-radius: 10px;
border-top-left-radius: 10px;
}
.prs_upcom_movie_img_btn_wrapper li:last-child a {
display: inline-block;
width: 150px;
height: 50px;
text-align: center;
line-height: 50px;
border: 1px solid #b446ff;
margin-right: -900px;
background: transparent;
color: #ffffff;
margin-top: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.prs_upcom_movie_content_box {
float: left;
width: 100%;
background: #ffffff;
padding: 20px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-bottom-right-radius: 10px;
border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-bottom-left-radius: 10px;
border-bottom-left-radius: 10px;
overflow: hidden;
-webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.10);
-moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.10);
-o-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.10);
-ms-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.10);
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.10);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.prs_upcom_movie_content_box_inner {
float: left;
width: 100%;
}
.prs_upcom_movie_content_box i {
color: #b446ff;
}
.prs_upcom_movie_content_box_inner_icon {
float: left;
width: 25%;
padding-top: 20px;
display: none;
}
.prs_upcom_movie_content_box_inner_icon li {
float: right;
list-style: none;
}
.prs_upcom_video_img_cont_over {
position: absolute;
bottom: 30px;
left: 35px;
z-index: 1;
text-align: left;
list-style: none;
}
.prs_upcom_video_img_cont_over li:first-child {
margin-right: 20px;
}
.prs_upcom_video_img_cont_over li {
float: left;
color: #ffffff;
list-style: none;
}
.prs_upcom_video_img_cont_over h2 {
font-size: 32px;
font-weight: bold;
color: #ffffff;
text-transform: uppercase;
padding-top: 10px;
padding-bottom: 10px;
display: inline-block;
}
.prs_upcom_video_img_cont_over p {
color: #ffffff;
text-align: left;
}
.prs_upcom_movie_box_wrapper:hover .prs_upcom_movie_img_overlay {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: rgba(0,0,0,0.5);
opacity: 1;
-webkit-transition: all 0.35s linear;
-moz-transition: all 0.35s linear;
-ms-transition: all 0.35s linear;
-o-transition: all 0.35s linear;
transition: all 0.35s linear;
-webkit-border-top-right-radius: 10px;
-moz-border-top-right-radius: 10px;
border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-top-left-radius: 10px;
border-top-left-radius: 10px;
}
.prs_upcom_movie_box_wrapper:hover .prs_upcom_movie_img_btn_wrapper li:first-child a {
margin-left: 0;
-webkit-transition: all 0.25s linear;
-moz-transition: all 0.25s linear;
-ms-transition: all 0.25s linear;
-o-transition: all 0.25s linear;
transition: all 0.25s linear;
}
.prs_upcom_movie_box_wrapper:hover .prs_upcom_movie_img_btn_wrapper li:last-child a {
margin-right: 0;
-webkit-transition: all 0.50s linear;
-moz-transition: all 0.50s linear;
-ms-transition: all 0.50s linear;
-o-transition: all 0.50s linear;
transition: all 0.50s linear;
}.prs_upcom_movie_content_box h2 a {
font-size: 18px;
color: #000000;
font-weight: 600;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.prs_upcom_movie_content_box p {
padding-top: 5px;
padding-bottom: 5px;
margin-right: -200px;
}.prs_upcom_movie_content_box_inner_icon li a {
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
float: left;
border: 1px solid #eeeeee;
color: #b446ff;
-webkit-border-top-right-radius: 5px;
-moz-border-top-right-radius: 5px;
border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-top-left-radius: 5px;
border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.prs_upcom_movie_content_box i {
color: #b446ff;
}
/*.owl-nav
{
display: none;
}*/
.prs_upcome_tabs_wrapper .nav > li > a {
padding: 13px 35px;
border-radius: 100px;
border: 0;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
margin-right: 0;
color: #888686;
font-size: 16px;
}
.prs_upcome_tabs_wrapper .nav-tabs > li:first-child.active > a {
-webkit-border-top-left-radius: 5px;
-moz-border-top-left-radius: 5px;
border-top-left-radius: 100px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-bottom-left-radius: 5px;
border-bottom-left-radius: 100px;
}
.prs_animate_btn1 .button--tamaya {
overflow: hidden;
color: #7986cb;
min-width: 180px;
}
.prs_animate_btn1 .button {
float: left;
width: 150px;
display: block;
height: 50px;
line-height: 50px;
border: none;
background: none;
color: #ffffff !important;
vertical-align: middle;
position: relative;
z-index: 1;
text-align: center;
text-transform: uppercase;
-webkit-backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
border: 1px solid transparent;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
text-decoration: none;
}
.prs_upcom_main_wrapper ul {
display: inline-block;
margin-top: 29px;
}
.prs_upcom_main_wrapper ul li
{
list-style: none;
}
.prs_animate_btn1 .prs_upcom_main_btn::before, .prs_animate_btn1 .prs_upcom_main_btn::after {
background: -moz-linear-gradient(to right, #4c46e6, #6d68fe, #b446ff, rgb(151, 0, 255));
background: -webkit-linear-gradient(to right, #4c46e6, #6d68fe, #b446ff, rgb(151, 0, 255));
background: linear-gradient(to right, #4c46e6, #6d68fe, #b446ff, rgb(151, 0, 255));
}
.prs_animate_btn1 .button--tamaya::before {
top: 0;
padding-top: 1em;
}
.prs_animate_btn1 .button--tamaya::before, .prs_animate_btn1 .button--tamaya::after {
content: attr(data-text);
position: absolute;
width: 100%;
height: 100%;
left: 0;
background: #1b1b1b;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
line-height: 21px;
}
.prs_animate_btn1 .button--tamaya > span {
display: block;
-webkit-transform: scale3d(0.2, 0.2, 1);
transform: scale3d(0.2, 0.2, 1);
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.prs_animate_btn1 .prs_upcom_main_btn::before, .prs_animate_btn1 .prs_upcom_main_btn::after {
background: -moz-linear-gradient(to right, #4c46e6, #6d68fe, #b446ff, rgb(151, 0, 255));
background: -webkit-linear-gradient(to right, #4c46e6, #6d68fe, #b446ff, rgb(151, 0, 255));
background: linear-gradient(to right, #4c46e6, #6d68fe, #b446ff, rgb(151, 0, 255));
border-radius: 100px;
}
.prs_upcom_main_wrapper {
text-align: center;
}
.prs_animate_btn1 li a {
text-transform: uppercase !important;
}
.prs_upcom_main_btn {
text-transform: capitalize !important;
}
.prs_upcom_slider_slides_wrapper .owl-theme .owl-nav .owl-prev {
font-size: 20px;
padding: 0;
position: absolute;
text-align: center;
background: #ffffff;
color: #b446ff;
left: -240px;
right: 0;
margin: 30px auto;
border: 1px solid #dedada;
width: 50px;
height: 50px;
text-align: center;
line-height: 45px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.prs_upcom_slider_slides_wrapper .owl-theme .owl-nav .owl-next {
font-size: 20px;
margin: 0;
padding: 0;
left: 0;
right: -240px;
margin: 30px auto;
position: absolute;
text-align: center;
background: #ffffff;
color: #b446ff;
border: 1px solid #dedada;
width: 50px;
height: 50px;
text-align: center;
line-height: 45px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.prs_upcom_main_btn:hover {
border: 1px solid #dedada !important;
color: #b446ff !important;
background: #fff;
}
.prs_animate_btn1 .button--tamaya:hover::before {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
.prs_animate_btn1 .button--tamaya:hover::before, .prs_animate_btn1 .button--tamaya:hover::after {
overflow: hidden;
}
.prs_animate_btn1 .button--tamaya:hover > span {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.slick-slide
{
position: relative;
}
.slick-initialized .slick-slide::after {
content: " ";
position: absolute;
top: 0;
background: -moz-linear-gradient(left,rgba(0,0,0,.75) 0,transparent 75%,transparent 100%);
background: -webkit-linear-gradient(left,rgba(0,0,0,.75),transparent 75%,transparent);
background: linear-gradient(90deg,rgba(0,0,0,.75) 0,transparent 75%,transparent);
left: -19%;
}

/*--------------------------------------
VIDEO SHOW PAGE
-----------------------------------------*/

#myVideo
{
width: 90%;
margin: auto;
border-radius: 6px;
margin-top: 5px;
position: relative;
}
.video_details
{
padding:10px 0px 0 0;
border-bottom: 2px solid #ddd;
}
.video_details h3.video_title 
{
font-size: 24px;
color: #212121;
margin: 4px 0 6px;
padding: 0;
font-weight: 600;
}
.show-title {
margin-bottom: 6px;
}
.meta-deta
{
color: #616161;
margin-right: 6px
}
.tag-holder a
{
display: inline-block;
margin-right: 5px;
color: #1a9413;
}
.tag-holder p.description
{
padding: 3px 0 25px;
font-size: 16px;
color: #616161;
}
.add-to-watchlist {
display: inline-block;
}
.click-icon {
display: inline-block;
width: 76px;
text-align: center;
}
.click-icon .click-icon-wrapper {
line-height: 15px;
border-radius: 2px;
white-space: nowrap;
}

.click-icon-wrapper {
cursor: pointer;
display: inline-block;
}
.click-icon .click-icon-wrapper .watchlist-icon {
background: url('../images/wishlist.svg') 50% 50% no-repeat;
display: inline-block;
width: 100%;
height: 23px;
-webkit-transform: scale(1.4);
-moz-transform: scale(1.4);
-o-transform: scale(1.4);
transform: scale(1.4);
}
.add-wishlist
{
background: url('../images/wishlist_ap.svg') 50% 50% no-repeat;
display: inline-block;
width: 100%;
height: 23px;
-webkit-transform: scale(1.4);
-moz-transform: scale(1.4);
-o-transform: scale(1.4);
transform: scale(1.4);
}
.share-icon {
background: url('../images/share.svg') 50% 50% no-repeat;
display: inline-block;
width: 100%;
height: 23px;
}
.vidoe_share_btn
{
padding: 20px 0px 0px 0px;
}
.vidoe_share_btn ul
{
padding-left: 0px;
}
.vidoe_share_btn ul li
{
list-style: none;
float: left;
position: relative;
}
.vidoe_share_btn ul li  p.icon-title
{
text-align: center;
text-transform: uppercase;
color: #757575;
font-size: 10px;
font-weight: 500;
}
.vidoe_share_btn ul li > ul
{
display: none; 
}
.vidoe_share_btn ul li:hover > ul
{
display: block;
position: absolute;
top: 0px;
background: #fff;
width: 180px;
left: 65px;
padding: 5px;
z-index: 9;
}
.vidoe_share_btn ul li > ul li a i
{
font-size: 33px;
color: #c9c9c9;
margin-right:18px;
}
.modal-content
{
width: 428px;
margin: 0 auto;
border-radius: 0px !important;
height: 419px;
}
.modal-title
{
font-size: 20px !important;
font-weight: 500 !important;
line-height: 1.4 !important;
color: #000 !important;
font-weight: 600 !important;
}
.modal-body input
{
height: 55px;
border-radius: 0px;
border: 1px solid #dedede;
font-size: 18px;
}
.attest-message
{
width: 80%;
margin: 10px auto;
text-align: center;
}
.login_via_mail
{
margin-top:21px;
}
.login_email
{
background: transparent !important;
color: #531280 !important;
border: 1px solid #541580 !important;
height: 51px;
}
.btn-com
{
background-image: linear-gradient(to right, #4c46e6, #6d68fe, #b446ff, rgb(151, 0, 255)) !important;
color: #fff !important;
}
#login .modal-body
{
padding: 15px 45px !important;
}
.btn_container .btn-com
{
border-radius: 100px;
}
.btn_container
{
padding: 20px 0px;
}
.video_show .premium_badge
{
position: absolute;
top: 27px;
left: 9%;
z-index: 9;
}
/*------------------------------------
Channel listing
------------------------------------*/
.channel_listing 
{
padding: 60px 0px;
}
.channel_listing  ul.show_listing li
{
list-style: none;
}

/*------------------------------------
Premium price page
------------------------------------*/
.premium_plan 
{
height: 800px;
}
.page_heading
{
padding-bottom:20px;
}
.premium_page_center
{
width: 40%;
margin: 0 auto;
}
#msform {
/*  width: 600px;*/
margin: 0px auto;
text-align: center;
position: relative;
}
#msform fieldset {
background: white;
border: 0 none;
border-radius: 3px;
/*  box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);*/
padding:0px 30px 20px 30px;
box-sizing: border-box;
width: 100%;
float: left;
/*stacking fieldsets above each other*/
position: absolute;
}
/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
display: none;
}
/*inputs*/
#msform input, #msform textarea {
padding: 15px;
border-bottom: 1px solid #c7c7c7;
border-radius: 3px;
margin-bottom: 10px;
width: 100%;
box-sizing: border-box;
font-family: 'Nunito', sans-serif;
color: #2C3E50;
font-size: 13px;
height: 45px;
border-top: transparent;
border-left: transparent;
border-right: 0;
}
/*buttons*/
#msform .action-button {
width: 100px;
background-image:linear-gradient(to right, #4c46e6, #6d68fe, #b446ff, rgb(151, 0, 255)) !important;
font-weight: normal;
color: #fff;
border: 0 none;
border-radius:100px;
cursor: pointer;
padding: 10px 5px;
margin: 10px 5px;
font-family: 'Nunito', sans-serif;
text-transform: uppercase;
}
#msform .action-button:hover, #msform .action-button:focus {
box-shadow: 0 0 0 2px white, 0 0 0 3px @secondary-color;
}
/*headings*/
.fs-title {
font-size: 16px;
text-transform: uppercase;
color: @primary-color;
margin-bottom: 10px;
}
.fs-subtitle {
font-weight: normal;
font-size: 14px;
color: #666;
margin-bottom: 20px;
}
/*progressbar*/
#progressbar {
/*  margin-bottom: 30px;*/
overflow: hidden;
/*CSS counters to number the steps*/
counter-reset: step;
}
#progressbar li {
list-style-type: none;
color: #000;
text-transform: uppercase;
font-size: 9px;
width: 33.33%;
float: left;
position: relative;
font-weight: 600;
}
#progressbar li:before {
content: counter(step);
counter-increment: step;
width: 20px;
line-height: 20px;
display: block;
font-size: 10px;
color: #333;
background: #ffffff;
border-radius: 3px;
margin: 0 auto 5px auto;
border: 1px solid #55aa29;
}
/*progressbar connectors*/
#progressbar li:after {
content: '';
width: 100%;
height: 2px;
background: white;
position: absolute;
left: -50%;
top: 9px;
z-index: -1; /*put it behind the numbers*/
}
#progressbar li:first-child:after {
/*connector not needed before the first step*/
content: none; 
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before,  #progressbar li.active:after{
/* background: @secondary-color;*/
background: #55aa29;
color: #fff;
}

.help-block {
font-size: .8em;
color: #7c7c7c;
text-align: left;
margin-bottom: .5em;
}
#msform ul.premium_list
{
width: 100%;
float: left;
}
#msform ul.premium_list li
{
list-style: none;
width: 100%;
float: left;
text-align: left;
padding: 10px;
border-bottom: 1px solid #dcdcdc;
}
#msform ul.premium_list li  img
{
width: 81px;
}
#msform ul.premium_list li.active_list
{
/*border:2px solid #55aa29;*/
border: 1px solid #d2d2d2;
background: #e2e2e2;
}
#msform ul.premium_list li a
{
color: #000;
text-decoration: none;
}
#msform ul.premium_list li a > span.save_price
{
font-size: 11px;
color: #0d9023;
font-weight: 600;
}
#msform ul.premium_list li a [type="radio"]:checked,
[type="radio"]:not(:checked) {
position: absolute;
left: -9999px;
}
#msform ul.premium_list li a [type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
position: relative;
padding-left: 28px;
cursor: pointer;
line-height: 20px;
display: inline-block;
color: #8a8a8a;
font-size: 18px;
}
#msform ul.premium_list li a [type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 18px;
height: 18px;
border: 2px solid #55aa29;
border-radius: 100%;
background: #fff;
}
#msform ul.premium_list li a [type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
content: '';
width: 10px;
height: 10px;
background: #55aa29;
position: absolute;
top: 4px;
left: 4px;
border-radius: 100%;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
#msform ul.premium_list li a [type="radio"]:not(:checked) + label:after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
#msform ul.premium_list li a [type="radio"]:checked + label:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
#msform ul.premium_list li span.offer
{
background: #55aa29;
color: #fff;
padding: 3px;
float: right;
font-size: 10px;
border-radius: 3px;
}
.charge_session
{
font-size: 11px;
color: #8c8c8c;
}
.page_heading h1
{
font-size: 23px;
font-weight: 600;
}
.fs-title
{
background: #55aa29;
padding: 10px;
text-align: center;
color: #fff;
width: 65%;
margin: 40px auto;
}
#msform ul.premium_list li a p
{
margin: 0px;
}
fieldset .panel-heading
{
width: 100%;
float: left;
}
fieldset  .panel
{
text-align: left;
}
#msform  .com_btn
{
float: right;
background: linear-gradient(to right, #4c46e6, #6d68fe, #b446ff, rgb(151, 0, 255));
padding: 7px 17px !important;
border-radius: 100px !important;
color: #fff !important;
width: 35%;
}
#msform .panel-body
{
width: 100%;
float: left;
}
#msform .previous
{
float: left;
}
.premium_badge
{
position: absolute;
right: 10px;
top: 10px;
}
.membership_container
{
position: absolute;
left: 0;
right: 0;
top: 6px;
z-index: 8;
color: #ffff;
font-size: 29px;
width: 88%;
margin: 0 auto;
background: #000000d9;
height: 100%;
border-radius: 7px;
}
.membership_full
{
padding: 235px 0px;
}
.membership_container p
{
color: #b7b7b7; 
font-size: 21px;
}
.membership_full p.membership_text a
{
color: #55aa29;
font-size:22px;
font-weight: 600;
text-decoration: none;
}
/*fieldset  .panel input
{
border: 0px !important;
}*/
/*------------------------------------
Premium price page
------------------------------------*/

/* Hide all steps by default: */
.tab {
  display: none;
}

button {
  background-color: transparent;
  color: #ffffff;
  border: none;
  padding: 10px 20px;
  font-size: 17px;
  font-family: Raleway;
  cursor: pointer;
border: 1px solid #c9c9c9;
}

button:hover {
  opacity: 0.8;
}

#prevBtn {
  background-color: #bbbbbb;
}

/* Make circles that indicate the steps of the form: */
.step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color:transparent;
  border: none;  
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
}

.step.active {
  opacity: 1;
}

/* Mark the steps that are finished and valid: */
.step.finish {
  background-color: #4CAF50;
}
.collapse.in .panel-body
{
background-color: #e4e4e4;
border: 1px solid #d8d8d8;
}