body {
	background: #999;
	font-family: 'Source Sans Pro', sans-serif;
}

.post-thumbnail > a {
	width: 230px !important;
}

.link-list-element > div:first-child {
	width: 25px;
	margin: 0 15px 5px 0;
}

.link-list-element > div:last-child {
	width: 250px;
}

a {
	text-decoration: none;
	font-size: 20px;
	font-weight: bold;
	color: black;
}

.body_container {
	background: #aaa;
	width: 1200px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	display: grid;
	grid-gap: 8px;
	grid-template-columns: repeat(320px 1fr);
	grid-template-rows: repeat(auto, auto);
}

.header {
	width: 1200px;
}

.box-menu {
	width: 1120px;
	height: 42px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 1;
}

.menu i {
	margin-right: 5px;
}

ul {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}

/*ul:after {*/
/*    display: block;*/
/*    content: ' ';*/
/*    clear: both;*/
/*    float: none;*/
/*}*/

.box-menu ul.menu > li {
	/* float: left; */
	position: relative;
	display: inline-flex;
	justify-content: space-between;
	/* box-sizing: border-box; */
	margin-top: 4px;
	height: 40px;
}

.box-menu ul.menu > li:hover {
	background-color: black;
	width: auto;
	/* height: 35px; */
	border-top: 4px solid #f0ff00;
	color: white;
	margin-top: 0;
}

.box-menu ul.menu > li > a {
	display: block;
	padding: 10px 2.5px;
	color: black;
	font-size: 9px;
	text-decoration: none;
	height: 37px;
}

ul.sub-menu {
	display: none;
	position: absolute;
	width: 200px;
	top: 100%;
	left: 0;
}

ul.sub-menu > li {
	display: block;
}

ul.sub-menu > li > a {
	display: block;
	padding: 5px;
	color: white;
	background-color: black;
	text-decoration: none;
	text-align: left;
	font-size: 12px;
}

ul.sub-menu > li > a:hover {
	text-decoration: none;
	background-color: white;
	color: black;
	text-align: left;
}

.box-menu ul.menu > li:hover > ul.sub-menu {
	display: block;
}

.avatar_size {
	width: 100%;
	height: 100%;
	margin: 0 auto;
}

/* Стилі "Головний екран" */

.main-screen {
	width: 1200px;
	height: 550px;
	background: url('../img/002.jpg') no-repeat center top fixed;
	background-size: cover;
	background-attachment: scroll;
	background-position: bottom;
}

.registration {
	display: block;
	text-align: right;
	margin: 50px 20px 0 0;
}

.registration input {
	width: 250px;
	border-radius: 10px;
	margin-top: 5px;
	padding: 0 10px;
	cursor: pointer;
}

.registration a {
	font-weight: normal;
	font-size: 15px;
}

.registration a:hover {
	font-weight: bold;
	color: #343b57;
}

.main-screen-name {
	margin-left: 20px;
	position: relative;
	bottom: 40px;
	width: 500px;
	height: auto;
}

.main-screen-name i {
	font-size: 40px;
	color: #fff;
	text-shadow: #5e19d1 1px 0 10px;
}

.main-screen-name span {
	font-weight: bold;
	font-size: 32px;
	color: #fff;
	text-shadow: #5e19d1 1px 0 10px;
}

.main-screen-title {
	width: 650px;
	height: 80px;
	margin-left: 520px;
	display: flex;
	border-radius: 20px;
	background: url('../img/039.png') no-repeat center top fixed;
	background-size: cover;
	background-attachment: scroll;
	border-left: 10px solid #ff6f0f;
}

.logo {
	width: 80px;
	height: 80px;
	margin-right: 5px;
}

.logo-2 {
	width: auto;
	height: 80px;
	margin-left: 5px;
}

.logo-title {
	font-weight: bold;
	font-size: 30px;
}

.main-screen-title-social_icon {
	margin-left: 20px;
	position: relative;
	bottom: 70px;
}

.main-screen-fb a {
	color: #1777f2;
	font-size: 45px;
	width: 45px;
	height: 45px;
}

.main-screen-yt a {
	color: #cf2200;
	font-size: 45px;
	width: 45px;
	height: 45px;
}

.main-screen-chapter-box {
	margin-left: 8px;
	display: flex;
	position: relative;
	top: -30px;
}

.chapter-box-element {
	margin-left: 4.5px;
	display: block;
}

/* Стилі півкіл */

.radius {
	width: 4em;
	height: 2em;
	border-radius: 50% 50% 0 0 / 100% 100% 0 0;
	background: #7f9b7e;
}

.radius-1 {
	width: 4em;
	height: 2em;
	border-radius: 50% 50% 0 0 / 100% 100% 0 0;
	background: #6a789a;
}

.radius-2 {
	width: 4em;
	height: 2em;
	border-radius: 50% 50% 0 0 / 100% 100% 0 0;
	background: #949569;
}

.radius-3 {
	width: 4em;
	height: 2em;
	border-radius: 50% 50% 0 0 / 100% 100% 0 0;
	background: #975055;
}

.radius-4 {
	width: 4em;
	height: 2em;
	border-radius: 50% 50% 0 0 / 100% 100% 0 0;
	background: #8b7567;
}

.radius-5 {
	width: 4em;
	height: 2em;
	border-radius: 50% 50% 0 0 / 100% 100% 0 0;
	background: #905ed1;
}

.radius-6 {
	width: 4em;
	height: 2em;
	border-radius: 50% 50% 0 0 / 100% 100% 0 0;
	background: #316c19;
}

.radius-7 {
	width: 4em;
	height: 2em;
	border-radius: 50% 50% 0 0 / 100% 100% 0 0;
	background: #36735b;
}

.radius-8 {
	width: 4em;
	height: 2em;
	border-radius: 50% 50% 0 0 / 100% 100% 0 0;
	background: #95723c;
}

/* Закінчення "Стилі півкіл"" */

.radius i,
.radius-1 i,
.radius-2 i,
.radius-3 i,
.radius-4 i,
.radius-5 i,
.radius-6 i,
.radius-7 i,
.radius-8 i {
	font-size: 20px;
	margin: 5px 0 0 20px;
	color: black;
}

/* Стилі прямокутніків */

.rectangle {
	width: 69.3px;
	height: 70px;
	background: #7f9b7e;
	box-shadow: -5px -5px 5px -5px rgba(34, 60, 80, 0.6) inset;
}

.rectangle-1 {
	width: 110px;
	height: 70px;
	background: #6a789a;
}

.rectangle-2 {
	width: 110px;
	height: 70px;
	background: #949569;
}

.rectangle-3 {
	width: 110px;
	height: 70px;
	background: #975055;
}

.rectangle-4 {
	width: 110px;
	height: 70px;
	background: #8b7567;
}

.rectangle-5 {
	width: 110px;
	height: 70px;
	background: #905ed1;
}

.rectangle-6 {
	width: 110px;
	height: 70px;
	background: #316c19;
}

.rectangle-7 {
	width: 110px;
	height: 70px;
	background: #36735b;
}

.rectangle-8 {
	width: 110px;
	height: 70px;
	background: #95723c;
}

/* Закінчення "Стилі прямокутніків"" */

/* Стилі ліній */

.line {
	border-bottom: 5px solid #05fb4a;
	width: 90%;
	margin: 10px auto 10px auto;
}

.line-1 {
	border-bottom: 5px solid #0556fb;
	width: 90%;
	margin: 10px auto 10px auto;
}

.line-2 {
	border-bottom: 5px solid #f27a19;
	width: 90%;
	margin: 10px auto 10px auto;
}

.line-3 {
	border-bottom: 5px solid #f91919;
	width: 90%;
	margin: 10px auto 10px auto;
}

.line-4 {
	border-bottom: 5px solid #834c2b;
	width: 90%;
	margin: 10px auto 10px auto;
}

.line-5 {
	border-bottom: 5px solid #8b00cc;
	width: 90%;
	margin: 10px auto 10px auto;
}

.line-6 {
	border-bottom: 5px solid #054000;
	width: 90%;
	margin: 10px auto 10px auto;
}

.line-7 {
	border-bottom: 5px solid #138910;
	width: 90%;
	margin: 10px auto 10px auto;
}

.line-8 {
	border-bottom: 5px solid #b72a13;
	width: 90%;
	margin: 10px auto 10px auto;
}

/* Закінчення "Стилі ліній"" */

.rectangle-title a {
	font-size: 9px;
	font-weight: bold;
	color: white;
	display: block;
	text-align: center;
	padding-top: 5px;
	text-transform: uppercase;
}

.rectangle-title a:hover {
	color: #343b57;
}

.rectangle-title-2 a {
	font-size: 10px;
	font-weight: bold;
	color: white;
	display: block;
	text-align: center;
	padding-bottom: 10px;
}

.rectangle-title-2 a:hover {
	color: #343b57;
}






/* Закінчення Стилі "Головний екран" */

.main_content {
	width: 1200px;
	height: auto;
}

.main_content_box {
	margin-bottom: 12px;
}

.main_content_panel_info {
	background: #c3c4c7;
	width: 100%;
	height: 50px;
	padding: 1px 0;
	box-shadow: 0 0 10px rgba(0,0,0,2);
	display: flex;
	justify-content: space-between;
}

.panel_info_main_content_icon {
	width: 15%;
	height: auto;
	margin: 5px 0 0 10px;
}

.main_content_panel_title {
	text-align: center;
	display: flex;
	align-items: center;
	line-height: 16px;
	height: 45px;
	justify-content: center;
}

.panel_info_main_content_icon_st {
	width: 10%;
	height: auto;
}

.main_content_panel_info a {
	font-size: 20px;
	font-weight: bold;
	color: black;
	margin: 5px;
}

.main_content_panel_info_box_1 {
	width: 250px;
	margin: 0px 0 0 20px;
	color: black;
	font-size: 20px;
	width: 8%;
	display: flex;
	line-height: 50px;
}


.add-to-clas i {
	font-size: 20px;
}

.add-to-clas i:hover {
	color: green;
}

.add-to-clas {
	margin-left: 15px;
	cursor: pointer;
}

.main_content_panel_info_box_2 {
	text-align: right;
	box-sizing: content-box;
	width: 80%;
	padding: 0 20px;
}

.main_content_panel_info_box_2 a {
	margin: 0;
}

.main_content_panel_info_box_3 {
	text-align: right;
	color: black;
	font-size: 16px;
	margin: 14px 0 0 0;
	display: inline-flex;
	width: 12%;
	padding-right: 10px;
}

.main_content_panel_info_box_3 p {
	color: black;
	font-size: 16px;
	margin: 0 5px 0 5px;
	font-weight: bold;
}

.main_content_prime_photo {
	width: 230px;
	height: 230px;
	overflow: hidden;
	border-radius: 50%;
	box-shadow: 0 0 10px rgb(0 0 0);
	margin: 0 15px 0 0;
}

.main_content_text_box {
	background: #ffffff;
	width: 95.5%;
	height: 250px;
	border-radius: 20px;
	margin: 8px auto;
	padding: 10px;
	text-align: justify;
	overflow: hidden;
	display: flex;
	box-sizing: content-box;
}

.main_content_text_box p {
	font-size: 16px;
	font-weight: normal;
	color: black;
	margin-top: 0;
	text-indent: 20px;
}

.target-div.large {
	width: 1160px;
	height: auto;
}

.article-box-img {
	width: auto;
	height: auto;
	display: flex;
	justify-content: center;
	margin-bottom: 10px;
}

.article-img {
	width: 200px;
	height: 200px;
}

.article-img-title {
	text-align: left;
	width: 40%;
	margin-left: 20px;
	margin-top: auto;
	margin-bottom: auto;
}

.article-img-title h3 {
	margin: 5px 0;
}

.article-img-title h4 {
	width: auto;
	height: auto;
	margin: 5px 0;
}

.line-article-img {
	border-bottom: 5px solid #ff0000;
	width: 65%;
}

/* Стилі коментрів до публікації */
.comment-box-items {
	display: none;
}

.comment-box-items:target {
	display: block;
}

.comment-box-items {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

.comment-box {
	width: 900px;
	height: auto;
	display: flex;
}

.comment-sort-list {
	text-align: left;
	margin: 10px 26px 10px 0;
}

.comment-sort-list a,
.comment-block a,
.like-dislike a {
	font-size: 15px;
	margin-left: 20px;
	font-weight: normal;
}

.comment-sort-list a:hover,
.comment-block a:hover,
.like-dislike a:hover {
	color: #343b57;
	font-weight: bold;
}

.comment-block-img-box {
	width: 80px;
	height: 80px;
}

.comment-block-img {
	width: 80px;
	height: 80px;
	margin: 20px 0 0 20px;
}

.comment-text-block {
	background: #ffffff;
	width: 850px;
	height: auto;
	border-radius: 20px;
	margin: 8px 20px 8px 10px;
	padding: 5px;
	margin-left: 40px;
	text-align: justify;
}

.comment-text-block-title {
	margin: 5px 0 0 20px;
}

.comment-text-block-title p {
	font-size: 15px;
	margin-left: 20px;
	font-weight: bold;
}

.comment-text-block p {
	font-size: 15px;
	padding: 5px;
	margin: 0;
	font-weight: normal;
}

.comment-text-block-answer {
	width: 600px;
	height: auto;
	display: flex;
	margin: 0 0 10px 118px;
}

.like-dislike {
	font-size: 15px;
	color: white;
	display: flex;
}

.like-dislike a {
	margin: 0;
}

.like-dislike i {
	margin-left: 10px;
	color: white;
}

.like-dislike div {
	margin-left: 5px;
}

.like-down a {
	margin-left: 0;
}

.like-up i:hover {
	color: blue;
}

.like-down i:hover {
	color: red;
}

.comment-box-background {
	width: auto;
	hyphens: auto;
	border-radius: 20px;
	border: solid 2px #cfd7f6;
	margin-bottom: 5px;
}

/* Стилі коментарів до публікації відповідь*/

.comment-box-background-ans {
	width: 895px;
	hyphens: auto;
	border-radius: 20px;
	border: solid 2px #cfd7f6;
	margin: 0 0 5px 100px;
}

.comment-text-block-ans {
	background: #ffffff;
	width: 750px;
	height: auto;
	border-radius: 20px;
	margin: 8px 20px 8px 10px;
	padding: 5px;
	margin-left: 40px;
	text-align: justify;
}

.comment-text-block-ans p {
	font-size: 15px;
	padding: 5px;
	margin: 0;
	font-weight: normal;
}

/* Твівй коментар до публікації */

.yours-comment {
	display: flex;
}

.avatar-yours-comment {
	width: 60px;
	height: 60px;
	margin: 25px 10px 0 0;
	overflow: hidden;
	border-radius: 50%;
	box-shadow: 0 0 10px rgba(0,0,0,2);
}

.yours-comment-text-block textarea {
	width: 880px;
	height: 40px;
	border-radius: 20px;
	padding: 20px;
	resize: none;
}

.smiles {
	display: flex;
	margin-left: 80px;
	position: relative;
	top: -15px;
}

.smiles i {
	font-size: 25px;
	color: yellow;
	padding: 0 5px;
}

.smiles i:hover {
	color: #ff9649;
	text-shadow: 1px 1px 2px black, 0 0 0.5em orange;
}

.send {
	margin-left: 560px;
}

.send i {
	font-size: 25px;
	color: white;
}

.send i:hover {
	color: #42c7ff;
	text-shadow: 1px 1px 2px black, 0 0 0.5em blue;
}



.main_content_panel_tools {
	background: #f0f0f1;
	width: 95%;
	height: 60px;
	margin-top: 8px;
	padding: 1px 0;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
	z-index: 1;
	display: flex;
	justify-content: space-around;
	border-radius: 20px;
    margin-left: auto;
    margin-right: auto;
}

.main_content_panel_tools_box_button {
	box-sizing: content-box;
	width: 60%;
	margin: 9px 0 0 10px;
}

.main_content_panel_tools_box_info {
	width: 50%;
	text-align: right;
	margin: 30px 20px 0 0;
	line-height: 10px;
	position: relative;
}

.button {
	background-color: #333;
	width: 120px;
	height: 40px;
	border: none;
	border-radius: 20px;
	color: white;
	display: inline-block;
	text-align: center;
	font-size: 16px;
	padding: 5px 5px 5px 5px;
	line-height: 28px;
}

.button_like {
	background-color: #e0193f;
	min-width: 60px;
	height: 40px;
	border: none;
	border-radius: 20px;
	color: white;
	display: inline-block;
	font-size: 16px;
	text-align: center;
	padding: 5px 10px 5px 10px;
	/* box-sizing: content-box; */
	margin-left: 5px;
	line-height: 28px;
	cursor: pointer;
}

.button_like i {
	margin-right: 4px;
}

.button:hover {
	background-color: #343b57;
}

.button_like:hover {
	background-color: #f63b5f;
}

.main_content_panel_tools_box_info a {
	font-size: 10px;
	font-weight: bold;
	color: black;
}

.main_content_panel_tools_box_info a:hover {
	color: #343b57;
}

.avatar_main_content {
	width: 60px;
	height: 60px;
	margin: 0;
	overflow: hidden;
	border-radius: 50%;
	position: absolute;
	right: 3px;
	box-shadow: 0 0 10px rgba(0,0,0,2);
	padding: 0;
	display: block;
	bottom: 36px;
}

.pagination {
	width: 1200px;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.pagination a {
	color: white;
	width: 40px;
	height: 40px;
	background: #020611;
	text-align: center;
	line-height: 40px;
	margin: 5px 2px 10px 2px;
	display: block;
}

.footer_content {
	width: auto;
	height: auto;
	display: flex;
}

.footer {
	width: 1200px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	background: #555555;
}

.footer_content a {
	font-size: 10px;
	color: white;
	font-weight: normal;
}

/*TODO REMOVE*/
.footer_content span {
	font-size: 15px;
	color: white;
	font-weight: bold;
}

.footer_content h2 {
	font-size: 15px;
	color: white;
	font-weight: bold;
}

/*TODO REMOVE*/
.footer_content i {
	font-size: 15px;
	color: white;
	font-weight: bold;
	margin-right: 10px;
}

.footer_content .fa,
.footer_content .far,
.footer_content .fas
{
	font-size: 10px;
	color: white;
	font-weight: bold;
	padding-right: 10px;
	line-height: 5px;
}

.sait_map a:hover {
	color: #6f7aa7;
}

.sait_map {
	margin-left: 50px;
	padding: 20px 0 20px 0;
	width: 70%;
	text-align:justify;
	column-count: 3;
	-moz-column-count: 3;
	-webkit-column-count: 3;
	column-gap: 10px;
	-moz-column-gap: 10px;
	-webkit-column-gap: 10px;
}

.social_icon i {
	width: 290px;
	height: auto;
	font-size: 50px;
	text-align: right;
}

.fb i {
	color: #1777f2;
	margin-top: 10px;
}

.yt i {
	color: #cf2200;
	margin-top: 20px;
}

.fb {
	width: 45px;
	height: 45px;
}

.yt {
	width: 45px;
	height: 45px;
}

.copyright {
	color: white;
	font-size: 10px;
	text-align: center;
}

/* Стилі Додати елемент до класу */


.add-to-clas-element {
	width: 340px;
	height: 180px;
	background: #343b57;
	border-radius: 20px;
	box-shadow: 0 0 10px rgba(0,0,0,8);
	text-align: center;
}

.add-to-clas-element-button-box button {
	width: 130px;
	height: 25px;
	margin: 5px 0 0 5px;
	border-width: 3px;
	border-radius: 20px;
	border-color: black;
	border-style: solid;
}

.add-to-clas-element-button-box button:hover {
	background-color: green;
	cursor: pointer;
}

.add-to-clas-box-element label {
	font-size: 15px;
	color: white;
	margin: 0 0 10px 10px;
}

.add-to-clas-box-element select {
	border-radius: 20px;
	width: 200px;
	height: 18px;
	height: auto;
}

.share-window_icon_title-chat {
	display: flex;
}

.share-window_icon i {
	width: auto;
	height: auto;
	font-size: 40px;
	color: white;
	margin: 10px 0 0 20px;
}

.exit-donate i {
	font-size: 25px;
	color: orange;
	margin: 15px 0 0 240px;
	cursor: pointer;
}

.exit-donate i:hover {
	color: red;
	text-shadow: 1px 1px 2px black, 0 0 0.5em red;
}

/*********************************************************************************************************************************************************************************************************************************************************************************************************/

.panel_tools .icon a {
	color: black;
	font-size: 35px;
	margin: 10px 10px 0 0;
	line-height: 60px;
}
.panel_tools .icon a:hover i {
	color: #cfd7f6;
}

.panel_tools,
.title-article-box {
	background: #343b57;
	width: 1200px;
	height: 60px;
	padding: 1px 0;
	box-shadow: 0 0 10px rgba(0,0,0,2);
	text-align: right;
}

.panel_user {
	/* width: 320px; */
	/* height: auto; */
	box-shadow: 0 0 10px rgb(0 0 0);
	background: #e6e6e6;
	/* grid-column: 3 / 1; */
	/* grid-row: 3; */
}

.panel_user > .avatar {
	width: 300px;
	height: 300px;
	margin: 0 auto;
	overflow: hidden;
	border-radius: 50%;
	top: -55px;
	box-shadow: 0 0 10px rgb(0 0 0);
	position: relative;
}

.panel_user .avatar img {
	width: 100%;
	height: 100%;
	margin: 0 auto;
}

.panel_user .edit-ak-icon {
	display: flex;
	position: relative;
	margin-left: 10px;
	margin-top: -85px;
}

.panel_user .edit-ak-icon i {
	margin-left: 10px;
	color: #343b57;
}

.panel_user .add-user {

}

.panel_user .user_name {
	font-size: 40px;
	font-weight: bold;
	color: black;
	text-align: center;
	margin-top: 25px;
}

.panel_user .line {
	border-bottom: 5px solid #343b57;
	width: 90%;
	margin: 15px auto 15px auto;
}

.panel_user .rating_box {
	width: 260px;
	height: auto;
	margin: 0 30px;
}

.panel_user .rating_box_element {
	width: 100%;
	height: 40px;
}

.panel_user .box_title {
	font-size: 14px;
	font-weight: bold;
	color: black;
	display: inline;
	/* margin: 0 0 0 30px; */
}

.panel_user .rating_box_element i {
	margin-right: 10px;
}

.panel_user .rating_value {
	font-size: 14px;
	font-weight: bold;
	color: black;
	display: inline;
}

.panel_user .line1 {
	border-bottom: 5px solid #ff0000;
	width: 0%;
}

.panel_user .line2 {
	border-bottom: 5px solid #fffc00;
	width: 65%;
}

.panel_user .line3 {
	border-bottom: 5px solid #3245ff;
	width: 65%;
}

.panel_user .connections_box {
	margin-left: auto;
	margin-right: auto;
	width: 320px;
	height: auto;
}

.panel_user .connections_box_title {
	font-size: 14px;
	font-weight: bold;
	color: black;
	text-align: center;
	margin: 0 0 5px 0;
}

.panel_user .box_element_set {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 5px 20px 5px 10px;
}

.panel_user .connections_box a {
	font-size: 15px;
	font-weight: bold;
	color: black;
	display: block;
	text-align: right;
	margin-right: 20px;
}

.panel_user .box_element_set a {
	display: block;
	width: 60px;
	height: 60px;
	margin-bottom: 30px;
}

.panel_user .box_element {
	width: 80px;
	height: 80px;
	overflow: hidden;
	border-radius: 50%;
	box-shadow: 0 0 10px rgb(0 0 0);
	margin: 5px;
}

.panel_user .box_element_size {
	width: auto;
	height: 100%;
	margin: 0 auto;
}

.panel_user .qq {
	display: flex;
	justify-content: space-between;
	margin-left: 20px;
}

.panel_user .qq .add-new-class,
.panel_user .qq .display-class-list {
	font-size: 15px;
	font-weight: bold;
	color: black;
	display: block;
	text-align: right;
	margin-right: 20px;
}

.panel_user .qq .add-new-class a:hover,
.panel_user .qq .display-class-list a:hover {
	color: #343b57;
}

.panel_user .connections_box a {
	font-size: 15px;
	font-weight: bold;
	color: black;
	display: block;
	text-align: right;
	margin-right: 20px;
}

.panel_user .last_action {
	width: 320px;
	height: auto;
}

.panel_user .connections_box_title {
	font-size: 14px;
	font-weight: bold;
	color: black;
	text-align: center;
	margin: 0 0 5px 0;
}

.panel_user .rating_item {
	text-align: left;
	margin-left: 20px;
}

.panel_user .last_action a {
	font-size: 14px;
	font-weight: bold;
	color: black;
}

.panel_user .rating_item i {
	margin-right: 3px;
}

.content-aside {
	/* grid-column: 1 / -1; */
	/* grid-row: 1; */
	width: 100%;
}

.create-class {
	width: 340px;
	height: 260px;
	background: #555555;
	border-radius: 20px;
	box-shadow: 0 0 10px rgba(0,0,0,8);
	text-align: center;

}

.create-class-box-element {
	margin-top: 20px;
}

.create-class label {
	font-size: 15px;
	color: white;
	margin: 0 0 10px 10px;
}

.create-class input {
	border-radius: 20px;
	width: 200px;
	margin-bottom: 10px;
	height: 18px;
	padding: 5px 10px;
	box-sizing: content-box;
}

.create-class-add-photo button {
	border-radius: 20px;
	width: 100px;
	height: 23px;
	border-width: 3px;
	border-color: black;
	border-style: solid;
	margin: 0 5px;
}

.registration-window-main-button button {
	width: 130px;
	height: 25px;
	margin: 5px 0 0 5px;
	border-width: 3px;
	border-radius: 20px;
	border-color: black;
	border-style: solid;
}

.share-window_icon_title-chat {
	display: flex;
}

.share-window_icon i {
	width: auto;
	height: auto;
	font-size: 40px;
	color: white;
	margin: 10px 0 0 20px;
}

.all-window {
	width: 760px;
	height: 660px;
	background: #555555;
	border-radius: 20px;
	box-shadow: 0 0 10px rgba(0,0,0,8);
}

.all-window_icon_title-chat {
	display: flex;
	text-align: center;
}

.all-window_icon {
	width: auto;
	height: auto;
	font-size: 40px;
	color: white;
	margin: 10px 0 0 20px;
}

.exit-all i {
	font-size: 25px;
	color: orange;
	margin: 10px 0 0 652px;
	cursor: pointer;
}

.exit-all i:hover{
	color: red;
	text-shadow: 1px 1px 2px black, 0 0 0.5em red;
}

.all-window-search input {
	border-radius: 20px;
	width: 400px;
	height: 18px;
	padding: 5px 10px;
	box-sizing: content-box;
}

.all-window-main-box {
	display: flex;
}

.all-window-items {
	display: flex;
	flex-wrap: wrap;
	width: 650px;
	height: 490px;
	margin-left: auto;
	margin-right: auto;
	overflow: auto;
	overflow-x: hidden;
}

.all-window-element {
	display: flex;
	width: 300px;
	border-radius: 20px;
	background-color: white;
	margin: 5px auto;
	height: 60px;
	position: relative;
}

.all-window-user {
	margin: 5px 0 5px 10px;
}

.avatar-all-window {
	width: 50px;
	height: 50px;
	margin: 0 auto;
	overflow: hidden;
	border-radius: 50%;
	box-shadow: 0 0 10px rgba(0,0,0,2);
	display: flex;
	justify-content: flex-start;
}

.all-window-user-label {
	font-size: 25px;
	margin: 12px 0 0 15px;
}

.all-window-search i {
	position: relative;
	left: 415px;
	top: 2px;
	cursor: pointer;
	z-index: 500;
	font-size: 19px;
}

.all-window-search {
	text-align: center;
}

.link-list-title {
	margin: 10px 0;
	text-align: center;
}

.link-list-element {
	display: flex;
	margin: 1px 0 0 20px;
}

.link-list_prime_photo {
	width: 25px;
	height: 25px;
	overflow: hidden;
	border-radius: 50%;
	box-shadow: 0 0 10px rgba(0,0,0,2);
	margin: 0 15px 5px 0;
}

.link-list-element a {
	font-size: 14px;
	font-weight: bold;
	color: black;
}

.link-sait-map {
	text-align: right;
	margin-top: 35px;
}

.link-sait-map a {
	font-size: 14px;
	font-weight: bold;
	color: black;
	margin: 0 20px 8px 0;
}

.link-list label {
	font-size: 14px;
	font-weight: bold;
	color: black;
}

.panel_tools,
.title-article-box {
	background: #c3c4c7;
	width: 1200px;
	height: 50px;
	padding: 1px 0;
	box-shadow: 0 0 10px rgba(0,0,0,2);
	text-align: right;
}

.chapter-title {
	text-align: center;
}

.main_content_panel_title h1 {
	margin: 0;
	font-size: 35px;
	color: black;
}

.link-list-element a:hover, .link-sait-map a:hover {
	color: #343b57;
}


.navigation-single-article {
	display: flex;
	margin-top: 8px;
}


.navigation-single-article {
	display: flex;
	margin-top: 8px;
}

.navigation-single-article a i {
	font-size: 30px;
	color: white;
	margin: 0 10px;
	line-height: 54px;
	position: absolute;
	display: block;
	top: 0;
}

.navigation-single-article a {
	color: white;
	/*display: inline-block;*/
	background-color: #020611;
	width: 400px;
	height: 54px;
	border: none;
	border-radius: 20px;
	justify-content: center;
	margin-left: 20px;
	box-sizing: content-box;
	line-height: 1;
	font-size: 14px;
	text-align: center;
	position: relative;
	margin-right: 20px;
	display: flex;
	align-items: center;
}

.navigation-single-article a:hover {
	cursor: pointer;
	background-color: #343b57;
}

.navigation-single-article a i.fa-arrow-circle-right {
	right: 0;
}

.navigation-single-article a:first-child {
	padding-left: 50px;
}

.navigation-single-article a:last-child {
	padding-right: 50px;
}

.navigation-single-article a i.fa-arrow-circle-left {
	left: 0;
}

.registration-window {
	width: 340px;
	background: #555555;
	border-radius: 20px;
	box-shadow: 0 0 10px rgba(0,0,0,8);
	position: relative;
	padding: 7px 20px 20px;
}
















.registration-window label {
	font-size: 15px;
	color: white;
	margin: 0 0 10px 10px;
}

.registration-window input, .registration-window select {
	border-radius: 20px;
	width: 100%;
	height: 18px;
	margin-bottom: 10px;
	padding: 12px;
	box-sizing: border-box;
}

.registration-window select {
	height: auto;
	padding-bottom: 3px;
	padding-top: 3px;
}

.registration-window button {
	border-radius: 20px;
	width: 100px;
	height: 23px;
	margin-left: 25px;
	border-width: 3px;
	border-color: black;
	border-style: solid;
}

.registration-window button:hover {
	background-color: #cfd7f6;
	cursor: pointer;
}

.registration-window-main-button button,
.registration-window-main-button-exite button {
	width: 130px;
	height: 25px;
	margin: 5px 0 0 5px;
	border-width: 3px;
	border-color: black;
	border-style: solid;
}

.registration-window-main-button button:hover {
	background-color: green;
	cursor: pointer;
}

.registration-window-main-button-exite button:hover {
	background-color: red;
	cursor: pointer;
}

.registration-window-button-box {
	display: flex;
}

.last_action a:hover {
	color: #343b57;
}


/*********************************************************************************************************************************************************************************************************************************************************************************************************/


/**
* Taras styles
 **/

.box-menu ul.menu > li:hover > a {
	color: #fff;
}

.box-menu ul.menu > li::before {
	padding: 6px 0;
	padding-left: 1px;}

* {
	box-sizing: border-box;
}

.footer_content .sait_map .widget_nav_menu:before {
	display: inline-block;
}

.footer_content .sait_map .widget_nav_menu > h2 {
	display: inline-block;
	padding-left: 10px;
}

.footer_content .sait_map .widget_nav_menu ul.menu li {
	list-style: disc;
	list-style-position: inside;
	line-height: 1.3;
}

.footer_content p, .footer_content a, .footer_content h2 {
	font-family: 'Source Sans Pro', sans-serif;
}

.post-thumbnail {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin-right: 15px;
}

.post-excerpt {
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.pagination_element.active {
	color: #CFD7F6;
	font-size: 20px;
	font-weight: bold;
}

.icon {
	height: inherit;
}

.container {
	display: grid;
	grid-template-columns: 26.6% 73.4%;
	grid-template-rows: 1fr;
	gap: 0px 0px;
	grid-template-areas:
			". .";
	width: inherit;
}

#popup{
	position: fixed;
	z-index: 150;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	display: none;
}

#overlay{
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 140;
	background-color: rgba(0,0,0,0.5);
	left: 0;
	top: 0;
}

.connections_box img.box_element_size {
	width: 80px;
	height: 80px;
	margin: 0;
}

.box_element > a {
	width: 100%;
	height: 100%;
	margin-right: 0 !important;
	margin-bottom: 0;
	display: block;
}

.main_content_text_box.full-article {
	display: block;
	height: auto;
}

.full-article .post-thumbnail {
	float: left;
}

.registration-window-main-button {
	margin: 0 auto;
}

#popup .upload-btn-wrapper {
	position: relative;
	overflow: hidden;
	margin: 10px 0;
	cursor: pointer;
}

#popup .btn {
	border: 2px solid gray;
	color: gray;
	background-color: white;
	padding: 8px 20px;
	border-radius: 8px;
	font-size: 20px;
	font-weight: bold;
	width: auto;
	height: auto;
	margin: 0 auto;
	display: block;
	text-align: center;
	position: relative;
}

#popup .upload-btn-wrapper input[type=file] {
	font-size: 100px;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	border-radius: 0;
	height: 100%;
	margin: 0;
	width: 100%;
	padding: 0;
	cursor: pointer;
}

.registration-window #close_popup {
	position: absolute;
	right: 5px;
	top: 5px;
	width: 25px;
}

.registration-window #close_popup {
	position: absolute;
	right: 5px;
	top: 5px;
	width: 25px;
}

.registration-window #close_popup i {
	margin: 0;
}

.registration-window-items {color: #fff;}

.registration-window-header {
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 5px;
}

.big-404 {
	font-size: 120px;
	text-align: center;
	margin-top: 300px;
	margin-bottom: 300px;
	font-weight: bold;
}

.main_content.page {
	background: #ffffff;
	width: 95.5%;
	border-radius: 20px;
	margin: 8px auto;
	padding: 10px;
	text-align: justify;
	overflow: hidden;
	box-sizing: content-box;
	box-shadow: 0 0 10px rgb(0 0 0);
}
span#registerNewUser {
	margin-top: 7px;
	display: block;
	font-size: 18px;
	cursor: pointer;
}

span#registerNewUser:hover {
	color: #343b57;
}

figure {
	display: flex;
	width: 100% !important;
	margin: 10px 0;
}

figure img {
	display: inline-block;
}

figure figcaption {
	display: inline-block;
	text-align: left;
	/* width: 50%; */
	margin-left: 20px;
	margin-top: auto;
	margin-bottom: auto;
	margin-right: 20px;
	font-size: 25px;
	font-weight: bold;
}

figure p {
	text-indent: 0 !important;
	margin: 0;
}

figure .image-description {
	padding: 5px 0;
	display: block;
	border-top: 5px solid #ff0000;
	margin: 5px 0;
}

figure .image-description p {
	font-size: 18px;
	line-height: 1;
	font-weight: bold;
}

figure.wp-caption.aligncenter {
	justify-content: center;
}

.comments-container {
	padding: 10px;
	border-radius: 20px;
	margin: 10px;
	box-shadow: 0 0 10px rgb(0 0 0);
	background-color: #FFF;
}

.panel_user .connections_box a:hover {
	color: #343b57;
}

.panel_user .qq span {
	cursor: pointer;
}

.panel_user .qq span:hover {
	color: #343b57;
	cursor: pointer;
}

a.all-class-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 100;
}
.pagination a:hover {
	background: #343b57;
}

.pagination span.page-numbers.current {
	color: white;
	width: 40px;
	height: 40px;
	background: #020611;
	text-align: center;
	height: 40px;
	line-height: 40px;
	margin: 5px 2px 10px 2px;
	display: block;
}

.pagination .pagination_element.active span {
	background: #343b57;
}

.footer_content * {
	text-align: left;
}

.registration input.button {
	font-size: 16PX;
	height: 30PX;
}

.main_content_panel_title a {
	font-size: 20px;
}

.post-content a {
	color: blue;
	font-size: inherit;
}

.post-content a:hover {
	color: red;
}