/*
Theme Name: moykonst
*/

/* NULL */

HTML, BODY, DIV, SPAN, APPLET, OBJECT, IFRAME, H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, PRE, A, ABBR, ACRONYM, ADDRESS, BIG, CITE, CODE, DEL, DFN, EM, FONT, IMG, INS, KBD, Q, S, SAMP, SMALL, STRIKE, STRONG, TT, VAR, B, U, I, CENTER, DL, DT, DD, OL, UL, LI, FIELDSET, FORM, LABEL, LEGEND {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
SUP, SUB {line-height: 1px;}
BODY {line-height: 1;}
UL {list-style: none;}
:focus {outline: 0;}
INS {text-decoration: none;}
DEL {text-decoration: line-through;}
input::-moz-focus-inner {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, .block {display: block;}
audio, canvas, video {display: inline-block;}
audio:not([controls]) {display: none;height: 0;}

[hidden] {display: none;}
.none, .hidden, .on980, .on760, .on320, .only980, .only760 {display: none;}

.clear, .clr {clear: both;}
hr.clear, hr.clr {padding: 0;margin: 0;height: 1px;overflow: hidden;border: 0;}
.clearfix:before, .clearfix:after, .clf:before, .clf:after {content: " ";display: table;}
.clearfix:after, .clf:after {clear: both;}
.clearfix, .clf {*zoom: 1;}

.alignright, .right { float: right; }
.alignleft, .left { float: left; }
.center { text-align: center; }
.centered, .aligncenter {
	display: block;
	margin: 0 auto;
	}

img.alignright, img.right {
	margin: 0 0 7px 20px;
	display: inline;
	}
img.alignleft, img.left {
	margin: 0 20px 7px 0;
	display: inline;
	}
a img {
	border: none;
	}
img {
	max-width: 100%;
	}

.entry img {
	height: auto;
	}

/* END NULL */


/* BASE */

body {
	color: #fff;
	font-size: 16px;
	line-height: 22px;
	font-family: "Montserrat", sans-serif;
	background: #0a3f5a;
	text-align: center;
	}

.wrap {
	width: 100%;
	max-width: 1420px;
	box-sizing: border-box;
	padding: 0 10px;
	margin: 0 auto;
	text-align: left;
	}

input, textarea {
	color: #0d1421;
	font-size: 16px;
	line-height: 20px;
	font-family: "Montserrat", sans-serif;
	}

a {
	color: #618fed;
	text-decoration: none;
	transition: all 0.3s 0.02s ease;
	}

a:hover {
	color: #618fed;
	text-decoration: underline;
	}

p, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .title, .entry table, .entry form, .entry ul, .entry ol, .entry hr, blockquote {
	margin: 0 0 30px 0;
	}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .title {
	color: #fff;
	font-weight: bold;
	}
h1, .h1, .title{
	font-size: 28px;
	line-height: 32px;
	}
h2, .h2{
	font-size: 26px;
	line-height: 30px;
	}
h3, .h3{
	font-size: 24px;
	line-height: 28px;
	}
h4, .h4{
	font-size: 22px;
	line-height: 26px;
	}
h5, .h5{
	font-size: 20px;
	line-height: 24px;
	}
h6, .h6{
	font-size: 18px;
	line-height: 22px;
	}


.table, .entry table {
	width: 100%;
	border-spacing: 5px;
	border-top: 0 solid #959596;
	border-left: 0 solid #959596;
	background: rgb(255 255 255 / 5%);
	border-radius: 15px;
	padding: 0 0;
	}
.table tr th, .entry table tr th{
	border-bottom: 0 solid #959596;
	border-right: 0 solid #959596;
	padding: 10px 10px;
	font-weight: 600;
	font-size: 18px;
	line-height: 21px;
	text-align: center;	
	}
.table tr td, .entry table tr td{
	border-bottom: 0 solid #959596;
	border-right: 0 solid #959596;
	padding: 10px 10px;
	font-size: 16px;
	line-height: 19px;
	background:rgb(255 255 255 / 5%);
	border-radius: 10px;
	}
.table tr td:first-child, .entry table tr td:first-child{
	background: rgb(255 255 255 / 5%);
	padding: 10px 10px;
	}
.table tr:first-child td, .entry table tr:first-child td{
	font-weight: 600;
	font-size: 18px;
	line-height: 21px;
	background: none;
	border-radius: 0;
	}
.entry td figure{
	margin:0;
	padding:0;
	}
.entry table.nobord, .entry table.nobord tr th, .entry table.nobord tr td {
	border: 0;
	padding: 0;
	background: none;
	}

.entry ul, ul.list {
	padding: 0 0 0 0;
	list-style: none;
	font-weight: 600;
	}
.entry ol, ol.list {
	padding: 0 0 0 0;
	list-style: none;
	font-weight: 600;
	}
.entry ul ul, .entry ol ol, .entry ol ul, .entry ul ol, ul.list ul, ol.list ol, ol.list ul, ul.list ol {
	margin: 5px 0 0 0;
	}
.entry ol > li, ol.list > li {
	margin: 0 0 14px 15px;
	padding: 0 0 0 10px;
	list-style: decimal outside;
	}
.entry ul > li, ul.list > li {
	margin: 0 0 14px 0;
	display: block;
	padding: 0 0 0 25px;
	position:relative;
	}
.entry ul > li:before, ul.list > li:before {
	content:"";
	display:block;
	position:absolute;
	z-index:1;
	top: 6px;
	left:0;
	width: 10px;
	height: 10px;
	background: #618fed;
	border-radius: 50%;
	}
	
code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}
acronym, abbr, span.caps {
	font-size: 0.9em;
	letter-spacing: .07em;
	cursor: help;
	}
acronym, abbr {
	border-bottom: 1px dashed #999;
	}
blockquote {
	background:rgb(255 255 255 / 5%);
	border-radius: 8px;
	padding:  20px 20px 20px 20px;
	margin: 0 auto 30px auto;
	text-align:center;
	font-size: 17px;
	line-height: 22px;
	color: #fff;
	}
blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

/* END BASE */


/* FORM */

.form_line{
	padding: 0 0 15px 0;
	}

.lab{
	display: block;
	padding: 0 0 2px 0;
	}

.inp{
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	padding: 10px 20px;
	background: #fff;
	border: 1px solid #b2b2b2;
	border-radius: 3px;
	-webkit-appearance: none;
	color: #000;
	font-size: 15px;
	line-height: 18px;
	}

.ta{
	box-sizing: border-box;
	width: 100%;
	height: 100px;
	padding: 10px 20px;
	background: #fff;
	border: 1px solid #b2b2b2;
	border-radius: 3px;
	-webkit-appearance: none;
	color: #000;
	font-size: 15px;
	line-height: 18px;
	vertical-align: bottom;
	}

.form_sub {
	position: relative;
	}

.btn {
	display: inline-block;
	box-sizing: border-box;
	min-height: 40px;
	padding: 10px 20px;
	border: 1px solid #57b64d;
	background: #57b64d;
	border-radius: 5px;
	transition: all 0.3s 0.02s ease;
	-webkit-appearance: none;
	color: #fff;
	font-size: 16px;
	line-height: 18px;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	}

.btn:hover{
	border-color: #ca2a3c;
	background-color: #ca2a3c;
	color: #fff;
	text-decoration: none;
	}

.form_sub .ajax-loader {
	position: absolute;
	top: -5px;
	right: -5px;
	}

/* END FORM */



/* HEADER */

header {
	padding: 7px 0;
	border-bottom: 1px solid #242526;
	position: relative;
	}
.head_b{  
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 10px 0;
	}
.head_bleft{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	}
.logo{
	width: 100px;
	}
.logo img{
	vertical-align: bottom;
	transition: all 0.3s 0.02s ease;
	}
.logo img:hover {
	transform:scaleX(0.8);
	}

.poisk_vkl{
	margin: 0 0 0 0;
	display: block;
	width: 26px;
	height: 26px;
	background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.7771 14.5399L19.5247 18.2866L18.2866 19.5247L14.5399 15.7771C13.1458 16.8947 11.4118 17.5025 9.625 17.5C5.278 17.5 1.75 13.972 1.75 9.625C1.75 5.278 5.278 1.75 9.625 1.75C13.972 1.75 17.5 5.278 17.5 9.625C17.5025 11.4118 16.8947 13.1458 15.7771 14.5399ZM14.0219 13.8906C15.1323 12.7486 15.7525 11.2179 15.75 9.625C15.75 6.2405 13.0086 3.5 9.625 3.5C6.2405 3.5 3.5 6.2405 3.5 9.625C3.5 13.0086 6.2405 15.75 9.625 15.75C11.2179 15.7525 12.7486 15.1323 13.8906 14.0219L14.0219 13.8906Z' fill='%23fff'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 26px;
	cursor: pointer;
	transition: all 0.3s 0.02s ease;
	opacity: 0.8;
	}
.poisk_vkl:hover {
	opacity: 1;
	}
.poisk_vkl.open{
	transform: rotate(360deg);
	opacity: 1;
	}

.poisk_b{
	box-sizing: border-box;
	height: 82px;
	border: 1px solid #242526;
	background: #17191a;
	box-shadow: 0 3px 9px rgb(255 255 255 / 20%);
	border-radius: 8px;
	padding: 10px 20px;
	transition: all 0.3s 0.02s ease;	
	opacity: 0;
	width: 94%;
	max-width: 1400px;
	position: absolute;
	left: 50%;
	top: 0;
	z-index: 77;
	transform: translateY(-400%) translateX(-50%);
	transition-duration: 0.5s;
	transition-timing-function: cubic-bezier(0.6, 0.1, 0.15, 0.8);
	box-sizing: border-box;
	}
.poisk_b:focus-within{
	background: #34383a;
	}
.poisk_b.open{
	opacity: 1;
	transform: translateY(10px) translateX(-50%);;
	top: 100%;
	}
.poisk_b.open form{
	height: 100%;
	}
input.search_inp{
	color: #fff;
	display: block;
	box-sizing: border-box;
	padding: 0 0 0 31px;
	margin: 0;
	height: 100%;
	width: 100%;
	border: 0;
	background: none;	
	background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.7771 14.5399L19.5247 18.2866L18.2866 19.5247L14.5399 15.7771C13.1458 16.8947 11.4118 17.5025 9.625 17.5C5.278 17.5 1.75 13.972 1.75 9.625C1.75 5.278 5.278 1.75 9.625 1.75C13.972 1.75 17.5 5.278 17.5 9.625C17.5025 11.4118 16.8947 13.1458 15.7771 14.5399ZM14.0219 13.8906C15.1323 12.7486 15.7525 11.2179 15.75 9.625C15.75 6.2405 13.0086 3.5 9.625 3.5C6.2405 3.5 3.5 6.2405 3.5 9.625C3.5 13.0086 6.2405 15.75 9.625 15.75C11.2179 15.7525 12.7486 15.1323 13.8906 14.0219L14.0219 13.8906Z' fill='%23fff'/%3E%3C/svg%3E");
	background-position: left center;
	background-repeat: no-repeat;
	transition: all 0.3s 0.02s ease;
	}
input.search_inp:focus{
	background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.7771 14.5399L19.5247 18.2866L18.2866 19.5247L14.5399 15.7771C13.1458 16.8947 11.4118 17.5025 9.625 17.5C5.278 17.5 1.75 13.972 1.75 9.625C1.75 5.278 5.278 1.75 9.625 1.75C13.972 1.75 17.5 5.278 17.5 9.625C17.5025 11.4118 16.8947 13.1458 15.7771 14.5399ZM14.0219 13.8906C15.1323 12.7486 15.7525 11.2179 15.75 9.625C15.75 6.2405 13.0086 3.5 9.625 3.5C6.2405 3.5 3.5 6.2405 3.5 9.625C3.5 13.0086 6.2405 15.75 9.625 15.75C11.2179 15.7525 12.7486 15.1323 13.8906 14.0219L14.0219 13.8906Z' fill='%233861fb'/%3E%3C/svg%3E");
	}
input.search_sub{
	display: none;
	opacity: 0;
	}


.menu_vkl{
	margin: 0 20px 0 0;
	display: none;
	width: 28px;
	height: 20px;
	position: relative;
	z-index: 111;
	cursor: pointer;
	transition: all .3s ease-in-out;
	cursor: pointer;
	opacity: 0.8;
	}
.menu_vkl:hover {
	opacity: 1;
	}
.menu_vkl span{
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 2px;
	border-radius: 3px;
	background: #fff;
	transition: all .5s ease-in-out;
	}
.menu_vkl span:nth-child(2){
	top: 9px;
	transition: all 1.1s 0.02s ease;
	}
.menu_vkl span:nth-child(3){
	top: 18px;
	}
.menu_vkl.open{
	opacity: 1;
	}
.menu_vkl.open span{
	top: 9px;
	}
.menu_vkl.open span:nth-child(1){
	transform: rotate(45deg);
	}
.menu_vkl.open span:nth-child(2){
	opacity: 0;
	transform: rotate(360deg);
	}
.menu_vkl.open span:nth-child(3){
	transform: rotate(135deg);
	}	


.menu_top {
	margin: 0 10px 0 10px;
	}
.menu_top > ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	}
.menu_top > ul > li{
	display: block;
	padding: 15px 0;
	position: relative;
	margin: 0 0 0 25px;
	}
.menu_top > ul > li:first-child{
	margin: 0;
	}
.menu_top > ul > li > a{
	font-weight: 600;
	font-size: 17px;
	line-height: 20px;
	color: #fff;
	text-decoration: none;
	position: relative;
	}
.menu_top > ul > li:hover > a{
	color: #618fed;
	}
.menu_top > ul > li > a:before{
	content:"";
	display:block;
	position:absolute;
	z-index: 1;
	bottom: -2px;
	left: 0;
	height: 2px;
	width: 0;
	background: #618fed;
	transition: all 0.3s 0.1s ease-in-out;
	}
.menu_top > ul > li > a:after{
	content:"";
	display:block;
	position:absolute;
	z-index: 1;
	bottom: -2px;
	right: 0;
	height: 2px;
	width: 0;
	background: #618fed;
	transition: all 0.3s 0.1s ease-in-out;
	}
.menu_top > ul > li:hover > a:before, .menu_top > ul > li.current-menu-item > a:before{
	width: 50%;
	}
.menu_top > ul > li:hover > a:after, .menu_top > ul > li.current-menu-item > a:after{
	width: 50%;
	}


.menu_top > ul > li > ul{
	display: none;
	width: 200px;
	background: #535353;
	box-shadow: 0px 5px 15px 0px rgba(128, 138, 157, 0.3);
	box-sizing: border-box;
	padding: 5px;
	position: absolute;
	z-index: 77;
	top: 100%;
	left: 0;
	border-radius: 5px;
	}
.menu_top > ul > li > ul:before {
	content: "";
	display: block;
	position: absolute;
	z-index: 2;
	top: -8px;
	left: 20px;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 8px solid #535353;
	}
.menu_top > ul > li:hover > ul{
	display: block;
	}
.menu_top > ul > li > ul > li{
	display: block;
	position: relative;
	margin: 0 0 2px 0;
	}
.menu_top > ul > li > ul > li > a{
	display: block;
	border-radius: 5px;
	padding: 5px 10px;
	font-size: 14px;
	color: #fff;
	line-height: 20px;
	font-weight: bold;
	text-decoration: none;
	}
.menu_top > ul > li > ul > li > a:hover, .menu_top > ul > li > ul > li.current-menu-item > a{
	background-color: #eff2f5;
	color: #618fed;
	}


/* END HEADER */


/* HOME */

.threeblocks {
	padding: 30px 0;
	display: grid;
	grid-template-columns: 0.8fr 1.2fr 1fr;
	column-gap: 30px;
	}
@media (max-width: 1200px) {
	.threeblocks {
		grid-template-columns: 0.9fr 1.1fr 1fr;
		column-gap: 20px;
		}
	}


.zagolovok_b{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 10px 0;
	}
.zagolovok_button{
    margin: 0 0 22px 0;
	}	
.zagolovok{
	font-size: 28px;
	line-height: 32px;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 0 0 22px 0;
	}


a.novuezapisi{
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
	border-radius: 8px;
	padding: 10px;
	margin: 0 0 5px 0;
	color: #fff;
	text-decoration: none;
	}
a.novuezapisi:hover{
	background-color: #042434;
	box-shadow: 0 2px 7px rgb(255 255 255 / 5%);
	}
.novuezapisi_img{
	flex: 0 0 70px;
	margin: 0 10px 0 0;
	}
.novuezapisi_img img{
	vertical-align: bottom;
	transition: all 0.5s 0.02s ease;
	opacity: 0.8;
	border-radius: 8px;
	}
a.novuezapisi:hover .novuezapisi_img img{
	opacity: 1;
	transform: scale(1.1);
	}

.novuezapisi_r{
	width: 100%;
	box-sizing: border-box;
	line-height: 18px;
	}

.novuezapisi_title{
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 5px 0;
	}
.novuezapisi_date{
	color: #85939a;
	font-size: 12px;
	letter-spacing: 1px;
	}




.blockposta{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin: 0 0 20px 0;
	transition: all 0.3s 0.02s ease;
	}
.blockposta_f{
	display: block;
	}

.blockposta_img{
	flex: 0 0 100px;
	margin: 0 10px 0 0;
	overflow: hidden;
	border-radius: 8px;
	}
.blockposta_img img{
	vertical-align: bottom;
	border-radius: 8px;
	transition: all 0.3s 0.02s ease;
	opacity: 0.8;
	}
.blockposta:hover .blockposta_img img{
	opacity: 1;
	transform: scale(1.1);
	}
.blockposta_f .blockposta_img{
	margin: 0 0 5px 0;
	}
.blockposta_c{
	width: 100%;
	}

.blockposta_title{
	line-height: 18px;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 5px 0;
	}
.blockposta_f .blockposta_title{
	font-size: 16px;
	}
.blockposta_title a {
	color: #fff;
	text-decoration: none;
	}
.blockposta_title a:hover {
	color: #618fed;
	}
.blockposta_text{
	line-height: 18px;
	font-size: 14px;
	margin: 0 0 5px 0;
	}

.blockposta_inf{  
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	font-size: 12px;
	line-height: 18px;
	color: #85939a;
	letter-spacing: 1px;
	}
.blockposta_inf a {
	color: #85939a;
	text-decoration: none;
	}
.blockposta_inf a:hover {
	color: #618fed;
	}
.blockposta_inf_author:after{
	content: "\2022";
	margin: 0 8px;
	}
.blockposta_inf_date:after{
	content: "\2022";
	margin: 0 8px;
	}
.blockposta_inf_com{
	padding: 0 0 0 18px;
	background: url('images/com.svg') no-repeat left center;
	background-size: 14px auto;
	margin: 0 0 0 0;
	}
.blockposta_inf_com:after{
	content: "\2022";
	margin: 0 8px;
	}
.blockposta_inf_views{
	padding: 0 0 0 18px;
	background: url('images/eye.svg') no-repeat left center;
	background-size: 14px auto;
	}	
.blockposta_inf_views:after{
	content: "\2022";
	margin: 0 8px;
	}
.blockposta_inf > div:last-child::after{
	display: none;
	}



.recommend_list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 20px;
	}
.recommend_list .blockposta_f .blockposta_title{
	font-size: 14px;
	}


.textglavnuy {
	padding: 30px 0;
	background-color: #042434;
	}



.firstnews {
	padding: 30px 0;
	}
.firstnews_line {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	column-gap: 20px;
	}
@media (max-width: 1200px) {
	.firstnews_line {
		grid-template-columns: 1fr 1fr 1fr;
		}
	}



.sekondnews_bg{
	padding: 30px 0;
	background-color: #042434;
	}
.sekondnews_one{
	padding: 0 10px;
	}

.sekondnews .slick-dots {
	padding: 20px 0 0 0;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	}
.sekondnews .slick-dots li {
	padding: 0 5px;
	}
.sekondnews .slick-dots li button {
	display: block;
	width: 14px;
	height: 14px;
	padding: 0;
	margin: 0;
	border: 1px solid #fff;
	background: none;
	overflow: hidden;
	text-indent: -9999px;
	border-radius: 8px;
	transition: all 0.3s 0.02s ease;
	cursor: pointer;
	box-shadow: 0 2px 7px rgb(0 0 0 / 40%);
	}
.sekondnews .slick-dots li button:hover {
	background: #618fed;
	border-color: #618fed;
	}
.sekondnews .slick-dots li.slick-active button {
	background: #618fed;
	border-color: #618fed;
	box-shadow: 0 1px 5px rgb(255 255 255 / 30%);
	}




.thirdnews {
	padding: 30px 0;
	}
.thirdnews_line {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 30px;
	}
.thirdnews_line .blockposta {
	margin: 0 0 30px 0;
	}
.thirdnews_line .blockposta_img{
	flex: 0 0 240px;
	margin: 0 20px 0 0;
	}
@media (max-width: 1200px) {
	.thirdnews_line .blockposta_img {
		flex: 0 0 190px;
		margin: 0 10px 0 0;
		}
	.blockposta_text {
		font-size: 12px;
		}
	}
.thirdnews_line .blockposta_title{
	font-size: 18px;
	}


.questionblock{
	padding: 30px 0;
	background-color: #042434;
	}

.questionb{
	padding: 0 20px 0 20px;
	background: rgb(255 255 255 / 5%);
	border-radius: 8px;
	margin: 0 0 20px 0;
	transition: all 0.3s 0.02s ease;
	box-shadow: 0 2px 7px rgb(0 0 0 / 10%);
	}
.questionb.active, .questionb:hover{
	box-shadow: 0 5px 14px rgb(0 0 0 / 20%);
	}
.questionb_title{
	font-size: 18px;
	font-weight: bold;
	position:relative;
	padding: 10px 30px 10px 0;
	cursor: pointer;
	}
.questionb_title:before{
	content:"";
	display: block;
	position:absolute;
	z-index:1;
	top: 20px;
	right: 0;
	width: 17px;
	height: 3px;
	background-color: #618fed;
	border-radius: 2px;
	transition: all 0.3s 0.02s ease;    
	}
.questionb_title:after{
	content:"";
	display: block;
	position:absolute;
	z-index:1;
	top: 20px;
	right: 0;
	width: 17px;
	height: 3px;
	background-color: #618fed;
	border-radius: 2px;
	transform:rotate(90deg);
	transition: all 0.3s 0.02s ease;    
	}
.questionb_title.active:before{
	transform: rotate(-45deg);
	}
.questionb_title.active:after {
	transform: rotate(45deg);
	}
	
.questionb_text{
	display: none;
	padding: 10px 0;
	}


.vctavkavideo{
	box-sizing: border-box;
	max-width: 800px;
	padding: 10px;
	margin: 0 auto;
	border-radius: 8px;
	background-color: rgb(255 255 255 / 5%);
	}



#content {
	padding: 30px 0;
	}
a.site_submit{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	height: 34px;
	margin: 0 0 0 0;
	padding: 0 14px 0 14px;
	background: #618fed;
	border-radius: 8px;
	font-size: 15px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 1px;
	}
a.site_submit:hover{
	letter-spacing: 1.5px;
	background: #ff3651;
	box-shadow: 0 4px 9px rgb(255 255 255 / 20%);
	}


/* END HOME */


/* FOOTER */

footer {
	padding: 30px 0;
	background: #050505 url('images/bgbot.svg') repeat-x left bottom;
	background-size: auto 100px;
	}

.flogo{
	width: 210px;
	margin: 0 auto 30px auto;
	}
.flogo img{
	vertical-align: bottom;
	transition: all 0.3s 0.02s ease;
	}
.flogo img:hover {
	transform:scaleX(1.1);
	}


.niz_menu > ul{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
	column-gap: 20px;
	}
.niz_menu > ul > li{
	display: block;
	box-sizing: border-box;
	padding: 0 0 20px 0;
	}
.niz_menu > ul > li > a{
	font-size: 18px;
	color: #fff;
	line-height: 20px;
	text-decoration: none;
	font-weight: bold;
	text-shadow: 1px 1px 1px rgb(0 0 0 / 30%);
	}
.niz_menu > ul > li > a:hover, .niz_menu > ul > li.current-menu-item > a{
	color: #618fed;
	}

.niz_menu > ul > li > ul{
	display: block;
	box-sizing: border-box;
	padding: 5px 0 0 0;
	}
.niz_menu > ul > li > ul > li{
	display: block;
	position: relative;
	margin: 0 0 8px 0;
	}
.niz_menu > ul > li > ul > li > a{
	font-size: 15px;
	color: #fff;
	line-height: 20px;
	text-decoration: none;
	position: relative;
	text-shadow: 1px 1px 1px rgb(0 0 0 / 30%);
	}
.niz_menu > ul > li > ul > li > a:hover, .niz_menu > ul > li > ul > li.current-menu-item > a{
	color: #618fed;
	}
.niz_menu > ul > li > ul > li > a:after{
	content: " ";
	display: block;
	width: 0;
	height: 1px;
	background: #618fed;
	position: absolute;
	bottom: -1px;
	left: 50%;
	border-radius: 2px;
	transform: translateX(-50%);
	transition: all 0.3s 0.02s ease;
	}
.niz_menu > ul > li > ul > li > a:hover:after, .niz_menu > ul > li > ul > li.current-menu-item > a:after{
	width: 100%;
	}

.niz_socialki{
	margin: 0 0 20px 0;
	}	
.niz_socialki ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	}	
.niz_socialki li{
	display:block;
	padding: 0 7px 10px 7px;
	}	
.niz_socialki li a{
	display:block;
	width: 40px;
	height: 40px;
	background-color: rgb(255 255 255 / 100%);
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 8px;
	background-size: 22px auto;
	}	
.niz_socialki li a.niz_socialki1{
	background-image: url('images/telegram.svg');
	}		
.niz_socialki li a.niz_socialki2{
	background-image: url('images/vk.svg');
	}	
.niz_socialki li a.niz_socialki3{
	background-image: url('images/youtube.svg');
	}	
.niz_socialki li a.niz_socialki4{
	background-image: url('images/x_twitter.svg');
	}	
.niz_socialki li a.niz_socialki5{
	background-image: url('images/twitter.svg');
	}	
.niz_socialki li a.niz_socialki6{
	background-image: url('images/instagram.svg');
	}	
.niz_socialki li a.niz_socialki7{
	background-image: url('images/tiktok.svg');
	}	
.niz_socialki li a.niz_socialki8{
	background-image: url('images/discord.svg');
	}	
.niz_socialki li a:hover{
    transform: scale(1.1) rotate(360deg);
	box-shadow: 0 3px 8px rgba(255, 255, 255, 0.2);
	background-color: rgb(255 255 255 / 100%);
	}

.kopirayt{
	margin: 0 0 20px 0;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: center;
	text-transform: uppercase;
	}

#back_top{
	display: block;
	width: 40px;
	height: 40px;
	position: fixed;
	z-index: 77;
	bottom: 70px;
	right: 20px;
	transform: translateY(150px);
	transition: all 0.3s 0.2s ease;
	border-radius: 100%;
	border: 1px solid #618fed;
	background-color: rgb(0 0 0 / 60%);
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEyIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSA2TDYgMUwxIDYiIHN0cm9rZT0iI0Y5RkFGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 16px auto;
	cursor: pointer;
	}	
#back_top.show{
	transform: translateY(0);
	}
#back_top.show:hover{
	transform: translateY(0) scale(1.15);
	background-color: #618fed;
	}



.odobrit{
	transition: all 0.3s 0.02s ease;
	transform: translateY(120%);
	position: fixed;
	z-index: 76;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 20px 0;
	background: #17191a;
	box-shadow: 0px 8px 22px 0px rgba(255, 255, 255, 0.3);
	}
.odobrit.fixed{
	transform: translateY(0);
	}
.odobrit_line{  
	display: flex;
	justify-content: space-between;
	align-items: center;
	}
.odobrit_text{
	width: 100%;
	font-size: 15px;
	}
.odobrit_right{
	margin: 0 0 0 10px;
	flex: 0 0 140px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	}

a.odobrit_but{
	margin: 0 20px 0 0;
	padding: 8px 20px;
	background: #618fed;
    border-radius: 8px;
	font-size: 16px;
	color: #fff;
	font-weight: 600;
	text-decoration: none;
	}
a.odobrit_but:hover{
	background: #ff3651;
	box-shadow: 0 4px 9px rgb(0 0 0 / 20%);
	}
.odobrit_close{
	width: 10px;
	height: 10px;
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2ZmZiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTAuOTM5MyAxMkw2Ljk2OTYgMTUuOTY5N0w4LjAzMDI2IDE3LjAzMDRMMTIgMTMuMDYwN0wxNS45Njk3IDE3LjAzMDRMMTcuMDMwNCAxNS45Njk3TDEzLjA2MDcgMTJMMTcuMDMwMyA4LjAzMDM5TDE1Ljk2OTYgNi45Njk3M0wxMiAxMC45MzkzTDguMDMwMzggNi45Njk3M0w2Ljk2OTcyIDguMDMwMzlMMTAuOTM5MyAxMloiIGZpbGw9IiNmZmYiLz4NCjwvc3ZnPg==');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 30px auto;
	transition: all 0.3s 0.02s ease;
	cursor: pointer;
	}
.odobrit_close:hover{
	transform: rotate(180deg);
	}


/* END FOOTER */


/* INSIDE */


.sortirivka{
	width: 190px;
	height: 34px;
	margin: 0 0 20px auto;
	position: relative;
	}
span.sortirivka_act{  
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 190px;
	height: 34px;
	box-sizing: border-box;
	padding: 0 10px 0 16px;
	background: #042434;
	border-radius: 8px;
	line-height: 34px;
	font-size: 15px;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	}
span.sortirivka_act:after{
	content:"";
	display: block;
	width: 20px;
	height: 20px;	
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPgo8c3ZnIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNyAxMEwxMiAxNUwxNyAxMCIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg==');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 24px auto;
	transition: all 0.3s 0.02s ease;
	}
span.sortirivka_act_active:after{
	transform: rotate(180deg);
	}

.sortirivka ul.sortirivka_drop{
	display: none;
	position: absolute;
	z-index:111;
	top: 38px;
	left: 0;
	width: 100%;
	background: #042434;
	border-radius: 8px;
	box-sizing: border-box;
	padding: 8px 16px 0 16px;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.32);
	}
.sortirivka ul.sortirivka_drop li{
	display: block;
	padding: 0 0 8px 0;
	}
.sortirivka ul.sortirivka_drop li a{
	display: block;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	}
.sortirivka ul.sortirivka_drop li a:hover{
	color: #618fed;
	}


.breadcrumbs{
	padding: 0 0 20px 0;
	font-size: 14px;
	font-weight: bold;
	}
.breadcrumbs > span{
	margin: 0 5px 0 5px;
	}
.breadcrumbs > span:first-child{
	margin: 0 5px 0 0;
	}

.opisanie_cat{
	padding: 20px 20px 5px 20px;
	margin: 0 0 25px 0;
	border: 1px solid #242526;
	background-color: #042434;
	}


.error_but{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	}


.fourthnews{
	margin: 0 0 30px 0;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	column-gap: 20px;
	}

.p_nav > div {
	padding: 10px 0 0 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	line-height: 17px;
	}
.p_nav a, .p_nav span {
	padding: 8px 10px 7px 10px;
	color: #fff;
	margin: 0 7px 0 0;
	text-decoration: none;
	}
.p_nav a:hover, .p_nav span.current {
	color: #fff;
	background: #618fed;
	border-radius: 5px;
	}



.ktonapisal{
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	width: 100%;
	padding: 20px;
	margin: 0 auto 30px auto;
	box-shadow: 0 10px 20px rgb(0 0 0 / 20%);
	background-color: #042434;
	border-radius: 8px;
	transition: all 0.3s 0.02s ease;
	}
.ktonapisal_l{
	width: 100%;
	}
.ktonapisal_img{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	flex: 0 0 180px;
	padding: 10px;
	margin: 0 20px 0 0;
	background: rgb(255 255 255 / 5%);
	border-radius: 8px;
	}
.ktonapisal_img img{
	max-height: 150px;
	border-radius: 8px;
	vertical-align: bottom;
	transition: all 0.5s 0.02s ease;
	opacity: 0.8;
	}
.ktonapisal:hover .ktonapisal_img img{
	opacity: 1;
	transform: scale(1.05);
	}
.ktonapisal_title{
	font-size: 17px;
	font-weight: bold;
	margin: 0 0 5px 0;
	}
.ktonapisal_prof{
	font-size: 15px;
	font-weight: 600;
	margin: 0 0 5px 0;
	}
.ktonapisal_i{
	font-size: 15px;
	}

.ktonapisal_soc {
	margin: 0 0 5px 0;
	}	
.ktonapisal_soc ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	}	
.ktonapisal_soc li{
	display:block;
	padding: 0 0 0 7px;
	}	
.ktonapisal_soc li:first-child{
	padding: 0 0 0 0;
	}
.ktonapisal_soc li a{
	display:block;
	width: 30px;
	height: 30px;
	background-color: #fff;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 7px;
	background-size: 18px auto;
	}	
.ktonapisal_soc li a.ktonapisal_soc1{
	background-image: url('images/telegram.svg');
	}		
.ktonapisal_soc li a.ktonapisal_soc2{
	background-image: url('images/vk.svg');
	}	
.ktonapisal_soc li a.ktonapisal_soc3{
	background-image: url('images/youtube.svg');
	}	
.ktonapisal_soc li a:hover{
    transform: scale(1.1);
	box-shadow: 0 3px 8px rgba(255, 255, 255, 0.2);
	}

@media (max-width: 520px) {
	.ktonapisal{
		display: block;
		}
	.ktonapisal_img{
		flex: 0 0 auto;
		padding: 10px;
		margin: 0 0 10px 0;
		}
	}


.zapissverhy_info{
	padding: 10px 20px;
	margin: 0 auto 20px auto;
	box-shadow: 0 3px 10px rgb(0 0 0 / 14%);
	background-color: #042434;
	border-radius: 8px;
	}
.zapissverhy_img{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	padding: 10px;
	background: rgb(255 255 255 / 5%);
	border-radius: 8px;
	overflow: hidden;
	}
.zapissverhy_img img{
	border-radius: 8px;
	vertical-align: bottom;
	transition: all 0.5s 0.02s ease;
	opacity: 0.8;
	}
.zapissverhy_info:hover .zapissverhy_img img{
	opacity: 1;
	transform: scale(1.02);
	}

.zapissnizy{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 20px 0;
	}

.tag_list{
	box-sizing: border-box;
	text-align:center;
	}	
.tag_list a{
	display: inline-block;
	box-sizing: border-box;
	background-color: transparent;
	border: 1px solid #618fed;
	border-radius: 4px;
	padding: 3px 8px;
	margin: 0 3px 6px 3px;
	color: #fff;
	font-size: 13px !important;
	line-height: 18px;
	font-weight: bold;
	text-decoration: none;
	}
.tag_list a:hover{
	background-color: #618fed;
	color: #fff;
	}

.cont_single_social{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	}


/* END INSIDE */



/* COMMENTS */

.comments_list li {
	padding: 15px;
	margin: 0 0 15px 0;
	border: 1px solid #ddd;
	background: #f8f8f8;
	}

.comments_list li li {
	margin: 15px 0 0 0;
	}

.comments_list li.thread-even {
	background: #fff; 
	} 

.comments_list .even {
	background: #fff; 
	}

.comments_list .alt {
	background: #f8f8f8; 
	}

.comment_ava{
	float: left;
	padding: 0 10px 0 0;
	}

.comment_top{
	padding: 0 0 10px 0;
	}

.comment_a{
	font-weight: bold;
	}

.comment_d{
	font-style: italic;
	}

.comment_repl{
	text-align: right;
	}

#respond{
	padding: 15px;
	border: 0 solid #ddd;
	background: #eee;
	margin: 0 0 15px 0;
	}

.comments_list #respond{
	margin: 0 15px 15px 15px;
	}

#cancel-comment-reply-link{
	display: inline-block;
	margin: 0 0 15px 0;
	}

/* END COMMENTS */


/* WP OTHER */

.wp-caption {
	box-sizing: border-box;
	max-width: 100%;
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding: 4px;
	margin: 10px;
	border-radius: 3px;
	}

.wp-caption img {
	max-width: 100%;
	height: auto;
	padding: 0;
	border: 0 none;
	}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
	}

.wpcf7-not-valid { 
	border-color: #ad2929 !important;
	color: #ad2929; 
	}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}

#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; 
	}

/* END WP OTHER */