.sStory-thumb-wrapper .item {
	margin: 0 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	order: 1;
	cursor: pointer
}

.sStory-thumb-wrapper .item.seen {
	order: 2
}

.sStory-thumb-wrapper .item.seen .img {
	border: 3px solid #afafaf
}

.sStory-thumb-wrapper .item .img {
	width: 50px;
	height: 50px;
	background-color: #dedede;
	border-radius: 50%;
	overflow: hidden;
	border: 3px solid #ff003b
}

.sStory-thumb-wrapper .item .img img {
	display: block
}

.sStory-thumb-wrapper .item span {
	display: block;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0
}

.sStory-media-wrapper {
	display: flex;
	align-items: center;
	position: fixed;
	bottom: -100%;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #202020;
	transform: scale(0.1);
	transition: .15s;
	z-index: 999999
}

.sStory-media-wrapper.active {
	bottom: 0;
	transform: scale(1)
}

.sStory-media-wrapper .media-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 100%;
	max-width: 640px;
	height: 100%;
	max-height: 1140px;
	position: relative;
	margin: 0 auto
}

.sStory-media-wrapper .media-wrapper>.items {
	position: relative;
	width: 100%;
	height: 100%
}

.sStory-media-wrapper .media-wrapper .navigation {
	width: 40px;
	height: 40px;
	padding: 0px;
	outline: none;
	border: 0;
	border-radius: 5px;
	background-color: #f6f6f6;
	position: absolute;
	top: 50%;
	transform: translateY(-50%) scale(1);
	z-index: 30;
	transition: top .6s;
	text-indent: -999999px;
	transition: .3s;
	cursor: pointer
}

.sStory-media-wrapper .media-wrapper .navigation:active {
	transform: translateY(-50%) scale(0.8)
}

.sStory-media-wrapper .media-wrapper .navigation.prev-button {
	left: 5px;
	background: transparent url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyNSAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI0LjMxMjQgMS44MTI0OVYyNi4xODc1QzI0LjMxMTkgMjYuMzY0MiAyNC4yNjE1IDI2LjUzNzIgMjQuMTY3IDI2LjY4NjRDMjQuMDcyNCAyNi44MzU3IDIzLjkzNzYgMjYuOTU1MyAyMy43NzgxIDI3LjAzMTJDMjMuNjUzIDI3LjA5NCAyMy41MTQ4IDI3LjEyNjIgMjMuMzc0OSAyNy4xMjVDMjMuMTYwMiAyNy4xMjU5IDIyLjk1MTggMjcuMDUzMSAyMi43ODQzIDI2LjkxODdMMTYuODEyNCAyMi4wNjI1TDcuNzg0MyAxNC43MzEyQzcuNjc0ODEgMTQuNjQzNCA3LjU4NjQ0IDE0LjUzMjEgNy41MjU3MiAxNC40MDU1QzcuNDY1IDE0LjI3ODkgNy40MzM0NyAxNC4xNDA0IDcuNDMzNDcgMTRDNy40MzM0NyAxMy44NTk2IDcuNDY1IDEzLjcyMSA3LjUyNTcyIDEzLjU5NDVDNy41ODY0NCAxMy40Njc5IDcuNjc0ODEgMTMuMzU2NiA3Ljc4NDMgMTMuMjY4N0wxNi44MTI0IDUuOTM3NDlMMjIuNzg0MyAxLjA4MTI0QzIyLjkyMjQgMC45NzA1OTcgMjMuMDg5MSAwLjkwMTMxNyAyMy4yNjQ5IDAuODgxNDA5QzIzLjQ0MDggMC44NjE1IDIzLjYxODcgMC44OTE3NzcgMjMuNzc4MSAwLjk2ODczNkMyMy45Mzc2IDEuMDQ0NzIgMjQuMDcyNCAxLjE2NDI0IDI0LjE2NyAxLjMxMzUzQzI0LjI2MTUgMS40NjI4MSAyNC4zMTE5IDEuNjM1NzggMjQuMzEyNCAxLjgxMjQ5WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTcuMTkzNjggMTIuNTQ2OUM2Ljk3ODA0IDEyLjcyMjcgNi44MDQyNCAxMi45NDQzIDYuNjg0ODggMTMuMTk1N0M2LjU2NTUzIDEzLjQ0NyA2LjUwMzYgMTMuNzIxOCA2LjUwMzYgMTRDNi41MDM2IDE0LjI3ODIgNi41NjU1MyAxNC41NTMgNi42ODQ4OCAxNC44MDQzQzYuODA0MjQgMTUuMDU1NyA2Ljk3ODA0IDE1LjI3NzMgNy4xOTM2OCAxNS40NTMxTDE2LjgxMjQgMjMuMjcxOVYyNi4xODc1QzE2LjgxMjkgMjYuMzY2OCAxNi43NjE5IDI2LjU0MjUgMTYuNjY1NSAyNi42OTM3QzE2LjU2OTEgMjYuODQ0OSAxNi40MzE0IDI2Ljk2NTMgMTYuMjY4NyAyNy4wNDA2QzE2LjE0NDYgMjcuMDk1MyAxNi4wMTA2IDI3LjEyNCAxNS44NzQ5IDI3LjEyNUMxNS42NDgzIDI3LjEyNzMgMTUuNDI4NCAyNy4wNDczIDE1LjI1NjIgMjYuOUwxLjE5MzY4IDE0LjcxMjVDMS4wOTA3NiAxNC42MjQ1IDEuMDA4MTMgMTQuNTE1MiAwLjk1MTQ3MiAxNC4zOTIyQzAuODk0ODE2IDE0LjI2OTIgMC44NjU0NzkgMTQuMTM1NCAwLjg2NTQ3OSAxNEMwLjg2NTQ3OSAxMy44NjQ2IDAuODk0ODE2IDEzLjczMDggMC45NTE0NzIgMTMuNjA3OEMxLjAwODEzIDEzLjQ4NDggMS4wOTA3NiAxMy4zNzU1IDEuMTkzNjggMTMuMjg3NUwxNS4yNTYyIDEuMUMxNS4zOTMyIDAuOTgxMDkyIDE1LjU2MTggMC45MDQ1MTIgMTUuNzQxNiAwLjg3OTU1QzE1LjkyMTMgMC44NTQ1ODkgMTYuMTA0NCAwLjg4MjMxOCAxNi4yNjg3IDAuOTU5Mzc0QzE2LjQzMTQgMS4wMzQ2OSAxNi41NjkxIDEuMTU1MDkgMTYuNjY1NSAxLjMwNjNDMTYuNzYxOSAxLjQ1NzUxIDE2LjgxMjkgMS42MzMxOSAxNi44MTI0IDEuODEyNVY0LjcyODEyTDcuMTkzNjggMTIuNTQ2OVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=") no-repeat left center/60%
}

.sStory-media-wrapper .media-wrapper .navigation.next-button {
	right: 5px;
	background: transparent url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyNSAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNjg3NTY5IDI2LjE4NzVMMC42ODc1NzEgMS44MTI1MUMwLjY4ODA3MSAxLjYzNTgxIDAuNzM4NTAxIDEuNDYyODQgMC44MzMwNDggMS4zMTM1NUMwLjkyNzU5NiAxLjE2NDI3IDEuMDYyNDEgMS4wNDQ3NCAxLjIyMTk1IDAuOTY4NzYyQzEuMzQ2OTcgMC45MDU5NTMgMS40ODUxNiAwLjg3MzgxNiAxLjYyNTA3IDAuODc1MDEyQzEuODM5NzUgMC44NzQxMDggMi4wNDgyNCAwLjk0NjkxMyAyLjIxNTcgMS4wODEyNkw4LjE4NzU3IDUuOTM3NTFMMTcuMjE1NyAxMy4yNjg4QzE3LjMyNTIgMTMuMzU2NiAxNy40MTM2IDEzLjQ2NzkgMTcuNDc0MyAxMy41OTQ1QzE3LjUzNSAxMy43MjExIDE3LjU2NjUgMTMuODU5NiAxNy41NjY1IDE0QzE3LjU2NjUgMTQuMTQwNCAxNy41MzUgMTQuMjc5IDE3LjQ3NDMgMTQuNDA1NUMxNy40MTM2IDE0LjUzMjEgMTcuMzI1MiAxNC42NDM0IDE3LjIxNTcgMTQuNzMxM0w4LjE4NzU3IDIyLjA2MjVMMi4yMTU2OSAyNi45MTg4QzIuMDc3NTYgMjcuMDI5NCAxLjkxMDkzIDI3LjA5ODcgMS43MzUwNyAyNy4xMTg2QzEuNTU5MjIgMjcuMTM4NSAxLjM4MTMyIDI3LjEwODIgMS4yMjE5NCAyNy4wMzEzQzEuMDYyNDEgMjYuOTU1MyAwLjkyNzU5MyAyNi44MzU4IDAuODMzMDQ2IDI2LjY4NjVDMC43Mzg0OTkgMjYuNTM3MiAwLjY4ODA2OCAyNi4zNjQyIDAuNjg3NTY5IDI2LjE4NzVaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTcuODA2MyAxNS40NTMxQzE4LjAyMiAxNS4yNzczIDE4LjE5NTggMTUuMDU1NyAxOC4zMTUxIDE0LjgwNDNDMTguNDM0NSAxNC41NTMgMTguNDk2NCAxNC4yNzgyIDE4LjQ5NjQgMTRDMTguNDk2NCAxMy43MjE4IDE4LjQzNDUgMTMuNDQ3IDE4LjMxNTEgMTMuMTk1N0MxOC4xOTU4IDEyLjk0NDMgMTguMDIyIDEyLjcyMjcgMTcuODA2MyAxMi41NDY5TDguMTg3NTggNC43MjgxMkw4LjE4NzU4IDEuODEyNUM4LjE4NzEzIDEuNjMzMTggOC4yMzgxMiAxLjQ1NzUxIDguMzM0NSAxLjMwNjNDOC40MzA4OCAxLjE1NTA4IDguNTY4NiAxLjAzNDY4IDguNzMxMzMgMC45NTkzNzRDOC44NTU0NCAwLjkwNDY3MSA4Ljk4OTQ0IDAuODc1OTU2IDkuMTI1MDggMC44NzQ5OTlDOS4zNTE3NSAwLjg3MjcyNyA5LjU3MTU2IDAuOTUyNjYgOS43NDM4MyAxLjFMMjMuODA2MyAxMy4yODc1QzIzLjkwOTIgMTMuMzc1NSAyMy45OTE5IDEzLjQ4NDggMjQuMDQ4NSAxMy42MDc4QzI0LjEwNTIgMTMuNzMwOCAyNC4xMzQ1IDEzLjg2NDYgMjQuMTM0NSAxNEMyNC4xMzQ1IDE0LjEzNTQgMjQuMTA1MiAxNC4yNjkyIDI0LjA0ODUgMTQuMzkyMkMyMy45OTE5IDE0LjUxNTIgMjMuOTA5MiAxNC42MjQ1IDIzLjgwNjMgMTQuNzEyNUw5Ljc0MzgyIDI2LjlDOS42MDY3NyAyNy4wMTg5IDkuNDM4MTUgMjcuMDk1NSA5LjI1ODQzIDI3LjEyMDRDOS4wNzg3IDI3LjE0NTQgOC44OTU2IDI3LjExNzcgOC43MzEzMyAyNy4wNDA2QzguNTY4NTkgMjYuOTY1MyA4LjQzMDg3IDI2Ljg0NDkgOC4zMzQ1IDI2LjY5MzdDOC4yMzgxMiAyNi41NDI1IDguMTg3MTMgMjYuMzY2OCA4LjE4NzU3IDI2LjE4NzVMOC4xODc1NyAyMy4yNzE5TDE3LjgwNjMgMTUuNDUzMVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=") no-repeat right center/60%
}

.sStory-media-wrapper .media-wrapper .navigation.share-active {
	top: 32%
}

.sStory-media-wrapper .media-wrapper .progress {
	width: calc(100% - 20px);
	padding: 0 10px;
	position: absolute;
	top: 5px;
	left: 0;
	z-index: 50;
	display: flex;
	align-items: center;
	justify-content: space-between
}

.sStory-media-wrapper .media-wrapper .progress .progress-item {
	display: flex;
	width: 100%;
	height: 2px;
	margin-right: 10px;
	background-color: rgba(255, 255, 255, .5);
	border-radius: 2px;
	position: relative;
	box-shadow: 0 0 10px 5px rgba(0, 0, 0, .25)
}

.sStory-media-wrapper .media-wrapper .progress .progress-item:last-child {
	margin-right: 0px
}

.sStory-media-wrapper .media-wrapper .progress .progress-item span {
	width: 0%;
	height: 100%;
	background-color: #fff
}

.sStory-media-wrapper .media-wrapper .progress .progress-item span:before {
	content: "";
	opacity: 0;
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	transition: top .4s, opacity .4s;
	font-size: 13px;
	color: #fff;
	text-align: center
}

.sStory-media-wrapper .media-wrapper .progress .progress-item.active span {
	animation-name: progress;
	animation-timing-function: linear;
	animation-play-state: running;
	animation-fill-mode: forwards
}

.sStory-media-wrapper .media-wrapper .progress .progress-item.pause span {
	animation-play-state: paused
}

.sStory-media-wrapper .media-wrapper .progress .progress-item.pause span:before {
	content: "durduruldu";
	top: 5px;
	opacity: 1
}

.sStory-media-wrapper .media-wrapper .progress .progress-item.loading span:before {
	content: "yükleniyor";
	top: 5px;
	opacity: 1
}

.sStory-media-wrapper .media-wrapper .progress .progress-item.seen span {
	width: 100%;
	animation: none
}

@keyframes progress {
	0% {
		width: 0%
	}
	100% {
		width: 100%
	}
}

.sStory-media-wrapper .media {
	display: none;
	position: relative;
	overflow: hidden;
	height: 100%
}

.sStory-media-wrapper .media .media-item {
	display: flex;
	align-items: center;
	height: 100%;
	transform: scale(1.2);
	transition: transform .25s
}

.sStory-media-wrapper .media .media-item img,
.sStory-media-wrapper .media .media-item video {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
	margin: 0 auto
}

.sStory-media-wrapper .media .media-item label {
	background-color: rgba(0, 0, 0, .5);
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	border-radius: 6px;
	padding: 10px 20px;
	position: absolute;
	bottom: 10%;
	left: 50%;
	transform: translate(-50%, 0%);
	opacity: 1;
	transition: bottom .2s, opacity .2s
}

.sStory-media-wrapper .media .media-item .twitter-embed {
	width: calc(100% - 56px);
	height: 100%;
	padding: 100px 28px;
	display: flex;
	align-items: center;
	justify-content: center
}

.sStory-media-wrapper .media .media-item .twitter-embed iframe {
	max-width: 100%
}

.sStory-media-wrapper .media .media-item .youtube-embed {
	width: calc(100% - 56px);
	height: 100%;
	padding: 100px 28px;
	display: flex;
	align-items: center;
	justify-content: center
}

.sStory-media-wrapper .media .media-item .youtube-embed iframe {
	max-width: 100%
}

.sStory-media-wrapper .media .media-item .youtube-embed .embeded {
	padding-top: 56.25%;
	position: relative;
	display: block;
	width: 100%;
	border-radius: 4px;
	border: 2px solid #fff;
	overflow: hidden
}

.sStory-media-wrapper .media .media-item .youtube-embed .embeded iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.sStory-media-wrapper .media .media-item.animation {
	transform: scale(1)
}

.sStory-media-wrapper .media.active {
	display: block
}

.sStory-media-wrapper .media.pause .media-item label {
	bottom: 30%;
	opacity: 0
}

.sStory-media-wrapper .media .popup {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	width: calc(100% - 20px);
	padding: 10px 10px 0 10px;
	background-color: #fff;
	transform: translateY(100%);
	transition: .4s;
	z-index: 30
}

.sStory-media-wrapper .media .popup.active {
	transform: translateY(0%)
}

.sStory-media-wrapper .media .popup .close {
	position: absolute;
	right: 10px;
	top: 10px;
	outline: none;
	width: 35px;
	height: 35px;
	border: 0;
	text-indent: -99999px;
	transition: .3s;
	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzciIGhlaWdodD0iMzciIHZpZXdCb3g9IjAgMCAzNyAzNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4LjUgMC45NTAwMTJDMTUuMDI4OSAwLjk1MDAxMiAxMS42MzU4IDEuOTc5MyA4Ljc0OTcgMy45MDc3MkM1Ljg2MzYyIDUuODM2MTQgMy42MTQxOSA4LjU3NzA4IDIuMjg1ODcgMTEuNzgzOUMwLjk1NzU1NSAxNC45OTA4IDAuNjEwMDA3IDE4LjUxOTUgMS4yODcxOCAyMS45MjM5QzEuOTY0MzUgMjUuMzI4MiAzLjYzNTgyIDI4LjQ1NTMgNi4wOTAyNCAzMC45MDk3QzguNTQ0NjUgMzMuMzY0MiAxMS42NzE4IDM1LjAzNTYgMTUuMDc2MSAzNS43MTI4QzE4LjQ4MDUgMzYuMzkgMjIuMDA5MiAzNi4wNDI0IDI1LjIxNjEgMzQuNzE0MUMyOC40MjI5IDMzLjM4NTggMzEuMTYzOCAzMS4xMzY0IDMzLjA5MjMgMjguMjUwM0MzNS4wMjA3IDI1LjM2NDIgMzYuMDUgMjEuOTcxMSAzNi4wNSAxOC41QzM2LjA0NCAxMy44NDczIDM0LjE5MzEgOS4zODY4NCAzMC45MDMxIDYuMDk2ODZDMjcuNjEzMSAyLjgwNjg5IDIzLjE1MjcgMC45NTU5NjYgMTguNSAwLjk1MDAxMlpNMjMuNTA0IDIxLjU5NkMyMy43NTY4IDIxLjg0OTEgMjMuODk4OCAyMi4xOTIzIDIzLjg5ODggMjIuNTVDMjMuODk4OCAyMi45MDc4IDIzLjc1NjggMjMuMjUwOSAyMy41MDQgMjMuNTA0QzIzLjI1MDggMjMuNzU2OCAyMi45MDc3IDIzLjg5ODggMjIuNTUgMjMuODk4OEMyMi4xOTIyIDIzLjg5ODggMjEuODQ5MSAyMy43NTY4IDIxLjU5NiAyMy41MDRMMTguNSAyMC40MDhMMTUuNDA0IDIzLjUwNEMxNS4xNTA4IDIzLjc1NjggMTQuODA3NyAyMy44OTg4IDE0LjQ1IDIzLjg5ODhDMTQuMDkyMiAyMy44OTg4IDEzLjc0OTEgMjMuNzU2OCAxMy40OTYgMjMuNTA0QzEzLjI0MzIgMjMuMjUwOSAxMy4xMDExIDIyLjkwNzggMTMuMTAxMSAyMi41NUMxMy4xMDExIDIyLjE5MjMgMTMuMjQzMiAyMS44NDkxIDEzLjQ5NiAyMS41OTZMMTYuNTkyIDE4LjVMMTMuNDk2IDE1LjQwNEMxMy4yNTc1IDE1LjE0ODEgMTMuMTI3NyAxNC44MDk2IDEzLjEzMzggMTQuNDU5OUMxMy4xNCAxNC4xMTAxIDEzLjI4MTcgMTMuNzc2NCAxMy41MjkgMTMuNTI5MUMxMy43NzY0IDEzLjI4MTggMTQuMTEwMSAxMy4xNDAxIDE0LjQ1OTggMTMuMTMzOUMxNC44MDk2IDEzLjEyNzcgMTUuMTQ4IDEzLjI1NzYgMTUuNDA0IDEzLjQ5NkwxOC41IDE2LjU5MkwyMS41OTYgMTMuNDk2QzIxLjg1MTkgMTMuMjU3NiAyMi4xOTA0IDEzLjEyNzcgMjIuNTQwMSAxMy4xMzM5QzIyLjg4OTggMTMuMTQwMSAyMy4yMjM1IDEzLjI4MTggMjMuNDcwOSAxMy41MjkxQzIzLjcxODIgMTMuNzc2NCAyMy44NTk5IDE0LjExMDEgMjMuODY2MSAxNC40NTk5QzIzLjg3MjIgMTQuODA5NiAyMy43NDI0IDE1LjE0ODEgMjMuNTA0IDE1LjQwNEwyMC40MDggMTguNUwyMy41MDQgMjEuNTk2WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==") no-repeat center center/100%;
	cursor: pointer;
	transition: .3s
}

.sStory-media-wrapper .media .popup .close:hover {
	transform: scale(0.8)
}

.sStory-media-wrapper .media .popup label {
	display: block;
	margin: 0 0 25px;
	font-size: 25px;
	text-align: center
}

.sStory-media-wrapper .media .popup .button {
	display: block;
	width: 250px;
	margin: 0 auto
}

.sStory-media-wrapper .media .popup .button button {
	display: block;
	width: 100%;
	height: 50px;
	border: 0;
	position: relative;
	background-color: transparent;
	outline: none
}

.sStory-media-wrapper .media .popup .button button:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 35px;
	height: 35px
}

.sStory-media-wrapper .media .popup .button button:after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 25px;
	height: 25px;
	border: 1px solid #9e9e9e;
	border-radius: 50%
}

.sStory-media-wrapper .media .popup .button.active button:after {
	background-color: #333
}

.sStory-media-wrapper .media .popup .button.facebook button:before {
	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA1MCA1MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI1IDUwQzM4LjgwNzEgNTAgNTAgMzguODA3MSA1MCAyNUM1MCAxMS4xOTI5IDM4LjgwNzEgMCAyNSAwQzExLjE5MjkgMCAwIDExLjE5MjkgMCAyNUMwIDM4LjgwNzEgMTEuMTkyOSA1MCAyNSA1MFoiIGZpbGw9IiMzQjU5OTgiLz4KPHBhdGggZD0iTTI5LjQ1MzEgMTQuNzY1NkMzMC45NzY2IDE0Ljc2NTYgMzIuOTk4MSAxNC43NjU2IDMyLjk5ODEgMTQuNzY1NlY5LjQ3MjY2QzMyLjk5ODEgOS40NzI2NiAzMC44NjkyIDkuNDcyNjYgMjcuOTc4NSA5LjQ3MjY2QzI1LjA4NzkgOS40NzI2NiAyMS4zMjgxIDExLjMyODEgMjEuMzI4MSAxNi43MTg3QzIxLjMyODEgMTcuNzI0NiAyMS4zMjgxIDE5LjE5OTIgMjEuMzI4MSAyMC45MThIMTYuNTMzMlYyNi4zOTY1SDIxLjMyODFDMjEuMzI4MSAzMy4yMjI3IDIxLjMyODEgNDAuNjU0MyAyMS4zMjgxIDQwLjY1NDNIMjMuNDU3SDI1LjE0NjVIMjcuMDUwOEMyNy4wNTA4IDQwLjY1NDMgMjcuMDUwOCAzMi45NTkgMjcuMDUwOCAyNi4zOTY1SDMxLjgxNjRMMzIuNjA3NCAyMC45MThIMjcuMDUwOEMyNy4wNTA4IDE5LjEyMTEgMjcuMDUwOCAxNy44MTI1IDI3LjA1MDggMTcuNDMxNkMyNy4wNTA4IDE1LjYzNDggMjcuOTI5NyAxNC43NjU2IDI5LjQ1MzEgMTQuNzY1NloiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=") no-repeat center center/100%
}

.sStory-media-wrapper .media .popup .button.twitter button:before {
	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA1MCA1MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUwIDI1QzUwIDM4LjgwODYgMzguODA4NiA1MCAyNSA1MEMxMS4xOTE0IDUwIDAgMzguODA4NiAwIDI1QzAgMTEuMTkxNCAxMS4xOTE0IDAgMjUgMEMzOC44MDg2IDAgNTAgMTEuMTkxNCA1MCAyNVoiIGZpbGw9IiMxREExRjIiLz4KPHBhdGggZD0iTTM1LjAwOTggMTkuODE0NUMzNS4zMzIgMjcuMDMxMiAyOS45NTEyIDM1LjA2ODQgMjAuNDI5NyAzNS4wNjg0QzE3LjUyOTMgMzUuMDY4NCAxNC44MzQgMzQuMjE4OCAxMi41Njg0IDMyLjc2MzdDMTUuMjkzIDMzLjA4NTkgMTguMDA3OCAzMi4zMzQgMjAuMTY2IDMwLjY0NDVDMTcuOTE5OSAzMC42MDU1IDE2LjAyNTQgMjkuMTIxMSAxNS4zNzExIDI3LjA4MDFDMTYuMTcxOSAyNy4yMzYzIDE2Ljk2MjkgMjcuMTg3NSAxNy42ODU1IDI2Ljk5MjJDMTUuMjE0OCAyNi40OTQxIDEzLjUxNTYgMjQuMjc3MyAxMy41NzQyIDIxLjg5NDVDMTQuMjY3NiAyMi4yNzU0IDE1LjA1ODYgMjIuNTA5OCAxNS44OTg0IDIyLjUzOTFDMTMuNjEzMyAyMS4wMTU2IDEyLjk2ODggMTcuOTk4IDE0LjMwNjYgMTUuNjkzNEMxNi44MzU5IDE4Ljc5ODggMjAuNjE1MiAyMC44Mzk4IDI0Ljg4MjggMjEuMDU0N0MyNC4xNDA2IDE3Ljg0MTggMjYuNTcyMyAxNC43NTU5IDI5Ljg4MjggMTQuNzU1OUMzMS4zNTc0IDE0Ljc1NTkgMzIuNjg1NSAxNS4zODA5IDMzLjYyMyAxNi4zNzdDMzQuNzk0OSAxNi4xNDI2IDM1Ljg4ODcgMTUuNzIyNyAzNi44ODQ4IDE1LjEzNjdDMzYuNTAzOSAxNi4zMzc5IDM1LjY4MzYgMTcuMzQzOCAzNC42Mjg5IDE3Ljk3ODVDMzUuNjY0MSAxNy44NTE2IDM2LjY1MDQgMTcuNTc4MSAzNy41NzgxIDE3LjE2OEMzNi44NzUgMTguMTkzNCAzNi4wMDU5IDE5LjA5MTggMzUuMDA5OCAxOS44MTQ1WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==") no-repeat center center/100%
}

.sStory-media-wrapper .media .popup .button.whatsapp button:before {
	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA1MCA1MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNSA1MEMzOC44MDcxIDUwIDUwIDM4LjgwNzEgNTAgMjVDNTAgMTEuMTkyOSAzOC44MDcxIDAgMjUgMEMxMS4xOTI5IDAgMCAxMS4xOTI5IDAgMjVDMCAzOC44MDcxIDExLjE5MjkgNTAgMjUgNTBaIiBmaWxsPSIjNTdCQjYzIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjUuMDU5MyAzOC41MTc1QzIyLjY3NTYgMzguNTE3NSAyMC40MzYyIDM3LjkwODMgMTguNDg3OSAzNi44MzkxTDEwLjk2MTQgMzkuMjMwOEwxMy40MTUgMzEuOTkzMkMxMi4xNzc0IDI5Ljk2MDMgMTEuNDY0NSAyNy41NzYzIDExLjQ2NDUgMjUuMDI4QzExLjQ2NDUgMTcuNTc3OCAxNy41NTEgMTEuNTM4NSAyNS4wNTk2IDExLjUzODVDMzIuNTY3MyAxMS41Mzg1IDM4LjY1MzcgMTcuNTc3OCAzOC42NTM3IDI1LjAyOEMzOC42NTM3IDMyLjQ3ODIgMzIuNTY3NiAzOC41MTc1IDI1LjA1OTMgMzguNTE3NVpNMjUuMDU5MyAxMy42ODY4QzE4Ljc1NjUgMTMuNjg2OCAxMy42Mjk3IDE4Ljc3NDUgMTMuNjI5NyAyNS4wMjhDMTMuNjI5NyAyNy41MDk1IDE0LjQzODcgMjkuODA3NyAxNS44MDY3IDMxLjY3NzVMMTQuMzc5IDM1Ljg4OTJMMTguNzcxIDM0LjQ5MzJDMjAuNTc1OSAzNS42NzgyIDIyLjczNzcgMzYuMzY5MiAyNS4wNTkzIDM2LjM2OTJDMzEuMzYxMSAzNi4zNjkyIDM2LjQ4ODggMzEuMjgxOCAzNi40ODg4IDI1LjAyODNDMzYuNDg4OCAxOC43NzQ4IDMxLjM2MTEgMTMuNjg2OCAyNS4wNTkzIDEzLjY4NjhaTTMxLjkyMzkgMjguMTM0OEMzMS44NDAyIDI3Ljk5NzIgMzEuNjE4IDI3LjkxNDIgMzEuMjg1NCAyNy43NDg5QzMwLjk1MTkgMjcuNTgzNyAyOS4zMTMxIDI2Ljc4MzQgMjkuMDA4MiAyNi42NzM1QzI4LjcwMjMgMjYuNTYzNCAyOC40Nzk5IDI2LjUwNzcgMjguMjU4IDI2LjgzODhDMjguMDM2MiAyNy4xNjk4IDI3LjM5NzQgMjcuOTE0MiAyNy4yMDI3IDI4LjEzNDhDMjcuMDA4MiAyOC4zNTU3IDI2LjgxNCAyOC4zODM0IDI2LjQ4MDggMjguMjE3OEMyNi4xNDc5IDI4LjA1MjYgMjUuMDc0IDI3LjcwMzQgMjMuODAwOCAyNi41NzY5QzIyLjgxMDMgMjUuNzAwNiAyMi4xNDE0IDI0LjYxODggMjEuOTQ3MyAyNC4yODc0QzIxLjc1MjggMjMuOTU2NiAyMS45MjY3IDIzLjc3NzggMjIuMDkzNCAyMy42MTMyQzIyLjI0MzMgMjMuNDY0OSAyMi40MjY3IDIzLjIyNzEgMjIuNTkzNCAyMy4wMzQyQzIyLjc2MDIgMjIuODQwOSAyMi44MTU2IDIyLjcwMzQgMjIuOTI2MyAyMi40ODI1QzIzLjAzNzcgMjIuMjYxOCAyMi45ODIgMjIuMDY4OSAyMi44OTg3IDIxLjkwMzFDMjIuODE1MyAyMS43Mzc4IDIyLjE0ODUgMjAuMTEwOCAyMS44NzEgMTkuNDQ4NkMyMS41OTM0IDE4Ljc4NzEgMjEuMzE2MiAxOC44OTcyIDIxLjEyMTQgMTguODk3MkMyMC45MjcgMTguODk3MiAyMC43MDQ4IDE4Ljg2OTUgMjAuNDgyNyAxOC44Njk1QzIwLjI2MDUgMTguODY5NSAxOS44OTkzIDE4Ljk1MjMgMTkuNTkzNyAxOS4yODMxQzE5LjI4ODUgMTkuNjE0MiAxOC40Mjc5IDIwLjQxNDIgMTguNDI3OSAyMi4wNDA5QzE4LjQyNzkgMjMuNjY4IDE5LjYyMTQgMjUuMjQgMTkuNzg4NSAyNS40NjAzQzE5Ljk1NSAyNS42ODA2IDIyLjA5MzEgMjkuMTI4IDI1LjQ4MDUgMzAuNDUyQzI4Ljg2OTEgMzEuNzc1NyAyOC44NjkxIDMxLjMzNDIgMjkuNDgwMiAzMS4yNzkxQzMwLjA5MDMgMzEuMjI0IDMxLjQ1MSAzMC40Nzk0IDMxLjcyOTQgMjkuNzA3NEMzMi4wMDY3IDI4LjkzNDggMzIuMDA2NyAyOC4yNzI2IDMxLjkyMzkgMjguMTM0OFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=") no-repeat center center/100%
}

.sStory-media-wrapper .media .popup .send {
	display: block;
	width: calc(100% + 20px);
	height: 55px;
	margin: 40px 0 0 -10px;
	border: 0;
	outline: none;
	font-size: 20px;
	text-align: center;
	color: #fff;
	background-color: #b6b6b6;
	transition: .6s
}

.sStory-media-wrapper .media .popup .send.active {
	background-color: #278c59
}

.sStory-media-wrapper .media .head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: absolute;
	top: 15px;
	left: 4px;
	z-index: 20;
	width: calc(100% - 28px);
	padding: 5px 10px;
	background: rgba(0, 0, 0, .5);
	border-radius: 4px;
	transition: top .3s
}

.sStory-media-wrapper .media .head .head-info {
	display: flex
}

.sStory-media-wrapper .media .head .head-info .cover {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	overflow: hidden
}

.sStory-media-wrapper .media .head .head-info .cover img {
	display: block;
	max-width: 100%
}

.sStory-media-wrapper .media .head .head-info .story-info {
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	margin: 0 0 0 10px
}

.sStory-media-wrapper .media .head .head-info .story-info .title {
	font-size: 14px
}

.sStory-media-wrapper .media .head .head-info .story-info .time {
	font-size: 10px;
	font-weight: normal
}

.sStory-media-wrapper .media .head .buttons {
	position: relative
}

.sStory-media-wrapper .media .head .buttons button {
	width: 35px;
	height: 35px;
	padding: 0px;
	outline: none;
	border: 0;
	border-radius: 5px;
	margin-left: 10px;
	transition: .3s;
	cursor: pointer
}

.sStory-media-wrapper .media .head .buttons button:active {
	transform: scale(0.8)
}

.sStory-media-wrapper .media .head .buttons .close {
	background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSI2NHB4IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA2NCA2NCIgd2lkdGg9IjY0cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjx0aXRsZS8+PGRlc2MvPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IkNhbmNlbCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiPjxnIGZpbGw9IiMwMDAwMDAiIGlkPSJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTQuMDAwMDAwLCAxNC4wMDAwMDApIj48cGF0aCBkPSJNMC43MzIyMzMwNDcsMC43MzIyMzMwNDcgQzEuNzA4NTQzNzgsLTAuMjQ0MDc3NjgyIDMuMjkxNDU2MjIsLTAuMjQ0MDc3NjgyIDQuMjY3NzY2OTUsMC43MzIyMzMwNDcgTDM0LjY3MzM1ODUsMzEuMTM3ODI0NiBDMzUuNjQ5NjY5MywzMi4xMTQxMzU0IDM1LjY0OTY2OTMsMzMuNjk3MDQ3OCAzNC42NzMzNTg1LDM0LjY3MzM1ODUgQzMzLjY5NzA0NzgsMzUuNjQ5NjY5MyAzMi4xMTQxMzU0LDM1LjY0OTY2OTMgMzEuMTM3ODI0NiwzNC42NzMzNTg1IEwwLjczMjIzMzA0Nyw0LjI2Nzc2Njk1IEMtMC4yNDQwNzc2ODIsMy4yOTE0NTYyMiAtMC4yNDQwNzc2ODIsMS43MDg1NDM3OCAwLjczMjIzMzA0NywwLjczMjIzMzA0NyBaIiBpZD0iUmVjdGFuZ2xlIi8+PHBhdGggZD0iTTAuNzMyMjMzMDQ3LDM0LjY3MzM1ODUgQzEuNzA4NTQzNzgsMzUuNjQ5NjY5MyAzLjI5MTQ1NjIyLDM1LjY0OTY2OTMgNC4yNjc3NjY5NSwzNC42NzMzNTg1IEwzNC42NzMzNTg1LDQuMjY3NzY2OTUgQzM1LjY0OTY2OTMsMy4yOTE0NTYyMiAzNS42NDk2NjkzLDEuNzA4NTQzNzggMzQuNjczMzU4NSwwLjczMjIzMzA0NyBDMzMuNjk3MDQ3OCwtMC4yNDQwNzc2ODIgMzIuMTE0MTM1NCwtMC4yNDQwNzc2ODIgMzEuMTM3ODI0NiwwLjczMjIzMzA0NyBMMC43MzIyMzMwNDcsMzEuMTM3ODI0NiBDLTAuMjQ0MDc3NjgyLDMyLjExNDEzNTQgLTAuMjQ0MDc3NjgyLDMzLjY5NzA0NzggMC43MzIyMzMwNDcsMzQuNjczMzU4NSBaIiBpZD0iUmVjdGFuZ2xlIi8+PC9nPjwvZz48L3N2Zz4=") no-repeat center center/auto 100%;
	text-indent: -999999px
}

.sStory-media-wrapper .media.pause .head {
	top: -50px
}

.sStory-media-wrapper .media .close-button {
	position: absolute;
	right: 10px;
	top: 23px;
	z-index: 30
}

.sStory-media-wrapper .media .close-button button {
	width: 35px;
	height: 35px;
	padding: 0px;
	outline: none;
	border: 0;
	border-radius: 5px;
	margin-left: 10px;
	transition: .3s;
	cursor: pointer
}

.sStory-media-wrapper .media .close-button button:active {
	transform: scale(0.8)
}

.sStory-media-wrapper .media .close-button .close {
	background: #f6f6f6 url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSI2NHB4IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA2NCA2NCIgd2lkdGg9IjY0cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjx0aXRsZS8+PGRlc2MvPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IkNhbmNlbCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiPjxnIGZpbGw9IiMwMDAwMDAiIGlkPSJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTQuMDAwMDAwLCAxNC4wMDAwMDApIj48cGF0aCBkPSJNMC43MzIyMzMwNDcsMC43MzIyMzMwNDcgQzEuNzA4NTQzNzgsLTAuMjQ0MDc3NjgyIDMuMjkxNDU2MjIsLTAuMjQ0MDc3NjgyIDQuMjY3NzY2OTUsMC43MzIyMzMwNDcgTDM0LjY3MzM1ODUsMzEuMTM3ODI0NiBDMzUuNjQ5NjY5MywzMi4xMTQxMzU0IDM1LjY0OTY2OTMsMzMuNjk3MDQ3OCAzNC42NzMzNTg1LDM0LjY3MzM1ODUgQzMzLjY5NzA0NzgsMzUuNjQ5NjY5MyAzMi4xMTQxMzU0LDM1LjY0OTY2OTMgMzEuMTM3ODI0NiwzNC42NzMzNTg1IEwwLjczMjIzMzA0Nyw0LjI2Nzc2Njk1IEMtMC4yNDQwNzc2ODIsMy4yOTE0NTYyMiAtMC4yNDQwNzc2ODIsMS43MDg1NDM3OCAwLjczMjIzMzA0NywwLjczMjIzMzA0NyBaIiBpZD0iUmVjdGFuZ2xlIi8+PHBhdGggZD0iTTAuNzMyMjMzMDQ3LDM0LjY3MzM1ODUgQzEuNzA4NTQzNzgsMzUuNjQ5NjY5MyAzLjI5MTQ1NjIyLDM1LjY0OTY2OTMgNC4yNjc3NjY5NSwzNC42NzMzNTg1IEwzNC42NzMzNTg1LDQuMjY3NzY2OTUgQzM1LjY0OTY2OTMsMy4yOTE0NTYyMiAzNS42NDk2NjkzLDEuNzA4NTQzNzggMzQuNjczMzU4NSwwLjczMjIzMzA0NyBDMzMuNjk3MDQ3OCwtMC4yNDQwNzc2ODIgMzIuMTE0MTM1NCwtMC4yNDQwNzc2ODIgMzEuMTM3ODI0NiwwLjczMjIzMzA0NyBMMC43MzIyMzMwNDcsMzEuMTM3ODI0NiBDLTAuMjQ0MDc3NjgyLDMyLjExNDEzNTQgLTAuMjQ0MDc3NjgyLDMzLjY5NzA0NzggMC43MzIyMzMwNDcsMzQuNjczMzU4NSBaIiBpZD0iUmVjdGFuZ2xlIi8+PC9nPjwvZz48L3N2Zz4=") no-repeat center center/60%;
	text-indent: -999999px
}

.sStory-media-wrapper .media .body {
	height: 100%
}

.sStory-media-wrapper .media .media-buttons {
	position: absolute;
	z-index: 20;
	left: 0px;
	bottom: 20px;
	width: calc(100% - 20px);
	padding: 0 10px;
	display: flex;
	align-items: center;
	justify-content: flex-end
}

.sStory-media-wrapper .media .media-buttons button {
	width: 40px;
	height: 35px;
	padding: 0;
	outline: none;
	border: 0;
	border-radius: 5px;
	margin-left: 20px;
	background-color: #f6f6f6;
	transition: .3s;
	cursor: pointer
}

.sStory-media-wrapper .media .media-buttons button:active {
	transform: scale(0.8)
}

.sStory-media-wrapper .media .media-buttons button.sound {
	background: transparent url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzciIGhlaWdodD0iMzciIHZpZXdCb3g9IjAgMCAzNyAzNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIzLjYxMjcgMi45Mzc2VjM0LjA2NkwxMC4yMTQ2IDI1LjU0NTlIMy45NzQ1MUMzLjE0MzQ2IDI1LjU0NTkgMi40Njc3NyAyNC44NzAyIDIuNDY3NzcgMjQuMDM5MlYxMi45NjA4QzIuNDY3NzcgMTIuMTI5OCAzLjE0MzQ2IDExLjQ1NDEgMy45NzQ1MSAxMS40NTQxSDEwLjIxMUwyMy42MTI3IDIuOTM3NloiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0zMC45MTg4IDI4LjQ1MDlMMjkuODA5NiAyNy41MjIzQzMxLjkxOTcgMjUuMDAzOSAzMy4wODMyIDIxLjgwNjEgMzMuMDgzMiAxOC41MTQ0QzMzLjA4MzIgMTUuMjIyNyAzMS45MTk3IDEyLjAyNSAyOS44MDk2IDkuNTA2NTRMMzAuOTE1MiA4LjU3NzkzQzMyLjA2MDYgOS45NDAxMyAzMi45NDk1IDExLjQ3NTggMzMuNTY3NCAxMy4xMzQzQzM0LjIwMzMgMTQuODU0MiAzNC41Mjg1IDE2LjY2NDQgMzQuNTI4NSAxOC41MTQ0QzM0LjUyODUgMjAuMzY0NCAzNC4yMDY5IDIyLjE3NDcgMzMuNTY3NCAyMy44OTFDMzIuOTUzMSAyNS41NTMxIDMyLjA2MDYgMjcuMDg4NyAzMC45MTg4IDI4LjQ1MDlaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMjcuMDM0NCAyMi43NkwyNS45Mjg3IDIxLjgzMTRDMjYuNzA1NiAyMC45MDY0IDI3LjEzNTUgMTkuNzI4NSAyNy4xMzU1IDE4LjUxNDVDMjcuMTM1NSAxNy4zMDA0IDI2LjcwNTYgMTYuMTI2MSAyNS45Mjg3IDE1LjE5NzVMMjcuMDM0NCAxNC4yNjg5QzI4LjAzMTYgMTUuNDU0IDI4LjU3NzIgMTYuOTY0NCAyOC41NzcyIDE4LjUxNDVDMjguNTgwOSAyMC4wNjQ1IDI4LjAzMTYgMjEuNTc0OSAyNy4wMzQ0IDIyLjc2WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==") no-repeat center center/auto 100%;
	text-indent: -999999px;
	border: 0
}

.sStory-media-wrapper .media .media-buttons button.sound.off {
	background: transparent url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzciIGhlaWdodD0iMzciIHZpZXdCb3g9IjAgMCAzNyAzNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI0LjEyNTkgMi45MzM5OFYzNC4wNjZMMTAuNzYwNCAyNS41NDU5SDQuNDkxMzZDMy42NjAzIDI1LjU0NTkgMi45ODQ2MiAyNC44NzAyIDIuOTg0NjIgMjQuMDM5MVYxMi45NjA4QzIuOTg0NjIgMTIuMTI5OCAzLjY2MDMgMTEuNDU0MSA0LjQ5MTM2IDExLjQ1NDFIMTAuNzYwNEwyNC4xMjU5IDIuOTMzOThaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMzIuOTkyOSAxNS4zMzExTDM0LjAxMTggMTYuMzUzN0wzMS44NjU1IDE4LjVMMzQuMDExOCAyMC42NDYzTDMyLjk5MjkgMjEuNjY4OEwzMC44NDY2IDE5LjUyMjVMMjguNzAwMyAyMS42Njg4TDI3LjY3NzcgMjAuNjQ2M0wyOS44MjQgMTguNUwyNy42Nzc3IDE2LjM1MzdMMjguNzAwMyAxNS4zMzExTDMwLjg0NjYgMTcuNDc3NEwzMi45OTI5IDE1LjMzMTFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K") no-repeat center center/auto 100%
}

.sStory-media-wrapper .media .media-buttons button.share {
	background: transparent url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMjkiIHZpZXdCb3g9IjAgMCAyOSAyOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMDEwNTUzOSAxMS45Njk5QzAuMDg4NTQzOSAxMi43MzE1IDAuNDA3NjA0IDEzLjQ0ODQgMC45MjEyNzQgMTQuMDE2MUMxLjQzNDk0IDE0LjU4MzkgMi4xMTY0MiAxNC45NzI5IDIuODY2NDkgMTUuMTI2NEwxMC4yMzE4IDE2Ljc3OTlDMTAuNjY4NiAxNi44NjYzIDExLjA3MTIgMTcuMDc3MSAxMS4zOTEyIDE3LjM4NjhDMTEuNzExMiAxNy42OTY1IDExLjkzNDkgMTguMDkyIDEyLjAzNTUgMTguNTI1OEwxMy43MDA1IDI2LjAwNjdDMTMuODUyNiAyNi43NDE2IDE0LjI0MzUgMjcuNDA1NSAxNC44MTI0IDI3Ljg5NDlDMTUuMzgxMyAyOC4zODQ0IDE2LjA5NjIgMjguNjcxOCAxNi44NDU1IDI4LjcxMjRIMTcuMTExNUMxNy44MTUyIDI4LjcxODQgMTguNTAzNSAyOC41MDU5IDE5LjA4MTMgMjguMTA0MUMxOS42NTkyIDI3LjcwMjMgMjAuMDk4MSAyNy4xMzExIDIwLjMzNzQgMjYuNDY5MkwyOC41MDA1IDQuODQ3MzVDMjguNzQzOCA0LjI0NjQxIDI4LjgyMDcgMy41OTEgMjguNzIzIDIuOTUwMDdDMjguNjI1NCAyLjMwOTE0IDI4LjM1NjggMS43MDYzNyAyNy45NDU1IDEuMjA1MTdDMjcuNDgxNyAwLjY2NjYyNSAyNi44NjM3IDAuMjgzNTQ1IDI2LjE3NTEgMC4xMDc3NjVDMjUuNDg2NCAtMC4wNjgwMTQ2IDI0Ljc2MDQgLTAuMDI4MDE0OSAyNC4wOTUyIDAuMjIyMzQ1TDIuMjQyMTIgOC40NTQ4OUMxLjUzOTg3IDguNzIwMzkgMC45NDI3MTQgOS4yMDY0OSAwLjU0MDMyNCA5Ljg0MDI5QzAuMTM3OTM0IDEwLjQ3NDEgLTAuMDQ3OTU2MSAxMS4yMjE0IDAuMDEwNTUzOSAxMS45Njk5Wk0zLjA2MzA1IDEwLjYyODZMMjMuNTk4IDIuODcwMTdDMjMuNjQ3NiAyLjg1MTcyIDIzLjcwMjEgMi44NTA4NSAyMy43NTIzIDIuODY3N0MyMy44MDI0IDIuODg0NTUgMjMuODQ1MyAyLjkxODExIDIzLjg3MzcgMi45NjI3NkMyMy45MDIxIDMuMDA3NDIgMjMuOTE0NCAzLjA2MDQ3IDIzLjkwODQgMy4xMTMwNkMyMy45MDI0IDMuMTY1NjUgMjMuODc4NiAzLjIxNDYgMjMuODQwOCAzLjI1MTczTDEyLjY4MyAxNC4zNjMzQzEyLjU0NjEgMTQuNTAwMyAxMi4zNzY5IDE0LjYwMDcgMTIuMTkxIDE0LjY1NTJDMTIuMDA1MSAxNC43MDk3IDExLjgwODYgMTQuNzE2NyAxMS42MTkzIDE0LjY3NTVMMy4yMTMzNyAxMi44MzcxQzIuOTcxNDIgMTIuNzgxNSAyLjc1Mzc3IDEyLjY0OTYgMi41OTI2MSAxMi40NjA4QzIuNDMxNDQgMTIuMjcyIDIuMzM1MzMgMTIuMDM2MyAyLjMxODQ3IDExLjc4ODZDMi4zMDE2MSAxMS41NDEgMi4zNjQ5MSAxMS4yOTQ0IDIuNDk5MDEgMTEuMDg1NUMyLjYzMzEgMTAuODc2NiAyLjgzMDg2IDEwLjcxNjQgMy4wNjMwNSAxMC42Mjg2WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==") no-repeat center center/auto 90%;
	text-indent: -999999px;
	border: 0
}

.sStory-media-wrapper .media .media-buttons button.media-loading {
	display: none;
	position: relative;
	width: 35px;
	background-color: transparent
}

.sStory-media-wrapper .media .media-buttons button.media-loading.active {
	display: block;
	animation: loader-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite
}

.sStory-media-wrapper .media .media-buttons button.media-loading div {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 35px;
	height: 35px;
	margin: 0px;
	border: 4px solid #fff;
	border-radius: 50%;
	border-color: #fff transparent transparent transparent;
	box-sizing: border-box
}

.sStory-media-wrapper .media .media-buttons button.media-loading div:nth-child(1) {
	animation-delay: -0.45s
}

.sStory-media-wrapper .media .media-buttons button.media-loading div:nth-child(2) {
	animation-delay: -0.3s
}

.sStory-media-wrapper .media .media-buttons button.media-loading div:nth-child(3) {
	animation-delay: -0.15s
}

@keyframes loader-ring {
	0% {
		transform: rotate(0deg)
	}
	100% {
		transform: rotate(360deg)
	}
}

.sStory-media-wrapper .media .survey {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: rgba(0, 0, 0, .6);
	padding: 10px;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	box-shadow: 0 0 20px 10px rgba(0, 0, 0, .25);
	z-index: 100
}

.sStory-media-wrapper .media .survey button {
	background-color: #fff;
	border: 2px solid #f1f1f1;
	border-radius: 4px;
	height: 50px;
	padding: 0 30px;
	font-size: 190%;
	font-weight: bold;
	width: 100%;
	margin: 10px 0;
	cursor: pointer;
	position: relative;
	outline: none
}

.sStory-media-wrapper .media .survey button span {
	background-color: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 4px;
	border-radius: 4px;
	color: #333
}

.sStory-media-wrapper .media .survey button span i {
	position: absolute;
	left: -35px;
	top: 50%;
	transform: translateY(-50%);
	background-color: #fff;
	border-radius: 50%;
	font-size: 12px;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	color: #333
}

.sStory-media-wrapper .media .survey button span i:before {
	content: "";
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #fff;
	position: absolute;
	top: 50%;
	right: -4px;
	transform: translateY(-50%)
}


.arrows-container {
    transform: rotate(270deg);
  display: flex;
  position: relative;
    align-self: flex-end;
}

.arrow {
  padding: 1rem;
  box-shadow: 3px -3px white inset;
  /* box-shadow: 2px -2px 1px 1px white inset; */
  transform: rotate(225deg);
  opacity: 0;
  position: absolute;
}

.arrow-one {
  animation: arrowMovement 2s ease-in-out infinite;
}

.arrow-two {
  animation: arrowMovement 2s 1s ease-in-out infinite;
}

@keyframes arrowMovement {
  0% {
    left: 0;
    opacity: 0;
  }
  70% {
    opacity: 1;
  }
  100% {
    left: 30px;
    opacity: 0;
  }
}