.video-hide{position:absolute;opacity:0}

.tile2{display: inline-block;}
.tile2 span,
.tile2 input{display:none}
.tile2 .thumb .image-thumb {  vertical-align: middle;  display: inline-block;  max-width: 100%;}
.thumb img {  transition: all 1s cubic-bezier(.23,1,.32,1);}
.trending.stories .slider .tile2 .thumb {  overflow: hidden;  border-radius: 50%;  padding-bottom: calc(100% - 4px);  border: 2px solid #ff0000;  box-sizing: border-box;}
.tile2 .thumb {  margin: auto;  overflow: hidden;  position: relative;}
.slider .tile2 .thumb {  width: 100%;  display: block;}
.button, .icon, .mediabox .author span, .thumb, a, button, input, li {  -webkit-transition: all .32s cubic-bezier(.23,1,.32,1);  -moz-transition: all .32s cubic-bezier(.23,1,.32,1);  -ms-transition: all .32s cubic-bezier(.23,1,.32,1);  -o-transition: all .32s cubic-bezier(.23,1,.32,1);  transition: all .32s cubic-bezier(.23,1,.32,1);}
.trending {  border-bottom:0;  border-top:3px solid #151515}
.trending.stories .slider .tile2s {  padding-bottom:18px}
.trending.stories .slider .tile2 {  width:100p; height:100px;  padding:0 11px;  margin:0; margin:10px 3px;  box-sizing:border-box}
.trending.stories .slider .tile2:hover img {  transform:scale(1.4)}
.trending.stories .slider .tile2 .thumb {  overflow:hidden;  border-radius:50%;  padding-bottom:calc(100% - 4px);  border:2px solid #ff0000;  box-sizing:border-box}
.trending.stories .slider .tile2 .thumb .image-thumb {  width:100px;  height:100px;  object-fit:cover;  border-radius:50%}
.trending.stories .slider .tile2 .thumb.seen {  border-color:#373737}
.trending.stories .slider-controls a {  margin-top:0}
.trending.stories .slider .tile2 .thumb {  overflow: hidden;  border-radius: 50%;  padding-bottom: calc(100% - 4px);  border: 2px solid #ff0000;  box-sizing: border-box;}
.trending {  background-color:#222;  border-bottom:3px solid #151515;  margin-bottom:15px}
.slider-controls {  position:absolute;  top:0;  left:0;  height:100%;  width:100%;  z-index:0;  text-align:center}
.slider-controls a {  background-color:hsla(0,0%,100%,.16);  border-radius:3px;  transform:translateY(-50%);  position:absolute;  top:50%;  margin-top:-16px;  outline:0;  width:32px;  z-index:9999;  opacity:.24;  line-height:72px;  display:block}
.slider-controls a:hover {  opacity:1}
.slider-controls a i {  font-size:16px;  color:#fff;  line-height:72px;  display:block}
.slider-controls a.prev {  left:18px}
.slider-controls a.next {  right:-12px}
.slider {  padding:0 64px;padding-right:44px}
.slider .tile2 {  width:100px; height:100px;  margin:auto 1px;  vertical-align:top}
.slider .tile2 .thumb { width:100px;height:100px; padding:4px;box-sizing:border-box;  display:block}
.slider .tile2 .thumb .icon {  width:24px;  height:24px;  font-size:11px;  line-height:25px;  bottom:10px;  left:10px}
.slider .tile2 .meta {  border-bottom-left-radius:4px;  border-bottom-right-radius:4px;  padding:8px 0 4px}
.slider .tile2 .meta .title {  height:auto;  font-size:12px;  line-height:15px;  margin-bottom:5px}
.slider .tile2 .meta .title a {  color:#fff;  max-height:none;  overflow:hidden;  max-height:2rem}
.slider .tile2 .meta .title a:hover {  color:#edb927}
.slider .tile2 .meta .stats {  font-size:11px;  color:#a0a0a0;  line-height:14px}
.slider .tile2 .meta .stat {  margin:auto 4px}
.slider .tile2 .meta .stat .fa,.slider .tile2 .meta .stat .fab,.slider .tile2 .meta .stat .fal,.slider .tile2 .meta .stat .far,.slider .tile2 .meta .stat .fas {  margin-right:4px}
.slider .tile2 .meta a.stat {  color:#a0a0a0}
.slider .tile2 .meta a.stat:hover {  color:#edb927}
.slider .tile2:hover .meta .stats,.slider .tile2:hover .meta a.stat {  color:#c5c5c5}
.slider-inner {  white-space:nowrap;  overflow:hidden}
.featured {  background-color:#2a2a2a}
.featured .tile2s {  text-align:center;  padding:0 0 32px}
.featured .tile2 {  width:22%;  max-width:30%;  margin:auto 1%}
.featured .tile2 .thumb {  width:100%;  display:block}
.featured .tile2 .thumb .image-thumb {  opacity:.64}
.featured .tile2 .thumb .icon {  width:24px;  height:24px;  font-size:11px;  line-height:25px;  top:16px;  left:16px}
.featured .tile2 .meta {  text-align:left;  padding:16px;  position:absolute;  bottom:0;  right:0;  left:0;  z-index:2}
.featured .tile2 .meta .title {  height:auto;  font-size:15px;  line-height:18px;  margin-bottom:5px}
.featured .tile2 .meta .title a {  height:auto;  color:#fff;  margin:auto}
.featured .tile2 .meta .title a:hover {  color:#edb927}
.featured .tile2 .meta .stats {  font-size:11px;  color:hsla(0,0%,100%,.64);  line-height:14px}
.featured .tile2 .meta .stat {  margin:auto 8px auto auto}
.featured .tile2 .meta .stat .fa,.featured .tile2 .meta .stat .fab,.featured .tile2 .meta .stat .fal,.featured .tile2 .meta .stat .far,.featured .tile2 .meta .stat .fas {  margin-right:4px}
.featured .tile2 .meta a.stat {  color:hsla(0,0%,100%,.64)}
.featured .tile2 .meta a.stat:hover {  color:#edb927}
.featured .tile2:hover .meta .stats,.featured .tile2:hover .meta a.stat {  color:#fff}
.slider .tiles {text-align: center;padding: 18px 0 14px;padding-top: 18px;padding-bottom: 14px;box-sizing:border-box;transition: all .3s;}
.slider .tile2 .thumb img{ max-width:88px;max-height:88px}
.tiles{overflow-x:hidden}
@media only screen and (max-width: 600px) {
	.slider-controls{display:none}
	.slider {  padding:0;margin:0}
	.row{margin:0}
	.tiles{overflow-x:auto}
}


.btn-light{border: 2px solid white;}
img,video{max-width:100%}
a#prevlink .wrap_image .cat{bottom:10px}

/*
@media only screen and (min-width: 600px) {
	a#prevlink img#pic{width:100%;height:270px;box-sizing:border-box;padding:0;max-width:480px}
	a#prevlink video:first-child{display:none;background:red}
	a#prevlink video{height:270px;width:100%;max-width:480px;}
	a#prevlink .overlay{top:80%}
}
@media only screen and (min-width: 1000px) {
	a#prevlink img#pic{width:480px}
	a#prevlink video{width:480px}
}
*/

.magic_items{column-count:4;column-gap:10px;width:100%;float:left}
.magic_items .items-bottom{break-inside:avoid;margin-bottom:0;border-radius:5px;overflow:hidden;display:inline-block;width:100%}
.magic_items .wrap_image{position:relative}
.magic_items .wrap_image img{width:100%;height:auto}
.magic_items .wrap_image video{width:100%;height:auto;object-fit: contain}
.magic_items .items-bottom .catl{top:9px;left:2px}
.magic_items .wrap_image .cat{position:relative;display:block;height:25px;top:-25px;right:0;left:auto;margin-left:auto;box-sizing:border-box;bottom:0;z-index:9999;margin-bottom:-25px}
@media only screen and (max-width: 1400px) {
	.magic_items{column-count:3}
}
@media only screen and (max-width: 800px) {
	.magic_items{column-count:2}
}
@media only screen and (max-width: 340px) {
	.magic_items{column-count:1;column-gap:5px}
}

.story-close-right{width:35px;height:35px;position:fixed;top:5px;right:5px;z-index:999999999}
.story-close-right img{width:100%;height:100%;cursor:pointer}
.stories-top{display:none}
	
.body-overlay {position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:9999999999;display:none;opacity:.7}
.stories-general-alert {position:fixed;bottom:-80px;left:50%;transform:translateX(-50%);z-index:105;border-radius:16px;margin-bottom:10px;overflow:hidden;transition:all .3s;box-shadow:0 12px 14px -6px #000}
.stories-general-alert .message {margin:0;padding:16px;font-size:14px;font-weight:700}
.body-overlay {position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:9999999999;display:none;opacity:.7}
.modal-open {overflow:hidden}
.stories-body{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999999999;}
.stories-wrapper {position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(56.25vh - 28.125px);height:100%;z-index:103;display:none}
.stories-wrapper-inner {width:100%;height:100%;transform:translateX(0)}
.stories-modal-wrapper {display:none;width:100%;height:100%position:fixed;z-index:99999999999;}
.stories-modal-wrapper.active {display:block}
.stories-modal {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(56.25vh - 28.125px);height:calc(100vh - 50px);overflow:hidden}
.stories-modal .video-wrapper {position:absolute;top:0;left:0;width:100%;height:100%;background:#000;border-radius:4px}
.stories-modal .video-wrapper video {width:100%;height:100%;object-fit:cover}
.stories-modal .video-loader {position:absolute;top:0;left:-1px;z-index:0;width:101%;height:100%;overflow:hidden;background-size:cover;background-position:50%;background-repeat:no-repeat}
.stories-modal .video-loader img {width:100%;height:100%;filter:blur(6px);transform:scale(1.05)}
.stories-modal .video-spinner {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#edb927;font-size:42px}
.stories-modal .img-wrapper {position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}
.stories-modal .img-wrapper .main-image {border-radius:4px;width:100%;height:100%;object-fit:cover}
.stories-modal video.playing~.play-wrapper {display:none}
.stories-modal .play-wrapper {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;background:rgba(0,0,0,.4);height:80px;width:80px;border-radius:50%;font-size:28px;line-height:80px;padding-left:2px}
.stories-modal .progress-tracker {position:absolute;bottom:0;left:0;height:2px;background:#edb927;transition:.3s;border-radius:4px}
.stories-modal .buffering-display {animation:buffering .6s infinite;position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:2px;background:#edb927;border-radius:8px;opacity:.6}
.stories-modal .meta {position:absolute;z-index:1}
.stories-modal .meta-bottom {bottom:2px;left:0;width:100%;text-align:left}
.stories-modal .author {padding:10px;display:block}
.stories-modal .author .avatar {display:inline-block;vertical-align:middle;margin-right:8px}
.stories-modal .author .avatar img {display:block;border-radius:50%;width:40px;height:40px}
.stories-modal .author .username {text-shadow:0 0 5px #000;display:inline-block;vertical-align:middle;color:#fff;z-index:1;font-size:16px;line-height:1;margin-top:-3px;font-weight:400}
.stories-modal .meta-right {bottom:60px;right:0}
.stories-modal .meta-right li {padding:10px;margin-bottom:10px;display:none;cursor:pointer;text-shadow:0 0 5px #000}
.stories-modal .meta-right li .icon-wrapper {display:block;margin-bottom:6px;font-size:30px;color:#fff}
.stories-modal .meta-right li .icon-custom {width:28px;height:28px}
.stories-modal .meta-right li .value {color:#fff;font-weight:700}
.stories-modal .meta-right li.active {display:block}
.stories-modal .meta-right li.voted-for .icon-wrapper,
.stories-modal .meta-right li.voted-for .value {color:#edb927}
.stories-direction-control button {position:fixed;top:50%;transform:translateY(-50%);z-index:1;border:0;outline:none;background:none;padding:15px}
.stories-direction-control button .icon-wrapper {width:48px;height:48px;display:block;background:#222;border-radius:50%;line-height:48px}
.stories-direction-control .icon-custom {width:19px;height:19px}
.stories-direction-control .left-control {left:-95px}
.stories-direction-control .left-control:hover {transform:translate(-5px,-50%)}
.stories-direction-control .right-control {right:-95px}
.stories-direction-control .right-control:hover {transform:translate(5px,-50%)}
.stories-top {position:absolute;top:25px;z-index:1;text-align:left;width:100%}
.stories-top button {background:none;padding:10px;border:0;outline:none}
.stories-top .icon-custom {width:24px;height:24px}
.stories-top .stories-logo {position:absolute;right:10px;top:12px;font-family:Bulletproof BB,Helvetica,Arial;font-size:24px;color:#fff;opacity:.4;text-shadow:0 0 5px #000}
.stories-spinner {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#edb927;font-size:42px;display:none}
.stories-swipe {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:1;display:none}
.stories-swipe-inner {position:relative;top:50%;left:0;width:100%;transform:translateY(-50%)}
.stories-swipe-inner .icon-custom {width:72px;height:72px;animation:swipe-up 1.2s infinite;position:relative;top:0}
.stories-swipe-inner p {color:#fff;font-size:16px;letter-spacing:.3px}
.stories-top {position: relative;top: 0px;z-index: 1;text-align: left;width: 100%;}
.stories-top img.story-close {background: none;margin:10px;border: 0;outline: none;width:24px;height:24px;}
.stories-next button.left-control {position: absolute;top: 50%;transform: translateY(-50%);border: 0;outline: none;background: none;padding: 15px;left:10px;z-index:99;}
.stories-next button.right-control {position: absolute;top: 50%;transform: translateY(-50%);border: 0;outline: none;background: none;padding: 15px;right:10px;z-index:99;}
.tile{width:160px;height:286px;float:left;margin-right:3px;margin-bottom:3px;}
div.image-thumb,
div.image-thumb img.image-thumb{width:100%;height:100%;min-height:100px;border-radius:5px}
.tiles .meta {position:absolute;z-index:1;height:40px;width:160px;padding:0 20px;box-sizing:border-box;margin-top:-40px;text-align:center}
.tiles .meta {font-size: 12px;letter-spacing: .3px;font-weight: 700;color: #fff;text-shadow: 0 0 6px #000;}
.tiles .meta .stats{padding:10px 0;box-sizing:border-box}
.tiles .meta .views{width:40%;float:left;text-align:center;}
.tiles .meta .votes{width:30%;float:left;text-align:center;}
.icon-custom {width: 19px;height:19px;}
button .icon-wrapper {width: 48px;height: 48px;display: block;background: #222;border-radius: 50%;line-height: 48px;}
.icon-custom {display: inline-block;vertical-align: middle;background-repeat: no-repeat;background-size: 100% 100%;transition: all .3s;}
.fa-heart:before {content:"\f004";}
.fa-heartbeat:before {content:"\f21e"}
.fa, .fab, .fal, .far, .fas {-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;}
.fa, .fas {font-weight: 900;}
.icon-custom.mute {background-image: url(/static/stories/mute.svg);}
.icon-custom.volume {background-image: url(/static/stories/volume.svg);}
.icon-custom.loader {  background-image:url(/static/stories/loader.gif)}
.icon-custom.arrow-left {  background-image:url(/static/stories/arrow_left.svg)}
.icon-custom.angle-right {background-image: url(/static/stories/angle_right.svg);}
.icon-custom.angle-left {background-image: url(/static/stories/angle_left.svg);}
.icon-custom.cast {  width:14px;  height:14px;  background-image:url(/static/stories/cast.svg)}
.icon-custom.cast.active {  width:14px;  height:14px;  background-image:url(/static/stories/cast_active.svg)}
.icon-custom.swipe-up {  width:14px;  height:14px;  background-image:url(/static/stories/swipe_up.svg)}
.icon-custom.recent {  background-image:url(/static/stories/recent.svg)}
.icon-custom.star {  background-image:url(/static/stories/star.svg)}
.icon-custom.facebook {  background-image:url(/static/stories/facebook.svg)}
.icon-custom.messenger {  background-image:url(/static/stories/messenger.svg)}
.icon-custom.twitter {  background-image:url(/static/stories/twitter.svg)}
.icon-custom.whatsapp {  background-image:url(/static/stories/whatsapp.svg)}
.icon-custom.reddit {  background-image:url(/static/stories/reddit.svg)}
.icon-custom.mail {  background-image:url(/static/stories/mail.svg)}
.icon-custom.copy {  background-image:url(/static/stories/copy.svg)}
.cs-popup,.mobile-dock-nav.hidden {  bottom:-100%}
.cs-popup {  position:fixed;  display:none;  left:50%;  transform:translateX(-50%);  width:100%;  max-width:480px;  z-index:104;  background:#222;  border-radius:12px 12px 0 0;  box-shadow:0 8px 10px 10px #151515}
.cs-popup ul {  list-style-type:none;  padding-bottom:4px}
.cs-popup li {  text-align:left}
.cs-popup li:last-child a {  border:0}
.cs-popup li a {  color:#fff;  font-size:14px;  padding:16px 20px;  display:block;  border-bottom:1px solid #2f2f2f}
.cs-popup li .icon-wrapper {  margin-right:8px;  display:inline-block}
.cs-popup li .icon-custom {  width:24px;  height:24px}
.cs-popup.story-popup {  position:absolute}
.share-popup {  padding-top:20px}
.share-popup .title {  margin:0 0 25px;  font-size:16px;  color:#fff;  font-weight:700}
.share-popup .links-inline {  padding:0 10px}
.share-popup .links-inline:after {  content:"";  display:table;  clear:both}
.share-popup .links-inline a {  float:left;  width:33.333%;  color:#fff;  margin-bottom:20px}
.share-popup .links-inline a .value {  font-size:12px;  display:block;  line-height:1}
.share-popup .links-inline a .icon-wrapper.facebook {  background:#3184ff}
.share-popup .links-inline a .icon-wrapper.twitter {  background:#38a1f2}
.share-popup .links-inline a .icon-wrapper.whatsapp {  background:#48a820}
.share-popup .links-inline a .icon-wrapper.reddit {  background:#f55723}
.share-popup .links-inline a .icon-wrapper.mail {  background:#ac1f1c}
.share-popup .links-inline a .icon-custom {  width:25px;  height:25px}
.share-popup .links-inline a .icon-wrapper {  margin:0 auto 10px;  display:flex;  background:#323232;  width:45px;  height:45px;  border-radius:50%;  align-items:center;  align-content:center;  justify-content:center}
.share-popup .share-close {  background:none;  outline:none;  display:block;  text-align:center;  width:100%;  border:0;  font-size:14px;  color:#a0a0a0;  padding:20px 0;  margin-top:5px;  border-top:1px solid #323232}

.stories-modal .video-wrapper div#video_box{width:100%;height:100%}
.stories-modal .video-wrapper div#video_box video{object-fit:contain}
.stories-modal .video-loader img {object-fit:contain}

@media only screen and (max-width: 500px) {
	.tile{width:49%;height:330px;float:left;margin-right:3px;margin-bottom:3px;}
	div.stories-next{display:none}
	.stories-modal {width:100%;height:100%;left:0;top:0;bottom:0;right:0;transform:translate(0%,0%);}
	.stories-modal .video-loader img {filter:blur(10px);transform:scale(1.05);object-fit:contain}
}

.noscroll{position: fixed;top: var(--st, 0);inline-size: 100%;overflow-y:scroll;}

@media (min-width: 600px) {
	main.container-fullwidth{width:calc( 100% - 50px );}
	main.active{width:calc( 100% - 250px );}
}