:root {
	--primary: #227093;
	--secondary: rgba(240,242,245, 0.8);
	--background: #eee;
	--highlight: #ffda79;
	--theme: var(--primary);
}

.tab input {
	position: absolute;
	opacity: 0;
	z-index: -1;
}

.tab__content {
	max-height: 0;
	overflow: hidden;
	transition: all 0.35s;
}

.tab input:checked ~ .tab__content {
	max-height: 20rem;
	height: 100%;
}

.accordion {
	color: var(--theme);
	border: 2px solid;
	border-radius: 0.5rem;
	overflow: hidden;
}

.tab__label, .tab__close {
	display: flex;
	color: black;
	background: var(--theme);
	cursor: pointer;
}

.tab__label {
	justify-content: space-between;
	padding: 1rem;
}

.tab__label::after {
	content: "\276F";
	width: 1em;
	height: 1em;
	text-align: center;
	transform: rotate(90deg);
	transition: all 0.35s;
}

.tab input:checked + .tab__label::after {
	transform: rotate(270deg);
}

.tab__content p, .tab__content ul {
	margin: 0;
	padding: 1rem;
	color: var(--color_text);
}

.tab__content ul li {
	list-style: disclosure-closed!important;
	margin: unset!important;
	padding: unset!important;
	display: grid!important;
}

.tab__close {
	justify-content: flex-end;
	padding: 0.5rem 1rem;
	font-size: 0.75rem;
}

.accordion--radio {
	--theme: var(--secondary);
}

.tab input:not(:checked) + .tab__label:hover::after {
	-webkit-animation: bounce .5s infinite;
	animation: bounce .5s infinite;
}

@-webkit-keyframes bounce {
	25% {
		transform: rotate(90deg) translate(.25rem);
	}

	75% {
		transform: rotate(90deg) translate(-.25rem);
	}
}

@keyframes bounce {
	25% {
		transform: rotate(90deg) translate(.25rem);
	}

	75% {
		transform: rotate(90deg) translate(-.25rem);
	}
}

.app-descr p, .app-descr br {
	margin-bottom: 10px;
}

@media (max-width: 570px) {
	.hidden {
		display: none;
	}
}

.single_bg::after {
	background: unset!important;
}

.home-categories {
	display: grid;
	grid-template-columns: repeat(6,minmax(0,1fr));
}

.home-categories>a {
	text-align: center;
	font-size: 1.3rem;
	min-height: 45px;
	line-height: 1.3;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media (max-width:1440px) {
	.home-categories {
		grid-template-columns: repeat(4,minmax(0,1fr));
	}
}

@media (max-width:768px) {
	.home-categories {
		grid-template-columns: repeat(3,minmax(0,1fr));
	}

	.home-categories>a {
		font-size: 1rem;
	}
}

@media (max-width:425px) {
	.home-categories {
		grid-template-columns: repeat(2,minmax(0,1fr));
	}
}

.py-2 {
	padding-top: .5rem;
	padding-bottom: .5rem;
}

.px-3 {
	padding-left: .75rem;
	padding-right: .75rem;
}

.m-1 {
	margin: .25rem;
}

.rounded {
	border-radius: .25rem;
}

.text-white {
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity));
}

.font-medium {
	font-weight: 500;
}

.text-xs {
	font-size: .75rem;
	line-height: 1rem;
}

.wrp, .wrp-min {
	width: 100%;
	padding-left: 1rem;
	padding-right: 1rem;
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 640px) {
	.wrp {
		max-width: 92rem;
	}

	.wrp-min {
		max-width: 63rem;
	}

	.wrp, .wrp-min {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}

.wrp .wrp-min, .wrp-min .wrp-min {
	max-width: 59rem;
	padding-left: 0;
	padding-right: 0;
}

@media(max-width:639px) {
	.wrp-min.block-list {
		padding-left: 0;
		padding-right: 0;
	}
}

.section {
	margin-bottom: 2rem;
}

.section-title, .section-head, .static-page .title {
	margin-bottom: 1rem;
}

.section-head {
	display: flex;
	align-items: center;
}

.section-head .section-title {
	margin-bottom: 0;
	margin-right: auto;
}

.section-title {
	font-size: 1rem;
	line-height: 1.3;
	display: flex;
	align-items: center;
}

.section-title > .c-icon {
	margin-right: 1rem;
}

@media (min-width: 640px) {
	.section-title {
		font-size: 1.25rem;
	}

	.btn-all svg {
		display: none !important;
	}
}

@media (min-width: 992px) {
	.section-title, .static-page .title {
		font-size: 1.5rem;
	}
}

@media (min-width: 1040px) {
	.page-head-main > .title {
		font-size: 2.5rem;
		max-width: 27rem;
		margin: 4rem auto;
	}

	.page-head-main > img {
		width: 88rem;
	}

	.section {
		margin-bottom: 3.5rem;
	}

	.section-title, .section-head, .static-page .title {
		margin-bottom: 1.5rem;
	}
}

.c-icon {
	min-width: 2rem;
	max-width: 2rem;
	height: 2rem;
	border-radius: 50%;
	padding: .375rem;
	display: inline-block;
	vertical-align: top;
}

.c-icon > svg {
	width: 1.25rem;
	height: 1.25rem;
	display: block;
	color: #fff;
}

@media (min-width: 640px) {
	.c-icon {
		min-width: 2.5rem;
		max-width: 2.5rem;
		height: 2.5rem;
		padding: .5rem;
	}

	.c-icon > svg {
		width: 1.5rem;
		height: 1.5rem;
	}
}

.btn-telegram {
	color: #31A8DB !important;
}

.btn-telegram > span {
	display: none;
}

@media (max-width: 767px) {
	.btn-telegram {
		height: auto;
		padding: 0;
	}
}

@media (min-width: 768px) {
	.btn-telegram .c-icon {
		min-width: 1.5rem;
		max-width: 1.5rem;
		height: 1.5rem;
		padding: .25rem;
	}

	.btn-telegram .c-icon svg {
		width: 1rem;
		height: 1rem;
	}

	.btn-telegram {
		display: inline-flex;
		align-items: center;
		padding: .5rem;
		background-color: rgba(49,168,219,.1);
	}

	.btn-telegram > span {
		display: block;
		padding: 0 .5rem 0 .75rem;
	}
}

.s-button {
	background-color: var(--color_button)!important;
	background-image: linear-gradient(180deg, var(--color_button) 0%, var(--color_button) 100%)!important;
	box-shadow: 0 .25rem .5rem 0 var(--color_button);
}

.s-yellow {
	background-color: var(--s_yellow)!important;
	background-image: linear-gradient(180deg, var(--s_yellow_bg_1) 0%, var(--s_yellow_bg_2) 100%)!important;
	box-shadow: 0 .25rem .5rem 0 var(--s_yellow);
}

.s-green {
	background-color: var(--s_green)!important;
	background-image: linear-gradient(180deg, var(--s_green_bg_1) 0%, var(--s_green_bg_2) 100%)!important;
	box-shadow: 0 .25rem .5rem 0 var(--s_green);
}

.s-purple {
	background-color: var(--s_purple)!important;
	background-image: linear-gradient(180deg, var(--s_purple_bg_1) 0%, var(--s_purple_bg_2) 100%);
	box-shadow: 0 .25rem .5rem 0 var(--s_purple);
}

.s-red {
	background-color: var(--s_red);
	background-image: linear-gradient(180deg, var(--s_red_bg_1) 0%, var(--s_red_bg_2) 100%);
	box-shadow: 0 .25rem .5rem 0 var(--s_red);
}

.s-blue {
	background-color: var(--color_button);
	background-image: linear-gradient(180deg, var(--color_button) 0%, var(--color_button_rgb) 100%);
	box-shadow: 0 .25rem .5rem 0 var(--color_button);
}

.s-telegram {
	background-color: #2EA6D9;
	background-image: linear-gradient(180deg, #37AEE2 0%, #1E96C8 100%);
	box-shadow: 0 .25rem .5rem 0 rgba(53,172,224,0.3);
}

@media (min-width: 992px) {
	.btn.s-yellow:hover, .download-line.s-yellow:hover {
		box-shadow: 0 .25rem .5rem 0 var(--s_yellow), 0 0 0 .25rem var(--s_yellow);
	}

	.btn.s-button:hover, .download-line.s-button:hover {
		box-shadow: 0 .25rem .5rem 0 var(--color_button_hover), 0 0 0 .25rem var(--color_button_hover);
	}

	.btn.s-green:hover, .download-line.s-green:hover {
		box-shadow: 0 .25rem .5rem 0 var(--s_green), 0 0 0 .25rem var(--s_green);
	}

	.page_prev > a:hover, .page_next > a:hover {
		box-shadow: 0 .25rem .5rem 0 var(--color_nav_rgb), 0 0 0 .25rem var(--color_nav_rgb);
	}

	.btn.s-purple:hover, .download-line.s-purple:hover {
		box-shadow: 0 .25rem .5rem 0 var(--s_purple), 0 0 0 .25rem var(--s_purple);
	}

	.btn.s-red:hover, .download-line.s-red:hover {
		box-shadow: 0 .25rem .5rem 0 var(--s_red), 0 0 0 .25rem var(--s_red);
	}

	.btn.s-blue:hover, .download-line.s-blue:hover {
		box-shadow: 0 .25rem .5rem 0 var(--s_blue), 0 0 0 .25rem var(--s_blue);
	}

	.btn.s-telegram:hover {
		box-shadow: 0 .25rem .5rem 0 rgba(53,172,224,0.3), 0 0 0 .25rem rgba(53,172,224,0.3);
	}
}

.adB {
	min-height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	color: #989b9f;
	border: 1px solid #e6e6e6;
	border-radius: 3px;
}

.adB.h240 {
	min-height: 240px;
}

.adB.h360 {
	min-height: 360px;
}

.adB.h480 {
	min-height: 480px;
}

.h240, .h360, .h480 {
	border-radius: 5px 15px 5px 5px;
}

.adB::before {
	content: attr(data-text);
}

.post-views {
	display: none!important;
}

@media all and (max-width:480px) {
	#artikel img.wp-post-image, #artikel #description img {
		display: block;
		margin: 0 auto;
		width: 75%!important;
		height: 50%;
	}
}