body {font-family: 'Roboto', sans-serif; margin:0;padding:0;    font-size: 16px;background:#fff; }
	
	a { text-decoration: none; color: #000000; transition: all 0.4s ease 0s; display: contents; }
	a:hover { text-decoration: none; color: red !important; cursor: pointer; }
	h1 {line-height: 1.4;}
	
	.header {width: 100%; position: fixed; background: #fff; max-width: 1000px; box-sizing: border-box;z-index:999999999;}
	

	.header_top {padding:4px 0;display: flex ; justify-content: center;color:#fff;background:#fff;align-items: center; justify-content: space-between;}
	@media screen and (max-width:660px){ .header_top{padding:4px 20px !important;} }
	
	.header_label {height:225px;}
	@media screen and (max-width:660px){ .header_label{height: 292px;} }
	.logo {color:#fff;}
	.logo img {height: 60px;}
	

	.view {    background-color: #f4fff4 !important; display: flex ; flex-direction: column; gap: 10px; }
	
	.yes_mobile{display:none}
	@media screen and (max-width:660px){ .no_mobile{display:none !important;} }
	@media screen and (max-width:660px){ .yes_mobile{display:inline-block} }

	.anim {position:relative;cursor:pointer;}
	.anim:hover{opacity: 0.7;}
	.anim:active {top:1px;}

	.bg_black {background: linear-gradient(to right, #0c1029, #6f6f6f) !important;color:#fff;line-height:1.6;}

	.mail_tlt {font-size:18px;color: #fff;padding:15px 20px;font-weight: 500;text-align: center;}
	@media screen and (max-width:660px){ .mail_tlt{text-align: center;} }
	.main {width: 100%; max-width: 1000px;  margin:auto;    overflow: hidden;}
	.mail_name {font-size: 20px;width:100%;box-sizing: border-box; padding: 10px 20px; background-color: #f9f9f9; border: 1px solid #eaeaea; border-radius: 20px; font-weight: 500;}
	.mail_inbox {width: 100%; background-color:#f4fff4; min-height: 250px;}
	.mail_empty {display: flex;justify-content: center;align-items: center;height:50%;text-align: center;}
	.mail_inbox_item {padding: 10px 20px; gap: 20px; background-color: #f9f9f9;border-bottom: 1px solid #e4e4e4;display:flex;align-items: center;justify-content: space-between;}
	
	@media screen and (max-width:660px){ .mail_inbox_item{gap: 10px !important; align-items: flex-start !important;flex-direction: column  !important;} }
	@media screen and (max-width:660px){ .mail_inbox_item_date{text-align:unset  !important;;max-width:unset !important;} }
	
	.mail_body {overflow: auto; background: #fff; padding: 20px; border-radius: 20px; border: 1px solid #eaeaea;}
	
	
	
	.mail_inbox_list > a:nth-of-type(odd) .mail_inbox_item {   background-color: #edf7ff73 !important; }	

	.mail_inbox_item:hover {background-color: #e6f0f9;cursor:pointer;}
	.mail_header {display:flex;align-items: center; gap: 20px;padding:0px 20px 20px 20px;font-weight:500;}
	@media screen and (max-width:660px){ .mail_header{flex-direction: column;} }
	

	.mail_copy {background: #262626;font-weight: 500;color:#d9ffdb; width: 50%; border-radius: 20px; padding: 10px 20px; display: flex ; align-items: center; gap: 10px;}
	.mail_qr {position: relative;cursor:pointer; background: #262626;font-weight: 500;color:#ffe0e0; width: 50%; border-radius: 20px; padding: 10px 20px; }
	.mail_qr_block {display: flex ; align-items: center; gap: 10px;}
	.mail_header img {width: 20px; height: 25px;filter:invert(1);}
	.mail_header_right {display:flex;align-items: center; gap: 20px;width: 100%;}
	
	.mail_inbox_item_left_block {display: flex ; align-items: center; gap: 20px;flex: 1;}
	@media screen and (max-width:660px){ .mail_inbox_item_left_block{flex-direction: row-reverse !important; width: 100%  !important;} }
	
	.mail_inbox_item_left {display: flex ; gap: 5px; flex-direction: column;flex: 1;text-align:left}
	.mail_inbox_item_subject {flex: 1;overflow-wrap: anywhere;}

	.mail_inbox_item_name {font-weight:500;}
	
	.mail_inbox_item_header {display:flex;padding:20px !important;  font-weight: 500; background: #262626; color:#fff !important;text-transform: uppercase;}
	@media screen and (max-width:660px){ .mail_inbox_item_header{display:none;} }
	

 	.mail_inbox_item_date {text-align: right;flex: 1;max-width: 130px;}
	

	
	
	.mail_inbox_item_unread {width:10px;height:10px;background-color:#04ff00;border-radius:50%;}
	.mail_inbox_item_readed {background-color:#eaeaea;}
	
	@keyframes spin {
	  from { transform: rotate(0deg); }
	  to   { transform: rotate(360deg); }
	}
	
	.anim_rotate {
		--spin-duration: 1.5s; /* меняй скорость */
		  animation: spin var(--spin-duration) linear infinite;
		  transform-origin: center center;
		  will-change: transform;
	}
	
	.mail_empty_block {
		display:flex;
		gap:10px;
		align-items: center;
		flex-direction: column;
	}
	
	.main_top {background: linear-gradient(to right, #601313, #ff2727) !important;border-top-right-radius: 20px; border-top-left-radius: 20px;}
	
	.mail_waiting {   position:relative; color:#fff; background: linear-gradient(to right, #601313, #ff2727) !important; padding:10px;display: flex ; align-items: center; justify-content: center; gap: 20px;}
	.mail_waiting img {width:15px;filter:invert(1);}
	.loading {position:absolute;top:0;left:0;background-color:#ff00005c;width:100%;height:100%;padding:0;margin:0;}

	
	.languages_list {
		display: flex;
		gap: 10px;
		color: #fff;
		flex-wrap: wrap;
		align-items: center; 
	}
	
	.languages_list div {background: #727785; color: #fff; border-radius: 7px; padding: 4px 16px; text-transform: uppercase; flex: auto; font-size: 14px; text-align: center; }
	.languages_list div:hover {background: #434b62;}
	
	
	.block {padding:20px;background-color:#fff;}
	
	.live_message {position: fixed;z-index:99999; margin: 10px; transition: all 0.4s; bottom: 50px; color: #fff; padding: 20px; right: -400px; border-radius: 10px; width: 80%; max-width:300px; background-color: #000000b0; border: 1px solid #fff; box-shadow: 0 0 16px rgba(0,0,0,0.2);}
.live_message_title {font-weight: 500; color: #c6edff;font-size: 16px;}
.live_message_content {font-size: 14px;}

 #qrcode	{width: 200px; height: 200px;     z-index: 2;padding:20px; background-color: #fff; border-radius: 20px; position: absolute; overflow: hidden; top: 54px; right: -1px; display: none;}
 #qrcode img {width: 100%; height: 100%;}
  #qrcode:hover {opacity:1 !important;}
  
.blog {display:flex;flex-wrap: wrap;background: linear-gradient(to right, #ffffff, #e8f4ff) !important; gap:10px;}
.body {box-sizing: border-box; font-size: 18px; width: 100%; max-width: 800px; margin: auto; line-height: 1.6;}
.body img{max-width: 100%; border-radius: 10px;}
.body iframe{max-width: 100%; border-radius: 10px;}
.body video{max-width: 100%; border-radius: 10px;}
	
	
	.blog_item{padding-bottom: 10px; flex: 1 0 31%; max-width: 33%; border: 1px solid #dedede; border-radius: 20px;}
	@media screen and (max-width:895){ .blog_item{max-width: 50% !important;  flex: 1 0 31%;} }
	@media screen and (max-width:660px){ .blog_item{max-width: 100% !important; margin:10px; width: 100% !important; flex: unset;} }

	.blog_item_image  {width:100%;;height:200px;}
	.blog_item_image img {width:100%;height:100%;object-fit: cover; display: block;background-repeat: no-repeat;}
	.blog_item_title {padding: 10px; font-size: 20px; font-weight: 500;}
	.blog_title {font-size: 24px; margin:20px 20px 20px 0px ; background: linear-gradient(to right, #7a1414, #ff0000) !important; width: max-content; padding: 5px 40px;  border-top-right-radius: 20px; color: #fff; font-weight: 500;}

 .footer {display: flex;gap: 20px;margin-top:20px;flex-wrap: wrap;}
.footer_item {background-color:#b31e1e;padding:2px 10px;border-radius:5px;    color: #fff;}


.language-select {
    position: relative;
    display: inline-block;
    min-width: 117px;
    font-family: system-ui, sans-serif;
    font-size: 15px;
    color: #333;
    user-select: none;
	font-weight: 500;
}

.selected-language {
    background: linear-gradient(to right, #d4d3d5, #ededed) !important;
    border-radius: 8px;
    padding: 10px 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: 0.2s;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

.selected-language:hover {
    border-color: #888;
}

.arrow {
    transition: transform 0.25s ease;
}

.language-select.open .arrow {
    transform: rotate(180deg);
}

.language-options {
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 8px;
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.1);
    z-index: 100;
    display: none;
    animation: fadeIn 0.2s ease;
	overflow-y: scroll;
    height: 400px;
}

.language-select.open .language-options {
    display: block;
}

.language-options a {
    display: block;
    padding: 10px 12px;
    text-decoration: none;
    color: #333;
    transition: background 0.2s;
}

.language-options a:hover {
    background: #f2f2f2;
}

.language-options a.active {
    background: #007bff;
    color: #fff;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
}

.blog_item_title:after {content: ""; bottom: 0; display: block; width: 100% 289.6px ; height: 4px; background-image: linear-gradient(to right, #ffb829, transparent); margin-top: 10px; }
.blog_item_description {padding: 0 10px 0 10px; font-size: 14px; color: #6a6a6a;}

.keyword { display: inline-block; cursor: pointer; border-radius: 13px; border: 1px solid #ff928b; margin: 5px; color: #0a6079; padding: 3px 10px; }

.mail_name .loader {opacity: 0.6;font-style: italic;transition: opacity .3s ease; }
.mail_name a {opacity: 0;transition: opacity .4s ease; }
.mail_name a.visible {opacity: 1; }