/*Story, photo, video detail pages*/
.pproduct .header_wrap{padding-right: 105px;}
.header_wrap h2,
.header_wrap h2 a{color:#fff;text-transform:uppercase}
.header_wrap h2{width:100%;background:#da0000;margin:0;padding:2px 10px;font-size:16px;font-weight:600}
.header_wrap h2 a{font-size:16px!important;font-weight:400;text-decoration:none}
.header_wrap h2 a:hover{color:#fff}
.header_wrap .head_more{color:#595959;float:right;font-size:12px;font-weight:400;letter-spacing:1px;margin:0;padding:0;text-transform:uppercase}
.sticky_navbar{position:fixed;z-index:99999;width:100%;height:60px;background:#FFF;margin:0 auto;padding:8px 0;left:0;right:0;top:0;box-shadow:0 0 10px 0 rgba(0,0,0,.28);-webkit-transform:translateY(-200%);-moz-transform:translateY(-200%);transform:translateY(-200%);-webkit-transition:transform .33s cubic-bezier(.3,.73,.3,.74) 0s;-moz-transition:transform .33s cubic-bezier(.3,.73,.3,.74) 0s;transition:transform .33s cubic-bezier(.3,.73,.3,.74) 0s}
.scrolled .sticky_navbar{display:block;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}
.sticky_navbar .fl{float:left;padding:0 10px}
.sticky_navbar .fr{float:right;padding:0 10px}
.sticky_navbar .stickylogo{width:160px;line-height:44px}
.sticky_navbar .stickylogo img{display:block}
.sticky_navbar .sheading{font-size:26px;font-weight:700;line-height:40px;border-left:1px solid #CCC;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 590px)}
.sticky_navbar .stickysocial{width:420px;text-align:right;}
.sticky_navbar .stickysocial .social-share{margin:0;padding:0;list-style:none;display:table;float:right}
.sticky_navbar .stickysocial .social-share li{display:table-cell;vertical-align:middle;padding:6px 5px 5px;cursor:pointer;}
.sticky_navbar .stickysocial .social-share li i{background-color:#CCC;background-size:1130px;width:28px;height:28px;line-height:28px;text-align:center;display:block;margin:auto;border-radius:50%}
.sticky_navbar .stickysocial .social-share li i.nofn_fb{background-color:#4a669b;background-position:13.65% 52.8%; background-size:1000px;}
.sticky_navbar .stickysocial .social-share li.nofn_twitter>a{width:28px;height:28px;background-color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.sticky_navbar .stickysocial .social-share li.nofn_twitter img{width:16px;height:16px;margin:0 auto;filter:invert(1);}
.sticky_navbar .stickysocial .social-share li i.nofn_email{background-color:#c1c1c1; background-position:30.4% 52.8%; background-size:860px;}
.sticky_navbar .stickysocial .social-share li i.nofn_reddit{background-color:#8eAAc3; background-position:38.8% 37.9%; background-size:1260px;}
.sticky_navbar .stickysocial .social-share li .snapchat i{background-color:#FFFC00;background-position:58.7% 52.3%;background-size:750px auto;}

/*Top sticky bar title and social share*/
.sticky_navbar .stickysocial .cmnt-count-wrp{width:160px; float:right; border-right:1px solid #ccc; padding:10px 5px 10px 0; margin-right:8px;}
.sticky_navbar .stickysocial .cmnt-count-wrp a>span{display:inline-block; font-size:15px; color:#999; padding-right:7px; vertical-align:middle;}
.sticky_navbar .stickysocial .cmnt-count-wrp a:hover span{text-decoration:underline;}
.sticky_navbar .stickysocial .cmnt-count-wrp .nofn_cmnt{width:20px; height:15px; padding:0; margin:-3px 5px 0 5px; display:inline-block; background-color:#fff; border-radius:2px; position:relative; border:2px solid #abaaaa;}
.sticky_navbar .stickysocial .cmnt-count-wrp .nofn_cmnt:before,
.sticky_navbar .stickysocial .cmnt-count-wrp .nofn_cmnt:after{content:""; display:block; position:absolute; width:0; height:0; right:7px; bottom:-7px; border-left:2px solid transparent; border-right:6px solid transparent; border-top:6px solid #abaaaa;}
.sticky_navbar .stickysocial .cmnt-count-wrp .nofn_cmnt:after{border-top:4px solid #fff; border-right:3px solid transparent; bottom:-4px; right:9px; border-left:1px solid transparent;}
.sticky_navbar .stickysocial .social-share li i.nofn_bell{background-color: #f64646; background-position:36.1% 38.1%;}
.sticky_navbar .stickysocial .social-share li button{border-radius:50%;}
.stickysocial .social-share{position:relative;}

/*Notification popup*/
.bnotification .bnfpopover{text-transform:none;font-size: 14px;font-style: normal;font-weight: 400;letter-spacing: normal;background-color:#f64646;border-radius:4px;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);max-width:200px;padding:1px;left:-94px;top:46px;position:absolute;z-index:999;color:#FFF;width:200px;}
.bnotification .bnfpopover-content{cursor:pointer;padding:5px 10px 10px;text-align:center;font-size: 12px;}
.bnotification .bnfpopover-content .cursor{font-weight:700; color:#fff; padding-top:2px;}
.bnotification .cursor{cursor:pointer}
.bnotification .bnfpopover>.arrow, 
.bnotification .bnfpopover>.arrow:after{border-color:transparent; border-style:solid; display:block; height:0; position:absolute; left:50%; width:0;}
.bnotification .bnfpopover>.arrow:after{border-width:10px; border-bottom-color:#f64646; border-top-width:0; content:"";top:-10px;}
.bnotification .bnfclose{color:#000;text-align:right;padding-bottom:5px;}
.bnotification.notscrolled .bnfpopover{display:none !important;}
.bnotification.bnfshow{display: block !important;}

/*Comment Popup RHS*/
.comment_story{float:right; position:relative; width:90px; height:60px; margin:15px; display:table; background:#da0000; border-radius:5px; text-align:center; font-size:11px; line-height:normal;color:#fff; text-transform:uppercase; opacity:0.8;  transition:all 0.3s ease-in; transform:scale(1); cursor: pointer;}
.comment_story:after {content: '';position: absolute;bottom: -10px;left: 45px;border-width: 14px 0 0 16px;border-style: solid;border-color:#da0000 transparent;display: block;width: 0;transition:all 0.3s ease-in;}
.comment_story span {display:table-cell; vertical-align:middle;}
.comment_story em {font-size:22px; font-style:normal; font-weight:900; line-height:22px; display:block;}
.comment_story a {color:#fff!important; text-decoration:none;}
.comment_story:hover {background:#da0000; opacity:1; transform:scale(1.1); transition:all 0.3s ease-in;}
.comment_story:hover:after {border-color:#da0000 transparent; bottom: -14px; transition:all 0.3s ease-in;}
.comments_slide {display: none;	width:350px;position: fixed;top: 0;right:-30px;bottom:0;background:#fff;padding:10px 25px;transform: translateX(100%); -webkit-transform: translateX(100%);z-index:100000;box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.1);-webkit-transition: box-shadow 0.5s;box-sizing: content-box;}
.comments_slide:hover {box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.3);}
.comments_slide .comments_close {float: left;text-align: right;margin: 0 0 5px 0;width: 30px;height: 40px;position: absolute;left: -20px;border-radius: 30px 0 0 30px;background: #fff;box-shadow: -7px 0px 6px -2px rgba(0,0,0,0.1);}
.comments_slide .comments_close .cmtclose{color: #c0c0c0;font: 16px/100% arial, sans-serif;position: absolute;left: 5px;text-decoration: none;top: 12px;display:block;width: 20px;height: 20px;}
.comments_slide .comments_close .cmtclose:before, 
.comments_slide .comments_close .cmtclose:after {position: absolute;left: 10px;content: ' ';height: 15px;width: 2px;background-color: #b0b0b0;box-shadow: 0px 1px #e2e2e2;}
.comments_slide .comments_close .cmtclose:before {transform: rotate(45deg);}
.comments_slide .comments_close .cmtclose:after {transform: rotate(-45deg);}
.comments_slide .comments_close .cmtclose:hover {color:#000;}
.selected {animation: slide-in 0.5s forwards; -webkit-animation: slide-in 0.5s forwards;right:0;}
.dismiss {animation: slide-out 0.5s forwards;-webkit-animation: slide-out 0.5s forwards;}
@keyframes slide-in {0% {-webkit-transform: translateX(100%);}100% {-webkit-transform: translateX(0%);}}
@-webkit-keyframes slide-in {0% {transform: translateX(100%);}100% {transform: translateX(0%);}}
@keyframes slide-out {0% {transform: translateX(0%);}100% {transform: translateX(100%);}}
@-webkit-keyframes slide-out {0% {-webkit-transform: translateX(0%);}100% {-webkit-transform: translateX(100%);}}
