@font-face {
    font-family: 'helveticaneuemedium';
    src: url('../fonts/helveticaneue_medium-webfont.eot');
    src: url('../fonts/helveticaneue_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneue_medium-webfont.woff2') format('woff2'),
         url('../fonts/helveticaneue_medium-webfont.woff') format('woff'),
         url('../fonts/helveticaneue_medium-webfont.ttf') format('truetype'),
         url('../fonts/helveticaneue_medium-webfont.svg#helveticaneuemedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'helveticaneueregular';
    src: url('../fonts/helveticaneue-webfont.eot');
    src: url('../fonts/helveticaneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneue-webfont.woff2') format('woff2'),
         url('../fonts/helveticaneue-webfont.woff') format('woff'),
         url('../fonts/helveticaneue-webfont.ttf') format('truetype'),
         url('../fonts/helveticaneue-webfont.svg#helveticaneueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: MyriadProSemibold;
    src: url(../fonts/MyriadProSemibold.eot);
    src: url(../fonts/MyriadProSemibold.eot) format('embedded-opentype'), url(../fonts/MyriadProSemibold.woff2) format('woff2'), url(../fonts/MyriadProSemibold.woff) format('woff'), url(../fonts/MyriadProSemibold.ttf) format('truetype'), url(../fonts/MyriadProSemibold.svg#MyriadProSemibold) format('svg')
}

@font-face {
    font-family: KhulaBold;
    src: url(../fonts/KhulaBold.eot);
    src: url(../fonts/KhulaBold.eot) format('embedded-opentype'), url(../fonts/KhulaBold.woff2) format('woff2'), url(../fonts/KhulaBold.woff) format('woff'), url(../fonts/KhulaBold.ttf) format('truetype'), url(../fonts/KhulaBold.svg#KhulaBold) format('svg')
}
@font-face {
    font-family: khula;
    src: url(../fonts/khula.eot);
    src: url(../fonts/khula.eot) format('embedded-opentype'), url(../fonts/khula.woff2) format('woff2'), url(../fonts/khula.woff) format('woff'), url(../fonts/khula.ttf) format('truetype'), url(../fonts/khula.svg#khula) format('svg')
}

@font-face {
    font-family: MyriadProRegular_1;
    src: url(../fonts/MyriadProRegular_1.eot);
    src: url(../fonts/MyriadProRegular_1.eot) format('embedded-opentype'), url(../fonts/MyriadProRegular_1.woff2) format('woff2'), url(../fonts/MyriadProRegular_1.woff) format('woff'), url(../fonts/MyriadProRegular_1.ttf) format('truetype'), url(../fonts/MyriadProRegular_1.svg#MyriadProRegular_1) format('svg')
}


body {
    font-size: 14px;
    font-family: 'MyriadProRegular_1';
    outline: none;
}


a,a:hover,a:focus{
	text-decoration: none!important;

}
ul{padding: 0; margin: 0;}
.toggle_btn{
	display: block;
    float: left;
    border: none;
    margin-top: 16px;
    background: transparent!important;
}
.navbar-default{border: none; position: fixed; top: 0; left: 0; right: 0; z-index: 999; background: #fff; min-height: 62px; border-radius: 0; border-right: 0; box-shadow: 1px 4px 17px #f3f3f3; margin-bottom: 0px;}
.navbar-toggle .icon-bar+.icon-bar{margin-top: 3px;}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #434f74;
}
.navbar-default .navbar-brand{
	padding-bottom: 0;
	padding-top: 0;
}
.serch_form .form-group{
	width: 360px;
	margin-bottom: 0px;
	display: inline-block;
}
.search_btn{display: inline-block; position: relative; top: 5px;}
.search_btn input{
	position: absolute;
	opacity: 0;
	z-index: 9;
	width: 32px;
}
.serch_form .form-control{
	border-radius:0px;
	border: none;
	box-shadow: none;
	font-family: 'helveticaneuemedium'; 
}

/************* MENU SIDEBAR  ************/
.menu_sidebar ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
.menu_sidebar ul li{display: inline-block;width: 100%;}
.menu_sidebar ul li a{
	padding:12px 0 12px 25px;
	font-size: 15px;
	display: inline-block;
	width: 100%;
	text-decoration: none;
	color: #000000;
	font-family: 'helveticaneuemedium';
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
}
.menu_sidebar ul li.active a,
.menu_sidebar ul li a:hover{
	color: #ff0000;
}
.menu_sidebar{
	width:240px; 
	float: left;
	position: fixed!important;
	left: 0;
	top: 61px;
	bottom: 0;
	height: auto;
	overflow: auto;
	border-right: 1px solid #ccc;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
}
.toogle_sidebar{left : -240px;}
.headingtxt{
	font-family: 'helveticaneuemedium';
	font-size: 14px;
	color: #434f74;
	padding-left:25px;
	margin-bottom: 25px;
	margin-top: 44px;
}
.serch_form{
	    padding: 14px 17px 9px 17px;
    padding-left: 43px;
    display: inline-block;
}


.bg-heart_b.red {
    position: relative;
    width: 26px;
    margin-right: 7px;
}
.bg-heart_b.red:before,
.bg-heart_b.red:after {
    position: absolute;
    content: "";
    left: 11px;
    top: 2px;
    width: 10px;
    height: 17px;
    /*background: #ff7500;*/
    background: #b71c1c;
    -moz-border-radius: 50px 50px 0 0;
    border-radius: 50px 50px 0 0;
    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transform-origin: 0 100%;
       -moz-transform-origin: 0 100%;
        -ms-transform-origin: 0 100%;
         -o-transform-origin: 0 100%;
            transform-origin: 0 100%;
}
.bg-heart_b.red:after {
    left: 0;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transform-origin: 100% 100%;
       -moz-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
         -o-transform-origin: 100% 100%;
            transform-origin :100% 100%;
}

/*sprite*/

/*.bg-latest-news, .bg-interview, .bg-madhya-pardesh,.bg-bihar, .bg-himachal-pradesh, .bg-uttarakhand, .bg-jammu-and-kashmir, .bg-haryana, 
.bg-national, .bg-uttar-pradesh, .bg-punjab, .bg-heart_b, .bg-live, .bg-sports, .bg-viral-video, .bg-aaj-ka-rashifal,
.bg-home, .bg-comment_b,.bg-heart_b, .bg-like, .bg-trending, .bg-eye, 
.bg-share_b
{ display: inline-block; position: relative; top: 2px; margin-right: 10px; background: url('../img/sprite.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }

.bg-latest-news { background-position: -0px -0px; width: 29px; height: 29px; }
.bg-interview { background-position: -0px -29px; width: 28px; height: 26px; }
.bg-madhyapardesh { background-position: -0px -55px; width: 28px; height: 19px; }
.bg-bihar {width: 27px; height: 19px;background-position: -143px -10px;}
.bg-comment_b {width: 21px; height: 21px;background-position: -142px -49px; margin-right: 10px;}
.bg-eye {width: 17px; height: 12px;background-position: -125px -138px;}
.bg-haryana {width: 25px; height: 28px;background-position: -10px -10px;}
.bg-heart_b {width: 23px;height: 20px;background-position: -142px -90px;}
.bg-himachal-pradesh {width: 27px; height: 20px;background-position: -56px -99px;}
.bg-jammu-and-kashmir {width: 26px; height: 21px;background-position: -10px -99px;}
.bg-like {width: 20px; height: 18px;background-position: -57px -58px;}
.bg-live {width: 21px; height: 14px;background-position: -84px -140px;}
.bg-national {width: 24px; height: 26px;background-position: -55px -10px;}
.bg-punjab {width: 22px; height: 25px;background-position: -99px -53px;}
.bg-share_b {width: 18px; height: 21px;background-position: -48px -139px;}
.bg-trending {width: 18px; height: 23px;background-position: -10px -140px;}
.bg-uttar-pradesh {width: 24px; height: 23px;background-position: -99px -10px;}
.bg-uttarakhand {width: 27px; height: 21px;background-position: -10px -58px;}
.bg-home {width: 20px; height: 18px;background-position: -103px -99px;}
.bg-aaj-ka-rashifal { background-position: -0px -348px; width: 23px; height: 23px; }
.bg-sports { background-position: -0px -198px; width: 26px; height: 26px; }
.bg-viral-video { background-position: -0px -277px; width: 25px; height: 22px; }*/




.bg-latest-news, .bg-interview, .bg-madhya-pardesh, .bg-top-category, .bg-bihar, 
.bg-himachal-pradesh, .bg-jharkhand, .bg-uttarakhand, .bg-jammu-and-kashmir, .bg-sports, 
.bg-bollywood-tadka, .bg-haryana, .bg-viral-video, .bg-national, .bg-uttar-pradesh, 
.bg-aaj-ka-rashifal, .bg-punjab, .bg-heart_b, .bg-live, .bg-comment_b, 
.bg-home, .bg-like, .bg-trending, .bg-eye, .bg-share_b
{vertical-align: text-bottom; display: inline-block; position: relative; top: 2px; margin-right: 10px; background: url('https://static.punjabkesari.in/kesaritv/image/sprite.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }
 
.bg-latest-news { background-position: -0px -0px; width: 29px; height: 29px; }
.bg-interview { background-position: -0px -29px; width: 28px; height: 26px; }
.bg-madhya-pardesh { background-position: -0px -55px; width: 28px; height: 19px; }
.bg-top-category { background-position: -0px -74px; width: 28px; height: 24px; }
.bg-bihar { background-position: -0px -98px; width: 27px; height: 19px; }
.bg-himachal-pradesh { background-position: -0px -117px; width: 27px; height: 20px; }
.bg-jharkhand { background-position: -0px -137px; width: 27px; height: 19px; }
.bg-uttarakhand { background-position: -0px -156px; width: 27px; height: 21px; }
.bg-jammu-and-kashmir { background-position: -0px -177px; width: 26px; height: 21px; }
.bg-sports { background-position: -0px -198px; width: 26px; height: 26px; }
.bg-bollywood-tadka { background-position: -0px -224px; width: 25px; height: 25px; }
.bg-haryana { background-position: -0px -249px; width: 25px; height: 28px; }
.bg-viral-video { background-position: -0px -277px; width: 25px; height: 22px; }
.bg-national { background-position: -0px -299px; width: 24px; height: 26px; }
.bg-uttar-pradesh { background-position: -0px -325px; width: 24px; height: 23px; }
.bg-aaj-ka-rashifal { background-position: -0px -348px; width: 23px; height: 23px; }
.bg-punjab { background-position: -0px -371px; width: 22px; height: 25px; }
.bg-heart_b { background-position: -0px -396px; width: 21px; height: 20px; }
.bg-live { background-position: -0px -416px; width: 21px; height: 14px; }
.bg-comment_b { background-position: -0px -430px; width: 20px; height: 21px; }
.bg-home { background-position: -0px -451px; width: 20px; height: 18px; }
.bg-like { background-position: -0px -469px; width: 20px; height: 18px; }
.bg-trending { background-position: -0px -487px; width: 18px; height: 23px; }
.bg-eye { background-position: -0px -510px; width: 16px; height: 10px; }
.bg-share_b { background-position: -0px -520px; width: 16px; height: 20px; }

.video_section{ width: 100%; float: right;}
/************* MENU SIDEBAR  ************/


.video_section{padding: 115px 8em 0 300px;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
}
.content_{width: 100%; padding: 115px 0px 0 0px; }
.userlike{
    position: absolute;
    bottom: -5px;
    left: 15px;
    z-index: 99;
}
.userlike li {
    display: inline-block;
    vertical-align: top;
    width: auto!important;
    margin-right: 8px;
    position: relative;
}
.userlike li:first-child{margin-left: 0px;}
.userlike ul{padding: 0; margin: 0;}
.col-xs-12.details_1 {
    height: 250px;
    transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
} 
.contentscroll .col-xs-12.details_1{margin-bottom: 60px; height: initial; /*max-height: 250px!important;*/}
.userlike li > a span{
	font-size: 15px;
	color: #000000;
	font-family: 'khula';
	vertical-align: top;
	text-shadow: 0 0.1px;
	display: inline-block;
    margin-top: 4px;
}
.contentscroll .details_1 > a{padding-top: 20px; height: initial;overflow: initial; max-height: initial!important;}
.contentscroll .userlike{bottom: -35px; position: static; margin-top: 20px;}
.details_1 > h1,
.details_1 > a{
    font-family: KhulaBold;
	font-size: 22px;
	line-height: 32px;
	color: #000;
	margin: 0;
	max-height: 64px;
	overflow: hidden;
    display: inline-block;
    padding-top: 2px;
}

.cardview .bg-heart_b.red.white:before, .cardview .bg-heart_b.red.white:after{
 background:#ccc!important;
}
.cardview .bg-heart_b.red:before{left: 7px;}
.cardview .bg-heart_b.red:before, .cardview .bg-heart_b.red:after{
    top: 2px!important;
    width: 7px!important;
    height: 12px!important;
    
}
.cardview .bg-heart_b{background: none;}
.cardview .bg-heart_b.red{
   position: absolute;
    width: 26px;
    top: 6px;
    right: -7px;
    cursor: pointer;
    margin-right: 2px;
}
.circlewhite{
        display: inline-block;
    width: 27px;
    height: 27px;
    position: absolute;
    right: 24px;
    background: #fff;
    z-index: 99;
    top: 7px;
    border-radius: 50%;
}

.ifheight{height: 258px; border-radius: 5px;
transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
    width: 100%;
}
.wd_100{width: 100%;}
.comnheight{
	height: 300px!important;
}
.details_1  > span{
	display: inline-block;
	width: 100%;
	font-size: 13px;
	/*font-family: 'helveticaneuemedium';*/
	font-style: normal;
	color: #959fbb;
	margin-bottom: 5px;
}
.details_1 p{
	font-size: 16px;
	font-family: 'khula';
	color: #000;
	max-height: 112px;
	overflow: hidden;
	line-height: 28px;
}
.categoryconatiner:last-child{margin-bottom: 5em;}
.categoryconatiner{display: inline-block; width: 100%; margin-top: 2em; position: relative;}
.categoryconatiner .categery_heading{
	font-family: 'helveticaneuemedium';
	font-size: 19px;
	color: #000000;
	margin-bottom: 20px;
}
.center_wrap > .row{margin-bottom: 3em;}
.cardviewcontainer{
/*	overflow: hidden;
	white-space: nowrap;
	display: inline-block;
	width: 100%;
	position: relative;*/
}
.cardview{
	border-radius: 5px;
	display: inline-block;
	width: 100%;
	padding-bottom: 20px;
	margin-bottom: 22px;
	box-shadow: 0px 7px 20px 5px #f3f3f3;
}
.cardview img{width: 100%;}
.cardview .card_title{
	font-size: 15px;
	font-family: 'helveticaneuemedium';
	color: #000;
	padding: 0 15px;
    overflow: hidden;
	margin-top: 20px;
    height: 45px;
	line-height: 23px;
}
.cardview .bg-eye{
    margin-right: 5px;
    vertical-align: text-top;
}
.viewerdetails{
	display: inline-block;
	width: 100%;
	padding: 5px 15px 0;
}
.viewerdetails span{
	font-size: 13px;
	/*font-family: 'helveticaneueregular';*/
	color: #959fbb;
}
/*.cardviewcontainer .owl-item:last-child .col-lg-3{padding-right: 0;}
.cardviewcontainer .owl-item:first-child .col-lg-3{padding-left: 0;}*/
.owl_carousel_hide .col-lg-3{
    width: 25%;
    /*float: none;*/
    white-space: initial;
    display: inline-block; 
    margin-top: 30px;
}
.cardviewcontainer .owl-carousel .col-lg-3 {
    width: 99%;
    /*width: 230px;*/
    float: none;
    white-space: initial;
    display: inline-block;
}
.cardviewcontainer .row{display: inline-block; position: relative; transition: all 0.8s ease;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
}
.maincontainer{display: inline-block;width: 100%; position: relative;}
.maincontainer .owl-next.disabled,
.maincontainer .owl-prev.disabled{display: none;}
.maincontainer .owl-prev span, .maincontainer .owl-next span{font-size: 0; font-weight: bold;}
.maincontainer .owl-prev, .maincontainer .owl-next { outline: none; z-index: 9999; color: #ff0000!important; width: 40px; text-align: center; line-height: 40px!important; height: 40px; display: inline-block; background: #fff!important; box-shadow: 0px 3px 17px #e4e2e2; border-radius: 50%; position: absolute; z-index: 99; top: 0;bottom: 0; margin: auto; }
.maincontainer .owl-next{right: -21px;}
.maincontainer .owl-prev{left: -21px;}
.maincontainer .owl-next:after{
	content: "\e258";
}
.maincontainer .owl-prev:after{
	content: "\e257";
}
.maincontainer .owl-next:after,
.maincontainer .owl-prev:after{
	  position: relative;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.center_wrap{max-width: 932px;
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
margin: auto;
}
.center_wrap .category_title{
    font-size: 28px;
    font-family: 'helveticaneuemedium';
    color: #b71c1c;
    font-weight: bold;
    margin-bottom: 2em;
    margin-top: 10px;
    padding-left: 15px;
}
.cent_addclass{max-width: 1172px!important;}

/* SCROLLBAR JS*/
.menuscroll + .slimScrollBar{background: #b1aeae!important; display: none;}

.subsribe_btn{
    font-size: 16px;
    font-family: 'helveticaneuemedium';
    color: #fff!important;
    background: #ff0000;
    border-radius: 30px;
    width: 150px;
    text-align: center;
    padding: 7px 10px 5px;
    margin: 28px 0;
    text-transform: uppercase;
	outline: none!important;
	transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
}
.subsribe_btn:hover,.subsribe_btn:focus{
	background: #dc0101;
}
.sidebarbtn{margin-top: 6em; margin-bottom: 4em;}
.sidebarbtn p{margin-bottom: 20px;}
.sidebarbtn p a,
.sidebarbtn p{
	font-size: 14px;
	font-family: 'helveticaneuemedium';
	color: #000;
}
/* SCROLLBAR JS*/
.notification_icon{display: inline-block; 
	margin: 4px 18px;
	position: relative;
	top: 10px;
}
.notification_icon span{
    width: 15px;
    height: 15px;
    border-radius: 50%;
    text-align: center;
    margin: auto;
    background: #f00;
    position: absolute;
    font-size: 11px;
    line-height: 15px;
    color: #fff;
    display: inline-block;
    top: 0;
    right: -6px;
}
.user_profile,
.userdetails{display: inline-block;width: auto; margin-right: 5px;}
.user_profile a{
	font-family: 'helveticaneuemedium'; font-size: 15px; color: #ff0000;
}
.cardview_anchor{
	height: 252px;
	position: relative;
}
.cardview_anchor a{
position: absolute;
    top: 0;
    left: 0;
    width: 115px;
    bottom: 0;
    margin: auto;
    font-size: 14px;
    /* font-family: 'helveticaneueregular'; */
    color: #000;
    height: 0;
    right: 0;
}
/*.cardviewcontainer {
    border: 1px solid;
}*/
.owl-dots{display: none;}
.cardview_anchor a > i{
	    font-size: 21px;
    color: #f00;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -24px;
}

/*scrolbar*/
.scroll-wrapper {
    overflow: hidden!important;
    padding: 0!important;
    position: relative
}

.scroll-wrapper>.scroll-content {
    border: none!important;
    box-sizing: content-box!important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none!important;
    overflow-y: scroll!important;
    padding: 0;
    position: relative!important;
    top: 0;
    width: auto!important
}

.scroll-wrapper>.scroll-content::-webkit-scrollbar{
    height: 0;
    width: 0;
}

.scroll-element {
    display: none;
}

.scroll-element,
.scroll-element div {
    box-sizing: content-box
}
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block
}

.scroll-element .scroll-arrow,
.scroll-element .scroll-bar {
    cursor: default
}

.scrollbar-rail>.scroll-element,
.scrollbar-rail>.scroll-element div {
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10
}

/*.scrollbar-rail>.scroll-element {
    background-color: #f4f4f4
}*/

.scrollbar-rail>.scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

/*.scrollbar-rail>.scroll-element .scroll-element_size {
    background-color: #999;
    background-color: rgba(171, 171, 171, .5)
}*/

.scrollbar-rail>.scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    left: 0;
    min-width: 100%;
    padding: 3px 0 2px;
    width: 100%
}

.scrollbar-rail>.scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    padding: 0 2px 0 3px;
    right: 0;
    top: 0;
    width: 12px
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%
}

.scrollbar-rail>.scroll-element .scroll-bar {
    background-color: #b9b9b9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .5)
}

.scrollbar-rail>.scroll-element .scroll-element_outer:hover .scroll-bar {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .6)
}

.scrollbar-rail>.scroll-content.scroll-scrolly_visible {
    left: 0;
    margin-left: 0
}

.scrollbar-rail>.scroll-content.scroll-scrollx_visible {
    margin-top: 17px;
    top: -17px
}

.scrollbar-rail>.scroll-element.scroll-x .scroll-bar {
    height: 10px;
    min-width: 10px;
    top: 1px
}
._video-sec:hover .scroll-element.scroll-y .scroll-bar,
.contentscroll:hover .scroll-element.scroll-y .scroll-bar,
.menu_sidebar:hover .scroll-element.scroll-y .scroll-bar{opacity: 1!important;}
.scrollbar-rail>.scroll-element.scroll-y .scroll-bar {
    left: 8px;
    min-height: 10px;
    width: 5px;
    opacity: 0!important;
    outline: none;
}

.scrollbar-rail>.scroll-element.scroll-x .scroll-element_outer {
    height: 15px;
    left: 5px
}

.scrollbar-rail>.scroll-element.scroll-x .scroll-element_size {
    height: 2px;
    left: -10px;
    top: 5px
}

.scrollbar-rail>.scroll-element.scroll-y .scroll-element_outer {
    top: 5px;
    width: 15px
}

.scrollbar-rail>.scroll-element.scroll-y .scroll-element_size {
    left: 5px;
    top: -10px;
    width: 2px
}

.scrollbar-rail>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size,
.scrollbar-rail>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -25px
}

.scrollbar-rail>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size,
.scrollbar-rail>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -25px
}

/*scrolbar*/

._video-sec{
    padding: 0;
}
.trendin_vid{
    border: 1px solid #ccc;
    display: inline-block;
    /*position: fixed!important;*/
    /*top: 14em;*/
    position: relative;
    bottom: 0;
    /*width: 250px;*/
    height: 80em;
    overflow: auto;
    padding: 25px 0 25px!important;
}
.trendin_vid > h1,
._video-sec > p{
    font-size: 18px;
    text-transform: uppercase;
    font-family: "helveticaneuemedium";
    color: #443e3f;
    /*position: fixed;*/
    position: absolute;
    top: -10px;
    background: #fff;
    /*top: 10.4em;*/
    right: 0;
    left: 0;
    z-index: 99;
    width: 172px;
    text-align: center;
    margin: auto;
}
._play_wrap{max-height: 105px;overflow: hidden; width: 100%; display: inline-block; position: relative;}

._play_wrap .img_video{width: 100%;max-width: 100%;display: inline-block;}

._video_list h3{
    font-size: 15px;
    font-family: "Khula";
    color: #000;
    line-height: 18px;
    margin-top: 5px;
}
.play_btn_:after {
    background: url(../img/play.png)no-repeat;
    width: 33px;
    background-size: 100%;
    height: 33px;
    position: absolute;
    float: left;
    display: inline-block;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    z-index: 99;
    right: 0;
    content: "";
}
.breadcrumb_item ul li{
        display: inline-block;
    margin-right: 21px;
    margin-top: 0;
    position: relative;
    bottom: -13px;
}
.breadcrumb_item ul li:last-child a:after{display: none;}
.breadcrumb_item ul li.active a{color: #000;}
.breadcrumb_item ul li a{
     font-size: 16px;
    font-family: 'khula';
    color: #c63024;
    position: relative;
    text-transform: capitalize;
}
.breadcrumb_item ul li a:after{
   position: absolute;
    right: -15px;
    content: "\f101";
    top: 2px;
    color: #c63024;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.breadcrumb_item{
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
    margin-top: 25px;
    padding-left: 15px;
}

.breadcrumb_item ul li a:after {
    position: absolute;
    right: -15px;
    content: "\f101";
    top: 2px;
    color: #c63024;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.bootstrap-select.btn-group .dropdown-toggle .caret{display: none;}
.pd_r_0{padding-right: 25px; padding-top: 50px!important;}
.video_size_in{max-width: 1075px!important;}
.video_size_in .category_title{
    margin-bottom: 1em;
    margin-top: 12px;
    
}
.d-inline{display: inline-block;}
.contentscroll{
    margin-bottom: 30px;
    padding-right: 25px;
}
.sharelink .shareli{
    width: 150px;
    position: absolute;
    border-radius: 5px;
    background: #fff;
    z-index: 999;
    padding: 10px;
    bottom: 29px;
    right: -80px;
    box-shadow: #00000057 0px -1px 8px 0px;
    display: none;
}
.sharelink .shareli li{
    margin: 0px 0 14px 0;
    width: 100%!important;
}
.sharelink .shareli li:last-child{margin-bottom: 0px;}
.sharelink .shareli li a{color: #000;}
.sharelink .shareli li a .fa{
    font-size: 22px;
    color: #000;
    float: right;
}
.sharelink .shareli li a .fa-facebook{color: #3b5998;}
.sharelink .shareli li a .fa-twitter{color: #55acee;}
.sharelink .shareli li a .fa-tumblr{color: #32506d;}
.sharelink .shareli li a .fa-linkedin{color: #0080b2;}
.sharelink .shareli li a .fa-envelope{color: #73479a;}
.sharelink .shareli li a .fa-google-plus{color: #dd4b39;}
/**/




.tag_section_ li {
    display: inline-block;
    line-height: initial!important;
    margin-right: 5px;
    margin-bottom: 10px;
}
.tag_section_ li span {
    color: #fff;
    background: #eee!important;
    display: inline-block;
    padding: 1px 10px;
    border-radius: 50px;
    font-size: 12px;
}
.tag_section_ li span a {
    color: #6b6861;
}
.fb-comments.wd_100 > span,
.fb-comments.wd_100 iframe{
    width: 100%!important;
}

.show_vid{
    width: 100%;
    text-align: center;
    display: inline-block;
    background: #eee;
    padding: 10px;
    font-size: 16px;
    font-family: 'khula';
    color: #888888cc!important;
}
.cardview .circlewhite+a,
.cardview > a:first-child{position: relative;display: inline-block; width: 100%;}
.duration_time{`
    font-size: 14px;
    font-family: 'KhulaBold';
    background: #1e1b1d;
    padding:2px 5px 0;
    position: absolute;
    color: #fff;
    bottom: 0;
    right: 0;
}
.cardview > a > img{height: 140px;border-top-right-radius: 5px; border-top-left-radius: 5px;}
.mg_b0{margin-bottom: 0!important;}






@media(max-width: 1199px){
	.video_section{padding-right:25px;}
    .pd_r_0{padding-left: 250px;}
	.video_section.content_{
	padding: 115px 30px 0 30px;}
}
@media(max-width: 1023px){
	.video_section{padding-left: 25px;}
	.serch_form .form-group{width: 225px;}
	.menu_sidebar{left: -240px;}
	.toogle_sidebar{left: 0px;}
	.menu_sidebar{right: 0; background: #fff;z-index: 999999999;}
}
@media(max-width: 1160px){
    .owl_carousel_hide .col-lg-3{width: 33%;}
    ._video-sec{width: 30%;}
    .pd_r_0 .col-lg-9{width: 70%;}

}

@media(max-width: 991px){
	.serch_form .form-group{width: 225px;}
	.details_1 h3{margin-top: 20px;}
	.userlike{bottom: -22px;}
	.col-xs-12.details_1,
	.ifheight{height: 300px;}
}
@media(max-width: 600px){
    .owl_carousel_hide .col-lg-3{width: 49%;}

}

@media(max-width: 410px){
    .owl_carousel_hide .col-lg-3{width: 100%;}

}

@media(max-width: 767px){
	.toggle_btn{margin-top: 10px;}
	.video_section.content_,
	.video_section{padding: 15px;}
	.navbar-default{top: 43px;}
	.serch_form {
    padding: 4px 17px 4px 2px;
    padding-left: 20px;
    position: absolute;
    top: -43px;
    left: 0;
    background: #fff;
    right: 0;
    border-bottom: 1px solid #ccc;
}
.serch_form .form-group {
    width: 91%;
}
	
	.navbar-default .navbar-toggle {
    padding-left: 0;
}
.navbar-toggle .icon-bar{width: 19px;}
.navbar-default .navbar-brand {
    padding-bottom: 0;
    padding-top: 7px;
    max-width: 158px;
    padding-left: 0;
}
.navbar-default{min-height: 50px;}
.notification_icon img{max-width: 18px;}
.notification_icon {
    display: inline-block;
    margin: 4px 8px;
    position: relative;
    top: 10px;
    margin-left: 0;
}
.video_section.content_,.video_section{padding-top: 9em;}
.row.owl-carousel{margin-left: 0;}
.menu_sidebar{top: 97px;}
}



@media(min-width: 1023px) and (max-width: 1201px){
    /*.center_wrap{max-width: 685px;}*/
    /*.video_section{padding-left: 272px;}*/

}














/***********************************/




/*********************** Login page ***********************/

.loginmodal .login_page{
    width: 100%;
    display: inline-block;
    margin-bottom: -4px;
    padding: 0px;
}
.loginmodal .login_page .col_left{padding: 0px;
    background: url(../img/login.png)no-repeat;
    background-size: cover;
    background-position: center center;
    height: 560px;
    margin-bottom: -1px;

}
.loginmodal .modal-dialog{width: 850px;}
.loginmodal .modal-dialog .modal-content{border-radius: 0px;}
.col_right .nav-tabs li a{
    font-size: 24px;
    font-family: "MyriadProSemibold";
    color: #7f8389;
    border-bottom: 1px solid;
    border-color: transparent;
    background: transparent;
        padding: 10px 5px 5px;
}
.col-md-6.col-lg-6.col_right {
    padding-left: 45px;
    position: static;
}
.col_right .nav-tabs li:first-child{margin-right: 25px;}
.col_right .nav-tabs{border-bottom: none; margin-top: 1em;}
.col_right .nav-tabs li.active a{
    color:#b71c1c;
    border-bottom: 1px solid;
    border-bottom-color: #b71c1c!important;
    border-color: transparent;
}
.col_right .nav-tabs li.active a:hover,.col_right .nav-tabs li.active a:focus{
    border-color: transparent;
    border-bottom: 1px solid;
    border-bottom-color: #b71c1c!important;
}
.col_right .login_form{
    margin-top: 2em;
    width: 332px;
}
.col_right .login_form .form-control{
    border-color: transparent;
    border-bottom:1px solid #bebebe;
    box-shadow: none;
    padding-left: 0px;
    outline: none;
    font-size: 14px;
    border-radius: 0px;
    font-family: "MyriadProRegular_1";
    color: #2a2926;
}
.login_page .close{
    opacity: 1;
    right: 25px;
    position: relative;
    top: 25px;
    outline: none;
    z-index: 9999;
}
.col_right .login_form .form-group{margin-bottom: 32px; position: relative;}
/****** input type style *******/
.in_put.checkbox label{padding-left: 0px;}
.in_put.checkbox label:after, 
.in_put.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.in_put.checkbox .cr,
.in_put.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #bebebe;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    background: #fff;
    float: left;
    text-align: center;
    margin-right: 10px;
}

.in_put.radio .cr {
    border-radius: 50%;
}

.in_put.checkbox .cr .cr-icon,
.in_put.radio .cr .cr-icon {
    position: absolute;
    font-size: 10px;
    line-height: 0;
    top: 50%;
    left: 20%;
}

.in_put.radio .cr .cr-icon {
    margin-left: 0.04em;
}

.in_put.checkbox label input[type="checkbox"],
.in_put.radio label input[type="radio"] {
    /*visibility: hidden;*/
    margin-left: -24px;
    outline: none;
    opacity: 0;
}

.in_put.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.in_put.radio label input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
    color: #fff;
}
.in_put.checkbox label input[type="checkbox"]:checked + .cr{
     background: #1ead41;
    border: 1px solid #1ead41;
}
.in_put.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.in_put.radio label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
    color: #fff;
}

.in_put.checkbox label input[type="checkbox"]:disabled + .cr,
.in_put.radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
}
.checkbox.in_put{margin-bottom: 2em;}
.login_btn{
    font-size: 16px;
    font-family: "MyriadProRegular_1";
    min-width: 115px;
    border-radius: 50px;
    background: #20a132;
    color: #fff;
    box-shadow: 0px 0px 6px 0px #20a132;
        transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    outline:none;
}
#login .social_media_ic{margin-top: 12em;}
.login_btn:hover,.login_btn:focus,.login_btn:active{
    background: #1a942b;
    color: #fff;
    outline:none;
}
/****** input type style *******/
.social_media_ic{display:inline-block; width: 100%; position: absolute;bottom: 0; margin-top: 2em; margin-bottom: 2em;}
.social_media_ic > p{
    font-size: 16px;
    font-family: "MyriadProRegular_1";
    color: #000;
    margin-bottom: 1.5em;
}
.social_media_ic ul li{display: inline-block; margin-right: 5px;}
.social_media_ic ul li a{display: inline-block;
    min-width: 115px;
    border-radius: 30px;
    padding:9px 0px 10px 18px;
    text-align: center;
    height: 36px;
    opacity: .9;
    position: relative;
    color: #fff;
    text-transform: capitalize;
    font-size: 13px;
    font-family: "MyriadProRegular_1";
    border:1px solid transparent;
}
.social_media_ic ul li:last-child{margin-right: 0px;}
.social_media_ic ul li:first-child a{background: #1b4086;}
.social_media_ic ul li:nth-child(2) a{background: #1d8ced;}
.social_media_ic ul li:nth-child(3) a{background: #d2352b; padding-left: 32px;}
.social_media_ic ul li a .fa{
        font-size: 16px;
    margin-right: 5px;
    position: absolute;
    left: 15px;
}
.social_media_ic ul li:nth-child(3) a .fa,
.social_media_ic ul li:nth-child(2) a .fa{font-size: 22px;
    top: 7px;
}
.social_media_ic ul li a:hover{
    opacity: 1;
}
.loginmodal .col_left ul li{
    display: inline-block;
}
.loginmodal .col_left ul li:first-child{margin-right: 20px;}
.loginmodal .col_left ul li img{max-width: 140px;}
.loginmodal .col_left ul{position: absolute; bottom: 1.5em;text-align: center; left: 0; right: 0; margin: auto;}
.in_put.checkbox label{font-size: 15px; display: inline; color: #000; font-family: "MyriadProRegular_1";}

.in_put.checkbox{display: inline-block;}
.forgotpass{
    position: absolute;
    right: 15px;
    top: 10px;
}
.news_tabs_section .searchsection{
    width: 415px;
    margin-bottom: 4em;
    position: relative;
    float: left;
}
.toptabs.searchcat{margin-bottom: 12px;}
.news_tabs_section .searchsection input{
    color: #000;
    font-size: 16px;
    font-family: "MyriadProRegular_1";
    outline: none;
    box-shadow: none;
    height: 40px;
    padding-right: 3em;
    border-radius: 0px;
}
.searchsection > a{
    background: #c63024;
    color: #fff;
    width: 40px;
    height: 40px;
    position: absolute;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    top: 0;
    right: 0;
}
.toptabs.searchcat li a{
    text-transform: capitalize!important;
    font-size: 20px!important;
}
.sorting_section{float: right; margin-top: 0px; padding-right: 15px;}
.sorting_section > p{display: inline-block; font-family: "MyriadProRegular_1"; font-size: 14px; color: #000; margin-right: 10px;}
.sorting_section .form-group{position: relative; display: inline-block;}
.sorting_section .form-group .fa{
    position: absolute;
    font-size: 22px;
    right: 10px;
    color: #000;
    top: 8px;
    z-index: 99;
}
.bootstrap-select.btn-group .dropdown-menu li a{text-transform: capitalize;}
.select_opt .btn-default:active,.select_opt.open>.dropdown-toggle.btn-default:focus, .select_opt .btn-default.active, .open>.dropdown-toggle.btn-default,
.select_opt.open button,
.select_opt .btn-default:active:hover,
.select_opt button:hover,.select_opt button:focus,.select_opt button:active{background: transparent!important; box-shadow: none;}
.select_opt button{text-transform: capitalize; border-color:#8c8c8c!important; border-radius: 0px; height: 40px;}
.select_opt{max-width: 200px;}
.select_opt li a:hover{color: #b71c1c;}
.select_opt li a{color: #000; background: transparent!important;}
.tag_section_._trendtags li.active span{
    background: #b71c1c!important;
    color: #fff;
}
.tag_section_._trendtags li span{
background: #e6e6e6!important;
    color: #696565;
}
.tag_section_._trendtags{margin-bottom: 2em;}
.sharsocial{
    position: absolute;
    top: 0;
    bottom: 0;
    min-width: 120px;
    background: #ccc;
}
.sharsocial li a .fa{color: #000;}
.sharsocial li{display: block;}
.sharsocial li a{
    color: #000;
    font-size: 14px;
    font-family: "MyriadProRegular_1";
}
a:focus {
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: 0;
}
/*********************** Login page ***********************/
.buisn{color: #393965;     font-family: MyriadProRegular_1;
    font-size: 14px;}

#subscribemodal div#login {
    margin-top: 6em;
}
#subscribemodal .h2{
    color: #20a132;
}
.mg_top_0{margin-top: 0px!important;}
.load_btn_{margin-bottom: 8em;}

.privacypolicy p {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 30px;
}


.center_block {
    padding: 3px 0;
    position: absolute;
    bottom: -44px;
    left: 0;
    margin-top: 4px;
    right: 0;
    background: #282b2d
}

.center_block:focus,
.center_block:hover {
    background: #a9150b
}

.center_block .loadmorebtn {
    font-size: 15px;
    color: #fff;
    padding: 5px;
    display: inline-block
}

.error_404{
   display: inline-block;
   margin: 20px 0;
}
.error_404 img{margin: auto;}
.error_404 .heading404{
      font-size: 8rem;
   font-family: 'MyriadProBold';
   color: #b71c1c;
   margin-top: 0px;

}
.error_404 .desc404{
   font-family: 'khulabold';
   font-size: 24px;
   margin-bottom: 8px;
}
.error_404 .pr404{
    font-family: 'khula';
   font-size: 20px;
   margin-bottom: 26px;
}
.error_404 a{
   text-transform: uppercase;
   box-shadow: 1px 1px 13px #c63024;
   font-size: 15px;
   font-family: 'MyriadProRegular_1';
   background: #b71c1c;
   color: #fff;
   border-radius: 100px;
   padding: 13px 34px;
}