* {

}

::-webkit-scrollbar {
	width: 10px;
}
::-webkit-scrollbar-track{
	border-radius: 5px;
	box-shadow: inset 0 0 10px rgba(0,0,0,0.25);
}
::-webkit-scrollbar-thumb{
	border-radius: 5px;
	background-color: #26262626;
}
::-moz-scrollbar {
	width: 10px;
}
::-moz-scrollbar-track{
	border-radius: 5px;
	box-shadow: inset 0 0 10px rgba(0,0,0,0.25);
}
::-moz-scrollbar-thumb{
	border-radius: 5px;
	background-color: #26262626;
}
::-ms-scrollbar {
	width: 10px;
}
::-ms-scrollbar-track{
	border-radius: 5px;
	box-shadow: inset 0 0 10px rgba(0,0,0,0.25);
}
::-ms-scrollbar-thumb{
	border-radius: 5px;
	background-color: #26262626;
}
.iframe {
	border-radius: 10px;
	width: auto;
	height: 305px;
}
.video_frame {
	width: auto;
	border: 1px solid #000;
	height: auto;
	border-radius: 10px;
}
.thumbnails {
	width: 100px;
	height: 80px;
	border-radius: 5px;
}
.progress-bg {
	background-color: #26262626;
}
article {
	background-color: #d73737;
	text-align: center;
	position: relative;
	width: 100%;
	z-index: 1;
}
.spinner-wrap {
	display: block;
	width: 327px;
	height: 327px;
	position: relative;
	left: 50%;
	margin-left: -163px;
	top: 19px;
}
.spinner-outer {
	border: 2px solid #13c8d9;
	display: block;
	width: 327px;
	height: 327px;
	position: absolute;
	left: 50%;
	margin-left: -163px;
	border-radius: 50%;
	background: url(dist/img/images/pinkrain.gif) center center no-repeat #32302e;
}
.spinner-outer1 {
	border: 2px solid #13c8d9;
	display: block;
	width: 327px;
	height: 327px;
	position: absolute;
	left: 50%;
	margin-left: -163px;
	border-radius: 50%;
	background: url(dist/img/images/rain-nature-animated-gif-21.gif) center center no-repeat #32302e;
}
.spinner-outer1:hover {
	cursor: pointer;
}
.spinner-outer:hover {
	cursor: pointer;
}
.spinner-center {
	position: absolute;
	background: teal center center no-repeat;
	border-radius: 50%;
	left: 50%;
	top: 50%;
	margin: -99px;
	pointer-events: none;
}

	.mytool { display: inline; position: relative; z-index: 999; }
	.tool-item { cursor: pointer; display: inline-block; font-weight: 500; padding: 0 10px; }
	.tool-content { position: absolute; z-index: 9999; width: 360px; left: 50%; margin: 0 0 20px -180px; bottom: 100%; text-align: left; font-size: 14px; line-height: 30px; -webkit-box-shadow: -5px -5px 15px rgba(48, 54, 61, 0.2); box-shadow: -5px -5px 15px rgba(48, 54, 61, 0.2); background: #2b2b2b; opacity: 0; cursor: default; pointer-events: none; border-radius: 5px; }
	.tool-content::after { content: ''; top: 100%; left: 50%; border: solid transparent; height: 0; width: 0; position: absolute; pointer-events: none; border-color: #2a3035 transparent transparent; border-width: 10px; margin-left: -10px; }
	.tool-content .tool-img { position: relative; height: 140px; display: block; float: left; margin-right: 1em; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
	.h-link { color: #fff; }
	.tool-item::after { content: ''; position: absolute; width: 360px; height: 20px; bottom: 100%; left: 50%; pointer-events: none; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
	.mytool:hover .tool-item::after { pointer-events: auto; }
	.img-banner { background-size: cover; background-repeat: no-repeat; }
	.mytool:hover .tool-content { pointer-events: auto; opacity: 1; -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0deg); transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0deg); }
	.tool-text { font-size: 14px; line-height: 24px; display: block; padding: 1.31em 1.21em 1.21em 0; color: #fff; }
	.yumi-search { width: 100%; margin-bottom: auto; height: 50px; background-color: #fff; padding: 10px; border-radius: 5px; }
	.search-input { color: #fff; border: 0; outline: 0; background: none; width: 0; margin-top: 5px; caret-color: transparent; line-height: 20px; transition: width 0.4s linear; }
	.yumi-search .search-input { padding: 0 10px; width: 100%; caret-color: #536bf6; font-size: 19px; font-weight: 300; color: black; transition: width 0.4s linear; }
	.yumi-icon { height: 34px; width: 34px; float: right; display: flex; justify-content: center; align-items: center; color: #fff; background-color: #536bf6; font-size: 10px; bottom: 30px; position: relative; border-radius: 5px; }
	.yumi-icon:hover { color: #fff !important; }
@keyframes(spin-cw)
	from
	+transform: (rotate(0deg))
	to
	+transform: (rotate(360deg))