* {
	margin: 0;
	padding: 0;
	outline: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
*:not(ymaps), *:before, *:after {
    -webkit-transition: .1s ease-in-out;
    -moz-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
}
p {
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
	line-height: 1.4;
}
html {
	height: 100%;
	overflow-x: hidden;
}
body {
	background-color: #070245;
	font-size: 14px;
	font-weight: 500;
	font-family: Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;
	line-height: 135%;
	margin: 0;
}
a {
	text-decoration: none;
	color: inherit;
}
sup {
	vertical-align: baseline;
	position: relative;
	top: -0.4em;
}
#page-wrap:after {
	content: "";
	display: block;
}
footer, #page-wrap:after {
	height: 10px;
}
#page-wrap {
	min-height: 94%;
	margin-bottom: -10px;
}
header {
	width: 100%;
	text-align: center;
}
img {
	width: 100%; 
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	object-position: center;
}
@media (max-width: 800px) {
    ::-webkit-scrollbar {
        display: none;
    }
}

/* description of category */
.cat_description {
	text-align: center;
	line-height: 1.5;
	color: #f1f2ff;
	width: calc(100% - 40px);
	border-radius: 3px;
    box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 5%);
	padding: 15px 20px;
	margin: 35px 20px 5px;
	background: rgba(28,23,105,1.00);
}
@media (max-width: 520px) {
	.cat_description {
		width: calc(100% - 20px);
    	margin: 35px 10px;
	}
}
/* flex blocks with img (for popular_countries) */
.flex_blocks {
	width: calc(100% - 25px);
    margin-left: 20px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 30px 0;
	position: relative;
}
.flex_blocks a {
	position: relative;
	width: calc((100%/4) - 15px);
    max-width: 500px;
    height: 200px;
    color: white;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: column;
    margin: 0px 15px 15px 0;
    font-weight: bold;
    padding-bottom: 13px;
    font-size: 25px;
	text-align: center;
	line-height: 30px;
}
.flex_blocks a:hover::before {
	transform: scale(1.01);
    box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 24%);
}
.flex_blocks a::before {
	transition: all 200ms linear 0ms;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: var(--before-background);
	background-position: center center;
	filter: brightness(0.75);
	border-radius: 3px;
}
.flex_blocks a span {
	position: relative;
	font-size: 14px;
    font-weight: normal;
    line-height: 19px;
    margin-top: 5px;
}
.flex_blocks a span::before {
	display: inline-block;
    height: 10px;
    vertical-align: -.125em;
    width: 10px;
	content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20384%20512%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22white%22%20d%3D%22M172.268%20501.67C26.97%20291.031%200%20269.413%200%20192%200%2085.961%2085.961%200%20192%200s192%2085.961%20192%20192c0%2077.413-26.97%2099.031-172.268%20309.67-9.535%2013.774-29.93%2013.773-39.464%200zM192%20272c44.183%200%2080-35.817%2080-80s-35.817-80-80-80-80%2035.817-80%2080%2035.817%2080%2080%2080z%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E);
	margin-right: 10px;
}
.flex_blocks a div {
	position: relative;
	padding: 0 10px;
}
@media (max-width: 1250px) {
	.flex_blocks a {
		width: calc((100%/3) - 15px);
	}
}
@media (max-width: 900px) {
	.flex_blocks a {
		width: calc((100%/2) - 15px);
	}
}
@media (max-width: 520px) {
	.flex_blocks {
	    padding: 80px 0;
		width: calc(100% - 5px);
    	margin-left: 10px;
	}
	.flex_blocks a {
    	width: calc(100% - 15px);
	}
}

/* show_more_guides */

.show_more_guides {
	text-align: center;
    border-radius: 50px;
    height: 40px;
    width: 40px;
    line-height: 47px;
    background-color: rgba(28,23,105,1.00);
    box-shadow: 2px 4px 20px 5px rgb(0 0 0 / 5%);
    transition: all 300ms linear 0ms;
    position: absolute;
    bottom: 13px;
    left: calc(50% - 27px);
	cursor: pointer;
}
.show_more_guides svg {
	height: 16px;
    fill: #f1f2ff;
}
.show_more_guides:hover {
	box-shadow: 2px 4px 20px 5px rgb(0 0 0 / 14%);
}

/* whitelabel */

.my_white_label {
	width: calc(100% - 50px);
	margin-left: 50px;
	margin-bottom: -50px;
}
@media (max-width: 800px) {
	.my_white_label {
		width: 100%;
		margin-left: 0;
		margin-top: 60px;
		margin-bottom: -55px;
	}
}

/* Таблица внутри статьи */

.big_table_in_article table {
    margin: 30px 0 20px 0;
    width: 100%;
}
.big_table_in_article th, .big_table_in_article td  {
	text-align: center;
	border: 1px solid #f1f2ff;
}
.big_table_in_article th:not(:first-child) {
	width: 50%;
}

/* Сложная таблица */

.difficult_table {
	height: 600px;
    overflow: auto;
	scrollbar-color: #9d8eed #fff;
	scrollbar-width: thin;
	margin: 20px 0;
	background: #333399;
}
.difficult_table table {
	border-collapse: collapse;
	min-width: 100%;
}
.difficult_table caption {
	display: none;
}
.difficult_table table thead {
	position: sticky;
    top: 0;
    z-index: 2;
}
.difficult_table table thead tr {
	background: rgba(28,23,105,1.00);
}
.difficult_table table thead th {
	text-align: center;
	border: none;
	padding: 10px 15px;
	background: #816be8bf;
    color: white;
}
.difficult_table table tbody td {
	text-align: center;
	padding: 10px 15px;
	min-width: 120px;
}
.difficult_table table tbody td span {
	color: #f63030;
    font-size: 10px;
    display: block;
    line-height: 10px;
}
.difficult_table table thead tr th:first-child, .table tbody tr td:first-child {
	border-left: none;
}
.difficult_table table thead tr th:last-child, .table tbody tr td:last-child {
	border-right: none;
}
.difficult_table table tbody tr:nth-child(even){
	background: rgba(28,23,105,1.00);
}
.difficult_table table tbody tr:last-child {
	font-weight: bold;
}
.difficult_table table tbody tr:hover {
	background: #6353c4;
}

/* Upload file */

.uploads_wrapper {
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    position: relative;
}
.all_uploads {
	background-color: #2b9ff7;
    color: #f1f2ff;
    border-radius: 3px;
    box-shadow: 0px 50px 60px 0px rgb(0 0 0 / 5%);
    line-height: 40px;
    width: 130px;
    text-align: center;
	z-index: 8;
	cursor: pointer;
}
.all_uploads svg {
	margin-left: 15px;
	transform: rotate(0deg);
}
.all_uploads.rotated svg {
	transform: rotate(180deg);
}
.dropdoun_uploads {
	position: absolute;
    top: 36px;
    left: calc(50% - 65px);
    width: 130px;
    padding: 9px 0 7px;
    background-color: rgba(28,23,105,1.00);
	color: #f1f2ff;
	z-index: 7;
	border: 1px solid #2b9ff7;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.dropdoun_uploads a {
	display: block;
	text-align: center;
    line-height: 30px;
}
.dropdoun_uploads a:hover {
	color: #2b9ff7;
}

/* Сноска по * на главной */

.star_info {
	width: calc(100% - 40px);
    margin: 20px;
    text-align: center;
}
.star_info a {
	text-decoration: underline;
}
.star_info p {
	color: #f1f2ff;
}

/* Simple red button */

.simple_red_button {
	height: 50px;
    padding: 0 20px;
    border: none;
    border-radius: 3px;
    text-transform: uppercase;
    box-shadow: 2px 4px 20px 5px rgb(0 0 0 / 5%);
    font-size: 13px;
    font-weight: 400;
    background: #f53939;
    color: #FFFFFF;
    line-height: 50px;
    margin-top: 25px;
    margin-bottom: 25px;
}
.simple_red_button:hover {
	background: #f64d4d;
	transform: translateY(-1px);
	box-shadow: 2px 4px 20px 5px rgb(0 0 0 / 15%);
}

/* Содержание */

.main_table_of_content, .table_of_content, .breadcrumbs {
    line-height: 1.5;
	color: #f1f2ff;
}
.main_table_of_content, .breadcrumbs {
	width: calc(100% - 40px);
	border-radius: 3px;
    box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 5%);
	padding: 15px 20px;
	margin: 45px 20px;
	background: rgba(28,23,105,1.00);
}
.table_of_content {
	padding: 10px 20px;
	margin-top: 20px;
	background: #0702444a;
}
.table_of_content p svg, .main_table_of_content p svg {
	margin-left: 20px;
	height: 14px;
	vertical-align: -.15em;
}
.table_of_content p, .main_table_of_content p {
	font-weight: bold;
}
.table_of_content a, .main_table_of_content a {
	border-bottom: 1px dashed #f1f2ff;
}
.table_of_content a:hover, .main_table_of_content a:hover {
	border-bottom: none;
}
.table_of_content li, .main_table_of_content li {
	padding: 5px 0;
}
.table_of_content > ul > li {
	list-style: none;
}
.nested li, .main_table_of_content li {
	list-style: decimal;
}
.main_table_of_content li {
	margin-left: 30px;
}
.main_table_of_content p {
    line-height: 1.5;
}
.nested, .table_of_content span, .table_of_content .show {
	padding-left: 30px;
}
.nested li:nth-child(n+6) {
	display: none;
}
.table_of_content .show {
	cursor: pointer;
}
@media (max-width: 520px) {
	.main_table_of_content {
    	width: calc(100% - 20px);
    	margin: 35px 10px -10px;
	}
}

/* Инфографика */

.infografika_wrapper {
	width: calc(100% - 40px);
    margin: 40px 20px 0;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
}
.infografika_wrapper a:not(:last-child) {
	margin-right: 15px;
}
.infografika_wrapper li {
	background: #816be8bf;
	/*background: #070245;*/
	/*background-image: url(/img/admin/reference-villa-in-phuket.jpg);*/
    color: white;
    height: 175px;
    width: 175px;
    padding: 20px;
    text-align: center;
    border-radius: 3px;
    line-height: 2;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
	box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 5%);
    transition: all 200ms linear 0ms;
}
.infografika_wrapper li:hover {
	transform: scale(1.02);
    box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 24%);
}
@media (max-width: 520px) {
	.infografika_wrapper {
    width: calc(100% - 20px);
    margin-left: 10px;
	}
}
@media (max-width: 400px) {
	.infografika_wrapper {
		display: block;
	}
	.infografika_wrapper li {
		width: auto;
    	height: auto;
    	display: block;
	}
}
.table_into_article th, .table_into_article td {
	display: block;
    text-align: left;
    line-height: 25px;
    padding: 0;
    color: #f1f2ff;
}
.table_into_article a {
	border-bottom: 1px dashed #f1f2ff;
}
.h_img_wrapper {
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
	justify-content: center;
	height: 400px;
    color: white;
    text-align: center;
    margin: 35px 0;
	background-position: center center;
	max-width: 1000px;
	position: relative;
}
.h_img_wrapper h3 {
	line-height: 95px;
	font-size: 7vw;
}
.h_img_wrapper .buttons_wrapper {
	position: absolute;
    bottom: 5px;
    right: 0;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.h_img_wrapper .buttons_wrapper a, .h_img_wrapper .buttons_wrapper button {
	background: linear-gradient(to left,rgb(160,102,232), rgb(102,111,232));
    height: 60px;
    width: 60px;
    border-radius: 3px;
    font-size: 1.6rem;
    color: #fcfffb;
	margin-right: 5px;
	position: relative;
}
.h_img_wrapper .buttons_wrapper button {
	border: none;
	z-index: 100;
}
.subscribe_to_changes .hidden_country, .subscribe_to_changes .hidden_country_name {
	display:none;
}
.h_img_wrapper svg {
	height: 60px;
}
.h_img_wrapper .hidden_info_buttons_wrapper {
	transform-origin: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(30%);
    -moz-transform: translateY(30%);
    transform: translateY(30%);
    -webkit-transition: 0.34s;
    -moz-transition: 0.34s;
    transition: 0.34s;
    right: 0;
    position: absolute;
    z-index: 0;
	background-color: rgba(28,23,105,1.00);
    color: #f1f2ff;
    padding: 9px 20px;
    bottom: 70px;
    border-radius: 2px;
    text-align: center;
	font-size: 14px;
	border-bottom: 3px solid rgb(160,102,232);
}
.h_img_wrapper .subscribe_to_changes .hidden_info_buttons_wrapper {
	width: 250px;
}
.h_img_wrapper .hidden_info_buttons_wrapper:after {
	content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 10px 10px;
    bottom: -21px;
    right: 20px;
    border-color: rgb(160,102,232) transparent transparent transparent;
}
@media (min-width: 799px) {
.h_img_wrapper a:hover .hidden_info_buttons_wrapper, .h_img_wrapper .subscribe_to_changes:hover .hidden_info_buttons_wrapper {
	visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
}
}
@media (max-width: 800px) {
	.h_img_wrapper {
		height: 250px;
	}
	.h_img_wrapper h3 {
    	line-height: 60px;
	}
}

/* Подсказка */

.sample_wrapper {
	background: #0702444a;
	margin: 20px 0;
	padding: 10px 20px;
	line-height: 1.5;
}
.sample_wrapper p {
	font-weight: bold;
	display: -ms-flexbox;
    display: -webkit-flex;
	display: flex;
    align-items: center;
}
.sample_wrapper p svg {
	margin-left: 20px;
	height: 14px;
}
.sample {
	display: -ms-flexbox;
    display: -webkit-flex;
	display: flex;
    justify-content: center;
    align-content: center;
	border-radius: 3px;
	padding-bottom: 20px;
}

/* Подписка на изменения ограничений въезда */

#changings_subscribe {
	left: 15%;
    width: 70%;
    top: 20%;
    position: fixed;
    z-index: 99;
    border-radius: 3px;
    color: #f1f2ff;
    box-shadow: 0px 16px 75px 0px rgb(0 0 0 / 25%);
    text-align: center;
	z-index: 101;
	background-color: #2b9ff7;
}
#changings_subscribe fieldset {
	border:none;   
}
#changings_subscribe span {
	display: block;
	margin: 25px;
}
#changings_subscribe span a {
	text-decoration: underline;
}
.close_changings_subscribe {
	position: fixed;
    right: calc(15% - 5px);
    top: calc(20% - 5px);
    color: white;
    background-color: rgba(210,210,210,1.00);
    border-radius: 30px;
    width: 25px;
    height: 25px;
    line-height: 25px;
}
.response-waiting {
	color: blue;
}
.response-success {
	color: green;
}
.response-error {
	color: red;
}
label[for=signup-email] {
	font-weight: bold;
    font-size: 1.1rem;
    display: block;
    line-height: 2;
    padding: 15px;
    margin-bottom: 15px;
}
@media (max-width: 800px) {
	#changings_subscribe {
    	left: 3%;
    	width: 94%;
	}
	.close_changings_subscribe {
    	right: calc(3% - 9px);
    	top: calc(20% - 9px);
    	width: 35px;
    	height: 35px;
    	line-height: 40px;
	}
	.close_changings_subscribe svg {
		font-size: 20px;
	}
	.h_img_wrapper .buttons_wrapper {
    	bottom: -5px;
    	right: -10px;
	}
	label[for=signup-email] {
    	padding: 20px 20px 15px;
	}
}

/* Блок таблиц */

.tables_preview_wrapper {
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
	margin: 40px -15px;
}
.tables_preview_wrapper a {
	width: calc((100% / 5) - 40px);
	margin: 15px;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	transition: all 200ms linear 0ms;
    box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 5%);
}
.tables_preview_wrapper a:hover {
	box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 24%);
	transform: scale(1.01);
}
.tables_preview_wrapper li {
	background: #816be8bf;
    font-weight: normal;
    color: white;
    text-align: center;
    line-height: 2;
    padding: 20px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
	border-radius: 3px;
}
@media (max-width: 1390px) {
	.tables_preview_wrapper a {
		width: calc((100% / 4) - 40px);
	}
}
@media (max-width: 1050px) {
	.tables_preview_wrapper a {
		width: calc((100% / 3) - 40px);
	}
}
@media (max-width: 800px) {
	.tables_preview_wrapper {
		margin: 40px 0;
	}
	.tables_preview_wrapper a {
		width: calc((100% / 2) - 40px);
	}
}
@media (max-width: 500px) {
	.tables_preview_wrapper a {
		width: 100%;
		margin: 10px;
		display: block;
	}
	.tables_preview_wrapper li {
		display: block;
	}
}

/* Spin tables */

.spin_tables_wrapper {
	margin-top: 30px;
}
.spin_tables_wrapper a {
	margin-right: 15px;
	width: 160px; min-width: 160px;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	transition: all 200ms linear 0ms;
    box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 5%);
}
.spin_tables_wrapper a:hover {
	box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 24%);
	transform: scale(1.01);
}
.spin_tables_wrapper li {
	background: #816be8bf;
    font-weight: normal;
    color: white;
    text-align: center;
    line-height: 2;
    padding: 20px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
	border-radius: 3px;
}

/*  Tables */

.table_wrapper {
	overflow: auto;
}
.big_table table {
	margin: 20px 0;
	border-collapse: collapse; 
	width: 100%;
}
.big_table_in_article caption, .table_into_article caption, .big_table caption,  .small_table:not(.with_visible_caption) caption {
	display: none;
}
.big_table table tbody tr:nth-child(odd) {
	background: rgba(28,23,105,1.00);
}
th, td {
    line-height: 25px;
	padding: 10px;
	color: #f1f2ff;
}
.big_table th, .big_table td {
    width: 50%;
    min-width: 150px;
    text-align: center;
}
.big_table h1 {
	background: #816be8bf;
	color: white;
	font-size: 18px;
    text-align: center;
	padding: 15px 20px;
    line-height: 25px;
}
.small_table {
	width: calc(100% - 40px);
    margin-left: 20px;
	background-color: #333399;
	border-radius: 3px;
    box-shadow: 0px 50px 60px 0px rgba(0, 0, 0, 0.05);
	border-collapse: collapse;
}
.small_table tr:nth-child(odd) {
	background-color: rgba(28,23,105,1.00);
}
.small_table th {
	min-width: 200px;
	text-align: end;
}
.small_table a {
    text-decoration: underline;
}
.small_table p {
	line-height: 1.8;
}
.small_table p:first-child {
	padding-bottom: 5px;
}
.small_table p:last-child {
	padding-top: 5px;
}
.small_table p:not(:first-child):not(:last-child) {
	padding: 5px 0;
}
.with_visible_caption:not(:first-child) {
	margin-top: 20px;
}
.with_visible_caption caption {
	background: #816be8bf;
    color: white;
    font-size: 15px;
    text-align: center;
    min-height: 50px;
    line-height: 2;
    padding: 11px;
}
.big_table table tbody tr:hover, .small_table tr:hover {
	background: #6353c4;
}
.big_table .added_table_info {
	background-color: rgba(28,23,105,1.00);
    padding: 20px;
    text-align: center;
	color: #f1f2ff;
}
.big_table .added_table_info a {
	text-decoration: underline;
}
@media (max-width: 800px) {
	.small_table tr th, .small_table tr td {
		display:block;
		text-align: center;
	}
}
@media (max-width: 520px) {
	.small_table {
		width: calc(100% - 20px);
    	margin-left: 10px;
	}
}

/* Меню **************************************************************************************************************************************************************************/
.main_menu {
	background: #070245;
    width: 50px;
    float: left;
    height: 100vh;
    position: fixed;
    /*top: 50px;*/
	top: 0;
    z-index: 999;
	border-right: 1px solid #1d186a;}
.main_menu ul {
	display: -webkit-flex;
	display: flex;
    flex-direction: column;
    height: 100%;
}
.template {
	margin: auto auto 0 0;
}
.private_box {
	height: 60px;
}
.private_box .hidden_menu {
	color: #fcfffb;
	text-align: left;
}
.main_menu ul li a, .main_menu_upper_button, .template, .log_out_in {
	color: #fcfffb;
	opacity: .5;
	display: block;
	text-align: left;
}
.main_menu ul li a svg, .main_menu ul > div > svg, .template svg, .log_out_in svg {
	font-size: 1.2rem;
	width: 50px!important;
}
.main_menu ul li a:hover, .main_menu div:hover, .log_out_in:hover {
	opacity: 1;
}
.main_menu_upper_button {
	margin-top: 40px;
	cursor: pointer;
}
.main_menu ul li, .main_menu_upper_button, .template, .private_box .hidden_menu {
	line-height: 60px;
}
.main_menu ul li, .changing_menu ul li {
	list-style: none;
}
.main_menu li a, .template, .private_box  {
    position: relative;
}
.hidden_menu {
    transform: rotateY(90deg);
}
.active_menu .private_box .hidden_menu {
	display: none;
}
@media (min-width: 799px) {
	.main_menu:not(.active_menu) li a:hover .hidden_menu, .main_menu:not(.active_menu) .template:hover .hidden_menu, .main_menu:not(.active_menu) .became_visible3:hover .hidden_menu, .main_menu:not(.active_menu) .private_box:hover .hidden_menu {
		display: inline;
		transform: rotateY(0);
		position: absolute;
		left: 48px;
		top:0;
		width: 150px;
		padding-left: 5px;
		background: #070245;
	}
}

.log_out_in {
    position: relative;
}
.small_ava {
	margin: 12.5px 7.5px;
	width: 35px;
	height: 35px;
	border: 2px solid #FFFFFF;
	float: left;
}
.main_menu .active, .main_menu li:hover, .main_menu:not(.active_menu) .private_box:hover {
	border-left: 2px solid #fcfffb;
}
.active_menu {
	width: 200px;
    z-index: 999;
    overflow: auto;
}
.active_menu::-webkit-scrollbar {
display: none;
}
.active_menu ul li:hover, .active_menu .private_box {
	background-image: -moz-linear-gradient( 0deg, #a668cb 0%, #333399 100%);
    	background-image: -webkit-linear-gradient( 0deg, #a668cb 0%, #333399 100%);
    	background-image: -ms-linear-gradient( 0deg, #a668cb 0%, #333399 100%);}
.active_menu ul li a, .active_menu div, .active_menu .log_out_in {
	opacity: 1;
}
.active_menu .hidden_menu {
	display: inline;
}
.active_menu .main_menu_upper_button svg {
-webkit-transform: rotate(180deg); 
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.active_menu .private_box {
    height: auto;
    padding: 12.5px 0 20px;
}
.active_menu .small_ava {
    margin-left: 77.5px;
    width: 45px;
    height: 45px;
}
.hidden_menu_private {
	color: #fcfffb;
	display: none;
    margin: 0 10px;
}
.hidden_menu_private ul li {
	line-height: 40px;
	cursor: pointer;
}
.hidden_menu_private ul li a {
	text-align: center;
}
.hidden_menu_private .:not(.v){
	padding: 0;
	text-transform: none;
	width: 80%;
	margin: 10px 10%;
}
.hidden_menu_private .gradient_button:hover {
	border-left: none;
}
.hidden_menu_private .gradient_button {
	padding: 0;
	width: 90%;
    margin-left: 5%;
}
.active_menu .hidden_menu_private {
	display: inline-block;
    width: 100%;
    margin: 0;
}
.hidden_menu {
	display: none;
}
.active_menu_center {
	width: calc(100% - 150px);
	margin-left: 150px;
}
.active_menu_center .about_country {
display: block;
}
.active_menu_center .photo {
	left: calc(50% + 15px);
}
.active_menu_center .popup_wrap1 {
	left: calc(50% - 85px);
}

/* Кнопка выхода из аккаунта для маленькой мобильной версии *******************************************/

.mobile_logout_button_s {
	display: none;
}

/* Динамическое меню **************************************************************************************************************************************************************************/

.fix_height_ch_m {
    height: 45px;
}
.changing_menu {
	background-color: rgba(28,23,105,1.00);
    min-height: 45px;
    width: calc(100% - 40px);
    margin: 40px 20px 20px 20px;
    border-radius: 3px;
    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
	display: -webkit-flex;
    display: flex;
    /*justify-content: space-between;*/
	justify-content: center;
	position: relative;
}
.center_changing_menu {
	width: 260px;
	border: .5px solid #D7D7D7;
    border-radius: 60px;
	overflow: hidden;
    margin: 7px;
    cursor: pointer;
}
.changing_menu ul li a {
	color: #fcfffb;}
.center_changing_menu li a {
	line-height: 30px;
}
.changing_menu ul li a:hover {
	opacity: 1;}
.center_changing_menu:hover {
	box-shadow: inset 0 0 5px #D7D7D7;
}
.center_changing_menu.show {
    overflow: visible;
	display: -webkit-flex;
    display: flex;
	flex-direction: column;
	z-index: 99;
}
.center_changing_menu li {
	display: none;
	width: 100%;
	float: left;
	text-align: center;
}
.center_changing_menu li.active {
	display: inline;
	position: relative;
}
.center_changing_menu.show li {
	display: inline;
	background-color: rgba(28,23,105,1.00);
    width: calc(100% + 1px);
    margin-top: -.5px;
	border-left: .5px solid #D7D7D7;
    border-right: .5px solid #D7D7D7;
	padding: 5px 0;
}
.center_changing_menu.show .changing_menu_arrow {
	display: none;
}
.center_changing_menu.show li:first-child {
	border-top: .5px solid #D7D7D7;
    border-top-left-radius: 11px;
    border-top-right-radius: 11px;
	padding: 0 0 5px 0;
}
.center_changing_menu.show li:last-child {
	border-bottom: .5px solid #D7D7D7;
    border-bottom-left-radius: 11px;
    border-bottom-right-radius: 11px;
	padding: 5px 0 0 0;
}
.changing_menu_arrow {
	position: absolute;
	top: 0;
    right: 8px;
	line-height: 30px;
	color: #fcfffb;}
.active a {
	opacity: 1!important;
}
.changing_menu p {
	line-height: 45px;
	color: #fcfffb;}

/* Форма поиска *********************************************************************************************************************************************************/

button[name="search"] {
	line-height: 61px;
	background-color: transparent;
	border: none;
	font-size: 1.2rem;
	color: #fcfffb;
	opacity: .5;
	left: 16px;
	position: absolute;
}
.search_container {
	position: relative;
	width: 50px;
	height: 60px;
}
@media (min-width: 799px) {
	.search_container .hidden_menu_search {
		display: none;
		transform: rotateY(90deg);
	}
	.search_container:hover, .template:hover {
		border-left: 2px solid #fcfffb;
	}
	.main_menu:not(.active_menu) .search_container:hover button[name="search"], .main_menu:not(.active_menu) .search_container:focus-within button[name="search"] {
		opacity: 1;
		left: 246px;
		padding: 0 15px 0 0;
		background: #070245;
		cursor: pointer;
	}
	.main_menu:not(.active_menu) .search_container:hover .hidden_menu_search, .main_menu:not(.active_menu) .hidden_menu_search:focus-within {
		display: inline;
		transform: rotateY(0);
		position: absolute;
		left: 48px;
		top: 0;
		background: #070245;
		padding: 15px;
	}
	.active_menu button[name="search"] {
		opacity: 1;
	position: initial;
	}
	.active_menu .search_container .hidden_menu_search {
		display: inline;
	}
	.active_menu .hidden_menu_search input[type="text"] {
		position: absolute;
		top: 10px;
		left: 50px;
		width: 120px;
	}
}
.hidden_menu_search input[type="text"] {
	border-left: none;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #fcfffb;
	background: transparent;
	line-height: 30px;
	color: #fcfffb;
	width: 169px;
}
.search_container input[type="text"]::-webkit-input-placeholder {color: #fcfffb}
.search_container input[type="text"]::-moz-placeholder          {color: #fcfffb}
.search_container input[type="text"]:-moz-placeholder           {color: #fcfffb}
.search_container input[type="text"]:-ms-input-placeholder      {color: #fcfffb}
/* плавное изменение прозрачности  placeholder-а при фокусе */
.search_container input[type="text"]::-webkit-input-placeholder       {opacity: 1; transition: opacity 0.3s ease;}
.search_container input[type="text"]::-moz-placeholder                {opacity: 1; transition: opacity 0.3s ease;}
.search_container input[type="text"]:-moz-placeholder                 {opacity: 1; transition: opacity 0.3s ease;}
.search_container input[type="text"]:-ms-input-placeholder            {opacity: 1; transition: opacity 0.3s ease;}
.search_container input[type="text"]:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
.search_container input[type="text"]:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}
.search_container input[type="text"]:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;}
.search_container input[type="text"]:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}


/*button[name="search"] {
	color: #fcfffb;	line-height: 45px;
	font-size: 1rem;
}
.search_container {
	float: left;
    width: 130px;
    position: relative;
	height: 49px;
}
.search_container input[type="text"] {
	width: 0;
	transition: .8s cubic-bezier(.17,.67,.81,.42);
	border: none;
	background: transparent;
	border-bottom: 1px solid #D7D7D7;
    position: absolute;
    left: 25px;
    top: 0;
    line-height: 28px;
    margin-top: 9px;
}
button[name="search"] {
	background: transparent;
    border: none;
    position: absolute;
    left: 0;
    top: 0;
	width: 50px;
	opacity: .7;
	transition: .8s cubic-bezier(.17,.67,.81,.42);
}
button[name="search"]:hover {
	opacity: 1;
}
.search_container:hover input[name="search_name"], .search_container:focus input[name="search_name"], input[name="search_name"]:focus {
	width: 200px;
}
button[name="search"]:hover, .search_container:hover button[name="search"], .search_container:focus button[name="search"] {
	left: 200px;
}*/


/* Основная часть сайта *********************************************************************************************************************************************************/

.important_info_wrapper { /* START Блок выделенной информации на главной странице */
	width: calc(100% - 40px);
	margin: 30px 0 30px 20px;
    border-radius: 3px;
	overflow: hidden;
	background: #333399;
}
@media (max-width: 520px) {
	.important_info_wrapper {
		width: calc(100% - 20px);
		margin-left: 10px;
	}
}
.important_info_wrapper h2 {
	background: #816be8bf;
	line-height: 50px;
	color: white;
	font-size: 15px;
    text-align: center;
}

/* END Блок выделенной информации на главной странице */

.flex-center {
	display: flex;
	justify-content: center;
	height: inherit;
	/*min-height: 80vh;*/
	-webkit-transition: -webkit-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    -moz-transition: -moz-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    -o-transition: -o-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out;
}
#articles, .adv, .yandex-adaptive {
	width: 80%;
	/*margin: 70px 10%;*/
	margin: 0 10%;
    /*min-height: 100vh;*/
}
#articles {max-width: 2000px;}
.main_content_wrapper {
	display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
article {
	width: calc((100% / 3) - 40px);
	box-shadow: 0px 50px 60px 0px rgba(0, 0, 0, 0.05);
	margin: 20px;
}
a.link {
	color: #fcfffb;;
	text-decoration: underline;
}
article, .recomendation_container {
	background-color: rgba(28,23,105,1.00);
	border-radius: 3px;
	display: block;
	transition: all 300ms linear 0ms;
}
article:hover {
	box-shadow: 0px 50px 60px 0px rgba(0,0,0,0.24);
}
article:hover, .recomendation_container:hover {
	transform: translateY(-2px);
}
.img_wrapper {
	width: 100%;
	height: 220px;
	position: relative;
	overflow: hidden;
}
.user_content {
	position: absolute;
	right: 5px;
    bottom: 5px;
    height: 45px;
    width: 45px;
    border-radius: 33px;
	overflow: hidden;
	background-color: aliceblue;
	box-shadow: 0 1.5px 4px rgba(0,0,0,0.3);
}
@media (min-width: 799px) {
	.user_content_wrapper:hover .hidden_user_name {
		visibility: visible;
		opacity: 1;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		transform: translateX(0);
	}
}
.hidden_user_name {
	transform-origin: 0;
    visibility: hidden;
	opacity: 0;
	position: absolute;
    line-height: 40px;
    top: 173px;
    right: 60px;
    border-radius: 2px;
    padding: 0 10px;
	background-color: rgba(28,23,105,1.00);
	color: #f1f2ff;
	border-right: 3px solid rgb(160,102,232);
	-webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: 0.34s;
    -moz-transition: 0.34s;
    transition: 0.34s;
}
.hidden_user_name:after {
content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 10px 10px;
    top: 11px;
    right: -22px;
    border-color: transparent transparent transparent rgb(160,102,232);
}
.article_box_title {
	color: #f1f2ff;
    font-size: 1.1rem;
    margin: 20px;
    /*line-height: 1.4em;*/
    min-height: 2.8em;
    max-height: 2.8em;
	overflow: hidden;
    font-weight: bold;
}
article p {
    min-height: 4.2em;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	-ms-line-clamp: 3;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	display: -webkit-box;
	display: box;
	word-wrap: break-word;
	-webkit-box-orient: vertical;
	box-orient: vertical;
	color: #f1f2ff;
	margin: 20px;
	text-align: left;
}
.bottom_info_wrapper {
	display: -webkit-flex;
    display: flex;
	align-items: center;
	justify-content: space-evenly;
	color: #f1f2ff;
			border-top: 1px solid #2f2986; 
	padding: 5px;
	font-size: .8rem;
}
.bottom_info_wrapper a:hover {
	text-decoration: underline;
}
.top_info_wrapper {
    color: #f1f2ff;
    display: -webkit-flex;
    display: flex;
	justify-content: space-evenly;
}
.top_info_wrapper > div {
	padding: 5px;
}
.top_info_wrapper div svg {
	margin-right: 10px;
}
/*.colored_svg {
	padding-right: 10px;
	}*/
.img_wrapper iframe {
	width: 100%;
    height: 100%;
	border: none;
}


/*Кнопки навигации *************************************************************************************************************************************************************/

.navigation {
	margin: 20px auto;
	text-align: center;
}
.navigation a, .navigation div {
	display: inline-block;
	margin: 0 5px;
	color: #f1f2ff;
	font-weight: bold;
	font-size: 1rem;
}
.navigation a, .arrow {
	border-radius: 50px;
	height: 40px;
    width: 40px;
	line-height: 40px;
    background-color: rgba(28,23,105,1.00);
	box-shadow: 2px 4px 20px 5px rgba(0, 0, 0, 0.05);
	transition: all 300ms linear 0ms;
}
.navigation a:hover, .arrow:hover {
	box-shadow: 2px 4px 20px 5px rgba(0,0,0,0.14);
}

/* Стили для футера + футер к низу **************************************************************************************************************************************************************/

footer {
	background-image: -moz-linear-gradient( 0deg, #a668cb 0%, #333399 100%);
    		background-image: -webkit-linear-gradient( 0deg, #a668cb 0%, #333399 100%);
    		background-image: -ms-linear-gradient( 0deg, #a668cb 0%, #333399 100%);	float: left;
	height: auto;
	width: 100%;
	padding: 10px 50px;
	margin-top: 45px;
}
footer > div {
	margin: 30px 0;
}
footer div, footer a {
	color: #fcfffb; 
}
#page-wrap:after {
	content: "";
	display: block;
	height: 10px;
}
#page-wrap {
	min-height: 94%;
	margin-bottom: -10px;
}
.footer_top {
	display: -webkit-flex;
    display: flex;
    justify-content: space-evenly;
	flex-direction: row;
    align-items: center;
}
.footer_top a {
	display: block;
}
.footer_top a:not(.LogoFooter), .footer_bottom div {
	margin: 10px 0;
}
#LogoFooter {
	width: 140px;
	height: auto;
}
.footer_bottom {
	text-align: center;
}

/* Следующие строчки отвечают за то, чтобы любой попап с этими параметрами становился видимым по клику *************************************************************/
/* visible - точно выходим из акка? */
/* visible1 - поменять аватарку в личном кабинете */
/* visible2 - окно по нажатию на аву в шапке */
/* .visible3 - вход и регистрация */ 

.visible, .visible1/*, .visible2*/, .visible3, .visible_fon {
	visibility: hidden;
	opacity: 0;
	transform: translate3d(0,20px,0);
	transition: opacity 250ms ease,visibility 250ms ease,transform 250ms cubic-bezier(.71,1.7,.77,1.24);
}
.active-visible {
	visibility: visible;
	opacity: 1;
	transform: translate3d(0,0,0);
}
.popup_wrap, .popup_wrap1, .popup_wrap_fon /*, .popup_wrap2*/ {
	position: absolute;
	z-index: 1;
	background-color: rgba(28,23,105,1.00);
    color: #f1f2ff;
    text-align: center;
    box-shadow: 0px 50px 60px 0px rgba(0,0,0,0.24);
    border-radius: 3px;
    padding: 27px;
}
/*.popup_wrap_logout {
	width: 95%;
	left: 2.5%;
    margin-top: 20px;
	border-top: 3px solid rgba(192,119,234,1.00);
}*/
.popup_wrap1 {
	width: 320px;
    top: 279px;
    left: calc(50% - 160px);
}
.popup_wrap/*, .popup_wrap2*/ {
	width: 290px;
    right: -303px;
    top: 258px;
    left: 214px;
    z-index: 999;
    border-left: 3px solid rgb(160,102,232);
}
/*.popup_wrap2 .active {
	border-bottom: none;
}*/
.popup_arrow { /*стрелочка на точно выходим из акка?*/
    left: -22px;
}
.popup_arrow1 { /*стрелочка вверх на поменять аву в лк*/
    right: 150px;
}
/*.popup_arrow2 { */ /*стрелочка вверх на окно по нажатию на аву в шапке*/
    /*right: 64px;*/
/*}*/
.popup_arrow, .popup_arrow1, .popup_arrow_fon /*, .popup_arrow_logout, .popup_arrow2*/ {
	content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 10px 10px;
}
/*.popup_arrow_logout {
	border-color: transparent transparent rgba(192,119,234,1.00) transparent;
	top: -21px;
    left: 49%;
}*/
.popup_arrow {
    top: 70px;
    border-color: transparent rgb(160,102,232) transparent transparent;
}
.popup_arrow1, .popup_arrow_fon {
    top: -19px;
    border-color: transparent transparent rgb(160,102,232) transparent;
}
.popup_wrap ul li {
	display: block;
	/*width: calc(100% + 54px);
    margin-left: -27px;*/
}
.popup_wrap ul li a {
	line-height: 29px;
}
/*.popup_wrap ul li:hover {
	background-color: #f1f2ff;
}
.popup_wrap ul li a:hover, .popup_wrap ul li:hover a {
	text-shadow: none;
	color: white;
}
*/
.popup_wrap1 > p, .popup_wrap_fon > p {
    margin-top: -27px;
    margin-left: -27px;
    width: calc(100% + 54px);
    background-color: rgb(160,102,232);
	border-top-left-radius: 3px;
    border-top-right-radius: 3px;
	color: white;
    padding: 10px 0;
	/*font-weight: bold;*/
}
.gradient_button.v {
	padding: 10px;
}


/* Кнопка с градиентом *********************************************************************************************************************************************************/

.gradient_button {
	display: -webkit-flex;
    display: flex;
    justify-content: center;
	background: linear-gradient(to left, rgb(160,102,232), rgb(102,111,232));
    color: white;
    text-transform: uppercase;
    padding: 8px;
    margin-top: 16px;
    border-radius: 50px;
	position: relative;
    overflow: hidden;
}
.gradient_button:hover {
	background: linear-gradient(to left, rgb(160,102,232), rgb(102,111,232));
	transform: scale(1.01,1.01);
}
.gradient_button span {
	z-index: 1;
}
.gradient_button span::before {
	z-index: -1;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to left, rgba(192,119,234,1.00), rgba(66,77,226,1.00));
    border-radius: 60px;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform .5s ease-in-out;
}
.gradient_button:hover span::before {
	transform: scaleX(1);
    transform-origin: left;
}

/*Прокрутка страницы***************************************************************************************************************************************************************/

/*Стилизация кнопки ВВЕРХ */
#back-top {	
	position: fixed;
    bottom: 30px;
    right: 50px;
}

/* графическая стрелка ВВЕРХ */
#back-top a span {
	font-size: 45px;
	display: block;
	color: rgba(192,119,234,1.00);
    opacity: .7;
}

#back-top a:hover span {
	-webkit-transform: rotate(-45deg); 
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	opacity: 1;
}

/*Стили для страниц статей*********************************************************************************************************************************************************/

.single_big_wrapper {
    /*min-height: 100%;*/
	background-color: rgba(28,23,105,1.00);
    border-radius: 3px;
    margin: 20px;
    box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 5%);
    padding: 80px 10%;
}
.single_big_wrapper h1 {
	padding: 35px;
	text-align: center;
	line-height: 2rem;
	color: #f1f2ff;
	font-size: 1.5rem;
}
.single_big_wrapper h2 {
	margin-top: 35px;
    text-align: center;
	color: #f1f2ff;
}
.h2 {
	padding: 35px;
    text-align: center;
    line-height: 1.5;
    font-size: 1.5em;
    font-weight: bold;
	color: #f1f2ff;
}
.single_article_top_info {
	line-height: 2.3rem;
	margin: 20px 0;
}
.single_article_top_info .itm1 {
	/*color: rgba(182,45,205,1.00); font-weight: bold;*/
	color: #f1f2ff;
}
/*.single_article_top_info .itm1 > div {
	text-alighn: center;
}*/
.itm1 a, .itm1 span {
	padding: 10px;
}
.single_big_wrapper p {
	padding: 20px 0;
	color: #f1f2ff;
	line-height: 1.5;
}
.single_big_wrapper img { 
	justify-content: center;
	height: auto;
}
#disqus_thread {
	margin: 20px 0;
}
.recomendation_container_outer_wrapper {
	/*position: relative;
    width: 100%;*/
	display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 5px;
}

/*.recomendation_container_wrapper {
	overflow: hidden;
	height: 410px;
    width: 1380px;
	margin-left: calc((100% - 1380px) / 2);
}

@media (max-width: 1715px) {
.recomendation_container_wrapper {
    width: 1036px;
    margin-left: calc((100% - 1036px) / 2);
}
}
@media (max-width: 1370px) {
.recomendation_container_wrapper {
    width: 688px;
    margin-left: calc((100% - 688px) / 2);
}
}*/

.recomendation_container_wrapper ul {
	transition: margin-left 250ms;
	width: 9999px;
	/*display: -webkit-flex;
    display: flex;*/
}
.arrow {
	position: absolute;
    top: 161px;
    border: 2px solid transparent;
    z-index: 9;
	color: #f1f2ff;
	font-weight: bold;
	font-size: 1rem;
}
 .next {
    right: 0;
}
.prev {
	left: 0;
}
.recomendation_container {
    /*width: 300px;*/
	margin: 10px;
	width: calc((100% /3) - 20px);
    display: inline-block;
	box-shadow: 7px 8px 20px 0px rgba(0, 0, 0, 0.05);
}
.recomendation_container:hover {
	box-shadow: 7px 8px 20px 0px rgba(0, 0, 0, 0.24);
}
.recomendation_container .top_info_wrapper {
top: 0;
    left: 0;
    border-radius: 0;
}
.last {
	min-height: 347.563px;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	flex-flow: column;
	/*background: repeating-radial-gradient(closest-side at 25px 35px, #ececec 15%, #fff 40%);
	background-size: 60px 60px;
	background-position: center;*/
	background: rgba(28,23,105,1.00);
}
#show_more {
	border: none;
	background-color: transparent;
	color: #f1f2ff;
}
.load_svg {
	text-align: center;
	color: #f1f2ff;
	font-size: 2rem;
	opacity: .7;
	margin-bottom: 10px;
}
.load_svg:hover, .load_animation {
	-webkit-animation-name: cog;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: cog;
	-moz-animation-duration: 2s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: cog;
	-ms-animation-duration: 2s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
	animation-name: cog;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
@-ms-keyframes cog {
	from { -ms-transform: rotate(0deg); }
	to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes cog {
	from { -moz-transform: rotate(0deg); }
	to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes cog {
	from { -webkit-transform: rotate(0deg); }
	to { -webkit-transform: rotate(360deg); }
}
@keyframes cog {
  from {
	transform:rotate(0deg);
  }
  to {
	transform:rotate(360deg);
  }
}

/*Поделиться****************************************************************************************************************************************************************/

.bottom_socialshare .socialshare {
	display: -webkit-flex; 
	display: flex;
    justify-content: center;
}
.facebook:after {
	content: "Facebook";
}
.google:after {
	content: "Google+";
}
.twitter:after {
	content: "Twitter";
}
.vkontakte:after {
	content: "Вконтакте";
}
.ok:after {
	content: "OK";
}
.push, .push-top {
	margin: 5px 2px 20px 2px;
	color:#fff;
	cursor: pointer;
	display: inline-block;
}
.push {
	width: 17%;
	line-height: 40px;
    text-align: center;
}
.push-top {
	width: 40px;
	line-height: 1.8rem;
	text-align: center;
	float: right;
}
 
.facebook, .facebook-top  {background-color:#3b5998;}
.facebook:hover, .facebook-top:hover {background-color:#2d4373; color:#fff;}
.twitter, .twitter-top {background-color:#55acee;}
.twitter:hover, .twitter-top:hover {background-color:#2795e9; color:#fff;}
.vkontakte, .vkontakte-top {background-color:#587ea3;}
.vkontakte:hover, .vkontakte-top:hover {background-color:#466482; color:#fff;}
.ok,.ok-top {background-color:#ee8208;}
.ok:hover, .ok-top:hover {background-color:#ee7808; color:#fff;}

/*Карта сайта *********************************************************************************************************************************************************/

.smaller_single_wrapper {
	width: 64%;
    margin-left: 18%;
}
.sitemap div, .feedback-text div, .donate, .no_page div {
	color: rgba(182,45,205,1.00); font-weight: bold;	text-transform: uppercase; 
	margin: 1% 0;
	text-align: center;
	padding: .6%;
}
.sitemap ul li {
	list-style:none;
	text-align: center;
}
.sitemap ul li a, .feedback-text p, .donate2, .no_page p {
	color: #f1f2ff;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 2.182;
}
.sitemap ul li a:hover {
	color: rgb(160,102,232);
}

/*Личный кабинет мои статьи *********************************************************************************************************************************************************/

.avatar_box {
	border-radius: 100%;
	background-color: #FFFFFF;
	overflow: hidden;
	position: relative;
}
.big_ava {
    width: 200px;
    height: 200px;
    margin: 17px 0 2% calc(50% - 100px);
    border: 2px solid #FFFFFF;
}
.avatar {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%; 
	height: 100%;
}
.photo {
	background: transparent;
	border: none;
    text-transform: uppercase;
    font-weight: bolder;
    font-size: 2rem;
	color: transparent;
	position: absolute;
	left: calc(50% - 100px);
    top: 142px;
	width: 200px;
    height: 200px;
	border-radius: 100%;
}
.photo_hover, .photo:hover {
	background-color: rgba(0,0,0,0.2);
	color: #FFFFFF;
}
.login {
	font-size: 1.1rem;
    font-weight: bold;
    color: #f1f2ff;
}
.login a:hover {
	text-decoration: underline;
}
input[name="avatar"], input[name="fon"] {
	display: none;
}
.add_ava svg, .add_fon svg {
	color: #f1f2ff;
}
.add_ava svg, .add_fon svg {
	font-size: 2rem;
    margin: 21px 0 0 0;
	opacity: .7;
}
.add_ava svg:hover, .add_fon svg:hover {
	opacity: 1;
}
.ava_popup p {
	color: #f1f2ff;
    font-size: .73rem;
}
button[name="change_ava"], button[name="change_fon"] {
    border: none;
	text-transform: uppercase;
    font-weight: bolder;
	padding: 10px 20px;
    margin-left: calc(50% - 47px);
    margin-top: 30px;
}
.inputfile_wrapper {
	position: relative;
}
.change_inputfile, .change_inputfile_fon {
    position: absolute;
	visibility: hidden;
    opacity: 0;
	top: 0;
    left: 0;
    font-size: 2rem;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #FFFFFF;
    /* padding-top: 25%; */
    background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0,0,0,.3)), color-stop(100%, rgba(255,255,255,.3)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,.3) 0%, rgba(255,255,255,.3) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,.3) 0%, rgba(255,255,255,.3) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,.3) 0%, rgba(255,255,255,.3) 100%);
    background: radial-gradient(ellipse at center, rgba(0,0,0,.3) 0%, rgba(255,255,255,.3) 100%);
}
.change_file_active {
    display: -webkit-flex;
	display: flex;
    justify-content: center;
	align-items: center;
}
.file_inside .add_ava, .file_inside_fon .add_fon {
	display: none;
}
.file_inside .inputfile_wrapper {
    margin: 27px 0;
    border-radius: 129px;
    width: 200px;
    height: 200px;
	overflow: hidden;
    margin-left: calc(50% - 100px);
}
.file_inside:hover .change_inputfile, .file_inside_fon:hover .change_inputfile_fon {
	visibility: visible;
    opacity: 1;
    color: #FFFFFF;
}
.post_visibility_hidden {
	position: absolute;
	box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.16);
	text-align: center;
	background-color: #d35c50;
	bottom: 0;
	width: 100%;
	padding: 5px;
	color: #FFFFFF;
}

/* Личные данные */

.personal_info {
	float: left;
}
.personal_info p {
	font-weight: bold;
	width: 100%;
    float: left;
	font-size: 1.1rem;
}
.personal_info p {
	margin: 7% 0 5%;
}
.personal_info form label, .add_article_label, .feedback-form lebel {
	font-size: 1rem;
	width: 100%;
	float: left;
	color: #f1f2ff;
}
.personal_info form input, .personal_info form select[name="gender"], .personal_info div input[type="text"], input[name="from"], input[name="subject"] {
	height: 40px;
	color: #f1f2ff;
}
.personal_info form input, .personal_info form select[name="gender"], .personal_info div input[type="text"], .add_article_text, input[name="from"], input[name="subject"], .feedback-form textarea {
	display: block;
    border: 1px solid #C7C7C7;
    margin: 2% 0 5% 0;
	background-color: transparent;
	padding: 2%;
	float: left;
}
.small_form input, .small_form select[name="gender"] {
	width: calc(100% - 40px);
	border-radius: 2px 0 0 2px;
}
.big_form input, .add_article_text, input[name="from"], input[name="subject"], .feedback-form textarea {
	width: 100%;
	border-radius: 2px;
	color: #f1f2ff;
}
.personal_info form button, button[name="add_article"] {
	float: right;
	display: inline;
	font-weight: bold;
	text-transform: uppercase;
	background-color: transparent;
}
.small_form button {
	margin-top: 2%;
	font-size: 1.4rem;
	height: 40px;
	width: 40px;
	border-radius: 0 3px 3px 0;
}
.big_form button[type="submit"], button[name="add_article"] {
	width: 30%;
	margin: 0 35%;
	line-height: 40px;
	border-radius: 3px;
}
.personal_info:not(.change_password) form button[type="submit"]:hover, button[name="add_article"]:hover {
	color: #FFFFFF;
	background-color: #469430;
}
.personal_info:not(.change_password) form button[type="submit"], button[name="add_article"] {
	color: #469430;
	border: 1px solid #469430;
}
.small_form select[name="gender"] {
	padding: 0 2% !important;
}

/* Добавить пост ******************************************************************************************************************************/

#choose_country {
	float: left;
	width: 100%;
	margin-bottom: 11px;
}
#choose_country select, #choose_city select {
	padding: 10px;
	border: 1px solid #C7C7C7;
	color: #f1f2ff;
	background-color: rgba(28,23,105,1.00);
}
.add_article_wrap {
	margin-top: 6%!important;
}
.personal_info form input:focus, .personal_info div input[type="text"]:focus, .add_article_text:focus {
	border: 1px solid #d35c50;
}
.hidden_mistake {
	color: #d35c50;
}
#pct1, #pct2, #pct3, #pct4, #pct5, #pct6, #pct7, #pct8, #pct9, #pct10, #pct11 { /* Вывод изображения */
    display: none;
  }
label[for="pct1"], label[for="pct2"], label[for="pct3"], label[for="pct4"], label[for="pct5"], label[for="pct6"], label[for="pct7"], label[for="pct8"], label[for="pct9"], label[for="pct10"], label[for="pct11"], label[for="pct12"] {
	display: inline-block;
	width: 100%;
	height: 250px;
	background: repeating-radial-gradient(closest-side at 25px 35px, #D0DADE 15%, #eee 40%);
	background-size:60px 60px;
	background-position: center;
	margin-bottom: 10px;
	position: relative;
	border-radius: 3px;
}
.image_inside1, .image_inside2, .image_inside3, .image_inside4, .image_inside5, .image_inside6, .image_inside7, .image_inside8, .image_inside9, .image_inside10, .image_inside11 {
	height: auto!important;
}
.image_inside1 img, .image_inside2 img, .image_inside3 img, .image_inside4 img, .image_inside5 img, .image_inside6 img, .image_inside7 img, .image_inside8 img, .image_inside9 img, .image_inside10 img, .image_inside11 img  {
	display: block!important;
    margin: auto!important;
	position: relative;
}
.add_category_outerwrap {
	float: left;
	width: 100%;
}
.add_category_wrap {
	margin: 11px 0;
	color: #f1f2ff;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	float: left;
}
.add_category_wrap lebel {
	margin: 10px;
}
.add_category_wrap input {
	margin-right: 4px;
}
.add_block_wrap {
	position: absolute;
    bottom: -64px;
    left: calc(50% - 25px);
}
input[name="add_block"] {
	color: #469430;
    font-size: 2.5rem;
	border-radius: 50%;
    border: 1px solid #469430;
    width: 50px;
	line-height: 44px;
    background-color: transparent;
    margin-top: 20px;
}
input[name="add_block"]:hover {
	color: #FFFFFF;
	background-color: #469430;
	border: 1px solid #FFFFFF;
}
.add_photo_button {
	position: absolute;
	color: #FFFFFF;
    background-color: #55B53A;
	padding: 2%;
    border-radius: 3px;
	text-transform: uppercase;
	width: 160px;
    text-align: center;
    margin-left: calc(50% - 80px);
    top: 44%;
}
.add_photo_button:hover {
	 background-color: #469430;
}
.add_photo_wrap {
	position: relative;
	height: 100%;
    width: 100%;
    float: left;
}
.delete_wrap1, .delete_wrap2, .delete_wrap3, .delete_wrap4, .delete_wrap5, .delete_wrap6, .delete_wrap7, .delete_wrap8, .delete_wrap9, .delete_wrap10, .delete_wrap11 {
	position: absolute;
	bottom: 3px;
    right: -12px;
}
.delete_wrap1 button, .delete_wrap2 button, .delete_wrap3 button, .delete_wrap4 button, .delete_wrap5 button, .delete_wrap6 button, .delete_wrap7 button, .delete_wrap8 button, .delete_wrap9 button, .delete_wrap10 button, .delete_wrap11 button {
	color: #FFFFFF;
    background-color: #55B53A;
	padding: 2%;
    border-radius: 50%;
	width: 35px;
    height: 35px;
    border: 1px solid #55B53A;
	margin: 0;
    line-height: 33px;
}
.delete_wrap1 button span, .delete_wrap2 button span, .delete_wrap3 button span, .delete_wrap4 button span, .delete_wrap5 button span, .delete_wrap6 button span, .delete_wrap7 button span, .delete_wrap8 button span, .delete_wrap9 button span, .delete_wrap10 button span, .delete_wrap11 button span {
	width: 150px;
    float: left;
    text-align: center;
    background: #55B53A;
    transform-origin: 0;
    visibility: hidden;
    opacity: 0;
    transform: rotateY(45deg);
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    transition: all .5s ease .300ms;
    margin: -35px 28px;
    line-height: 35px;
	color: #FFFFFF;
    text-transform: uppercase;
	font-size: .7rem;
}
@media (min-width: 940px) {
	.delete_wrap1 button:hover, .delete_wrap2 button:hover, .delete_wrap3 button:hover, .delete_wrap4 button:hover, .delete_wrap5 button:hover, .delete_wrap6 button:hover, .delete_wrap7 button:hover, .delete_wrap8 button:hover, .delete_wrap9 button:hover, .delete_wrap10 button:hover, .delete_wrap11 button:hover {
		border-top-left-radius: 50%;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 50%;
	}
	.delete_wrap1 button:hover span, .delete_wrap2 button:hover span, .delete_wrap3 button:hover span, .delete_wrap4 button:hover span, .delete_wrap5 button:hover span, .delete_wrap6 button:hover span, .delete_wrap7 button:hover span, .delete_wrap8 button:hover span, .delete_wrap9 button:hover span, .delete_wrap10 button:hover span, .delete_wrap11 button:hover span {
	  visibility: visible;
	  opacity: 1;
	  transform: rotateY(0)
	}
}

.change_img1, .change_img2, .change_img3, .change_img4, .change_img5, .change_img6, .change_img7, .change_img8, .change_img9, .change_img10, .change_img11 {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 2rem;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #FFFFFF;
	background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,1) 0%, rgba(255,255,255,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0,0,0,.3)), color-stop(100%, rgba(255,255,255,.3))); /* safari4+,chrome */
    background:-webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,.3) 0%, rgba(255,255,255,.3) 100%); /* safari5.1+,chrome10+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,.3) 0%, rgba(255,255,255,.3) 100%); /* opera 11.10+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,.3) 0%, rgba(255,255,255,.3) 100%); /* ie10+ */
    background:radial-gradient(ellipse at center, rgba(0,0,0,.3) 0%, rgba(255,255,255,.3) 100%); /* w3c */
	display: flex;
}
.change_img1 svg, .change_img2 svg, .change_img3 svg, .change_img4 svg, .change_img5 svg, .change_img6 svg, .change_img7 svg, .change_img8 svg, .change_img9 svg, .change_img10 svg, .change_img11 svg {
	margin: auto;
}
label[for=pct1]:hover .change_img_active1, label[for=pct2]:hover .change_img_active2, label[for=pct3]:hover .change_img_active3, label[for=pct4]:hover .change_img_active4, label[for=pct5]:hover .change_img_active5, label[for=pct6]:hover .change_img_active6, label[for=pct7]:hover .change_img_active7, label[for=pct8]:hover .change_img_active8, label[for=pct9]:hover .change_img_active9, label[for=pct10]:hover .change_img_active10, label[for=pct11]:hover .change_img_active11 {
	visibility: visible;
	opacity: 1;
	color: #FFFFFF;
}

/*Сообщение об ошибке *********************************************************************************************************************************************************/

.mistake_popup {
	box-shadow: 0px 16px 75px 0px rgba(0, 0, 0, 0.25);
    position: fixed;
    left: 35%;
    z-index: 99;
    width: 30%;
    text-align: center;
    border-radius: 3px;
}
.simple_mistake {
	background: rgba(28,23,105,1.00);
	padding: 20px;
    top: 35%;
}
.inner_mistake_popup {
	position: relative;
	width: 100%;
    height: 100%;
    color: #f1f2ff;
}
.inner_mistake_popup .gradient_button {
	width: 90%;
    margin-left: 5%;
	border: none;
}
.modal-close {
	position: absolute;
    background-color: rgba(210,210,210,1.00);
    width: 25px;
    height: 25px;
    text-align: center;
    border-radius: 50px;
	box-shadow: 2px 4px 20px 5px rgba(0, 0, 0, 0.05);
    transition: all 300ms linear 0ms;
}
.simple_mistake .modal-close {
    top: -30px;
    right: -30px;
}
.modal-close svg {
	height: 25px;
	color: #FFFFFF;
}
.modal-close:hover{
	/*-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);*/

	background-color: rgba(186,186,186,1.00);
}
#close {
	display: block;
}
/*закрывание обычной ошибки*/
#popup-button:checked ~ #close {
	display: none!important;
}
#popup-button {
	display: none
}

/*Стили для ОБРАТНОЙ СВЯЗИ ***************************************************************************************************************************************************************/

.feedback-text {
	text-align: center;
}
.feedback-form .gradient_button {
	width: 200px;
    border: none;
    margin-left: calc(50% - 100px);
    height: 40px;
}

/*Донат *********************************************************************************************************************************************************/

.donate2 {
	text-align: center;
}

/*Вход и регистрация *************************************************************************************************************************/

#log_in_popup {
	left: 25%;
    width: 50%;
    top: 20%;
    color: #ffff;
}
.visible_login, .visible_create, .visible_forget {
	display: none;
}
.visible_xyi {
	display: -webkit-flex;
    display: flex;
    flex-direction: row;
}
.left_part_popup, .right_part_popup {
	width: 50%;
    padding: 50px;
}
.left_part_popup {
	background-color: #2b9ff7;
	display: -webkit-flex;
    display: flex;
	justify-content: center;
    flex-direction: column;
    color: #f1f2ff;
}
.right_part_popup {
	background-color: #222c3c;
}
.registration_input { /* хак для изменения цвета при автозаполнении полей */
	-webkit-box-shadow: inset 0 0 0 50px #222c3c;
	-webkit-text-fill-color: #787878;
}
.registration_input {
	width: 90%;
    height: 27px;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #787878;
    margin: 5%;
	font-size: .86rem;
}
.registration_input:focus {
	 border-bottom: 1px solid #AAAAAA;
	-webkit-text-fill-color: #ffff;
}
.right_part_popup .gradient_button {
	margin-top: 20px;
    margin-bottom: 20px;
}
.log_popup_h1 {
	font-weight: bold;
    font-size: 1.1rem;
    line-height: 2.4em;
}
.log_popup_small {
	font-size: .8rem;
}
.loginpage, .forgot_password, .registration {
	cursor: pointer;
}
.loginpage:hover, .forgot_password:hover, .registration:hover {
    text-decoration: underline;
}
.close_log_in_popup {
    top: -10px;
    right: -10px;
}

/*Соц сети *********************************************************************************************************************************************************/

.social {
    /*z-index: 99;*/
	position: fixed;
    right: 0;
    top: calc(50vh - 120px);
	width: 220px;
    overflow: hidden;
}
@media (min-width: 799px) {
	.social li {
		position: relative;
		text-align: right;
		text-align: -webkit-right;
		text-align: -moz-right;
	}
	.social li:last-child a {
		border-bottom-left-radius: 5px;
	}
	.social li:first-child a {
		border-top-left-radius: 5px;
	}
	.youtube_social a:hover {
		background: rgb(255, 0, 0);
	}
	.vk_social a:hover {
		background: #5181b8;
	}
	.insta_social a:hover {
		background: #d6249f;
		background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
	}
	.dzen_social a:hover {
		background: #222222;
	}
	.pinterest_social a:hover {
		background: #e60023;
	}
	.social li a {
		background: #070245;
	}
}
.social li a {
	height: 40px;
	line-height: 40px;
    text-align: center;
    display: block;
	width: 40px;
	color: #fcfffb;
}
.social li a svg {
	font-size: 1.2rem;
    width: 40px!important;
}
.social li a span {
	position: absolute;
	transform-origin: 0;
    visibility: hidden;
    opacity: 0;
    border-radius: 2px;
    /*transition: all .5s ease .300ms;*/
	top: 0;
    right: 55px;
    padding: 0 20px;
	background-color: rgba(28,23,105,1.00);
	color: #f1f2ff;
	border-right: 3px solid rgb(160,102,232);
	-webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: 0.34s;
    -moz-transition: 0.34s;
    transition: 0.34s;
	z-index: -1;
}
.social li a span:after {
	content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 10px 10px;
	top: 11px;
    right: -22px;
	border-color: transparent transparent transparent rgb(160,102,232);
}
.social li a:hover span {
	visibility: visible;
    opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	transform: translateX(0);
}
	
.social li a {
    border-left: 1px solid #1d186a;
}
.social li:last-child a {
	border-bottom: 1px solid #1d186a;
}
.social li:first-child a {
	border-top: 1px solid #1d186a;
}

/* Изменить пароль *********************************************************************************************************************************************************/

.change_password {
	display: -webkit-flex;
    display: flex;
	justify-content: center;
    flex-direction: column;
}
.change_password form {
	display: -webkit-flex;
    display: flex;
    flex-direction: column;
}
.change_password form p {
	text-align: center;
}
.change_password .gradient_button {
	width: 90%;
    margin-left: 5%;
    border: none;
    padding: 17px;
    margin-top: 40px;
}

/* sale ********************************************************************/

/* sale ********************************************************************/
.sale-wrapper {
	width: 100%;
}
.sale-wrapper p {
	 display: block;
}
.sale_img {
	height: 300px;
	width: 300px;
	overflow: hidden;
	margin: 20px;
}
.sale_p {
	width: calc(100% - 340px);
}
.sale_top {
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	-webkit-align-items: center;
	align-items: center;
}

/* Оптимизация iframe youtube на странице в видео ********************************************************************/

.youtube {
	width: 100%;
	height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    overflow: hidden;
    transition: all 200ms ease-out;
    cursor: pointer;
	background-size: cover;
}
 
.youtube .play {
    background: url('/img/youtube-play-btn.png') no-repeat;
    background-position: 0 -50px;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    position: absolute;
    height: 50px;
    width: 69px;
    transition: none;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
}
.youtube:hover .play {
    background-position: 0 0;
}
.youtube_wrapper, .youtube_wrapper iframe { /* на странице сасой статьи */
	width: 100%;
	height: 600px;
}

/* iframe instagramm */

.instaframe {
	border:none;
	overflow:hidden;
	width:315px!important;
	height: 407px!important;
	margin: 20px 0;
}

/*404 *********************************************************************************************************************************************************/
.no_page {
	text-align: center;
}
.no_page .gradient_button {
	width: 244px;
    margin-left: calc(50% - 122px);
    height: 40px;
    line-height: 26px;
}

/*Комментарии *********************************************************************************************************************************************************/
.comment_wrapper {
	display: -webkit-flex;
    display: flex;
    flex-flow: row;
	margin: 10px 0;
}
.user_wrapper {
	height: 45px;
    width: 45px;
    border-radius: 33px;
    overflow: hidden;
    box-shadow: 0 1.5px 4px rgba(0,0,0,0.3);
	margin: 0 20px 0 0;
}
.user_wrapper img {
	height: 100%;
}
.comment_text_wrapper {
	width: calc(100% - 66px);
	background-color: #0702444a;
	color: #f1f2ff;
    border-radius: 2px;
    position: relative;
	padding: 10px;
}
.comment_text_wrapper:after {
	top: 13px;
    left: -20px;
    border-color: transparent #0702444a transparent transparent;
	content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 10px 10px;
}
.first_comment_text {
	display: -webkit-flex;
    display: flex;
    justify-content: space-between;
	margin-bottom: 10px;
	font-size: .75rem;
    opacity: .7;
}
.first_comment_text>span {
	max-width: 50%;
	overflow: hidden;
}
.add_comment_form {
	display: -webkit-flex;
    display: flex;
    flex-flow: column;
}
.add_comment_form p, .comment_mistake {
	text-align: center;
}
.add_comment_form .became_visible3 {
	cursor: pointer;
	color: rgba(192,119,234,1.00);
}
.add_comment_form .became_visible3:hover, .first_comment_text a:hover {
	text-decoration: underline;
}
.add_comment_form textarea {
	margin: 0 0 10px 0;
}
#user_name, #user_email {
	margin: 5px calc(50% - 150px);
    width: 300px;
}
.add_comment_form textarea, #user_name, #user_email {
	color: #f1f2ff;
	border-radius: 2px;
    border: 1px solid #C7C7C7;
    padding: 2%;
	background-color: transparent;
}
#add_comment {
	width: 220px;
    margin: 20px calc(50% - 110px);
    border-radius: 50px;
    border: none;
    padding: 2%;
	background-color: #070245;
	color: #fcfffb;
}
#add_comment:hover {
    box-shadow: 5px 4px 12px 1px rgba(0,0,0,0.24);
}
.comment_mistake {
	color: #d35c50;
}
.post_comment_mistake {
	color: #d35c50;
	font-size: .75rem;
	margin-top: 10px;
}

/* ответы на комментарии */

.actions {
	display: -webkit-inline-flex;
    display: inline-flex;
    justify-content: flex-end;
    width: 100%;
	font-size: .75rem;
}
.actions div {
	color: #f1f2ff;
    margin: 0 5px;
    cursor: pointer;
}
.actions div:hover {
	text-decoration: underline;
}
.reply_to_comment {
	width: 220px;
    margin: 20px calc(50% - 110px);
    border-radius: 50px;
    border: none;
    padding: 2%;
    background-color: #070245;
    color: #fcfffb;
}
.grade1 {
	margin-left: 66px;
}
@media (max-width: 590px) {
	.grade1 {
		flex-flow: row;
	}
	.grade1 .user_wrapper {
		display: none;
	}
	.grade1 .comment_text_wrapper:after {
		display: none;
	}
}
@media (max-width: 490px) {
	#user_name, #user_email {
		width: 100%;
		margin: 5px 0;
	}
}

/* Мои комментарии ************************************************************************************************/

.all_my_comments_wrapper {
	background-color: rgba(28,23,105,1.00);
    box-shadow: 6px 6px 11px 0px rgba(0, 0, 0, 0.05);
	border-radius: 2px;
	padding: 10px;
	width: 100%;
	color: #f1f2ff;
	position: relative;
}
.all_my_comments_wrapper .first_comment_text span:first-child {
	color: rgba(182,45,205,1.00); font-weight: bold;;
    font-size: .95rem;
}

/* Main country info */

.about_country {
	-webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	display: -webkit-flex;
	display: flex;
    line-height: 60px;
	color: #f1f2ff;
}
.vertical_blocks_about_country {
	flex-basis: 50%;
}
.about_country > div:nth-child(1) > div:nth-child(odd), .about_country > div:nth-child(2) > div:nth-child(even) {
	background: rgba(28,23,105,1.00);
}
.vertical_blocks_about_country > div {
	display: -webkit-flex;
    display: flex;
    justify-content: center;
}
.vertical_blocks_about_country > div span:nth-child(2), .gorisontal_blocks_about_country span:nth-child(1) {
	font-weight: bold;
	margin-right: 5px;
}
.vertical_blocks_about_country > div svg, .gorisontal_blocks_about_country > svg {
	font-size: 1.5rem;
    color: #48be7d;
    margin: 0 15px 0 0;
    height: 60px;
}
.vertical_blocks_about_country div span {
	white-space: nowrap;
}
.gorisontal_blocks_about_country {
	flex-basis: 100%;
    justify-content: center;
    background: #816be8bf;
    color: white;
    min-height: 50px;
    line-height: 2;
    padding: 11px;
    text-align: center;
}
.what_is_it {
	background-color: #f92323;
    color: white;
    height: 25px;
    width: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 30px;
    margin: 12px 12px 12px 20px;
	cursor: pointer;
	position: relative;
}
.what_is_it:after {
	content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 5px 5px;
    top: 8px;
    right: 24px;
    border-color: transparent #f92323 transparent transparent;
}
.what_is_it div {
	position: absolute;
    transform-origin: 0;
    visibility: hidden;
    opacity: 0;
    border-radius: 2px;
    /* transition: all .5s ease .300ms; */
    top: 0;
    right: 55px;
    padding: 0 20px;
    background-color: rgba(255,255,255,1.00);
    color: #4B4B4B;
    border-right: 3px solid #666fe8;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: 0.34s;
    -moz-transition: 0.34s;
    transition: 0.34s;
}
.what_is_it:hover div {
	visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
}
@media (max-width: 1000px) {
	.about_country {display: block;}
}

/* MAP//страны  ****************************************************************************************************************/

.top_map {
	/*min-height: 200px;*/
	background-color: rgba(28,23,105,1.00);
	position: relative;
	width: calc(100% - 50px);
    margin-left: 50px;
}
.false_topper {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	background-image: -moz-linear-gradient( 0deg, #a668cb 0%, #333399 100%);
    		background-image: -webkit-linear-gradient( 0deg, #a668cb 0%, #333399 100%);
    		background-image: -ms-linear-gradient( 0deg, #a668cb 0%, #333399 100%);;
}
.top_map nav {
	padding: 50px 0 50px 0;
	max-width: 830px;
    margin-left: calc(50% - 415px);
}
.country_ul {
	-webkit-column-width: 190px;
    column-width: 190px;
    -webkit-column-gap: 4%;
    column-gap: 4%;
	text-align: center;
    list-style-type: none;
}
.country_ul li, .country_ul div {
	line-height: 2.5;
}
.country_ul li {
	color: #f1f2ff;
}
.country_ul li:hover {
	color: #f1f2ff;
}
.country_ul div {
	color: #070245;
    font-weight: bold;
}
@media (max-width: 831px) {
	.top_map nav {
		margin-left: 0;
	}
}
.link_button {
	padding-top: 20px;
}
.link_button div {
	width: 240px;
    margin: 0 calc(50% - 120px);
    text-align: center;
	color: rgb(160,102,232);
	border: 1px solid rgb(160,102,232);
	line-height: 30px;
    border-radius: 3px;
	font-weight: bold;
    text-transform: uppercase;
    background-color: transparent;
}
.link_button div:hover {
	background-color: rgb(160,102,232);
	color: white;
}

@media (max-width: 800px) {
.link_button {
    padding-top: 76px;
}
}

/*Навигация по странам *********************************************************************************************************************************************************/
.main_country_name {
	text-align: center;
	color: #fcfffb;	line-height: 45px;
    font-size: 1.3rem;
	font-weight: bold;
}
.see_map_button {
	position: absolute;
    margin: 0;
    padding: 0;
    right: -2px;
    top: -2px;
    height: 49px;
    width: 49px;
    font-size: 1.6rem;
    border-radius: 2px;
	animation: radial-pulse 1.5s infinite;
}
@keyframes radial-pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.5);
  }
 
  100% {
    box-shadow: 0 0 0 5px rgba(0, 0, 0, 0);
  }
}
.see_map_button:hover{
	animation-play-state:paused;
	-webkit-animation-play-state:paused;
}
.see_map_button svg {
	height: 49px;
}
.gradient_button.see_map_button span::before {
	border-radius: 2px;
}
.change_country_wrapper {
	position: absolute;
    right: 0;
    top: 0;
	z-index: 1;
}
.hidden_change_country {
	transform-origin: 0;
    visibility: hidden;
    opacity: 0;
	-webkit-transform: translateX(30%);
    -moz-transform: translateX(30%);
    transform: translateX(30%);
    -webkit-transition: 0.34s;
    -moz-transition: 0.34s;
    transition: 0.34s;
	right: 55px;
	position: absolute;
	z-index: 0;
    background-color: #070245;
    color: #ffffff;
    padding: 9px 20px;
    top: 4px;
    width: 200px;
    border-radius: 2px;
    text-align: center;
}
.hidden_change_country:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 10px 10px;
    top: 10px;
    right: -17px;
    border-color: transparent transparent transparent #070245;
}
@media (min-width: 799px) {
	.change_country_wrapper:hover .hidden_change_country {
		visibility: visible;
		opacity: 1;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		transform: translateX(0);
	}
}

/*регистрация через соц сети*/

.social_login_wrapper {
	display: -webkit-flex;
	display: flex;
    justify-content: center;
    margin-bottom: 20px;
}
.social_login {
	height: 40px;
    width: 40px;
    border-radius: 50%;
	line-height: 40px;
	margin: 0 10px;
}
.social_login.vk {
	background: #5181b8;
	color: white;
}
.social_login.yandex {
	background: #fff;
	color: rgb(255, 0, 0);
}
.social_login.google_auth {
    background-color: #dd4b39;
	color: white;
}
.auth_argeements {
    font-size: .8rem;
    margin: 12px 0;
}
.auth_argeements a {text-decoration: underline;}
    input[name="auth_agree"] {
    vertical-align: middle;
    margin-right: 3px;
}

/* Подписка блок большой */

#subscribe_name {
	display: none;
}
.subscribe_wrapper {
	margin-top: 45px;
	margin-bottom: -45px;
	width: 100%;
}
.subscribe_inner_block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
	color: #fcfffb;
	padding: 60px 10px 75px;
}
.subscribe_h1 {
	font-size: 3rem;
    font-weight: bold;
    line-height: 1.7;
}
.subscribe_p {
	line-height: 1.5;
}
.alert_subscribe {
	font-size: .75rem;
	margin-top: 10px;
	line-height: 1.2;
	max-width: 480px;
}
.subscribe_inner_block .form {
	margin-top: 20px;
	position: relative;
}
#subscribe_from, #signup-email {
	height: 50px;
	width: 250px;
	padding: 0 15px;
	border: none;
    border-radius: 2px;
    box-shadow: 2px 4px 20px 5px rgba(0, 0, 0, 0.05);
}
.big_button_subscribe, #signup-button {
	height: 50px;
	padding: 0 20px;
	border: none;
    border-radius: 2px;
    color: white;
    text-transform: uppercase;
    box-shadow: 2px 4px 20px 5px rgba(0, 0, 0, 0.05);
	background-image: -moz-linear-gradient( 0deg, #FF0000 0%, #ef5757 100%);
    background-image: -webkit-linear-gradient( 0deg, #FF0000 0%, #ef5757 100%);
    background-image: -ms-linear-gradient( 0deg, #FF0000 0%, #ef5757 100%);
	cursor: pointer;
}
.big_button_subscribe svg {
	margin-right: 7px;
	transition: all 1000ms linear 0ms;
}
.big_button_subscribe:hover svg {
    transform: scale(1.3);
}
.alert_yousub {
	position: absolute;
    top: 0;
    width: 100%;
    left: 0;
	background-image: -moz-linear-gradient( 0deg, #FF0000 0%, #ef5757 100%);
    background-image: -webkit-linear-gradient( 0deg, #FF0000 0%, #ef5757 100%);
    background-image: -ms-linear-gradient( 0deg, #FF0000 0%, #ef5757 100%);
    color: white;
    text-transform: uppercase;
	height: 50px;
	line-height: 50px;
	padding: 0 20px;
	border: none;
    border-radius: 2px;
	text-align: center;
}
.close_alert_yousub {
	position: absolute;
    top: 0px;
    right: 10px;
    font-size: 1.5rem;
	transition: all 1000ms linear 0ms;
}
.close_alert_yousub:hover {
	transform: rotate(360deg);
}
.invisiblesub {visibility: hidden;}
.visiblesub {visibility: visible;}
@media (max-width: 680px){
	.subscribe_inner_block {
		align-items: center;
	}
	.subscribe_inner_block .form {
		text-align: center;
	}
}
@media (max-width: 460px) {
	.big_button_subscribe > span {
		display: none;
	}
	.big_button_subscribe svg {
		margin-right: 0;
	}
	.subscribe_p {
		text-align: center;
	}
	.subscribe_h1 {
		font-size: 2.5rem;
	}
}
@media (max-width: 340px) {
	#subscribe_from {
		width: auto;
	}
}

/* фон для аватарки */

.popup_wrap_fon {
	width: calc(100% + 16px);
    top: 52px;
    right: -8px;
}
.all_personal_info_wrapper {
	width: calc(100% - 40px);
	margin: 40px 20px;
	background-color: rgba(28,23,105,1.00);
	box-shadow: 2px 2px 20px 0px rgba(0,0,0,0.24);
	border-radius: 3px;
}
.ava_and_fon_wrapper {
	position: relative;
    height: 234px;
}
.login_and_other_info {
	text-align: center;
    padding: 12px 0;
    line-height: 1.5;
}
.login_and_other_info p {
	color: #f1f2ff;
}
.big_ava, .fon_wrapper {
    position: absolute;
    top: 0;
    left: 0;
}
.big_ava {
	box-shadow: 0 1.5px 4px rgba(0,0,0,0.3);
}
.change_private_fon_button  {
	position: absolute;
    top: -8px;
    right: -8px;
}
.fon_wrapper {
	height: 234px;
	background: repeating-radial-gradient(closest-side at 25px 35px, #070245 15%, rgba(28,23,105,1.00) 40%);
    background-size: 60px 60px;
    background-position: center;
	width: 100%;
}
.change_private_fon_button {
	padding: 0;
    margin: 0;
    border-radius: 50%;
	height: 50px;
	width: 50px;
	text-align: center;
	box-shadow: 0 1.5px 4px rgba(0,0,0,0.3);
}
.change_private_fon_button svg {
    color: white;
    height: 50px;
    font-size: 2rem;
}
.popup_arrow_fon {
	right: 13px;
}
.file_inside_fon .inputfile_wrapper {
    margin: 27px 0;
    border-radius: 3px;
    width: 100%;
    height: 234px;
    overflow: hidden;
}
.login_and_other_info .gradient_button {
	width: 230px;
	margin: 17px calc(50% - 115px) 10px;
    padding: 4px;
    text-transform: inherit;
}
.login_and_other_info a:hover {
	text-decoration: underline;
}
@media (max-width: 800px) {
	.big_ava {
		width: 150px;
		height: 150px;
		margin: 17px 0 2% calc(50% - 75px);
	}
	.photo {
		top: 197px;
		left: calc(50% - 75px);
		width: 150px;
		height: 150px;
	}
	.ava_and_fon_wrapper, .fon_wrapper, .file_inside_fon .inputfile_wrapper {
		height: 184px;
	}
}

/* Валюты */
.valute {
    display: flex;
	justify-content: center;
	color: #f1f2ff;
	height: 50px;
	text-align: center;
	line-height: 50px;
	overflow-x: auto;
}
.val_nominal {
	background: #333399;
	min-width: 50px;
    font-size: 1rem;
	border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
	padding: 0 10px;
}
.val_name {
	background: rgba(28,23,105,1.00);
	min-width: 100px;
	padding: 0 10px;
}
.val_value {
	background: #070245;
	min-width: 100px;
	border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
	color: white;
	padding: 0 10px;
}

/* Карты стран */

#ya_map {
    margin-top: 35px;
    /*margin-bottom: 50px;*/
    height:500px;
}
@media (max-width: 800px) {
    #ya_map {
        height:300px;
    }
}


#konsulskie_uchrejdeniya_rf h3:not(:first-child) {
	margin-top: 20px;
}

/* Holidays table */

.holidays_table {
	width: calc(100% - 40px);
    margin-left: 20px;
	border-spacing: 0 10px;
}
.holidays_table caption {
	display: none;
}
.holidays_table th {
	background: #816be8bf;
	color: white;
	text-align: center;
	border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.holidays_table td {
	border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.holidays_table tr {
	background: rgba(28,23,105,1.00);
	text-align: center;
	padding: 0 10px;
    box-shadow: 0px 50px 60px 0px rgb(0 0 0 / 5%);
}
@media (max-width: 520px) {
	.holidays_table {
		width: calc(100% - 20px);
    	margin-left: 10px;
	}
}


/* Адаптация *********************************************************************************************************************************************************/

@media (max-width: 1800px) {

	/* статьи */
	.smaller_single_wrapper {
		width: 80%;
		margin-left: 10%;
	}
/* Рекомендуем почитать */
}
@media (max-width: 1650px) {

	/* попап входа и регистрации */
	.log_popup_h1 {
		line-height: 1.4em;
	}

	.youtube_wrapper, .youtube_wrapper iframe {
		height: 560px;
	}
}
@media (max-width: 1300px) {

	.youtube_wrapper, .youtube_wrapper iframe {
		height: 430px;
	}
}
@media (max-width: 1200px) {

	/* основная часть */
	article {
		width: calc((100% / 2) - 40px);
	}

	/* попап входа и регистрации */
	#log_in_popup {
	left: 15%;
	width: 70%;
	}

	/* статьи */
	.smaller_single_wrapper {
		margin-left: 20px;
    	width: calc(100% - 40px);
	}
	.single_big_wrapper h1 {
		padding: 15px;
	}

	.youtube_wrapper, .youtube_wrapper iframe {
		height: 408px;
	}
}
@media (max-width: 1100px) {

	/* статьи */
	.push-top {
		float: none;
	}
	.single_article_top_info {
		display: -webkit-flex;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.youtube_wrapper, .youtube_wrapper iframe {
		height: 360px;
	}
}
@media (max-width: 920px) {

	/* попап входа и регистрации */
	#log_in_popup {
		left: 5%;
		width: 90%;
	}

	/* поделиться статьей в конце */
	.facebook:after, .twitter:after, .vkontakte:after, .google:after, .ok:after {
		content: "";
	}

	/* ютюбчик жи */
	.youtube_wrapper, .youtube_wrapper iframe {
		height: 300px;
	}

	/* сообщение об ошибке */
	.mistake_popup {
		left: 28%;
		width: 44%;
	}

}

@media (max-width: 860px) {
/*.recomendation_container {
margin: 10px;
width: 150px;
}*/
	.recomendation_container {
		margin: 1%;
		width: 31.3%;
	}
	.recomendation_container .img_wrapper {
		height: 160px;
	}
	.recomendation_container .article_box_title {
		font-size: 1rem;
		margin: 10px;
		max-height: none;
	}
	.last {
		min-height: 224.797px;
	}
	.recomendation_container .bottom_info_wrapper, .recomendation_container .top_info_wrapper {
		display: none;
	}
}

/* Мобильная версия *********************************************************************************************************************************************************/
.hidden_name, .social_main_menu {
	display: none;
}
/*.hidden_logout .gradient_button {
	width: 50%;
    margin-left: 25%;
}*/
@media (max-width: 800px) {
    .change_private_fon_button svg {
        height: 30px;
    }
	.top_map {
		width: 100%;
		margin-left: 0;
	}
	.top_map nav {
		padding: 60px 0 40px 0;
	}
	/*.see_map_button {
		height: 54px;
		width: 54px;
	}*/
	.see_map_button svg {
		height: 26px;
	}


    /*Sale*/
	.sale_top {
		flex-direction: column;
	}
	.sale_img {
		height: 100%;
		width: 100%;
		margin: 0;
	}
	.sale_p {
		width: 100%;
	}

    .active_menu .search_container:focus-within {
		position: absolute;
		bottom: 63px;
		width: calc(100% - 10px);
		margin-left: 5px;
	}
	.main_menu {
    	border: 1px solid #1d186a;    }
	/* сообщение об ошибке */
	.mistake_popup {
		left: 20%;
		width: 60%;
	}

	.gradient_button {
		padding: 10px;
	}

	/* главное меню */
	.main_menu {
		width: calc(100% - 10px);
    	height: 50px;
    	border-radius: 25px;
    	top: 5px;
    	left: 5px;
		box-shadow: 0px 6px 20px 3px rgba(0, 0, 0, 0.05);
		-webkit-transition: all .5s cubic-bezier(.08,.81,.87,.71);
		-moz-transition: all .5s cubic-bezier(.08,.81,.87,.71);
		-ms-transition: all .5s cubic-bezier(.08,.81,.87,.71);
		-o-transition: all .5s cubic-bezier(.08,.81,.87,.71);
		transition: all .5s cubic-bezier(.08,.81,.87,.71);
	}
	.main_menu ul {
		flex-direction: row;
	}
	.main_menu ul li a svg, .main_menu ul > div > svg, .template svg, .log_out_in svg {
		font-size: 1.4rem;
	}
	.template, .main_menu_upper_button svg, .search_container {
		display: none;
	}
	.private_box {
		height: 50px;
	}
	.small_ava {
		margin: 7.5px;
	}
	.main_menu .active, .main_menu li:hover, .main_menu:not(.active_menu) .private_box:hover {
		border-left: none;
	}
	.main_menu ul li, .main_menu_upper_button, .template, .private_box .hidden_menu {
		line-height: 54px;
	}

	/* бургер */
	.main_menu_upper_button {
		display: -webkit-flex;
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 80px;
		margin: -2.5px 13px 0 0;
    	width: 55px;
    	height: 55px;
    	border-radius: 50px;
    	padding-top: 3px;
		opacity: 1;
		background-color: rgba(28,23,105,1.00);
		box-shadow: 5px 4px 11px 6px rgba(0, 0, 0, 0.05);
	}
	.main_menu_upper_button span{
		background: rgb(160,102,232);
    	width: 25px;
    	height: 3px;
    	margin-bottom: 6px;
    	margin-left: 15px;
    	border-radius: 10px;
		-webkit-transition: all .5s cubic-bezier(.08,.81,.87,.71);
		-moz-transition: all .5s cubic-bezier(.08,.81,.87,.71);
		-ms-transition: all .5s cubic-bezier(.08,.81,.87,.71);
		-o-transition: all .5s cubic-bezier(.08,.81,.87,.71);
		transition: all .5s cubic-bezier(.08,.81,.87,.71);
	}
	#span1 {
		transform-origin: 4px 0px;
	}
	#span3 {
		transform-origin: bottom right;
	}
	.active_menu .main_menu_upper_button #span1 {
		transform: rotate(45deg) translate(5px);
	}
	.active_menu .main_menu_upper_button #span2 {
		transform: rotate(495deg) translate(.5px);   
	}
	.active_menu .main_menu_upper_button #span3 {
		transform: rotate(45deg);
		opacity: 0;
	}

	/* меню после нажатия на бургер */
	.main_menu.active_menu {
		/*max-height: calc(100vh - 10px);
		height: auto;*/
		height: calc(100vh - 10px);
		position: fixed;
		padding-bottom: 40px;
	}
	.main_menu.active_menu ul {
		flex-direction: column;
	}
	.main_menu.active_menu ul li, .template {
		width: 80%;
		margin-left: 10%;
	}
	.active_menu_center {
		width: 100%;
		margin-left: 0;
	}
	.active_menu .hidden_name {
		display: -webkit-flex;
		display: flex;
		color: #fcfffb;
		line-height: 55px;
		margin-left: 18px;
		font-size: 1rem;
		max-width: calc(100% - 120px);
		overflow: hidden;
	}
	.active_menu .private_box {
		height: auto;
		width: 80%;
		margin-left: 10%;
		border-radius: 25px;
		padding: 20px 0;
		margin-bottom: 20px;
		box-shadow: 5px 4px 20px 6px rgba(0, 0, 0, 0.05);
	}
	.active_menu .private_box a {
		display: -webkit-flex;
		display: flex;
		justify-content: center;
	}
	.active_menu .small_ava {
		margin: 0;
		width: 55px;
		height: 55px;
	}
	.active_menu .template {
		display: block;
	}
	.active_menu .search_container {
		display: block;
		width: 80%;
		margin: 30px 10% 0 10%;
		background-color: rgba(28,23,105,1.00);
		border-radius: 50px;
		box-shadow: 5px 4px 20px 6px rgba(0, 0, 0, 0.05);
	}
	.hidden_menu_search input[type="text"] {
		border-bottom: 1px solid rgb(160,102,232);
		color: rgb(160,102,232);
		margin: 15px 50px 15px 10px;
		font-size: .9rem;
		width: calc(100% - 100px);
	}
	button[name="search"] {
		color: rgb(160,102,232);
		opacity: 1;
		right: 20px;
		left: auto;
		position: absolute;
		font-size: 1.4rem;
	}
	.search_container input[type="text"]::-webkit-input-placeholder {color: rgb(160,102,232);}
	.search_container input[type="text"]::-moz-placeholder          {color: rgb(160,102,232);}
	.search_container input[type="text"]:-moz-placeholder           {color: rgb(160,102,232);}
	.search_container input[type="text"]:-ms-input-placeholder      {color: rgb(160,102,232);}
	.active_menu .social_main_menu {
		display: -webkit-flex;
		display: flex;
		justify-content: space-around;
		width: 70%;
		margin: 30px 15% 0 15%;
		color: #fcfffb;
		font-size: 1.1rem;
		line-height: 60px;
	}
	.popup_wrap {
		width: 330px;
		left: calc(50% - 165px);
		top: 423px;
		border-left: none;
		border-top: 3px solid #666fe8;
	}
	.popup_arrow {
		top: -21px;
		border-color: transparent transparent rgb(160,102,232) transparent;
		left: 150px;
	}

	/* попап входа и регистрации */
	.log_popup_h1, #log_in_popup p {
		line-height: 2em;
	}
	.modal-close {
		width: 40px;
		height: 40px;
	}
	.close_log_in_popup {
		top: -20px;
		right: -20px;
	}
	.modal-close svg {
		height: 40px;
		font-size: 1.3rem;
	}
	.left_part_popup, .right_part_popup {
		width: 50%;
		padding: 40px 20px;
	}
	.loginpage, .forgot_password, .registration {
		cursor: pointer;
		line-height: 1.5rem;
	}

	/* основная часть */
	#articles {
		margin: 50px 10% 0;
	}
	article {
		width: calc(100% - 40px);
	}
	/*.single_big_wrapper {
		padding: 50px 5%;
	}*/
	.single_article_top_info .itm1 {
		margin-bottom: 30px;
	}


	/* динамическое меню */
	.changing_menu ul li a, .changing_menu_arrow {
		font-size: 1rem;
		line-height: 30px;
	}
	/*.changing_menu {
		height: 50px;
	}*/

	/* social */
	.social {
		position: inherit;
		width: 80%;
		margin-left: 10%;
		display: -webkit-flex;
		display: flex;
		justify-content: space-evenly;
		margin-top: 95px;
        margin-bottom: 0;
	}
	.social li {
		list-style-type: none;
	}
	.social li a {
		border-radius: 25px;
		height: 50px;
		line-height: 50px;
		width: 50px;
	}
	.youtube_social a {
		background: rgb(255, 0, 0);
	}
	.vk_social a {
		background: #5181b8;
	}
	.insta_social a {
		background: #d6249f;
		background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
	}
	.dzen_social a {
		background: #222222;
	}
	.pinterest_social a {
		background: #e60023;
	}

	/* 404 */
	.no_page .gradient_button {
		line-height: 20px;
	}

	.big_form button[type="submit"], button[name="add_article"] {
		width: 50%;
		margin: 20px 25% 0;
	}

	.photo {
		top: 194px;
	}
	.popup_wrap1 {
		top: 330px;
	}
}
@media (max-width: 680px) {

	/* основная часть */
	#articles, .adv, .yandex-adaptive {
		width: 95%;
		margin: 50px 2.5% 0;
	}
	.single_big_wrapper {
		padding: 25px 5%;
	}

	/* попап регистрация и авторизация */
	.left_part_popup {
		display: none;
	}
	.left_part_popup, .right_part_popup {
		width: 100%;
	}
	.loginpage, .forgot_password, .registration {
		line-height: 2rem;
	}

	/* рекомендации */
	.recomendation_container {
		width: 48%;
	}
}
@media (max-width: 590px) {

	/* social */
	.social li a {
		height: 45px;
		line-height: 45px;
		width: 45px;
	}

	/* попап регистрация и авторизация */
	#log_in_popup {
		left: 0;
        top: 0;
        width: 100%;
        height: 100%;
	}
	.close_log_in_popup {
    top: 5px;
    right: 5px;
}

	/* футер */
	.footer_top {
		flex-direction: column-reverse;
	}
	.footer_top a:not(.LogoFooter), .footer_bottom div {
		text-align: center;
	}

	.youtube_wrapper, .youtube_wrapper iframe {
		height: 260px;
	}

	#choose_country select {
		width: 100%;
	}
	
	/* Комментарии */
	
	.comment_wrapper {
		flex-flow: column;
	}
	.user_wrapper {
		height: 50px;
		width: 50px;
		margin: 20px calc(50% - 25px);
	}
	.comment_text_wrapper {
		width: 100%;
	}
	.comment_text_wrapper:after {
		top: -20px;
		left: calc(50% - 10px);
		border-color: transparent transparent #0702444a transparent;
	}

}
@media (max-width: 520px) {
    .all_personal_info_wrapper {
        width: calc(100% - 20px);
        margin: 40px 10px;
    }
	.single_big_wrapper {
		margin: 20px 10px;
	}
.see_map_button {
    height: 50px;
    width: 50px;
}
#to_map.gradient_button {
    padding: 7px;
}
.see_map_button svg {
    height: 33px;
}
	/* динамическое меню */
	.changing_menu {
		background-color: rgba(28,23,105,1.00);
		/*height: 45px;*/
		width: calc(100% - 20px);
		margin: 30px 10px 20px 10px;
	}

	/* основная часть */
	#articles, .adv, .yandex-adaptive {
		width: 100%;
		margin: 50px 0 0;
	}
	article {
		width: calc(100% - 20px);
		margin: 4px;
	}
	.smaller_single_wrapper {
		width: calc(100% - 20px);
		margin-left: 10px;
	}
	.single_big_wrapper h1, .h2 {
		font-size: 1.2rem;
	}
	.single_article_top_info {
		font-size: .8rem;
	}
	.single_article_top_info {
		margin: 0;
	}
	.single_article_top_info .itm1 {
		margin-bottom: 5px;
	}
	p.login {
		width: 95%;
		margin: 0 2.5%;
		overflow: hidden;
	}

	.youtube_wrapper, .youtube_wrapper iframe {
		height: 235px;
	}

	/* сообщение об ошибке */
	.mistake_popup {
		left: 10%;
		width: 80%;
	}

	.photo {
		top: 179px;
	}
	.popup_wrap1 {
		top: 314px;
	}
	.top_info_wrapper {
		top: 0;
		left: 0;
		border-radius: 0;
	}
	/*.user_content {
		right: 0;
		top: 0;
		border-radius: 0;
	}*/

}

@media (max-width: 500px) {
	#signup-email, #signup-button {
    	width: calc(100% - 40px);
    	margin-left: 20px;
    	display: block;
	}
	#signup-button {
		margin-top: 10px;
	}
}

@media (max-width: 420px) {
	.social {
		width: 98%;
		margin-left: 1%;
	}
	.social li {
		margin: 0;
	}
	.social li a {
		height: 35px;
		line-height: 35px;
		width: 35px;
	}
	.social li a svg {
		font-size: 1rem;
		width: 35px!important;
	}
	.instaframe {
		margin: 20px -10%;
	}
	.itm1 a, .itm1 span {
		padding: 5px;
	}

	.youtube_wrapper, .youtube_wrapper iframe {
		height: 188px;
	}

	.big_form button[type="submit"], button[name="add_article"] {
		width: 62%;
		margin: 20px 19% 0;
	}

	.recomendation_container .img_wrapper {
		height: 135px;
	}
	.recomendation_container .article_box_title {
		font-size: .9rem;
		margin: 9px;
	}
	.last {
		min-height: 193.313px;
	}


}
@media (max-width: 380px) {
	.single_big_wrapper {
		margin: 20px 0;
	}
	.smaller_single_wrapper {
		margin-left: 10px;
	}
}
@media (max-width: 360px) {
	.youtube_wrapper, .youtube_wrapper iframe {
		height: 179px;
	}

	/* сообщение об ошибке */
	.mistake_popup {
		left: 5%;
		width: 90%;
	}


}

/* мобильная версия МЕНЮ по высоте (в кавычках так, как станет после раскомментирования карт и форума) */
@media (max-height: /*1065px*/ 960px) and (max-width: 800px) {
	.active_menu .hidden_menu_private {
		display: none;
	}
	.active_menu .private_box {
		border-radius: 65px;
	}

	/* Кнопка выхода из аккаунта для маленькой мобильной версии */

	.active_menu .private_box {
		position: relative;
	}
	.active_menu .mobile_logout_button_s {
		position: absolute;
		display: block;
		color: rgb(160,102,232);
		box-shadow: 5px 4px 20px 6px rgba(0, 0, 0, 0.05);
		right: -5px;
		bottom: -5px;
		line-height: 45px;
		width: 45px;
		border-radius: 25px;
		background-color: rgba(28,23,105,1.00);
		font-size: 1rem;
	}
	.popup_wrap {
		top: 137px;
	}


}
@media (max-height: 725px) and (max-width: 800px) {
	.active_menu .social_main_menu {
		display: none;
	}
}
@media (max-height: 630px) and (max-width: 800px) {
	.main_menu.active_menu ul li, .active_menu .template, .active_menu .private_box .hidden_menu {
		line-height: 50px;
	}
	.active_menu .private_box {
		padding: 15px 0;
	}
	.active_menu .small_ava {
		width: 50px;
		height: 50px;
	}
	.active_menu .search_container {
		margin: 10px 10% 0 10%;
		height: 50px;
	}
	.active_menu .hidden_menu_search input[type="text"] {
		line-height: 19px;
	}
	.active_menu button[name="search"] {
		line-height: 51px;
	}
}
@media (max-height: 570px) and (max-width: 800px) {
	.active_menu .private_box {
		padding: 10px 0;
	}
	.active_menu .small_ava {
		width: 45px;
		height: 45px;
	}
	.active_menu .hidden_name, .main_menu.active_menu ul li,  .active_menu .template {
		line-height: 45px;
	}
}
@media (max-height: /*520px*/ 430px) and (max-width: 800px) {
	.active_menu .search_container:not(::focus) {
		display: none;
	}
}

/* мобильная версия по высоте */
@media (max-height: 840px) and (max-width: 800px) {
	/* попап регистрация и авторизация */
	#log_in_popup {
		top: 10%;
	}
}
@media (max-height: 725px) and (max-width: 800px) {
	/* попап регистрация и авторизация */
	#log_in_popup {
		top: 5%;
	}
}
@media (max-height: 650px) and (max-width: 800px) {
	/* попап регистрация и авторизация */
	#log_in_popup {
		top: 15px;
	}
	.right_part_popup {
        padding: 20px;
    }
}
@media (max-height: 570px) and (max-width: 800px) {
	/* попап регистрация и авторизация */
.right_part_popup {
    padding: 10px;
}
.registration_input {
    margin: 6px;
    }
}
@media (max-height: 460px) and (max-width: 800px) {
	/* попап регистрация и авторизация */
	#log_in_popup {
		top: 8%;
	}
}
@media (max-height: 330px) and (max-width: 800px) {
	.template {
    	display: none;
    }
    .main_menu.active_menu {
        padding-bottom: 0;
    }
}
@media (max-height: 840px) and (max-width: 590px) {
	/* попап регистрация и авторизация */
	#log_in_popup {
		top: 0;
	}
}


/* Блок с прокуртками по бокам */
.block_wrapper {
	width: calc(100% - 40px);
	margin-left: 20px;
    border-radius: 3px;
    position: relative;
}
.block_for_jq {
    margin-left: 30px;
    overflow: hidden;
    position: relative;
    width: calc(100% - 60px);
    height: 195px;
}
.block_inner_wrapper {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
}
.block_part {
	border-radius: 3px;
	box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
	transition: all 300ms linear 0ms;
}
.block_part:hover {
	transform: scale(1.03);
	box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.24);
}
.next_block, .prev_block {
    cursor: pointer;
	text-align: center;
    border-radius: 50px;
    height: 40px;
    width: 40px;
    line-height: 47px;
    background-color: rgba(28,23,105,1.00);
    box-shadow: 2px 4px 20px 5px rgba(0, 0, 0, 0.05);
    transition: all 300ms linear 0ms;
	position: absolute;
    top: calc(50% - 35px);
}
.next_block:hover, .prev_block:hover {
	box-shadow: 2px 4px 20px 5px rgba(0,0,0,0.14);
}
.next_block svg, .prev_block svg {
	height: 16px;
	fill: #f1f2ff;
}
.next_block {
	right: -20px;
}
.prev_block {
	left: -20px;
}
@media (max-width: 520px) {
	.block_wrapper {
		width: calc(100% - 20px);
		margin-left: 10px;
	}
}

/* Блок путеводителей */
.spin_countries_wrapper .block_part {
	min-width: 180px;
    margin: 15px;
    width: 180px;
    padding: 20px;
    /* height: 180px; */
    display: flex;
    justify-content: center;
    align-items: center;
	background-color: #070245;
}
.spin_countries_wrapper .block_part svg {
	height: 100px;
}
.spin_countries_title {
    font-weight: bold;
    color: white;
    text-align: center;
}
.block_title {
    font-weight: normal;
}
.block_title, .bold_block_title {
	text-align: center;
    color: #fcfffb;;
    line-height: 2;
    padding: 6px;
	font-size: 1rem;
}
.bold_block_title {
	font-weight: bold;
}


/* Погода */
input[name="weather"], .dw {
	display: none;
}
.weather_wrapper {
	font-size: 0;
	margin-bottom: 50px;
}
.weather_wrapper label {
	display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: bottom;
    height: 35px;
    margin: 0 10px;
    cursor: pointer;
	background-image: -moz-linear-gradient( 0deg, #a668cb 0%, #333399 100%);
    		background-image: -webkit-linear-gradient( 0deg, #a668cb 0%, #333399 100%);
    		background-image: -ms-linear-gradient( 0deg, #a668cb 0%, #333399 100%);;
    color: white;
	font-size: 14px;
}
label[for="tab"] {
    margin-left: 0;
}
input[name="weather"]:checked + label {
	transform: scale(1.03);
	box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.24);
}
#tab:checked ~ #date_wrap,
#tab_1:checked ~ #date1_wrap,
#tab_2:checked ~ #date2_wrap,
#tab_3:checked ~ #date3_wrap,
#tab_4:checked ~ #date4_wrap,
#tab_5:checked ~ #date5_wrap{
	display: flex;
	padding-bottom: 30px;
	overflow-x: auto;
}
#date_wrap, #date1_wrap, #date2_wrap, #date3_wrap, #date4_wrap, #date5_wrap {
	margin: 20px 0 0;
}
.date, .date1, .date2, .date3, .date4, .date5 {
	text-align: center;
	color: #f1f2ff;
	background: rgba(28,23,105,1.00);
	position: relative;
	padding: 0 10px 30px 10px;
	line-height: 24px;
	min-width: 130px;
	font-size: 14px;
}
.date:nth-child(odd), .date1:nth-child(odd), .date2:nth-child(odd), .date3:nth-child(odd), .date4:nth-child(odd), .date5:nth-child(odd) {
	background: #333399;
}
.date img, .date1 img, .date2 img, .date3 img, .date4 img, .date5 img {
	width: 100px;
    height: 100px;
}
.temp_icon_wrapper {
	padding-bottom: 15px;
    margin-bottom: 12px;
    height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.temp_icon > div {
	font-size: 1.3rem;
}
.weather_time {
	bottom: -17px;
    width: 60px;
    left: calc(50% - 30px);
    border-radius: 3px;
    color: white;
    line-height: 35px;
    position: absolute;
	background-image: -moz-linear-gradient( 0deg, #a668cb 0%, #333399 100%);
    		background-image: -webkit-linear-gradient( 0deg, #a668cb 0%, #333399 100%);
    		background-image: -ms-linear-gradient( 0deg, #a668cb 0%, #333399 100%);;
	box-shadow: 3px 7px 12px 0px rgba(0, 0, 0, 0.05);
}
.first_date {
	width: 155px;
	/*background: rgb(160,102,232);
    color: white;*/
}
.first_date div:first-child {
	margin-top: 138px;
}
@media (max-width: 800px) {
    .next_block, .prev_block {
        display: none;
    }
    .block_for_jq {
        margin-left: 0;
        overflow: auto;
        width: 100%;
    }
	.weather_wrapper label {
		margin: 0 5px;
	}
}
@media (max-width: 640px) {
	.weather_wrapper label {
		height: 44px;
		font-size: .8rem;
	}
	.weather_wrapper label div span {
		display: block;
		text-align: center;
	}
}
@media (max-width: 520px) {
	.spin_countries_wrapper .block_part {
		min-width: 150px;
		margin: 5px;
		width: 150px;
		padding: 20px;
	}
}
@media (max-width: 430px) {
	.weather_wrapper label {
		margin: 0;
		background-image: none;
		background: #070245;
	}
	input[name="weather"]:checked + label {
		transform: none;
		box-shadow: none;
		background-image: -moz-linear-gradient( 0deg, #a668cb 0%, #333399 100%);
    	background-image: -webkit-linear-gradient( 0deg, #a668cb 0%, #333399 100%);
    	background-image: -ms-linear-gradient( 0deg, #a668cb 0%, #333399 100%);;
	}
	.weather_wrapper .block_part {
		border-radius: 0;
	}
}


/* Виджеты поиска авиабилетов отелей и прочего */

.widget {
	margin: 40px 20px 20px 20px;
	border-radius: 3px;
    box-shadow: 0px 50px 60px 0px rgba(0, 0, 0, 0.05);
}
@media (max-width: 520px) {
	.widget {
		margin: 40px 10px 20px 10px;
	}
}




/* MAP ****************************************************************************************************************/
svg#map {
  /*width: 100vw;*/
width: 1300px;
}
.map {
	transition:all .5s;
}

.indicator{
  position:absolute;
  display:inline;
  background:rgba(12,121,89,0.6);
  color:#f1f1f1;
  padding:10px 30px;
  font:20px Arial;
  border-radius:5px;
  
  
  text-transform:capitalize;
  display:none;
  

}
.map_wrapper, .info_map_wrapper {
/*width: 50%;*/
height: 50vh;
    overflow: scroll;
}
.clear{
	clear:both
}
.name{
	float:left;
}
.flag {
	position:absolute;
	top:10px;
	right:20px;
	width: 50px;
}
.capital{
	clear:both;
}

/* breadcrumbs */

.breadcrumbs ul {
	display: -ms-flexbox;
	display: -webkit-flex;
    display: flex;
	overflow: auto;
	white-space: nowrap;
}
.breadcrumbs ul li {
	list-style: none;
}
.breadcrumbs ul li:not(:last-child) {
	margin-right: 9px;
}
.breadcrumbs ul li:not(:last-child):after {
	content: '/';
    margin-left: 6px;
}
.breadcrumbs ul li:last-child span {
	border-bottom: 1px dashed #f1f2ff;
}
.breadcrumbs ul li:not(:last-child) a:hover {
	border-bottom: 1px dashed #f1f2ff;
}
.breadcrumbs ul li svg {
	fill: #f1f2ff;
	width: 6px;
    margin-left: 5px;
}
@media (max-width: 520px) {
	.breadcrumbs {
		width: calc(100% - 20px);
    	margin: 35px 10px;
	}
}

/* Секции */
.section_wrapper {
    margin: 35px 10px;
}
.section_wrapper h2 {
	background-color: rgba(28,23,105,1.00);
    min-height: 45px;
    line-height: 2;
    border-radius: 3px;
    box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 5%);
	text-align: center;
	padding: 6px;
	color: #fcfffb;;
    font-size: 1rem;
}
.articles_wrapper {
	margin: 31px -10px -4px;
	display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.text_section {
	background-color: rgba(28,23,105,1.00);
    border-radius: 3px;
    box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 5%);
    padding: 25px;
	margin-top: 35px;
}
.text_section h3 {
	color: #f1f2ff;
	padding: 10px 0;
    text-align: center;
}
.text_section p {
	color: #f1f2ff;
    line-height: 1.5;
	padding: 5px 0;
}
.text_section .center_text {
	text-align: center;
    font-weight: bold;
}
.text_section .main_img {
	margin: -25px -25px 20px;
    border-radius: 3px;
    overflow: hidden;
    position: relative;
}
.text_section .main_img figcaption {
	padding: 0 40px;
    text-align: center;
    font-size: 13px;
    color: #ffffff;
    position: absolute;
    bottom: 10px;
    width: 100%;
}
.text_section .main_img figcaption a {
	text-decoration: underline;
}
.text_section iframe {
	margin: 10px 0;
}
@media (min-width: 521px) {
	.section_wrapper {
    	margin: 35px 20px;
    	width: calc(100% - 40px);
	}
	.articles_wrapper {
		margin: 15px -20px -20px;
	}
	.text_section {
    	padding: 40px;
	}
	.text_section .main_img {
		margin: -40px -40px 30px -40px;
	}
}
.section_wrapper .small_gallery_outer_wrapper {
	margin-top: 35px;
}
.small_gallery_outer_wrapper {
	position: relative;
}
.small_gallery_outer_wrapper .next_block, .small_gallery_outer_wrapper .prev_block {
	top: calc(50% - 25px);
}
.small_gallery_wrapper {
	overflow: hidden;
}
.small_gallery {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.small_gallery_item {
	width: calc(100% /3 - 30px);
    max-width: 550px;
    height: 250px;
    flex-shrink: 0;
    margin-right: 10px;
    border-radius: 3px;
    overflow: hidden;
}
.small_gallery_item img {
	transition: transform .2s;
}
.small_gallery_item:hover img {
	transform: scale(1.02);
}
@media (max-width: 1300px) {
	.small_gallery_item {
		width: calc(100% /2 - 30px);
	}
}
@media (max-width: 900px) {
	.small_gallery_item {
		width: calc(100% - 30px);
	}
}
@media (max-width: 800px) {
	.small_gallery {
		overflow: auto;
	}
}

/* suggestions */
.text_section .suggestions, .text_section .suggestions_whith_img {
	margin-top: 20px;
}
.text_section .suggestions a, .text_section .suggestions_whith_img a {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	background-color: #0702444a;
	border-radius: 3px;
    padding: 10px;
	color: #f1f2ff;
    line-height: 1.5;
	transition: all 300ms linear 0ms;
}
.text_section .suggestions a {
	justify-content: center;
	text-align: center;
}
.text_section .suggestions_whith_img a {
	align-items: center;
}
.text_section .suggestions a:hover, .text_section .suggestions_whith_img a:hover {
	box-shadow: 0px 0px 13px 0px #0702444a;
}
.text_section .suggestions a:not(:last-child), .text_section .suggestions_whith_img a:not(:last-child) {
	margin-bottom: 20px;
}
.text_section .suggestions_whith_img a p {
    margin-left: 15px;
}
.text_section .suggestions_whith_img a img {
	width: 80px;
    height: 80px;
	border-radius: 3px;
}
@media (min-width: 600px) {
	.text_section .suggestions_whith_img {
		display: -webkit-box;
    	display: -ms-flexbox;
    	display: flex;
		margin-left: -10px;
		justify-content: center;
	}
	.text_section .suggestions_whith_img a:not(:last-child) {
		margin-bottom: 0;
	}
	.text_section .suggestions_whith_img a {
		flex-wrap: wrap;
		width: calc(100% / 2);
    	margin-left: 10px;
		align-items: baseline;
		justify-content: center;
	}
	.text_section .suggestions_whith_img a img {
    	width: 100%;
    	height: 150px;
		margin-bottom: 10px;
	}
	.text_section .suggestions_whith_img a p {
    	text-align: center;
		margin-left: 0;
	}
}
@media (min-width: 801px) {
	.text_section .suggestions_whith_img a img {
    	height: 220px;
	}
}
@media (min-width: 1100px) {
	.text_section .suggestions_whith_img a p {
    	font-weight: bold;
	}
}
@media (min-width: 1200px) {
	.text_section .suggestions_whith_img a img {
    	height: 300px;
	}
	.text_section .suggestions_whith_img a {
	    max-width: 500px;
	}
}

/* Галерея */

.gallery {
	position: relative;
	overflow: hidden;
}
.gallery_preview {
	opacity: 0;
	position: absolute;
}
.gallery_view {
	width: 100%;
    height: 250px;
	display: -ms-flexbox;
    display: -webkit-flex;
	display: flex;
    justify-content: center;
	background-color: #26252485;
}
.gallery_view img {
	width: auto;
}
.gallery_next_block, .gallery_prev_block {
	top: 102px;
	background-color: #26252485;
	cursor: pointer;
	position: absolute;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	padding: 12px 15px;
}
.gallery_next_block svg, .gallery_prev_block svg {
	height: 20px;
    fill: #ffffff;
}
.gallery_next_block {
	right: 0;
	border-radius: 3px 0 0 3px;
}
.gallery_prev_block {
	left: 0;
	border-radius: 0 3px 3px 0;
}
.gallery_toolbal {
	position: absolute;
    top: 0;
    right: 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    background-color: #26252485;
	border-bottom-left-radius: 3px;
}
.full_preview .gallery_toolbal {
    top: 55px;
}
.gallery_counter {
    color: white;
    position: absolute;
    top: 222px;
}
@media (min-width: 480px) {
	.gallery_view {
    	height: 300px;
	}
	.gallery_next_block, .gallery_prev_block {
		top: 127px;
	}
	.gallery_counter {
    	top: 271px;
	}
}
@media (min-width: 600px) {
	.gallery_view {
    	height: 350px;
	}
	.gallery_next_block, .gallery_prev_block {
		top: 152px;
	}
	.gallery_counter {
    	top: 322px;
	}
}
@media (min-width: 801px) {
    .full_preview .gallery_toolbal {
        top: 0;
    }
	.gallery_view {
    	height: 400px;
	}
	.gallery_next_block, .gallery_prev_block {
		top: 327px;
		opacity: 0;
		transition: opacity 0.3s ease-in-out;
	}
	.gallery_preview {
		display: -ms-flexbox;
    	display: -webkit-flex;
    	display: flex;
		background-color: #26252485;
    	padding: 8px;
    	top: 294px;
    	left: 0;
		transition: opacity 0.3s ease-in-out;
	}
	.gallery_preview input {
		display: none;
	}
	.gallery_preview label {
		width: 150px;
    	height: 90px;
		margin-right: 8px;
		flex: none;
	}
	.gallery_toolbal {
		opacity: 0;
		transition: opacity 0.3s ease-in-out;
	}
	.gallery_view:hover .gallery_toolbal {
		opacity: 1;
	}
}
@media (min-width: 1000px) {
	.gallery_view {
    	height: 500px;
	}
	.gallery_preview {
    	top: 354px;
	}
	.gallery_preview label {
		width: 200px;
    	height: 130px;
	}
	.gallery_next_block, .gallery_prev_block {
		top: 408px;
	}
}
@media (min-width: 1500px) {
	.gallery_view {
    	height: 600px;
	}
	.gallery_preview {
    	top: 452px;
	}
	.gallery_next_block, .gallery_prev_block {
    	top: 505px;
	}
}
.gallery_description {
	background-color: rgba(28,23,105,1.00);
    border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
    box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 5%);
    padding: 20px;
	text-align: center;
}
.gallery_description p {
	color: #f1f2ff;
    line-height: 1.5;
	padding: 5px 0;
}
.gallery_description p a {
	text-decoration: underline;
}
.gallery_preview input[type="radio"]:checked + label {
	transform: scale(1.08);
    box-shadow: 0px 0px 13px 3px rgb(0 0 0 / 36%);
}
.gallery_toolbal div {
	cursor: pointer;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 12px;
}
.gallery_toolbal svg {
	height: 20px;
    fill: #ffffff;
}
.full_preview {
	transition: none;
	position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    z-index: 99;
	background-color: #0f0e0ee8;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	align-items: center;
	justify-content: center;
}
.full_preview img {
	width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.full_preview .gallery_toolbal {
	opacity: 1;
    background: none;
}

/** usual gallery */
.usual_gallery {
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.usual_gallery_item {
	margin-bottom: 10px;
}
@media (min-width: 800px) {
	.usual_gallery {
		margin: 30px 15px;
		width: calc(100% - 30px);
	}
	.usual_gallery_item {
		width: calc((100% / 2) - 10px);
    	margin: 5px;
	}
}
@media (min-width: 1560px) {
	.usual_gallery_item {
		width: calc((100% / 3) - 10px);
	}
}
@media (min-width: 2300px) {
	.usual_gallery_item {
		width: calc((100% / 4) - 10px);
	}
}

/**  Фильтры */
.filter {
	margin-bottom: 35px;
}
.filter_button {
    border: 1px solid #1d186a;;
	background-color: #070245;
	color: #ffffff;
    text-transform: uppercase;
    border-radius: 3px;
    padding: 0 20px;
    font-size: 13px;
    font-weight: 500;
    line-height: 40px;
    cursor: pointer;
	position: relative;
}
.filter_button svg {
	margin-right: 7px;
}
.filter_button:after {
	content: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3e%3cpath fill='%23ffffff' d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'%3e%3c/path%3e%3c/svg%3e");
	width: 10px;
    position: absolute;
    right: 20px;
}
.filter_button.active_filter:after {
	content: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3e%3cpath fill='%23ffffff' d='M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z'%3e%3c/path%3e%3c/svg%3e");
}
.filter_content {
	background-color: rgba(28,23,105,1.00);
	padding: 20px;
	color: #f1f2ff;
    line-height: 1.5;
	transition: none;
}
.filter_item_header {
	font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
	line-height: 40px;
}
.filter_item_header svg {
	margin-left: 10px;
	width: 10px;
}
.filter_reload {
	margin-left: calc(50% - 65px);
    margin-top: 10px;
}

/** нормальные чекбоксы / радиокнопки и прочие инпуты */
.normalized_checkbox input {
	position: absolute;
    visibility: hidden;
}
.normalized_checkbox input[type=radio]+label:before {
	border: 1px solid rgba(0,0,0,.2);
    border-radius: 12px;
	margin-right: 9px;
    width: 16px;
    height: 16px;
    vertical-align: sub;
    background: #fff;
    content: "";
	display: inline-block;
}
.normalized_checkbox input[type=radio]:checked+label:before {
	border: 1px solid #dfd8cf;
    border-radius: 12px;
    background: #000;
    box-shadow: inset 0 0 0 4px #fff;
}
.normalized_checkbox label {
	line-height: 40px;
    display: block;
}

/* attention block */
/* общее */
.whith_line_attention_block {
	color: #f1f2ff;
	line-height: 1.5;
    padding-left: 30px;
    margin-bottom: 25px;
    font-weight: bold;
    border-left: 3px solid #ef4341;
}
.attention_block {
	padding: 15px;
	text-align: center;
	color: #f1f2ff;
}
.attention_block p {
	padding: 3px 0;
}
.attention_block .small_attention_text {
	font-size: 12px;
    line-height: 1.3;
    margin-top: 10px;
}
.text_section .attention_block.whith_icon {
	margin-top: 25px;
}
/* обычный */
.attention_block.usual {
	background: #0702444a;
    border-radius: 3px;
}
.attention_block.usual .important_text {
	font-weight: bold;
}
.attention_block.usual a {
	border-bottom: 1px dashed #f1f2ff;;
}
/* красный */
.attention_block.red {
	background: #723652;;
    border-radius: 3px;
}
.attention_block.red .important_text, .attention_block.red b {
	color: #e44f24;
	font-weight: normal;
}
.attention_block.red a {
	border-bottom: 3px solid #e44f24;
}
/* зеленый */
.attention_block.green {
	background: #204744;;
    border-radius: 3px;
}
.attention_block.green .important_text, .attention_block.green b {
	color: #008000;
	font-weight: normal;
}
.attention_block.green a {
	border-bottom: 3px solid #008000;
}
/* голубой */
.attention_block.blue {
	background: #346aa0;;
    border-radius: 3px;
}
.attention_block.blue .important_text, .attention_block.blue b {
	color: #3da2e0;
	font-weight: normal;
}
.attention_block.blue a {
	border-bottom: 3px solid #3da2e0;
}
/* с иконкой */
.attention_block.whith_icon {
	position: relative;
	padding: 35px 15px 25px;
}
.attention_block.whith_icon .icon_wrapper {
	width: 60px;
    height: 60px;
    position: absolute;
    left: calc(50% - 30px);
	top: -27px;
    border-radius: 30px;
    padding: 10px;
}
/* красный с иконкой */
.attention_block.red.whith_icon .icon_wrapper {
	background: #723652;;
}
.attention_block.red.whith_icon svg {
	width: 40px;
	fill: #e44f24;
}
/* зеленый с иконкой */
.attention_block.green.whith_icon .icon_wrapper {
	background: #204744;;
}
.attention_block.green.whith_icon svg {
	width: 40px;
	fill: #008000;
}
/* голубой с иконкой */
.attention_block.blue.whith_icon .icon_wrapper {
	background: #346aa0;;
}
.attention_block.blue.whith_icon svg {
	width: 40px;
	fill: #3da2e0;
}
/* яркий с белым текстом */
.attention_block.bright {
	background-color: #2b9ff7;
	border-radius: 3px;
}
.attention_block.bright p {
	color: #f1f2ff;
}
.attention_block.bright input[type="button"] {
	background-color: transparent;
	color: #f1f2ff;
    border: 1px solid #f1f2ff;
	line-height: 40px;
    border-radius: 3px;
	width: 200px;
	font-weight: bold;
    text-transform: uppercase;
}
.attention_block.bright input[type="button"]:hover {
	background-color: #f1f2ff;
	color: #2b9ff7;
}
@media (min-width: 1200px) {
	.attention_block:not(.center) {
		text-align: left;
	}
	.attention_block.usual {
		padding: 15px 25px;
	}
	.attention_block.whith_icon {
    	padding: 25px 15px 25px 45px;
	}
	.attention_block.red.whith_icon .icon_wrapper {
    	background: #723652;;
	}
	.attention_block.green.whith_icon .icon_wrapper {
    	background: #204744;;
	}
	.attention_block.blue.whith_icon .icon_wrapper {
    	background: #346aa0;;
	}
	.attention_block.whith_icon .icon_wrapper {
    	left: -30px;
    	top: calc(50% - 30px);
	}
	.text_section .attention_block.whith_icon {
		margin-top: 0;
		margin-left: 20px;
	}
	.add_alert_attentions_blocks .attention_block, .add_alert_attentions_blocks .whith_line_attention_block {
		margin-left: 40px;
		margin-right: 20px;
	}
}


.country_covid_flex_wrapper {
	display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
	color: #f1f2ff;
	line-height: 1.5;
    padding: 5px 0;
}
.country_covid_flex_wrapper:not(:last-child) {
	margin-bottom: 15px;
}
.country_covid_flex {
	display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
	flex-direction: column;
    align-items: center;
    text-align: center;
	width: 50%;
}
.country_covid_flex_colored, .covid_table .colored {
	color: white;
    border-radius: 3px;
    padding: 8px 20px;
}
.country_covid_flex_colored {
	margin-top: 10px;
}
.covid_table .colored {
	text-align: center;
}
.country_covid_flex_colored.red, .covid_table .red {
	background-color: #fa6565;
}
.country_covid_flex_colored.black, .covid_table .black {
	background-color: #606060;
}
.country_covid_flex_colored.green, .covid_table .green {
	background-color: #50922c;
}
.covid_table .yellow {
	background-color: #c2c224;
}
.covid_table .grey {
	background-color: #b8b8b8;
}
.covid_table {
	width: 100%;
	margin: 15px 0;
}
.covid_table th {
	width: 114px;
    text-align: left;
}
#chart, #compare_chart, #thous {
	height: 450px;
	width: calc(100% + 20px);
}
#pie_chart {
	height: 250px;
	transition: none;
}
#compare_chart svg, #thous svg {
	height: 500px;
}
@media (min-width: 500px) {
	.covid_table .green {
    	width: 90%;
	}
	.covid_table .black {
    	width: 80%;
	}
	.covid_table .yellow {
    	width: 60%;
	}
	.covid_table .grey {
    	width: 40%;
	}
}
@media (min-width: 666px) {
	.covid_table th {
    	width: 156px;
	}
	.country_covid_flex_wrapper {
    	max-width: 500px;
    	margin-left: calc(50% - 250px);
	}
}
/* flex upper buttons */
.chart_buttons {
	margin: 20px 0;
	overflow: auto;
	position: relative;
}
.chart_buttons::-webkit-scrollbar {
    display: none;
}
.inner_chart_buttons {
	display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
}
.inner_chart_buttons div {
	padding: 10px 0;
    border-radius: 3px;
	color: #f1f2ff;
	text-align: center;
	background-color: #0702444a;
}
.chart_buttons div:not(:last-child) {
	margin-right: 10px;
}
.chart_buttons div.active_chart_button {
	background-color: #070245;
	color: white;
}
div[data-action=compare_chart] {
	min-width: 160px;
}
@media (min-width: 801px) {
	.chart_buttons div {
		cursor: pointer;
	}
	.chart_buttons div[data-action=compare_chart] {
		margin-bottom: 10px;
	}
	.inner_chart_buttons.compare_chart {
    	flex-wrap: wrap;
    	justify-content: center;
	}
}

/* article */
.single_big_wrapper p a {
	border-bottom: 1px dashed #f1f2ff;
    text-decoration: none;
}
.single_big_wrapper ol, .editor ol {
	list-style-type: none; 
	counter-reset: num;
	margin: 0 0 0 45px;
	padding: 20px 0 0;
	color: #f1f2ff;
}
.single_big_wrapper ol li, .editor ol li {
	position: relative;
    margin: 0 0 0 0;
    padding: 0 0 20px 0;
    line-height: 1.5;
}
.single_big_wrapper ol li:before, .editor ol li:before {
    content: counter(num);
    counter-increment: num;
    display: inline-block;
    position: absolute;
    top: -2px;
    left: -38px;
    width: 28px;
    height: 28px;
    background: #070245;
    color: #fff;
    text-align: center;
    line-height: 28px;
    border-radius: 50%;
}
.single_big_wrapper ul:not(.socialshare), .editor ul {
	margin: 0 0 0 35px;
	padding: 20px 0 0;
	color: #f1f2ff;
}
.single_big_wrapper ul:not(.socialshare) li, .editor ul li {
	position: relative;
	padding: 0 0 20px 0;
    line-height: 1.5;
}
.single_big_wrapper ul:not(.socialshare) li:after, .editor ul li:after {
	display: block;
	content: '';
	position: absolute;
	top: .4em;
	left: -1.2em;
	width: 10px;
	height: 10px;
	background-color: #070245;
	border-radius: 50%;
}
.article_first_info {
	padding: 10px 20px;
    text-align: center;
	color: #f1f2ff;
    line-height: 1.8;
}
.article_info {
	display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.article_info div:not(:last-child) {
	margin-right: 15px;
}
.article_info div::before {
	display: inline-block;
	margin-right: 5px;
}
.article_views::before {
	width: 15px;
    vertical-align: -.1em;
	content: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3e%3cpath fill='%23f64d4d' d='M569.354 231.631C512.969 135.949 407.81 72 288 72 168.14 72 63.004 135.994 6.646 231.631a47.999 47.999 0 0 0 0 48.739C63.031 376.051 168.19 440 288 440c119.86 0 224.996-63.994 281.354-159.631a47.997 47.997 0 0 0 0-48.738zM288 392c-75.162 0-136-60.827-136-136 0-75.162 60.826-136 136-136 75.162 0 136 60.826 136 136 0 75.162-60.826 136-136 136zm104-136c0 57.438-46.562 104-104 104s-104-46.562-104-104c0-17.708 4.431-34.379 12.236-48.973l-.001.032c0 23.651 19.173 42.823 42.824 42.823s42.824-19.173 42.824-42.823c0-23.651-19.173-42.824-42.824-42.824l-.032.001C253.621 156.431 270.292 152 288 152c57.438 0 104 46.562 104 104z'%3e%3c/path%3e%3c/svg%3e");
}
.article_comments::before {
	width: 13px;
	vertical-align: -.125em;
	content: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='%23f64d4d' d='M256 32C114.6 32 0 125.1 0 240c0 49.6 21.4 95 57 130.7C44.5 421.1 2.7 466 2.2 466.5c-2.2 2.3-2.8 5.7-1.5 8.7S4.8 480 8 480c66.3 0 116-31.8 140.6-51.4 32.7 12.3 69 19.4 107.4 19.4 141.4 0 256-93.1 256-208S397.4 32 256 32z'%3e%3c/path%3e%3c/svg%3e");
}
.share {
	color: #f64d4d;
}
.share_popup {
    display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
    justify-content: center;
	background-color: #222c3c;
    color: #ffffff;
    list-style: none;
    position: fixed;
    left: 20px;
    top: calc(50% - 55px);
    width: calc(100% - 40px);
    box-shadow: 0px 0px 10px 0px rgb(34 44 60 / 59%);
    border-radius: 3px;
    padding: 20px;
}
.share_text {
	display: block;
	margin-top: 10px;
}
.share_close {
    text-align: center;
	position: absolute;
    top: -6px;
    right: -6px;
    width: 40px;
    height: 40px;
    background-color: rgba(210,210,210,1.00);
    border-radius: 30px;
}
.share_close svg {
	height: 40px;
    font-size: 1.1rem;
}
.share_popup li {
	display: inline-block;
    margin: 20px 0 0;
}
.article_author {
	display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
    align-items: center;
	padding: 20px;
	background-color: #0702444a;
	margin: 20px 0 0;
    border-radius: 3px;
	justify-content: center;
}
.article_author img {
	width: 60px;
    height: 60px;
    border-radius: 50px;
    padding: 0;
	margin-right: 20px;
	box-shadow: 0 1.5px 4px rgb(0 0 0 / 30%);
}
.article_author_info {
	color: #f1f2ff;
    line-height: 1.5;
	font-size: 14px;
}
.show_map {
	background: url('/img/admin/map_preview.jpg') no-repeat;
    /*background-position: 0 -50px;*/
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
	margin: 20px 0;
    height: 100px;
    border-radius: 3px;
	display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
    justify-content: center;
    align-items: center;
}
.show_map div {
	background-color: #070245;
	color: #ffffff;
	border-radius: 3px;
	padding: 10px 15px;
    text-transform: uppercase;
    font-size: 13px;
}
#show_map_content {
	transition: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
}
.close_map {
	position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99;
	width: 100%;
    text-align: center;
	background-color: #070245;
	color: #ffffff;
	padding: 10px;
	text-transform: uppercase;
    font-size: 13px;
}
@media (min-width: 460px) {
	.share_popup {
		width: 400px;
    	left: calc(50% - 200px);
	}
}
@media (min-width: 800px) {
	.article_first_info {
		display: -webkit-box;
    	display: -ms-flexbox;
    	display: flex;
    	justify-content: center;
    	flex-wrap: wrap;
	}
	.article_first_info > div:not(:last-child) {
		margin-right: 35px;
	}
	.article_info > div:not(:last-child) {
		margin-right: 35px;
	}
	.map_author_container {
		display: -webkit-box;
    	display: -ms-flexbox;
    	display: flex;
	}
	.show_map, .article_author {
		width: 50%;
	}
	.show_map {
    	margin: 20px 20px 0 0;
	}
	.article_author {
		height: 100px;
		margin: 20px 0 0 0;
	}
	.show_map div, .close_map, .share, .share_close {
    	cursor: pointer;
	}
}
@media (min-width: 1201px) {
	.article_first_info {
    	margin-bottom: 10px;
	}
}

/* editor */
.add_alert_attentions_blocks label {
	position: relative;
}
input[name="select_attentions_blocks"] {
    display: none;
}
.active_add_alert {
    box-shadow: 1px 0px 9px 8px #878686;
}
.choose_action {
	margin: 35px 10px 0;
}
.choose_action li {
	list-style: none;
	color: #ffffff;
    padding: 20px;
    text-align: center;
    border-radius: 3px;
    line-height: 2;
    box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 5%);
    transition: all 200ms linear 0ms;
	background-color: #070245;
}
@media (min-width: 521px) {
	.choose_action {
    	margin: 35px 20px 0;
	}
}
@media (min-width: 900px) {
	.choose_action ul {
    	display: -webkit-box;
    	display: -ms-flexbox;
    	display: flex;
	}
	.choose_action ul li:not(:last-child) {
		margin-right: 15px;
	}
	.choose_action li {
		width: calc(100% / 2);
    	height: 100px;
		display: -webkit-box;
    	display: -ms-flexbox;
    	display: flex;
		justify-content: center;
    	align-items: center;
	}
}
.editor_small_header {
	font-size: 1rem;
    color: #f1f2ff;
}
.editor_small_header span {
	color: #d35c50;
}
.editor_form input[type="text"], .editor_form input[type="date"] {
    border: 1px solid #C7C7C7;
    margin: 15px 0;
    padding: 2%;
	height: 40px;
    color: #f1f2ff;
	font-size: 14px;
	width: 100%;
    border-radius: 3px;
	background-color: transparent;
}
.select_wrapper {
	margin: 15px 0;
}
.select_wrapper select {
	border: 1px solid #C7C7C7;
    padding: 0 20px;
    height: 40px;
    color: #f1f2ff;
    font-size: 14px;
    border-radius: 3px;
	width: 100%;
	background-color: transparent;
}
.select_wrapper select:not(:last-child) {
	margin-bottom: 10px;
}
.select_wrapper select option, select[name="new_place_category"] option {
	background-color: rgba(28,23,105,1.00);
}
.toolbar_button {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 12.5px;
	background-color: #070245;
	position: fixed;
    right: 0;
    top: 63.5px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
	transition: none;
}
.toolbar_button svg {
	height: 20px;
    fill: #ffffff;
}
.toolbar {
	position: fixed;
    background-color: rgba(28,23,105,1.00);
    top: 60px;
    left: 0;
	width: 100%;
	z-index: 1;
}
.main_tools, .nested_tools {
	display: -ms-flexbox;
    display: -webkit-flex;
	display: flex;
    line-height: 44px;
	padding: 0 0 0 5px;
}
.nested_tools {
	flex-wrap: wrap;
	justify-content: center;
    box-shadow: 0px 6px 20px 0px rgb(0 0 0 / 11%);
}
.main_tools a, .nested_tools a {
	width: calc((100% / 7) - 5px);
	text-align: center;
	border-radius: 3px;
}
.main_tools a {
	margin: 5px 5px 5px 0;
	color: white;
	background-color: #070245;
}
.nested_tools a {
	margin: 2.5px 5px 2.5px 0;
	border: 1px solid #f1f2ff;
	color: #f1f2ff;
}
.nested_tools a.big {
	width: calc((100% / 3.5) - 5px);
}
.nested_tools a.bigger {
	width: calc((100% / 2) - 5px);
}
.choose_color {
	display: -ms-flexbox;
    display: -webkit-flex;
	display: flex;
	align-items: center;
    margin-left: 5px;
}
.toolbar input {
    height: 40px;
    margin-left: 10px;
    background: #fff;
    padding: 2px 3px;
    border-radius: 3px;
}
.toolbar span {
    line-height: 40px;
}
.toggle {
	position: relative;
    width: 100%;
    height: 40px;
	margin: 10px 0;
}
.toggle input[type="checkbox"] {
	display: none;
}
.toggle label {
    width: 250px;
    height: 35px;
    position: absolute;
    top: 0;
    left: calc(50% - 125px);
    border: 1px solid #f1f2ff;
    border-radius: 20px;
    -webkit-transition: border-color .6s ease-out;
    transition: border-color .6s ease-out;
    box-sizing: border-box;
}
.toggle label.toggle-on {
    border-color: rgb(102 111 232 / 20%);
    -webkit-transition: all .5s .15s ease-out;
    transition: all .5s .15s ease-out;
}
.toggle-button {
    position: absolute;
    top: 3px;
    width: 27px;
    bottom: 3px;
    right: 217px;
    background-color: #888;
    border-radius: 19px;
    cursor: pointer;
    -webkit-transition: all .3s .1s, width .1s, top .1s, bottom .1s;
    transition: all .3s .1s, width .1s, top .1s, bottom .1s;
}
.toggle-on .toggle-button {
    top: 3px;
    width: 242px;
    bottom: 3px;
    right: 3px;
    border-radius: 23px;
    background-color: #666fe8d1;
    box-shadow: 0 0 16px #666fe8;
    -webkit-transition: all .2s .1s, right .1s;
    transition: all .2s .1s, right .1s;
}
.toggle-text-on {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none; /* Chrome/Safari */    
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    color: rgba(0,0,0,0);
}
.toggle-on .toggle-text-on {
    color: #ffffffa1;
    -webkit-transition: color .3s .15s ;
    transition: color .3s .15s ;
}
.toggle-text-off {
    line-height: 35px;
    text-align: center;
    -webkit-user-select: none; /* Chrome/Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    cursor: pointer;
    color: #4B4B4B;
}
.toggle-on .toggle-text-off {
    color: rgba(0,0,0,0);
}
.glow-comp {
    position: absolute;
    opacity: 0;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    border-radius: 6px;
    background-color: rgb(102 111 232 / 23%);
    box-shadow: 0 0 12px rgb(102 111 232 / 50%);
    -webkit-transition: opacity 4.5s 1s;
    transition: opacity 4.5s 1s;
}
.toggle-on .glow-comp {
    opacity: 1;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
}
.editor {
	min-height: 150px;
	border-radius: 3px;
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #C7C7C7;
    margin: 15px 0;
    padding: 2%;
	font-size: 14px;
	color: #4B4B4B;
	/* Для табуляции */
	white-space: pre-wrap;
	tab-size: 3; /* Ширина табуляции */
}
.editor p {
	padding: 5px 0;
}
.editor h2 {
	margin-top: 35px;
    text-align: center;
	color: #f1f2ff;
}
.editor_form textarea {
	background-color: transparent;
	border-radius: 3px;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #C7C7C7;
    margin: 15px 0;
    padding: 2%;
    font-size: 14px;
    color: #f1f2ff;
	font-weight: 500;
    font-family: Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;
}
.green_button {
	font-weight: bold;
    text-transform: uppercase;
    background-color: transparent;
	width: 200px;
    line-height: 40px;
    border-radius: 3px;
	color: #469430;
    border: 1px solid #469430;
	margin: 20px calc(50% - 100px) 15px;
}
.add_img, .add_alert, .mainimg_select, .new_place {
	z-index: 1;
	display: none;
	background-color: rgba(28,23,105,1.00);
    border-radius: 3px;
    position: fixed;
    width: calc(100% - 20px);
    left: 10px;
    box-shadow: 0px 50px 60px 0px rgb(0 0 0 / 24%);
}
.add_img, .mainimg_select, .add_alert {
	height: 400px;
    top: calc(50% - 170px);
}
.new_place {
	height: 220px;
    top: calc(50% - 80px);
}
.add_img img {
	justify-content: center;
    height: auto;
}
.add_img label {
	display: inline-block;
    width: 100%;
    height: 250px;
    background: repeating-radial-gradient(closest-side at 25px 35px, #D0DADE 15%, #eee 40%);
    background-size: 60px 60px;
    background-position: center;
    position: relative;
    border-radius: 3px;
}
.add_img_button {
	position: absolute;
    color: #FFFFFF;
    background-color: #55B53A;
    padding: 2%;
    border-radius: 3px;
    text-transform: uppercase;
    width: 160px;
    text-align: center;
    margin-left: calc(50% - 80px);
    top: 44%;
}
.change_img {
	visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 2rem;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #FFFFFF;
    background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0,0,0,.3)), color-stop(100%, rgba(255,255,255,.3)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,.3) 0%, rgba(255,255,255,.3) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,.3) 0%, rgba(255,255,255,.3) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,.3) 0%, rgba(255,255,255,.3) 100%);
    background: radial-gradient(ellipse at center, rgba(0,0,0,.3) 0%, rgba(255,255,255,.3) 100%);
    display: flex;
	align-items: center;
    justify-content: center;
}
.add_img input[type="file"] {
	display: none;
}
.add_img input[name="alt"], input[name="new_place"], select[name="new_place_category"] {
	border: 1px solid #C7C7C7;
    border-radius: 2px;
    background-color: transparent;
    padding: 2%;
    width: calc(100% - 30px);
}
.add_img input[name="alt"] {
	margin: 23px 15px 3px;
}
input[name="new_place"], select[name="new_place_category"] {
	margin: 5px 15px 3px;
	color: #f1f2ff;
}
.delete_img, .close_img_wrapper, .close_add_alert, .close_mainimg_select, .close_new_place {
	position: absolute;
    top: -5px;
}
.delete_img {
    left: -5px;
}
.close_img_wrapper, .close_add_alert, .close_mainimg_select, .close_add_alert, .close_new_place {
	right: -5px;
}
.delete_img button, .close_img_wrapper button, .close_add_alert button, .close_mainimg_select button, .close_new_place button {
	color: #FFFFFF;
    background-color: #55B53A;
    padding: 2%;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    border: 1px solid #55B53A;
    margin: 0;
    line-height: 33px;
}
.delete_img button span, .close_img_wrapper span, .close_add_alert span, .close_mainimg_select span, .close_new_place span {
    visibility: hidden;
    opacity: 0;
}
.error {
	position: fixed;
    top: 60px;
    left: 0;
    width: 100%;
    text-align: center;
    background-color: #f53939;
    line-height: 43px;
    color: #FFFFFF;
}
.red_input:not(:hover) {
	border: 1px solid #f44336!important;
}
.red_input:not(:hover)::-webkit-input-placeholder {color:#f44336;}
.red_input:not(:hover)::-moz-placeholder          {color:#f44336;}/* Firefox 19+ */
.red_input:not(:hover):-moz-placeholder           {color:#f44336;}/* Firefox 18- */
.red_input:not(:hover):-ms-input-placeholder      {color:#f44336;}
.add_img input[name="alt"]:hover {
	border: 1px solid #C7C7C7;
}
.mainimg_select_wrapper {
	display: flex;
    width: calc(100% - 40px);
    margin: 10px 20px 0 20px;
    padding: 10px 0;
    overflow: auto;
}
input[name="select"] {
    display: none;
}
input[name="select"]:checked + label img {
	transform: scale(1.03);
}
.mainimg_select_wrapper label {
	position: relative;
}
.hidden_checker {
	height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
	color: transparent;
    position: absolute;
    top: -10px;
    right: 0px;
    background-color: transparent;
    border-radius: 50%;
    padding: 2px 4px;
}
input[name="select"]:checked + label .hidden_checker {
	color: #ffffff;
    background-color: #4aad2e;
}
.mainimg_select_wrapper img {
	width: 200px;
    height: 200px;
	border-radius: 3px;
	transition: all 200ms linear 0ms;
	cursor: pointer;
}
.mainimg_select_wrapper img:not(:last-child) {
	margin-right: 10px;
}
.add_img label:hover .changeimg_active {
	visibility: visible;
    opacity: 1;
}
.img_inside .add_img_button {
	display: none;
}
.img_inside {
	height: auto!important;
}
.img_inside img {
	display: block!important;
    margin: auto!important;
    max-height: 250px;
	max-width: 100%;
    width: auto;
}
.wait {
	color: #FFFFFF!important;
	background-color: #469430!important;
	display: flex;
	align-items: center;
	justify-content: center;
}
.loader {
	position: relative;
    display: flex;
    width: 19px;
    height: 10px;
    margin: 10px 0 0 12px;
    --size: 4px;
    --largeSize: 8px;
    --color: rgb(255, 255, 255);
    --speed: 2s;
}
.loader div {
  position: absolute;
  background: var(--color);
  border-radius: 50%;
  width: var(--largeSize);
  height: var(--largeSize);
  top: -10px;
}
@keyframes inlarge1 {
  0%, 10%, 30%, 100% {
    width: var(--size);
    height: var(--size);
    top: 0;
    left: 0;
  }
  20% {
    width: var(--largeSize);
    height: var(--largeSize);
    top: -3px;
    left: -3px;
  }
}
@keyframes inlarge2 {
  0%, 40%, 60%, 100% {
    width: var(--size);
    height: var(--size);
    top: 0;
    left: var(--largeSize);
  }
  50% {
    width: var(--largeSize);
    height: var(--largeSize);
    top: -3px;
    left: calc(var(--largeSize) - 2px);
  }
}
@keyframes inlarge3 {
  0%, 70%, 90%, 100% {
    width: var(--size);
    height: var(--size);
    top: 0;
    left: calc(var(--largeSize) * 2);
  }
  80% {
    width: var(--largeSize);
    height: var(--largeSize);
    top: -3px;
    left: calc(var(--largeSize) * 2 - 2px);
  }
}
.circle1 {
  animation: var(--speed) ease-in-out 0s infinite inlarge1;
}
.circle2 {
  animation: var(--speed) ease-in-out infinite inlarge2;
}
.circle3 {
  animation: var(--speed) ease-in-out infinite inlarge3;
}
.add_alert_attentions_blocks {
	margin: 30px 10px 0;
	height: 220px;
    overflow: auto;
	padding: 15px;
}
.add_alert_attentions_blocks .attention_block {
	margin-top: 40px;
}
.single_big_wrapper .table_of_content ul li {
	position: initial;
	padding: 5px 0;
}
@media (min-width: 801px) {
	.add_alert_attentions_blocks {
		height: calc(100% - 177px);
	}
	.green_button:hover {
		color: #FFFFFF;
    	background-color: #469430;
	}
	.add_img_button:hover {
		background-color: #469430;
	}
	.close_img_wrapper span, .close_mainimg_select span, .close_new_place span {
		border-top-left-radius: 50px;
    	border-bottom-left-radius: 50px;
    	margin: -2px -166px;
		transform-origin: right;
	}
	.delete_img button span {
		border-top-right-radius: 50px;
    	border-bottom-right-radius: 50px;
		margin: -34.5px 28px;
		transform-origin: 0;
	}
	.delete_img button span, .close_img_wrapper span, .close_mainimg_select span, .close_new_place span {
		width: 165px;
    	float: left;
    	text-align: center;
    	background: #55B53A;
    	transform: rotateY(45deg);
    	transition: all .5s ease .300ms;
    	line-height: 35.5px;
    	color: #FFFFFF;
    	text-transform: uppercase;
    	font-size: .7rem;
	}
	.delete_img button:hover {
		border-top-left-radius: 50%;
    	border-top-right-radius: 0;
    	border-bottom-right-radius: 0;
    	border-bottom-left-radius: 50%;
	}
	.close_img_wrapper button:hover, .close_mainimg_select button:hover, .close_new_place button:hover {
		border-top-left-radius: 0;
    	border-top-right-radius: 50%;
    	border-bottom-right-radius: 50%;
    	border-bottom-left-radius: 0;
	}
	.delete_img button:hover span, .close_img_wrapper button:hover span, .close_mainimg_select button:hover span, .close_new_place button:hover span {
		visibility: visible;
    	opacity: 1;
    	transform: rotateY(0);
	}
	.error {
		cursor: pointer;
		top: 0;
    	left: 50px;
    	width: calc(100% - 50px);
	}
	.active_menu_center .error {
    	left: 200px;
    	width: calc(100% - 200px);
	}
	.mainimg_select_wrapper img:hover  {
		transform: scale(1.03);
	}
	.new_place {
    	width: 500px;
    	left: calc(50% - 250px);
	}
	.add_img, .add_alert {
		width: calc(80% - 50px);
    	left: calc(10% + 50px);
		height: 90vh;
    	top: 5vh;
	}
	.mainimg_select {
		width: calc(80% - 50px);
    	left: calc(10% + 50px);
		top: calc(50% - 200px);
	}
	.add_img label, .add_img label.img_inside {
    	height: calc(100vh - 240px)!important;
		display: -ms-flexbox;
    	display: -webkit-flex;
		display: flex;
	}
	.img_inside img {
    	max-height: calc(100vh - 240px);
	}
	.toolbar {
    	top: 0;
    	left: 50px;
    	width: calc(100% - 50px);
    	display: -ms-flexbox;
    	display: -webkit-flex;
    	display: flex;
    	line-height: 44px;
    	padding: 10px 0 0 5px;
    	flex-wrap: wrap;
    	justify-content: center;
    	box-shadow: 0px 6px 20px 0px rgb(0 0 0 / 11%);
	}
	.toolbar a {
		width: 46px;
    	text-align: center;
    	border-radius: 3px;
		margin: 2.5px 5px 2.5px 0;
		border: 1px solid #f1f2ff;
		color: #f1f2ff;
	}
	.toolbar a.big {
		width: 75px;
	}
	.toolbar a.bigger {
		width: 130px;
	}
	.choose_color {
    	margin-right: 7px;
	}
}
/* update_article */
.update_article .table_of_content {
	margin-bottom: 35px;
}
.update_article .editor {
	border: none;
	padding: 0;
	margin: -10px 0;
}
.update_article .editor p {
	padding: 20px 0;
}
.update_article .whith_line_attention_block {
	white-space: initial;
}
.update_article .attention_block {
	white-space: initial;
}
.update_article .attention_block p {
	padding: 3px 0;
}
.update_article .nested_tools {
	padding-bottom: 5px;
}
@media (min-width: 801px) {
	.update_article .toolbar {
		padding-bottom: 10px;
	}
}

/* alphabet_countries */

.alphabet_list {
	margin: 30px 0;
    text-align: center;
	display: -ms-flexbox;
    display: -webkit-flex;
	display: flex;
    flex-wrap: wrap;
	justify-content: center;
}
.alphabet_list a {
	font-size: 1.17em;
	font-weight: bold;
	color: rgb(160,102,232);
	padding: 0 10px;
    line-height: 35px;
}
.alphabet_list a:hover {
	color: rgba(192,119,234,1.00);
}
#alphabet_countries h3 {
	color: #f1f2ff;
}
.alphabet_block {
	display: -ms-flexbox;
    display: -webkit-flex;
	display: flex;
}
.alphabet_block > ul {
	width: 50%;
    margin: 20px 40px 20px 0;
}
.alphabet_block > ul:last-child {
	margin: 20px 0;
}
.alphabet_block li {
	list-style: none;
}
.alphabet_block > ul > li {
	margin: 20px 0;
}
.alphabet_block > ul > li > ul {
	margin-top: 10px;
}
.alphabet_block > ul > li > ul > li {
	margin-left: 14px;
    list-style: disc;
    padding: 5px 0;
}
.single_big_wrapper .alphabet_block ul li:after {
	display: none;
}
.alphabet_block li a {
	display: -ms-flexbox;
    display: -webkit-flex;
	display: flex;
	align-items: center;
	color: #f1f2ff;
}
.alphabet_block li a:hover {
	text-decoration: underline;
}
.alphabet_block img {
	height: 33px;
    width: 60px;
	margin-right: 10px;
    border-radius: 3px;
}
@media (max-width: 453px) {
	.alphabet_block {
		flex-wrap: wrap;
	}
}
.category_menu_wrapper {
	position: relative;
}
.category_menu_wrapper svg {
	position: absolute;
    width: 12px;
    top: 8px;
    right: calc(50% - 120px);
    fill: #f1f2ff;
}
.category_menu {
	font-size: 14px;
	font-family: inherit;
	letter-spacing: inherit;
	word-spacing: inherit;
	background-color: transparent;
	height: 30px;
	width: 260px;
	margin-bottom: 35px;
	margin-left: calc(50% - 130px);
	border: .5px solid #f1f2ff;
	-webkit-appearance: none;
    -moz-appearance: none;
	appearance: none;
	text-align: center;
    border-radius: 3px;
	color: #f1f2ff}
.category_menu::-ms-expand { 
	display: none; /* удалите стрелку по умолчанию в IE 10 и 11 */
}
.category_menu option {
	background-color: rgba(28,23,105,1.00);
}

/* counter */
.counter {
	color: white;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 30px;
	margin: 30px calc(50% - 25px) 20px;
	font-weight: bold;
}
.counter.bright {
	background-color: #2b9ff7;
}

/* photo edotor */
.photo_edotor .add_photo_wrap {
	margin: 10px 0;
}

/* tabs */
.tabs {
	width: calc(100% - 20px);
    margin: 0 10px 30px;
}
.tabs ul {
	display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
	justify-content: center;
}
.tabs ul li {
	list-style: none;
	width: calc(100% / 3);
    text-align: center;
	background-color: rgba(28,23,105,1.00);
	color: #f1f2ff;
    box-shadow: 2px 2px 20px 0px rgb(0 0 0 / 24%);
    border-radius: 3px;
    line-height: 35px;
	transition: all 300ms linear 0ms;
}
.tabs ul li:not(:last-child) {
	margin-right: 5px;
}
.tabs ul li:hover {
	box-shadow: 2px 2px 20px 3px rgb(0 0 0 / 44%);
}
.tabs ul li.active_tab {
	background-color: background-image: -moz-linear-gradient( 0deg, #a668cb 0%, #333399 100%);
    		background-image: -webkit-linear-gradient( 0deg, #a668cb 0%, #333399 100%);
    		background-image: -ms-linear-gradient( 0deg, #a668cb 0%, #333399 100%);;
	color: #fff;
}
@media (min-width: 521px) {
	.tabs {
		width: calc(100% - 40px);
    	margin: 0 20px 20px;
	}
}
@media (min-width: 801px) {
	.tabs ul li:not(:last-child) {
		margin-right: 15px;
	}
	.tabs ul li {
		cursor: pointer;
	}
	.tabs ul li:hover {
		box-shadow: 2px 2px 20px 3px rgb(0 0 0 / 31%);
	}
}

/* spinner */
.spinner {
	fill: #f1f2ff;
	width: 30px;
    margin: 40px calc(50% - 15px);
	-webkit-animation-name: cog;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: cog;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: cog;
    -ms-animation-duration: 2s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: cog;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

/* rating */
.rating-result span {
	padding: 0;
	font-size: 32px;
	margin: 0 3px;
	line-height: 1;
	color: lightgrey;
	text-shadow: 1px 1px #bbb;
}
.rating-result > span:before {
	content: '★';
}
.rating-result > span.active {
	color: gold;
	text-shadow: 1px 1px #c60;
}
/* on place_page */
.place_rating_section {
	text-align: center;
}
.place_rating_section .simple_red_button {
	margin: 15px -25px -25px;
	border-top-left-radius: 0;
    border-top-right-radius: 0;
}
@media (min-width: 521px) {
	.place_rating_section .simple_red_button {
    	margin: 30px -40px -40px;
	}
}
@media (min-width: 801px) {
	.place_rating_section {
		display: -webkit-box;
    	display: -ms-flexbox;
		display: flex;
		justify-content: space-evenly;
    	align-items: center;
	}
	.place_rating_section .simple_red_button {
    	margin: 0;
		border-top-left-radius: 3px;
    	border-top-right-radius: 3px;
	}
}
/* on feedback page */
.feedback_img {
	display: none;
}
.feedback_rating {
	text-align: center;
}
.feedback_rating_section .simple_red_button {
	margin: 20px -25px -25px;
	border-top-left-radius: 0;
    border-top-right-radius: 0;
}
@media (min-width: 521px) {
	.feedback_rating_section .simple_red_button {
		margin: 30px -40px -40px;
	}
}
@media (min-width: 801px) {
	.feedback_rating_section {
		display: -webkit-box;
    	display: -ms-flexbox;
		display: flex;
    	flex-direction: row;
		justify-content: center;
    	align-items: center;
	}
	.feedback_img {
		display: block;
		position: relative;
		max-width: 300px;
	}
	.feedback_img img {
		max-width: 300px;
		border-radius: 3px;
	}
	.feedback_img a {
		position: absolute;
    	bottom: 10px;
    	left: 0;
    	width: 100%;
    	text-align: center;
    	color: #f7f4f3;
	}
	.feedback_img a:before {
		display: inline-block;
    	height: 10px;
    	vertical-align: -0.125em;
    	width: 10px;
    	content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20384%20512%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22white%22%20d%3D%22M172.268%20501.67C26.97%20291.031%200%20269.413%200%20192%200%2085.961%2085.961%200%20192%200s192%2085.961%20192%20192c0%2077.413-26.97%2099.031-172.268%20309.67-9.535%2013.774-29.93%2013.773-39.464%200zM192%20272c44.183%200%2080-35.817%2080-80s-35.817-80-80-80-80%2035.817-80%2080%2035.817%2080%2080%2080z%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E);
    	margin-right: 10px;
	}
	.feedback_rating {
		width: calc(100% - 300px);
    	margin-top: 0;
		max-width: 300px;
	}
	.feedback_rating_section .simple_red_button {
		margin: 15px calc(50% - 100px) 0;
    	border-top-left-radius: 3px;
    	border-top-right-radius: 3px;
    	width: 200px;
	}
}
/* on editor */
.rating {
	display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
}
.rating-area {
	overflow: hidden;
	margin-left: 20px;
	margin-top: 10px;
}
.rating-area:not(:checked) > input {
	display: none;
}
.rating-area:not(:checked) > label {
	float: right;
	width: 42px;
	padding: 0;
	cursor: pointer;
	font-size: 32px;
	line-height: 32px;
	color: lightgrey;
	text-shadow: 1px 1px #bbb;
}
.rating-area:not(:checked) > label:before {
	content: '★';
}
.rating-area > input:checked ~ label {
	color: gold;
	text-shadow: 1px 1px #c60;
}
.rating-area:not(:checked) > label:hover,
.rating-area:not(:checked) > label:hover ~ label {
	color: gold;
}
.rating-area > input:checked + label:hover,
.rating-area > input:checked + label:hover ~ label,
.rating-area > input:checked ~ label:hover,
.rating-area > input:checked ~ label:hover ~ label,
.rating-area > label:hover ~ input:checked ~ label {
	color: gold;
	text-shadow: 1px 1px goldenrod;
}
.rating-area > label:active {
	position: relative;
}
.rating-area > label.active {
	color: gold;
	text-shadow: 1px 1px goldenrod;
}
@media (min-width: 398px) {
	.rating {
    	margin: 20px 0;
	}
	.rating-area {
		margin-top: 0;
	}
}
/* author rating */
.author_rating {
	margin: 25px 0 10px;
}
.author_rating .rating-result {
	margin: 10px 0 12px;
}
@media (min-width: 480px) {
	.author_rating_item {
		display: -webkit-box;
    	display: -ms-flexbox;
		display: flex;
		align-items: center;
    	justify-content: center;
	}
	.author_rating_item .rating-result, .author_rating_item time {
		margin: 0 0 0 10px;
	}
}