body, h1, html {
	padding: 0;
	word-wrap: break-word
}

.button, .button:hover, .sortus a:hover, a {
	text-decoration: none
}

.sortus a {
	margin-right: 10px
}

.button, .sortus, .ui-helper-clearfix, .ui-helper-clearfix:after, br {
	display: block
}

.ui-dialog, html {
	overflow: hidden
}

#loading-layer, .ui-dialog .ui-dialog-buttonpane {
	text-align: center;
	padding: 10px;
	padding-bottom: 3px;
}

@font-face {
	font-family: Roboto;
     font-style: normal;
     font-weight: 400;
     src: url(../style/Regular.woff2) format("woff2");
     font-display: swap
}

@font-face {
	font-family: Roboto;
     font-style: normal;
     font-weight: 700;
     src: url(../style/Bold.woff2) format("woff2");
     font-display: swap
}

@font-face {
    font-family: ALSStory;
    src: url('../style/bold-webfont.eot');
    src: url('../style/bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('../style/bold-webfont.woff') format('woff'),
        url('../style/bold-webfont.ttf') format('truetype'),
        url('../style/bold-webfont.svg#als_storybold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: ALSStory;
    src: url('../style/regular-webfont.eot');
    src: url('../style/regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('../style/regular-webfont.woff') format('woff'),
        url('../style/regular-webfont.ttf') format('truetype'),
        url('../style/regular-webfont.svg#als_storyregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html {
	margin: 0;
	overflow-y: scroll;
	overflow-x: hidden
}

body {
	box-sizing: border-box;
	margin: 0;
	background: #eee;
	font-size: 1em;
	font-family: ALSStory, Roboto, Arial;
	line-height: 1.5;
	top: 0 !important;
	position: static !important
}

br {
	content: " ";
	margin: 10px 0
}

*, :after, :before {
	box-sizing: inherit
}

* {
	-webkit-tap-highlight-color: transparent
}

.blues, .blues a, .button, .fb, .fb:active, .header, .logo, .navlink, .tw:active {
	color: #fff
}

.sortus a {
	background: #fff
}

.sortus a:active {
	background: #eeeeee
}

h1 {
	font-size: 1.5em;
	margin: 0
}

h2, h3 {
	font-size: 1.5em;
	padding: 0;
	margin: 0
}

a {
	color: #000
}

a:hover {
	text-decoration: underline;
	text-underline-offset: 4px
}

p {
	margin: 10px 0 0;
	padding: 0
}

textarea {
    min-height: 150px;
    max-width: 660px;
    outline: 0;
    margin: 0;
    margin-bottom: 5px !important;
	resize: none;
	overflow: hidden
}

.logo {
	padding: 0;
	margin: 0
}

.blues {
	background: #303030
}

.sortus {
	width: 100%
}

.sortus a {
	display: inline-block;
	padding: 0 5px;
	margin-top: 10px;
	font-size: 0.9em;
	border: 1px solid #999;
	color: #444;
	text-transform: lowercase
}

.sortuslang span {
	display: inline-block;
	padding: 0 10px;
	margin-top: 10px;
	font-size: 0.9em;
	border: 1px solid #999;
	color: #444;
	cursor: pointer;
	margin-right: 5px;
	user-select: none
}

.sortuslang span:active {
	background: #eee
}

.likesss {
	display: inline-block;
	padding: 0 10px;
	margin-top: 10px;
	font-size: 0.9em;
	border: 1px solid #999;
	color: #444;
	cursor: pointer;
	user-select: none
}

.likesss:active {
	background: #eee
}

.desc a {
	color: #003875;
	border: 1px solid #003875
}

.asc a {
	color: #303030;
	border: 1px solid #303030
}

.ui-dialog label {
	color: #888
}

.header {
	background-color: #000;
	position: sticky;
	top: 0;
	z-index: 999999;
	font-size: 0.9em
}

.header li {
	list-style: none
}

.texts {
	width: 100%;
	padding: 5px 8px;
	border: 1px solid #bbb;
	outline: 0;
	font-size: 1em;
	font-family: ALSStory, Roboto, Arial;
	margin-bottom: 10px
}

.wrapper {
	max-width: 700px;
	margin: 0 auto;
	padding: 20px
}

.wrapperlink {
	max-width: 700px;
	margin: 0 auto;
	padding: 0 20px 10px 20px
}

.content {
	background: #fff;
	padding-bottom: 40px
}

.post {
	border-top: 1px solid #ddd;
	padding-top: 10px;
	margin-top: 10px
}

.zero {
	padding: 0;
	margin: 0
}

.small {
	font-size: 0.9em
}

.button, .ui-button {
	font-size: 1em
}

.button {
	background: #169c48;
	padding: 8px 20px;
	font-family: ALSStory, Roboto, Arial;
	border: 0;
	cursor: pointer;
	outline: none
}

.button:active {
	background: green
}

.btnerror {
	background: #169c48;
	padding: 8px 20px;
	font-family: ALSStory, Roboto, Arial;
	border: 0;
	cursor: pointer;
	outline: none;
	color: #fff;
	margin-top: 40px
}

.btnerror:hover {
	text-decoration: none
}

.btnerror:active {
	background: green
}

.clear {
	clear: both
}

.left {
	float: left
}

.right {
	float: right;
	text-align: right
}

.quote {
	background: #eee;
	position: relative;
    padding: 10px;
	padding-left: 36px
}

.quote::before {
	content: url(../style/quote.svg);
	display: block;
	position: absolute;
	top: 10px;
    left: 10px
}

.top200 {
	margin-top: 20px
}

.top10 {
	margin-top: 10px
}

.top0 {
	margin-top: 0px
}

.text {
	margin-bottom: 20px
}

.text2 {
	margin-bottom: 20px;
	font-weight: bold
}

.tw {
	background: #1da1f2
}

.tw:active {
	background: #188ed6
}

.fb {
	background: #1877f2
}

.fb:active {
	background: #1665cc
}

#loading-layer {
	background: #000;
	color: #fff
}

.ui-front {
	z-index: 1000
}

.ui-widget-overlay {
	background: #000;
	opacity: .5;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	position: fixed
}

.ui-helper-clearfix:after {
	clear: both;
	content: ".";
	height: 0;
	visibility: hidden
}

* html .ui-helper-clearfix {
	height: 1%
}

.ui-dialog {
	text-align: left;
	padding: 0;
	position: absolute;
	border: 0;
	background-color: #fff;
	background-clip: padding-box;
	outline: 0;
	-webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .5);
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, .5)
}

.ui-dialog-titlebar {
	padding: 10px 15px;
	position: relative
}

.ui-dialog-title {
	float: left;
	font-weight: 700
}

.ui-dialog-titlebar-close {
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -18px !important;
	height: 23px !important;
	width: 32px;
	border: 0 !important;
	background-color: inherit !important;
	box-shadow: none !important;
	padding: 0 !important
}

.ui-dialog-titlebar-close .ui-icon {
	display: block;
	margin: 10px auto 0;
	width: 12px;
	height: 12px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAG1BMVEUAAAA1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTW7eCkWAAAACHRSTlMA8DiyCsELwNb3saQAAABlSURBVBjTY2AxYoACZQcG10YFCJtJooTBokMIwlHsaAZioBRYAigKJoAAJAghoRIQCiYEoSEiUCmIBFQKLAGTAkvApCASCA6GMoQBGEYjLEV1DopDUbyA4jlUb6ciAiSMgQ0pqAB4linXHtbaoQAAAABJRU5ErkJggg==);
	-webkit-background-size: 12px auto;
	background-size: 12px auto
}

.ui-button {
	float: right;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	outline: 0;
	background: #0a66c2;
	color: #fff;
	border: 0;
	padding: 5px 20px;
	font-family: ALSStory, Roboto, Arial;
	text-decoration: none !important;
	margin-bottom: 7px
}

.ui-button:active {
	background-color: #095097
}

.ui-button-icon-only, .ui-icon {
	overflow: hidden;
	text-indent: -9999px
}

.ui-dialog-content {
	padding: 0 15px;
	position: relative;
	zoom: 1
}

.loginbox .ui-dialog-content, .loginbox.ui-dialog {
	overflow: visible !important
}

.ui-dialog-content h2 {
	display: inline;
	font-weight: 700
}

.ui-dialog .ui-resizable-se {
	bottom: 3px;
	height: 14px;
	right: 3px;
	width: 14px
}

.ui-draggable .ui-dialog-titlebar {
	cursor: move
}

.ui-state-error {
	background: 50% 50% repeat-x #eeeeee !important;
	border: 1px solid #ddd;
	color: #000
}

.hamburger, .ui-helper-hidden-accessible {
	display: none
}

.navbar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 700px;
	margin: 0 auto;
	padding: 5px 20px
}

.navi {
	position: fixed;
	bottom: 0;
	right: 0;
	padding: 5px 20px;
	background: #fff;
	font-weight: bold;
	color: #888;
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2)
}

.bar {
	display: block;
	width: 20px;
	height: 2px;
	margin: 6px auto;
	-webkit-transition: 0.1s ease-in-out;
	transition: 0.1s ease-in-out;
	background-color: #fff
}

.navmenu {
	display: flex;
	justify-content: space-between;
	align-items: left
}

.navitem {
	margin-left: 20px
}

.goog-text-highlight, font>font {
	background-color: transparent !important;
	box-shadow: none ! important;
	box-sizing: inherit
}

.skiptranslate {
	display: none ! important
}

.socials {
	margin-top: 10px;
	font-weight: bold
}

.socials a {
	margin-right: 10px
}

.gird {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 0;
	grid-row-gap: 0;
	margin: 0 auto;
	margin-left: -5px;
	margin-right: -5px;
	margin-top: 10px
}

.girdnews {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 0;
	grid-row-gap: 0;
	margin: 0 auto;
	margin-left: -5px;
	margin-right: -5px;
	margin-top: 10px
}

.top5 {
	margin-top: 5px
}

.newscard {
	padding: 10px;
	border: 1px solid #ddd;
    margin: 5px;
	position: relative
}

.newscard:hover {
	border: 1px solid #aaa
}

.newscard a:hover {
	text-decoration: none
}

.mainpost {
	height: 400px;
	background-size: cover;
	position: relative
}

.linkmain:hover {
	text-decoration: none
}

.titlemain {
	position: absolute;
	bottom: 0;
	color: #fff;
	background: #000;
	opacity: 0.8;
	padding: 5px 15px;
	font-weight: normal;
	margin: 10px;
	font-size: 1em
}

.datemain {
	position: absolute;
	top: 0;
	right: 0;
	color: #000;
	background: #fff;
	opacity: 0.8;
	padding: 0px 5px;
	margin: 10px
}

.datemainnews {
	position: absolute;
	top: 0;
	left: 0;
	color: #000;
	background: #fff;
	opacity: 0.8;
	padding: 0px 5px;
	margin: 15px
}

.img {
	background-size: cover;
	background-position: center center;
	height: 200px
}

.imgnews {
	background-size: cover;
	background-position: center center;
	height: 220px
}

.images {
	width: 100%
}

.title {
	margin: 10px 0 5px;
	font-weight: bold
}

.titlenews {
	margin: 10px 0 0;
	font-weight: bold;
	font-size: 0.9em
}

.leftbio {
	float: left;
	width: 40%
}

.rightbio {
	float: right;
	width: 55%
}

.footer {
	padding-bottom: 40px
}

.DLEPush {
	z-index: 999999;
	position: fixed;
	right: 20px;
	top: 60px;
	margin-left: 20px;
	opacity: 0.9
}

@keyframes DLEPush-show {
	0% {
		transform: translateX(100%);
		opacity: 0
	}

	100% {
		transform: translateX(0);
		opacity: 1
	}
}

.DLEPush-notification.wrapper {
	animation-name: DLEPush-show;
	animation-duration: 1s;
	position: relative;
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	margin-bottom: 10px;
	width: 100%;
	color: #fff;
	max-width: 400px;
	background-color: #000;
	-webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .5);
}

.DLEPush-notification .DLEPush-icon {
	grid-column: 1;
	grid-row: 1 / span 2;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ccc;
	width: 50px;
	height: 50px;
	text-align: center
}

.DLEPush-notification .DLEPush-icon svg {
	scale: .8
}

.DLEPush-notification .DLEPush-header {
	font-weight: 700;
	grid-column: 2;
	grid-row: 1
}

.DLEPush-notification .DLEPush-header:empty {
	margin-top: 0
}

.DLEPush-notification .DLEPush-message {
	grid-column: 2;
	grid-row: 2;
	margin: 5px 20px
}

.DLEPush-notification .DLEPush-message li, .DLEPush-notification .DLEPush-message ul {
	list-style-type: none;
	padding-left: 0
}

.DLEPush-notification .DLEPush-close {
	position: absolute;
	top: 0;
	right: 0;
	color: #ccc;
	border: 0;
	cursor: pointer;
	background: none;
	font-size: 1.2em;
	outline: 0
}

.DLEPush-notification.wrapper.push-success {
	background-color: #000
}

.DLEPush-notification.wrapper.push-success .DLEPush-icon {
	background-color: #444
}

.DLEPush-notification.wrapper.push-warning {
	background-color: #000
}

.DLEPush-notification.wrapper.push-warning .DLEPush-icon {
	background-color: #444
}

.DLEPush-notification.wrapper.push-error {
	background-color: #000
}

.DLEPush-notification.wrapper.push-error .DLEPush-icon {
	background-color: #444
}

@media (max-width:500px) {
	.gird {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		margin-left: -5px;
		margin-right: -5px;
		margin-top: 10px
	}
	
	.girdnews {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		margin-left: -5px;
		margin-right: -5px
	}

	.mainpost {
		height: 280px;
	}

	.text2 {
		margin-bottom: 10px
	}

	.title {
		font-size: 0.9em
	}

	.newscard {
		padding: 10px;
	}

	.img {
		height: 160px
	}

	.imgnews {
		height: 200px
	}

	.add, .navmenu {
		position: fixed
	}

	.add, .navmenu.active {
		right: 0
	}

	.add {
		background-color: #fff;
		border: 0;
		bottom: 0;
		left: 0;
		z-index: 999;
		padding: 0 20px 20px 20px !important;
		-webkit-box-shadow: 0 0 20px -5px rgba(0, 0, 0, .6);
		-moz-box-shadow: 0 0 20px -5px rgba(0, 0, 0, .6);
		box-shadow: 0 0 20px -5px rgba(0, 0, 0, .6)
	}

	.bottom80 {
		margin-bottom: 160px
	}

	h1, h2, h3 {
		font-size: 1.2em
	}

	.navmenu {
		right: -100%;
		top: 0;
		flex-direction: column;
		background-color: #303030;
		padding: 14px 20px 5px;
		width: 100%;
		text-align: left;
		transition: 0.1s
	}

	.navitem {
		margin: 0 0 10px
	}

	.hamburger {
		display: block;
		cursor: pointer
	}

	.hamburger.active .bar:nth-child(2) {
		opacity: 0
	}

	.hamburger.active .bar:first-child {
		-webkit-transform: translateY(8px) rotate(45deg);
		transform: translateY(8px) rotate(45deg)
	}

	.hamburger.active .bar:nth-child(3) {
		-webkit-transform: translateY(-8px) rotate(-45deg);
		transform: translateY(-8px) rotate(-45deg)
	}
}