
/* -------------------------------------------
	Transition
------------------------------------------- */
.trn, .trna a {
	transition: all 0.2s ease;
}

/* -------------------------------------------
	User select
------------------------------------------- */
.no-select {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* -------------------------------------------
	List reset
------------------------------------------- */
.reset, .reset > li {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

/* -------------------------------------------
	Text overflow
------------------------------------------- */
.to-el {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* -------------------------------------------
	Background blur
------------------------------------------- */
.bg-blur {
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
}

/* -------------------------------------------
	Pseudo table
------------------------------------------- */
.pseudo-table {
	width: 100%;
	display: table;
	table-layout: fixed;
}

.pseudo-table > li {
	display: table-row;
}

.pseudo-table > li > div {
	display: table-cell;
	vertical-align: middle;
}

/* -------------------------------------------
	Images display: block;
------------------------------------------- */
.img-db, .db-img img {
	width: 100%;
	height: auto;
	display: block;
}

/* -------------------------------------------
	header
------------------------------------------- */
.header {
	padding: 50px 0px;
}

	/* -------------------------------------------
		logo-container
	------------------------------------------- */
	.logo-container {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
	}

		/* -------------------------------------------
			logo
		------------------------------------------- */
		.logo {
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: center;
		}

			/* -------------------------------------------
				logo a
			------------------------------------------- */
			.logo a {
				display: flex;
				flex-direction: row;
				align-items: center;
				justify-content: center;
				color: #000;
				font-size: 32px;
				font-weight: 900;
				text-decoration: none;
				position: relative;
				padding: 15px 25px;
				background: rgba(255, 255, 255, 0.98);
				box-shadow:
				0px 2px 4px 0px rgba(0, 0, 0, 0.1),
				0px 4px 8px 0px rgba(0, 0, 0, 0.1),
				0px 8px 16px 0px rgba(0, 0, 0, 0.1),
				0px 16px 32px 0px rgba(0, 0, 0, 0.1);
				border-radius: 26px;
			}

			.logo img {
				width: 250px;
				/*box-shadow:
				0px 2px 4px 0px rgba(0, 0, 0, 0.1),
				0px 4px 8px 0px rgba(0, 0, 0, 0.1),
				0px 8px 16px 0px rgba(0, 0, 0, 0.15),
				0px 16px 32px 0px rgba(0, 0, 0, 0.2);*/
				/*border-radius: 11px;*/
			}

/* -------------------------------------------
		logo-animated
	------------------------------------------- */
	.logo-animated {
		animation-duration: 13s;
		animation-fill-mode: both;

		animation-name: logoAnim;

		animation-delay: 1s;
		animation-timing-function: ease;
		animation-iteration-count: infinite;
	}

	@keyframes logoAnim {
		0% {
			transform: translate3d(0px, 0px, 0px);
		}

		15% {
			transform: translate3d(0px, 3px, 0px);
		}

		30% {
			transform: translate3d(0px, -5px, 0px);
		}

		45% {
			transform: translate3d(0px, 3px, 0px);
		}

		60% {
			transform: translate3d(0px, -2px, 0px);
		}

		80% {
			transform: translate3d(0px, 3px, 0px);
		}

		95% {
			transform: translate3d(0px, -2px, 0px);
		}

		100% {
			transform: translate3d(0px, 0px, 0px);
		}
	}

/* -------------------------------------------
	menu-container
------------------------------------------- */
.menu-container {
	text-align: center;
	background: rgba(0, 0, 0, 0.8);
}

	/* -------------------------------------------
		menu-list
	------------------------------------------- */
	.menu-list {
		display: inline-block;
		vertical-align: top;
	}

		/* -------------------------------------------
			menu-list li
		------------------------------------------- */
		.menu-list li {
			float: left;
			color: #fff;
			margin-left: 10px;
		}

		.menu-list li:first-child {
			margin-left: 0px;
		}

		/* -------------------------------------------
			menu-list li a
		------------------------------------------- */
		.menu-list li a {
			display: block;
			color: #fff;
			padding: 15px 10px 14px;
		}

		.menu-list li a:hover {
			color: #fff;
			text-decoration: none;
		}

/*font-family: 'Merriweather', serif;*/

/* -------------------------------------------
	content-container
------------------------------------------- */
.content-container {
	padding: 50px;
	background: #fff;
	box-shadow:
	0px 2px 4px 0px rgba(0, 0, 0, 0.1),
	0px 4px 8px 0px rgba(0, 0, 0, 0.1),
	0px 8px 16px 0px rgba(0, 0, 0, 0.1),
	0px 16px 32px 0px rgba(0, 0, 0, 0.1),
	0px 32px 64px 0px rgba(0, 0, 0, 0.1);
}

/* -------------------------------------------
	highlight
------------------------------------------- */
.highlight {
	padding: 0px 4px;
	background: #fff2cc;
}

/* -------------------------------------------
	content
------------------------------------------- */
.content {
}

	/* -------------------------------------------
		main-title
	------------------------------------------- */
	.main-title {
		float: left;
	}

	/* -------------------------------------------
		goto-main-download-btn
	------------------------------------------- */
	.goto-main-download-btn {
		float: right;
		margin-top: 5px;
	}

/* -------------------------------------------
	figure-img-sdw
------------------------------------------- */
.figure-img-sdw {
	margin-bottom: 20px;
	box-shadow:
	0px 2px 4px 0px rgba(0, 0, 0, 0.1),
	0px 4px 8px 0px rgba(0, 0, 0, 0.1),
	0px 8px 16px 0px rgba(0, 0, 0, 0.1),
	0px 16px 32px 0px rgba(0, 0, 0, 0.15);
}

/* -------------------------------------------
	main-btn-download-box
------------------------------------------- */
.main-btn-download-box {
	position: relative;
	padding: 40px 40px 30px;
	/*margin-bottom: 12px;*/
	border: solid 4px #00bf6c;
	background: #ffffff;
	box-shadow:
	0px 2px 4px 0px rgba(0, 0, 0, 0.05),
	0px 4px 8px 0px rgba(0, 0, 0, 0.05),
	0px 8px 16px 0px rgba(0, 0, 0, 0.05),
	0px 16px 32px 0px rgba(0, 0, 0, 0.05);
}

	/* -------------------------------------------
		main-btn-download-box-label
	------------------------------------------- */
	.main-btn-download-box-label {
		height: 32px;
		color: #ffffff;
		font-size: 13px;
		line-height: 32px;
		font-weight: bold;
		text-align: center;
		text-transform: uppercase;
		top: 0;
		left: 0;
		position: absolute;
		padding: 0 16px;
		background: #00bf6c;
	}

	/* -------------------------------------------
		main-btn-download-box btn
	------------------------------------------- */
	.main-btn-download-box .btn-primary {
		/*border-color: #00bf6c;*/
		/*background-color: #00bf6c;*/
		box-shadow:
		0px 2px 4px -4px rgba(0, 0, 0, 0.1),
		0px 4px 8px -4px rgba(0, 0, 0, 0.1),
		0px 8px 16px -4px rgba(0, 0, 0, 0.1),
		0px 16px 32px -4px rgba(0, 0, 0, 0.1);
	}

	/* -------------------------------------------
		main-btn-download-stop-title
	------------------------------------------- */
	.main-btn-download-stop-title {
		color: #ff0000;
		font-size: 22px;
		font-family: 'Merriweather', serif;
		font-style: italic;
		font-weight: bold;
	}

	/* -------------------------------------------
		main-btn-download-stop-cont
	------------------------------------------- */
	.main-btn-download-stop-cont {
	}

/* -------------------------------------------
	main-btn-download-desc
------------------------------------------- */
.main-btn-download-desc {
	font-size: 12px;
	font-family: 'Merriweather', serif;
	font-style: italic;
	text-align: center;
}

.main-btn-download-desc,
.main-btn-download-desc a {
	color: #b7b7b7;
}

	/* -------------------------------------------
		btn-anim
	------------------------------------------- */
	.btn-anim {
		animation-duration: 1.25s;
		animation-fill-mode: both;

		animation-name: btnAnim;

		animation-delay: 1s;
		animation-timing-function: ease;
		animation-iteration-count: infinite;

		transform-origin: bottom center;
	}

	@keyframes btnAnim {
		10% {
			transform: rotate3d(0, 0, 1, 1deg);
		}

		25% {
			transform: rotate3d(0, 0, 1, -1deg);
		}

		40% {
			transform: rotate3d(0, 0, 1, 1deg);
		}

		65% {
			transform: rotate3d(0, 0, 1, -1deg);
		}

		80% {
			transform: rotate3d(0, 0, 1, 0deg);
		}
	}

	/* -------------------------------------------
		btn-anim-heartBeat
	------------------------------------------- */
	.btn-anim-heartBeat {
		animation-duration: 1.75s;
		animation-fill-mode: both;

		animation-name: btn-anim-heartBeat;

		animation-delay: 1s;
		/*animation-timing-function: ease;*/
		animation-timing-function: ease-in-out;
		animation-iteration-count: infinite;
	}

	@keyframes btn-anim-heartBeat {
		0% {
			transform: scale(1);
		}

		14% {
			transform: scale(1.03);
		}

		28% {
			transform: scale(1);
		}

		42% {
			transform: scale(1.03);
		}

		70% {
			transform: scale(1);
		}
	}

/* -------------------------------------------
	Main image welcome-screen
------------------------------------------- */
.main-img-welcome-screen {
	width: 100%;
	/*padding: 20px 0px;*/
	/*margin: 20px 0px;*/
	/*background: #00BCD4;*/
}

	.main-img-welcome-screen img {
		max-width: 500px;
		margin: 0px auto;
	}

/* -------------------------------------------
	fullstory-scrn-container
------------------------------------------- */
.fullstory-scrn-container {
	width: 100%;
	padding: 60px 15px;
	/*margin: 20px 0px;*/
	/*background: #00BCD4;*/
	background: #8DFCF7;
	border-radius: 10px;
}

	.fullstory-scrn-container img {
		max-width: 500px;
		margin: 0px auto;
	}


/* -------------------------------------------
	comments-container
------------------------------------------- */
.comments-container {
	padding-top: 10px;
	margin-top: 40px;
	border-top: 4px solid rgba(0, 191, 108, 0.75);
	/*border-top: 2px solid rgba(255, 240, 92, 0.5);*/
}

	/* -------------------------------------------
		comm-item
	------------------------------------------- */
	.comm-item {
		padding: 30px 35px;
		margin-top: 40px;
		border: 4px solid rgba(0, 191, 108, 0.3);
	}

	.comm-item:first-child {
		/*margin-top: 0px;*/
	}

		/* -------------------------------------------
			comm-item-header
		------------------------------------------- */
		.comm-item-header {
			font-family: 'Merriweather', serif;
			font-style: italic;
		}

			/* -------------------------------------------
				comm-item-header-author
			------------------------------------------- */
			.comm-item-header-author {
				float: left;
				font-weight: bold;
			}

			/* -------------------------------------------
				comm-item-header-list
			------------------------------------------- */
			.comm-item-header-list {
				float: left;
				margin-top: 5px;
			}

				/* -------------------------------------------
					comm-item-header-list li
				------------------------------------------- */
				.comm-item-header-list li {
					float: left;
					font-size: 12px;
					margin-left: 10px;
				}

				.comm-item-header-list li:first-child {
					margin-left: 20px;
				}

		/* -------------------------------------------
			comm-item-content
		------------------------------------------- */
		.comm-item-content {
			hyphens: auto;
			margin-top: 25px;
		}

			/* -------------------------------------------
				quote
			------------------------------------------- */
			.quote {
				margin-bottom: 0rem;
				font-size: 1rem;
				font-family: 'Merriweather', serif;
				font-style: italic;
				padding: 15px 20px 15px;
				background: #FFF05C;
			}

	/* -------------------------------------------
		comments-add
	------------------------------------------- */
	.comments-add {
		margin-top: 40px;
	}

	/* -------------------------------------------
		dle-captcha
	------------------------------------------- */
	#dle-captcha img {
		border-radius: 8px;
	}

	/* -------------------------------------------
		gallery-list
	------------------------------------------- */
	.gallery-list {
		display: inline-block;
		vertical-align: top;
		margin-top: 1rem;
	}

		/* -------------------------------------------
			gallery-list li
		------------------------------------------- */
		.gallery-list li {
			width: 25%;
			float: left;
			padding: 1rem;
			/*margin-top: 2rem;*/
		}

			/* -------------------------------------------
				gallery-list li a img
			------------------------------------------- */
			.gallery-list li a,
			.gallery-list li a img {
				display: block;
			}

	/* -------------------------------------------
		dleplyrplayer
	------------------------------------------- */
	.dleplyrplayer {
		max-width: auto !important;
	}

	/* -------------------------------------------
		fullstory-download-block
	------------------------------------------- */
	.fullstory-download-block {
		text-align: center;
	}

	/* -------------------------------------------
		content-before-container
	------------------------------------------- */
	.content-before-container {
		font-family: 'Merriweather', serif;
		font-style: italic;
	}

		/* -------------------------------------------
			content-before-title
		------------------------------------------- */
		.content-before-title {
			font-weight: bold;
		}

		/* -------------------------------------------
			content-before-list
		------------------------------------------- */
		.content-before-list {
			padding: 35px 40px 40px;
			margin-top: 20px;
			background: #FFF05C;
		}

			/* -------------------------------------------
				content-before-list li
			------------------------------------------- */
			.content-before-list li {
				padding: 5px 0px;
			}

				/* -------------------------------------------
					content-before-list li a
				------------------------------------------- */
				.content-before-list li a {
					color: #212529;
				}

/* -------------------------------------------
	short-story-container
------------------------------------------- */
.short-story-container {
	margin-top: 80px;
}

.short-story-container:first-child {
	margin-top: 0;
}

	/* -------------------------------------------
		short-story-title
	------------------------------------------- */
	.short-story-title {
	}

		/* -------------------------------------------
			short-story-title a
		------------------------------------------- */
		.short-story-title a {
			color: #212529;
		}

	/* -------------------------------------------
		short-story-content
	------------------------------------------- */
	.short-story-content {
		margin-top: 20px;
	}

		/* -------------------------------------------
			shortstory-prev-img
		------------------------------------------- */
		.shortstory-prev-img {
			margin-bottom: 20px;
		}

/* -------------------------------------------
	callout
------------------------------------------- */
.callout {
	padding: 20px;
	margin: 20px 0;
	border: 1px solid #eee;
	border-left-width: 5px;
	border-radius: 3px;
}
.callout h4 {
	margin-top: 0;
	margin-bottom: 5px;
}
.callout p:last-child {
	margin-bottom: 0;
}
.callout code {
	border-radius: 3px;
}
.callout + .bs-callout {
	margin-top: -5px;
}

.callout-default {
	border-left-color: #777;
}
.callout-default h4 {
	color: #777;
}

.callout-primary {
	border-left-color: #428bca;
}
.callout-primary h4 {
	color: #428bca;
}

.callout-success {
	border-left-color: #5cb85c;
}
.callout-success h4 {
	color: #5cb85c;
}

.callout-danger {
	border-left-color: #d9534f;
}
.callout-danger h4 {
	color: #d9534f;
}

.callout-warning {
	border-left-color: #f0ad4e;
}
.callout-warning h4 {
	color: #f0ad4e;
}

.callout-info {
	border-left-color: #5bc0de;
}
.callout-info h4 {
	color: #5bc0de;
}

.callout-bdc {
	border-left-color: #29527a;
}
.callout-bdc h4 {
	color: #29527a;
}

/* -------------------------------------------
	footer
------------------------------------------- */
.footer {
}

	/* -------------------------------------------
		footer-copy
	------------------------------------------- */
	.footer-copy {
	}


