@charset "utf-8";


/*
    zuck.js
    https://github.com/ramon82/zuck.js
    MIT License
*/
#zuck-modal {
    position: fixed!important;
}
.stories.carousel{background-color: #fff; padding: 12px 0 0; position: relative; z-index: 11; border-radius: 4px; white-space: nowrap; cursor: pointer;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
	overflow-scrolling:touch;
}
/*
.stories.carousel .swiper-wrapper { overflow:auto; }
.stories.carousel .swiper-wrapper::-webkit-scrollbar { height: 3px; border-radius: 0 0 10px 0px; overflow: hidden;}
.stories.carousel .swiper-wrapper::-webkit-scrollbar-track { background-color: #c9c9c9; border-radius: 0 0 10px 10px; }
.stories.carousel .swiper-wrapper::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #a5a5a5;}


#storiesSpor.stories.carousel .swiper-wrapper::-webkit-scrollbar-thumb { background-color: #338b5d;}
#storiesMagazine.stories.carousel .swiper-wrapper::-webkit-scrollbar-thumb { background-color: #b014d5;}
*/
.stories.carousel .swiper-wrapper { padding-bottom:10px; }

.swiper-scrollbar { height: 3px; background-color:#c9c9c9; }
.swiper-scrollbar-drag { height:100%; background-color:#686868; }
 
#storiesSpor.stories.carousel .swiper-scrollbar-drag { background-color:#338b5d; }
#storiesMagazine.stories.carousel .swiper-scrollbar-drag { background-color:#b014d5; }

.stories.carousel .story{display:inline-block;width:60px; margin: 0 8px;}

.stories.carousel .story > a {text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
.stories.carousel .story > a:active > .img {-webkit-transform: scale(0.9);-ms-transform: scale(0.9);transform: scale(0.9);}
.stories.carousel .story > a > .img {display:block;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:0;width: 60px; height: 60px;overflow:hidden;-webkit-transition: -webkit-transform 0.2s;transition: -webkit-transform 0.2s;-o-transition: transform 0.2s;transition: transform 0.2s;transition: transform 0.2s, -webkit-transform 0.2s;}
.stories.carousel .story > a > .img > * {display:block;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;width:100%;background-size:cover;background-position: center;}
.stories.carousel .story > a > .info {display:inline-block;margin-top:.5em;line-height:1.3;width:100%;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space: initial;}
.stories.carousel .story > a > .info strong { display: block; max-height: 22px; font-size: 16px; color: #4e4e4e; font-family: var(--font-medium); overflow: hidden;}
.stories.carousel .story > a > .info .time {display: none;}
.stories.carousel .story > .items {display:none;}

.stories.list{white-space:nowrap;overflow:auto;}
.stories.list .story{display: block;width: auto;margin: 6px;padding-bottom:6px;}
    
.stories.list .story > a {text-align:left;display:block;}
.stories.list .story > a > .img {height:42px;width:42px;max-width:42px;margin-right: 12px;vertical-align: top;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:0;overflow:hidden}
.stories.list .story > a > .img > * {display:block;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;width:100%;background-size:cover;background-position: center;}
.stories.list .story > a > .info {display:inline-block;line-height:1.6em;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;vertical-align: top;}
.stories.list .story > a > .info strong {font-weight:500;display: block}
.stories.list .story > a > .info .time {display: inline-block;}
.stories.list .story > .items {display:none;}

@-webkit-keyframes zuckSlideTime {0%{max-width: 0;}100%{max-width:100%;}}
@keyframes zuckSlideTime {0%{max-width: 0;}100%{max-width:100%;}}

@-webkit-keyframes zuckLoading {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
@keyframes zuckLoading {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}

#zuck-modal{outline: 0!important;overflow:hidden;position:fixed;background:rgba(0,0,0,0.75);z-index:100000;font-size:14px;font-family:inherit;}
#zuck-modal-content, #zuck-modal-content .story-viewer, #zuck-modal-content .story-viewer > .slides, #zuck-modal-content .story-viewer > .slides > *{width:100vw;height:100%; top: 0; bottom: 0;position: absolute;overflow:hidden;}
#zuck-modal * {-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline: 0;}

#zuck-modal.with-effects {-webkit-transform: scale(0.01);-ms-transform: scale(0.01);transform: scale(0.01);-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;-webkit-transition: 0.25s;-o-transition: 0.25s;transition: 0.25s;position: absolute;top:0;left:0;width:100vw;height:100%; top: 0; bottom: 0;}
#zuck-modal.with-effects.animated {-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);border-radius: 0; margin-top:0 !important;margin-left:0 !important;}
#zuck-modal.with-effects.closed {-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);}

#zuck-modal .slider {width:300vw;height: 100%; top: 0; bottom: 0;left:-100vw;position: absolute;}
#zuck-modal .slider > * {width: 100vw;height: 100%; top: 0; bottom: 0; position: absolute;}
#zuck-modal .slider > .previous {left:0;}
#zuck-modal .slider > .viewing {left:100vw;}
#zuck-modal .slider > .next {left:200vw;}
#zuck-modal .slider.animated{-webkit-transition:-webkit-transform .25s linear;transition:-webkit-transform .25s linear;-o-transition:transform .25s linear;transition:transform .25s linear;transition:transform .25s linear, -webkit-transform .25s linear;}

#zuck-modal.with-cube #zuck-modal-content {-webkit-perspective: 1000vw;perspective: 1000vw;-webkit-transform:scale(0.95);-ms-transform:scale(0.95);transform:scale(0.95);-webkit-perspective-origin: 50% 50%;perspective-origin: 50% 50%;overflow: visible;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;}
#zuck-modal.with-cube .slider {-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transform: rotateY(0deg);transform: rotateY(0deg)}
#zuck-modal.with-cube .slider > .previous {-webkit-backface-visibility: hidden;backface-visibility: hidden;left: 100vw;-webkit-transform: rotateY(270deg) translateX(-50%);transform: rotateY(270deg) translateX(-50%);-webkit-transform-origin: center left;-ms-transform-origin: center left;transform-origin: center left;}
#zuck-modal.with-cube .slider > .viewing {-webkit-backface-visibility: hidden;backface-visibility: hidden;left: 100vw;-webkit-transform: translateZ(50vw);transform: translateZ(50vw);}
#zuck-modal.with-cube .slider > .next {-webkit-backface-visibility: hidden;backface-visibility: hidden;left:100vw;-webkit-transform: rotateY(-270deg) translateX(50%);transform: rotateY(-270deg) translateX(50%);-webkit-transform-origin: top right;-ms-transform-origin: top right;transform-origin: top right;}

#zuck-modal-content .story-viewer.paused.longPress .head,#zuck-modal-content .story-viewer.paused.longPress .slides-pointers,#zuck-modal-content .story-viewer.paused.longPress .tip{opacity:0;}
#zuck-modal-content .story-viewer.viewing:not(.paused):not(.stopped) .slides-pointers > * > .active > b{-webkit-animation-play-state:running;animation-play-state:running;}
#zuck-modal-content .story-viewer.next{z-index:10;}
#zuck-modal-content .story-viewer.viewing{z-index:5;}
#zuck-modal-content .story-viewer.previous{z-index:0;}
#zuck-modal-content .story-viewer.muted .tip.muted, #zuck-modal-content .story-viewer.loading .head .loading {display: block}
#zuck-modal-content .story-viewer.loading .head .right .time, #zuck-modal-content .story-viewer.loading .head .right .close {display: none}

#zuck-modal-content .story-viewer .slides-pointers{display:table;table-layout:fixed;border-spacing:6px;border-collapse:separate;position:absolute;width:100vh; top: 0; bottom: 0;top:0;left:calc(50vw - 50vh);right:calc(50vw - 50vh);z-index:100020;}
#zuck-modal-content .story-viewer .slides-pointers > *{display:table-row;}
#zuck-modal-content .story-viewer .slides-pointers > * > *{display:table-cell;background:rgba(255,255,255,0.5);border-radius:2px;}
#zuck-modal-content .story-viewer .slides-pointers > * > .seen{background:#fff;}
#zuck-modal-content .story-viewer .slides-pointers > * > * > b{background:#fff;width:auto;max-width:0;height:2px;display:block;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-play-state:paused;animation-play-state:paused;border-radius:2px;}
#zuck-modal-content .story-viewer .slides-pointers > * > .active > b{-webkit-animation-name:zuckSlideTime;animation-name:zuckSlideTime;-webkit-animation-timing-function:linear;animation-timing-function:linear;}

#zuck-modal-content .story-viewer .head{position:absolute;height:56px;left:0;right:0;line-height:56px;z-index:100010;color:#fff;font-size:14px;text-shadow:1px 1px 1px rgba(0,0,0,0.35), 1px 0 1px rgba(0,0,0,0.35);padding:0 6px;}
#zuck-modal-content .story-viewer .head .img{vertical-align: top;background-size:cover;width:42px;height:42px;display:inline-block;margin-right:12px;border-radius:50%;vertical-align:middle;background-repeat:no-repeat;background-position:center;}
#zuck-modal-content .story-viewer .head .img:before{content:'';display:block;width:100%;height:100%;border-radius:50%;border:1px solid #000;opacity:0.1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";-webkit-box-sizing:border-box;box-sizing:border-box;}
#zuck-modal-content .story-viewer .head .time{opacity:0.75;font-weight:500;font-size:13px;}
#zuck-modal-content .story-viewer .head .left{line-height: 1 !important;display:inline-block;margin:6px 0;}
#zuck-modal-content .story-viewer .head .left > div{display:inline-block;max-width:30vw;vertical-align:middle;}
#zuck-modal-content .story-viewer .head .left > div > *{width:100%;display:inline-block;line-height:21px;}
#zuck-modal-content .story-viewer .head .left > div > strong {font-weight: 500;}
#zuck-modal-content .story-viewer .head .right{float:right;}
#zuck-modal-content .story-viewer .head .right .close, #zuck-modal-content .story-viewer .head .back {font-size:42px;width:48px;cursor: pointer;text-align:center;}
#zuck-modal-content .story-viewer .head .left > .back {display: none; width:24px; margin:-6px -6px 0 -6px}
#zuck-modal-content .story-viewer .head .right .time {display:none;}
#zuck-modal-content .story-viewer .head .loading {display:none;border-radius:50%;width:30px;height:30px;border:4px solid rgba(255,255,255,0.2);-webkit-box-sizing: border-box;box-sizing: border-box;border-top-color:#FFF;-webkit-animation:zuckLoading 1s infinite linear;animation:zuckLoading 1s infinite linear;}

#zuck-modal-content .story-viewer .head, #zuck-modal-content .story-viewer .slides-pointers, #zuck-modal-content .story-viewer .tip{-webkit-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s;}

#zuck-modal-content .story-viewer .slides .item{display:none;overflow:hidden;background:#000;}
#zuck-modal-content .story-viewer .slides .item:before{z-index: 4;background: transparent;content:'';position: absolute;left:0;right:0;bottom:0;top:0;}
#zuck-modal-content .story-viewer .slides .item > .media {height:100%;position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);margin:auto;}
#zuck-modal-content .story-viewer .slides .item.active, #zuck-modal-content .story-viewer .slides .item.active .tip.link {display:block;}

#zuck-modal-content .story-viewer .tip{z-index: 5; text-decoration: none;display: none;border-radius:24px;background:rgba(0,0,0,0.5);font-size:16px;position:absolute;bottom:24px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:1000;color:#fff;text-align:center;text-transform:uppercase;font-weight:500;padding:12px 24px;}

/* snapgram styles */
.stories.snapgram .story > a {text-decoration:none; font-size: 12px; font-family:PT Sans,sans-serif;}
.stories.snapgram .story > a > .img {border-radius:50%;padding:2px; background: -webkit-gradient(linear, left bottom, left top, from(rgba(236,178,61,1)), to(rgba(175,61,119,1))); background: -o-linear-gradient(bottom, rgba(236,178,61,1) 0%, rgba(175,61,119,1) 100%); background: linear-gradient(0deg, rgba(236,178,61,1) 0%, rgba(175,61,119,1) 100%);}
.stories.snapgram .story > a > .img > * {border-radius: 50%; border:2px solid #fff;}

.stories.snapgram .story.seen{opacity:.75}
.stories.snapgram .story.seen > a > .img {background:#999}
.stories.snapgram .story.seen > a{color:#999!important}

.stories .swiper-slide { -ms-flex-negative:1; flex-shrink:1; }


@media (min-width: 768px) {
	/*
	.stories.carousel::-webkit-scrollbar { width: 100%; height: 8px; background: #e2e2e2;}
	.stories.carousel::-webkit-scrollbar-track {background-color: #eee; }
	.stories.carousel::-webkit-scrollbar-thumb { background:#dcdcdc; }
	*/
	.stories.carousel{ padding:20px 0 0; }
	.stories.carousel .swiper-wrapper { padding-bottom:20px; }
	.stories.carousel .story > a > .info {color: #fff;}

	.stories.carousel .story > a > .info strong { max-height: 44px; }

}

@media (min-width: 992px) {
	.stories.carousel .story { width:70px; margin:0 10px; }
	.stories.carousel .story > a > .img { width:70px; height:70px; }
}

@media (min-width: 1200px) {
	.stories.carousel .story { width:80px; }
	.stories.carousel .story > a > .img { width:84px; height:84px; }
}

@media (min-width: 1440px) {
	.stories.carousel .story { width:92px; margin:0 15px; }
}

@media (max-width: 1024px) {

	#zuck-modal-content .story-viewer .head{top:3px;}
	#zuck-modal-content .story-viewer .head .loading {width: 24px;height: 24px;margin: 6px 0;}
	#zuck-modal-content .story-viewer .head .img{width:30px;height:30px;margin-right:12px;}
	#zuck-modal-content .story-viewer .head .left{font-size:15px;margin:15px 0;}
	#zuck-modal-content .story-viewer .head .left > div {line-height:30px;}
	#zuck-modal-content .story-viewer .head .right .time{display:block;white-space:nowrap;font-size:15px;margin: 15px 0;line-height: 30px}
	#zuck-modal-content .story-viewer .head .left > .back {display: none; background: transparent;z-index: 20; visibility: visible;margin:-6px 0;position: absolute;height:42px;width:72px;line-height: 36px;text-align: left; vertical-align: top;text-shadow:none;}
	
	#zuck-modal-content .story-viewer.with-back-button .head .left > .back {display: block;}
	#zuck-modal-content .story-viewer.with-back-button .head .left .img {margin-left:18px}
    
	#zuck-modal-content .story-viewer .slides-pointers {width:100vw;left:0;right:0;}
	
	#zuck-modal-content .story-viewer .tip{font-size:14px;padding:6px 12px;}
	#zuck-modal-content .story-viewer .head .left .time,#zuck-modal-content .story-viewer .head .right .close{display:none;}
}

@media (max-width:325px) {
	.stories.carousel .story { margin:0 3px; }
}