@import url(../css/offCanvas.min.css);

@font-face {
	font-family: YS Text;
	font-weight: 100;
	font-style: normal;
	font-display: swap;
	src: url("./display-thin.woff2") format("woff2"), url("./display-thin.woff") format("woff")
}

@font-face {
	font-family: YS Text;
	font-weight: 300;
	font-style: normal;
	font-display: swap;
	src: url("./text-light.woff2") format("woff2"), url("./text-light.woff") format("woff")
}

@font-face {
	font-family: YS Text;
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: url("./text-regular.woff2") format("woff2"), url("./text-regular.woff") format("woff")
}

@font-face {
	font-family: YS Text;
	font-weight: 400;
	font-style: italic;
	font-display: swap;
	src: url("./text-regular-italic.woff2") format("woff2"), url("./text-regular-italic.woff") format("woff")
}

@font-face {
	font-family: YS Text;
	font-weight: 500;
	font-style: normal;
	font-display: swap;
	src: url("./text-medium.woff2") format("woff2"), url("./text-medium.woff") format("woff")
}

@font-face {
	font-family: YS Text;
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	src: url("./text-bold.woff2") format("woff2"), url("./text-bold.woff") format("woff")
}

@font-face {
	font-family: YS Text;
	font-weight: 700;
	font-style: italic;
	font-display: swap;
	src: url("./text-bold-italic.woff2") format("woff2"), url("./text-bold-italic.woff") format("woff")
}

@font-face {
	font-family: YS Text Fallback;
	font-weight: 100;
	font-style: normal;
	font-display: fallback;
	src: url("./display-thin.woff2") format("woff2"), url("./display-thin.woff") format("woff")
}

@font-face {
	font-family: YS Text Fallback;
	font-weight: 300;
	font-style: normal;
	font-display: fallback;
	src: url("./text-light.woff2") format("woff2"), url("./text-light.woff") format("woff")
}

@font-face {
	font-family: YS Text Fallback;
	font-weight: 400;
	font-style: normal;
	font-display: fallback;
	src: url("./text-regular.woff2") format("woff2"), url("./text-regular.woff") format("woff")
}

@font-face {
	font-family: YS Text Fallback;
	font-weight: 400;
	font-style: italic;
	font-display: fallback;
	src: url("./text-regular-italic.woff2") format("woff2"), url("./text-regular-italic.woff") format("woff")
}

@font-face {
	font-family: YS Text Fallback;
	font-weight: 500;
	font-style: normal;
	font-display: fallback;
	src: url("./text-medium.woff2") format("woff2"), url("./text-medium.woff") format("woff")
}

@font-face {
	font-family: YS Text Fallback;
	font-weight: 700;
	font-style: normal;
	font-display: fallback;
	src: url("./text-bold.woff2") format("woff2"), url("./text-bold.woff") format("woff")
}

@font-face {
	font-family: YS Text Fallback;
	font-weight: 700;
	font-style: italic;
	font-display: fallback;
	src: url("./text-bold-italic.woff2") format("woff2"), url("./text-bold-italic.woff") format("woff")
}

@font-face {
	font-family: YS Text Swap;
	font-weight: 100;
	font-style: normal;
	font-display: swap;
	src: url("./display-thin.woff2") format("woff2"), url("./display-thin.woff") format("woff")
}

@font-face {
	font-family: YS Text Swap;
	font-weight: 300;
	font-style: normal;
	font-display: swap;
	src: url("./text-light.woff2") format("woff2"), url("./text-light.woff") format("woff")
}

@font-face {
	font-family: YS Text Swap;
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: url("./text-regular.woff2") format("woff2"), url("./text-regular.woff") format("woff")
}

@font-face {
	font-family: YS Text Swap;
	font-weight: 400;
	font-style: italic;
	font-display: swap;
	src: url("./text-regular-italic.woff2") format("woff2"), url("./text-regular-italic.woff") format("woff")
}

@font-face {
	font-family: YS Text Swap;
	font-weight: 500;
	font-style: normal;
	font-display: swap;
	src: url("./text-medium.woff2") format("woff2"), url("./text-medium.woff") format("woff")
}

@font-face {
	font-family: YS Text Swap;
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	src: url("./text-bold.woff2") format("woff2"), url("./text-bold.woff") format("woff")
}

@font-face {
	font-family: YS Text Swap;
	font-weight: 700;
	font-style: italic;
	font-display: swap;
	src: url("./text-bold-italic.woff2") format("woff2"), url("./text-bold-italic.woff") format("woff")
}

@font-face {
	font-family: "PF Din Text Comp Pro";
	src: url("fonts/pfdintextcomppro-light.eot");
	src: url("fonts/pfdintextcomppro-light.woff") format("woff"), url("fonts/pfdintextcomppro-light.ttf") format("truetype"), url("fonts/pfdintextcomppro-light.svg") format("svg");
	font-weight: 300;
	font-style: normal
}

input {
	font-size: 16px !important
}

::selection {
	background: rgba(25, 25, 25, 0.45)
}

.ads {
	max-width: 605px;
	margin: 7px 0 14px 0;
	background: #f7f7f7;
	padding: 2px
}

.sidebar {
	border-top-right-radius: .25rem !important;
	border-bottom-right-radius: .25rem !important;
	min-width: 270px
}

body {
	color: #575757;
	margin: 0;
	font-family: 'YS', sans-serif;
	font-weight: normal !important;
	letter-spacing: -0.5px
}



main h2 a:hover {
	text-decoration: underline
}

h1 {
	font-weight: normal;
	font-size: 1.5rem
}

h2 {
	font-size: 1.4rem;
	margin-bottom: .2rem
}

body {
	background: url("data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QMraHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQ1NUY4MDlDRDIxRjExRTlBQjcwOUNGNEU3MzlERjI3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQ1NUY4MDlERDIxRjExRTlBQjcwOUNGNEU3MzlERjI3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDU1RjgwOUFEMjFGMTFFOUFCNzA5Q0Y0RTczOURGMjciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDU1RjgwOUJEMjFGMTFFOUFCNzA5Q0Y0RTczOURGMjciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAAGBAQEBQQGBQUGCQYFBgkLCAYG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")
}

main {
	min-height: 300px
}

.type-article main article,
.type-page main article {
	margin: 2rem 0 2rem 0
}



.container2 {
	width: 953px;
	margin: auto;
	padding-top: 14px
}



.content {
	background: #fff;
	width: 953px;
	margin: auto;
	margin-bottom: 20px
}

.footer {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAACBAMAAAHdL9EuAAAAJ1BMVEVAQkhCREpCRUtDRktERkxFR01vcXdwcnhwc3lxdHlydHpzdXt0dny6gkAjAAAAIklEQVQImWNgdmBwZjBRMWBwVjUMDmGoOTZjVVrG7pkzugBHhAgXEU3maAAAAABJRU5ErkJggg==") repeat-x 0 0;
	color: #a8acb5
}

footer {
	text-align: center !important;
	height: 90px
}

footer span {
	display: block;
	padding: 16px 0
}

.btn-main {
	padding: 2px 4px
}

.table th,
.table td {
	border-top: 0
}

.fa {
	font-size: 14px !important;
	color: #575757
}

.btn-qiwi {
	color: #f6f8f9 !important
}

.main-table tr+tr {
	border-top: 1px solid #dee2e6
}

.main-table tbody tr td+td {
	border-left: 1px solid #dee2e6
}

.table thead th {
	border-bottom: 1px solid #dee2e6
}

.table th,
.table td {
	vertical-align: middle
}

.test {
	display: none
}

.user-block {
	display: block;
	cursor: pointer
}

.shadow_up {
	margin: 0;
	padding: 0
}

.shadow_up div {
	position: relative;
	top: 0;
	left: 0;
	height: 10px;
	width: 100%;
	opacity: .5;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJBAMAAAGOj5C2AAAAG1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACUUeIgAAAACXRSTlMBBg0YJzhJWWQ0sbEaAAAAOElEQVQImWNgYOhgYGBoYHBxAFIuQI6SkgJDWloCAwiA2C5AGRC/o6OBQRAEGIxBgCEUBBjKQQAAdmgNIU2GU/oAAAAASUVORK5CYII=") repeat-x 0 0
}

.gray {
	background-color: #eeeeef;
	overflow: hidden;
	padding: 20px 30px;
	color: #56626d
}

.hover-main-a:hover {
	background: #fafcfd
}

.bg-main {
	background: #f8f9fa !important;
	color: #6c757d
}

input[name="count"],
select[name="paymethod"] {
	width: 80px
}

.phone {
	width: 128px
}

.h3,
h3 {
	font-size: 1.3rem
}

a.pay-a {
	color: grey
}

a.pay-a:hover {
	color: #0c5460
}

a,
a:hover,
a:visited {
	text-decoration: none
}

.page-link {
	color: #adb5bd !important
}

.page-link:hover {
	color: #8c929a !important
}

.bl {
	animation: bl infinite 1s
}

@keyframes bl {
	from {
		background: #fff
	}

	to {
		background: green
	}
}

.form-registration {
	width: 300px
}

.articles img {
	max-width: 100%
}

.btn-grey {
	color: #212529;
	background-color: rgba(0, 0, 0, 0.075);
	border-color: rgba(0, 0, 0, 0.06)
}

.btn-grey:hover {
	color: #212529;
	background-color: rgba(0, 0, 0, 0.14);
	border-color: rgba(0, 0, 0, 0.075)
}

blockquote {
	font-style: italic;
	color: #9095a1;
	margin: 20px 0 20px 45px;
	border-left: 5px solid #e3eaf0;
	padding-left: 13px;
	padding-right: 33px;
	line-height: 1.4em;
	position: relative;
	min-height: 20px;
	padding-top: 20px;
	padding-bottom: 20px
}

blockquote:before {
	content: "\f10d";
	font-family: FontAwesome, sans-serif;
	position: absolute;
	left: -45px;
	top: 10px;
	color: #e3eaf0;
	font-size: 25px
}

.all-img {
	margin: 20px 0
}

.all-img>.active-img {
	border: #2cbe13 dashed 2px
}

.all-img>img:hover {
	cursor: pointer
}

.all-img img {
	margin-top: 10px
}



.img {
	max-width: 100%
}

.block_articles a {
	color: #6c757d !important
}

.block_articles a:hover {
	color: #304b49 !important
}

.post_bar {
	border-top: #adb5bd dashed 1px;
	border-bottom: #adb5bd dashed 1px;
	margin-bottom: 10px
}

.section-title {
	text-transform: uppercase;
	line-height: 1.75em;
	margin: 0 0 1em 0;
	font-weight: normal;
	text-align: center;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAADCAIAAADqcT3hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACVJREFUeNpifPfuHcMoIA4w/v//fzQUiAQs79+/Hw0FIgFAgAEAJqEIm4nV/SwAAAAASUVORK5CYII=") repeat-x center center
}

.section-title span {
	background: #fff;
	padding: 0 12px
}

.scrolltop {
	opacity: .7;
	filter: "alpha(opacity=70)";
	display: none;
	width: 50px;
	height: 50px;
	position: fixed;
	bottom: 40px;
	right: 20px;
	border: 0;
	background: rgba(0, 0, 0, 0.65);
	outline: 0;
	cursor: pointer;
	z-index: 500;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}

.scrolltop>i {
	font-size: 18px !important;
	color: #fff
}

.img-lg-index {
	width: 200px
}

@media(min-width:576px) {
	.modal-dialog {
		max-width: 450px
	}
}

@media(max-width:575.98px) {
	.img-lg-index {
		width: 100%
	}

	.container2 {
		background: #6a6d74;
		width: 100%
	}

	.content {
		width: 100%
	}

	.user-block {
		display: none
	}

	.page-error img {
		width: 90%
	}

	.form-registration {
		width: 100%
	}
}

@media(max-width:767.98px) {
	.img-lg-index {
		width: 100%
	}

	.container2 {
		background: white;
		width: 100%
	}

	.test {
		display: block
	}

	.content {
		width: 100%
	}

	.user-block {
		display: none
	}

	.adaptive-navbar {
		margin-top: 1rem
	}

	.form-registration {
		width: 100%
	}
}

@media screen and (max-width:480px) {
	.img-lg-index {
		width: 100%
	}

	.container2 {
		background: white;
		width: 100%
	}

	.content {
		width: 100%
	}

	.page-error img {
		width: 90%
	}
}

@media(max-width:900px) {
	.img-lg-index {
		width: 100%
	}

	.container2 {
		background: white;
		width: 100%
	}

	.content {
		width: 100%
	}
}