body {background-color: #fff; margin: 0; padding: 0; line-height: 1.6;font-family:'Roboto'; font-size: 16px;overflow-y: scroll; overflow-x: hidden; }
a { text-decoration: none; color: #000000; transition: all 0.4s ease 0s; display: contents; }
a:hover { text-decoration: none; color: #ff1414 !important; cursor: pointer; }
.speed_test {position: fixed; bottom: 20px; display: block; left: 10px; padding: 5px; border-radius: 6px; border: 1px solid #fff; text-align: center; background:#000000b0; color: #fff; font-weight: bold; font-size: 12px;}

.double {width:100%;margin:auto;display:flex;padding:10px 20px 0px 20px;box-sizing: border-box;gap:10px;}
@media screen and (max-width:820px){ .double{flex-direction: column; } }
@media screen and (max-width:820px){ .right{max-width:unset !important; } }
@media screen and (max-width:610px){ .double{padding:unset;} }

.nopublished {background-color: red; display: inline; position: fixed; bottom: 58px; padding: 4px 30px; border-radius: 5px; color: #fff; left: 10px; z-index: 999999; border: 1px solid #fff; font-size: 14px;}


.header {position:fixed;width:100%;background-color:#353645;z-index: 2;}
.header > .block:first-of-type {display: flex; padding: 10px 20px; min-height: 60px; align-items: center;gap: 20px;}
.header_label {height: 89px;}
.header img {height:38px;}
.header_right {display: flex; gap: 10px; align-items: center;margin-left: auto;}

.search {
	transform-origin: center; display: inline-block;margin-top: 2px; fill:#fff;cursor:pointer;margin-left: 10px;transition:all 0.4s ease;
	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIGZpbGw9JyNmZmYnIHZpZXdCb3g9Ii0wLjA3OCAtMC4wNzggMC43NSAwLjc1IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaW5ZTWluIiBjbGFzcz0iamFtIGphbS1zZWFyY2giPjxwYXRoIGQ9Ik0uMjUuNDM4YS4xODguMTg4IDAgMSAwIDAtLjM3NS4xODguMTg4IDAgMCAwIDAgLjM3NU0uNDQ4LjQwNC41Ni41MTZBLjAzMS4wMzEgMCAxIDEgLjUxNi41NkwuNDA0LjQ0OEEuMjUuMjUgMCAxIDEgLjQ0OC40MDQiLz48L3N2Zz4=") no-repeat center / contain;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 30px;
	height: 30px;
}

.menu {
	transform-origin: center; display: inline-block;cursor:pointer;transition:all 0.4s ease;
	background: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMzUgMzUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjM1IiBoZWlnaHQ9IjM1Ij48cGF0aCBkPSJNMTguOTY3IDIxLjg2N2MwLTEuMzY3IDAtMi4wNjcuNDMzLTIuNXMxLjEtLjQgMi40NjctLjRoMi45YzEuMzY3IDAgMi4wNjcgMCAyLjUuNDMzcy40MzMgMS4xLjQzMyAyLjQ2N3YyLjljMCAxLjM2NyAwIDIuMDY3LS40MzMgMi41cy0xLjEuNDMzLTIuNDY3LjQzM2gtMi45Yy0xLjM2NyAwLTIuMDY3IDAtMi41LS40MzNzLS40MzMtMS4xLS40MzMtMi40Njd6bTAtMTEuNjY3YzAtMS4zNjcgMC0yLjA2Ny40MzMtMi41czEuMS0uNCAyLjQ2Ny0uNGgyLjljMS4zNjcgMCAyLjA2NyAwIDIuNS40MzNzLjQzMyAxLjEuNDMzIDIuNDY3djIuOWMwIDEuMzY3IDAgMi4wNjctLjQzMyAyLjVzLTEuMS40MzMtMi40NjcuNDMzaC0yLjljLTEuMzY3IDAtMi4wNjcgMC0yLjUtLjQzM3MtLjQzMy0xLjEtLjQzMy0yLjQ2N3pNNy4zIDIxLjg2N2MwLTEuMzY3IDAtMi4wNjcuNDMzLTIuNXMxLjEtLjQgMi40NjctLjRoMi45YzEuMzY3IDAgMi4wNjcgMCAyLjUuNDMzcy40MzMgMS4xLjQzMyAyLjQ2N3YyLjljMCAxLjM2NyAwIDIuMDY3LS40MzMgMi41cy0xLjEuNDMzLTIuNDY3LjQzM0gxMC4yYy0xLjM2NyAwLTIuMDY3IDAtMi41LS40MzNzLS40LTEuMS0uNC0yLjQ2N3ptMC0xMS42NjdjMC0xLjM2NyAwLTIuMDY3LjQzMy0yLjVzMS4xLS40IDIuNDY3LS40aDIuOWMxLjM2NyAwIDIuMDY3IDAgMi41LjQzM3MuNDMzIDEuMS40MzMgMi40Njd2Mi45YzAgMS4zNjcgMCAyLjA2Ny0uNDMzIDIuNXMtMS4xLjQzMy0yLjQ2Ny40MzNIMTAuMmMtMS4zNjcgMC0yLjA2NyAwLTIuNS0uNDMzcy0uNC0xLjEtLjQtMi40Njd6IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjQ2NyIvPjwvc3ZnPg==") no-repeat center / contain;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 30px;
	height: 30px;
}

.open {
	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iMzUiIGZpbGw9JyNmZmYnIHZpZXdCb3g9IjAgMCAwLjcgMC43IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtLjM1LjM4MS4xNi4xNkwuNTQxLjUxLjM4MS4zNWwuMTYtLjE2TC41MS4xNTlsLS4xNi4xNkwuMTkuMTYuMTU5LjE5MWwuMTYuMTU5LS4xNi4xNi4wMzEuMDMxeiIvPjwvc3ZnPg==") no-repeat center / contain;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 30px;
	height: 30px;
	animation: spinOpen 0.6s ease forwards; 
}

.close { animation: spinClose 0.6s ease forwards; }

@keyframes spinOpen { 0% { transform: rotate(0deg); } 100% { transform: rotate(720deg); } }
@keyframes spinClose { 0% { transform: rotate(720deg); } 100% { transform: rotate(0deg); } }



.mg_l {margin-left: 10px;}
.footer {background-color: #353645;padding: 10px 0;}

.center {width: 100%;overflow: hidden;box-sizing: border-box;max-width: 710px;}
@media screen and (max-width:820px){ .center{padding:unset;max-width:unset;} }

.right {width: 100%; max-width: 340px; min-width: 340px;border-radius: 10px;}


.right::-webkit-scrollbar { display: none; }

.block {width:100%;max-width:1100px;margin:auto;overflow-wrap: anywhere;box-sizing: border-box;}

.page_head {margin: 10px 20px; background-color: #ffffff; padding: 5px 20px; border-radius: 5px;display: inline-block; width: stretch;}
.page_title {font-size: 20px; font-weight: bold;text-transform: uppercase;color: #ff1414;margin: 0; }
.page_description {color: #607D8B; font-size: 14px;margin: 0; font-weight: normal;}
@media screen and (max-width:610px){ .page_head{margin:10px 0;border-radius:unset;} }


.block_head {line-height: 1; width: stretch; border-top-left-radius: 10px; overflow: hidden; position: relative; display: inline-table;}
.block_head_title {font-size: 14px; font-weight: 500; text-transform: uppercase; color: #353645; margin: 0; background-color: #ffd523; padding: 9px 20px 7px 20px; width: max-content; border-bottom-right-radius: 10px; box-sizing: border-box;}
@media screen and (max-width:610px){ .block_head { margin: 0 10px 0 10px;} }


.language_item {background-color: #fff; color: #000; width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; border-radius: 50%; text-transform: uppercase; font-weight: bold; font-size: 12px;}
.language_item:hover {background-color: #ffd523;}
.language_item.is_selected{background-color: #ffd523;}

.unblock {background-color: #ffffff; border-radius: 10px; display: inline-block; width: stretch; margin: 10px; box-sizing: border-box; padding: 10px 20px;}

.bg_gray_light {background-color:#f9f9f9;min-height: 50vh;}

.marquee {background-color:#eee;overflow:hidden;transition:all 0.4s ease;}
.marquee_track {display: flex; width: max-content;gap:10px;position: relative;align-items: center;animation: marquee 350s linear infinite; }
@media screen and (max-width:610px){ .marquee_track{animation: marquee 450s linear infinite;} }

.marquee_item {white-space: nowrap; margin:0; text-transform: uppercase;display: flex; align-items: center; font-size: 14px; font-weight: 500; padding: 3px 0;}
.marquee > .block:first-of-type {overflow: hidden; display: flex; align-items: center;}
.marquee_start { position: relative; width: 2px; height: -webkit-fill-available; background:linear-gradient(to right, #eee 76%, rgba(238,238,238,0) 100%); z-index: 5; padding: 0 30px; }
.marquee_start::before,.marquee_start::after { content: ''; position: absolute; top: 50%; left: 50%; width: 2px; height: 2px; border: 2px solid red; border-radius: 50%; transform: translate(-50%, -50%); animation: wave 2s infinite; }
.marquee_start::after { animation-delay: 1s; }
.marquee_end {background:linear-gradient(to left, #eee 25%, rgba(238,238,238,0) 100%); height: stretch;width: 40px;min-width: 40px;z-index: 2;}
.marquee_center {overflow:hidden;margin-left: -20px; margin-right: -40px;}
@keyframes wave { 0% { width: 2px; height: 2px; opacity: 0.8; } 100% { width: 20px; height: 20px; opacity: 0; } }
.marquee_track a:not(:first-child) .marquee_item::before { content: ''; display: inline-block; width: 5px; height: 5px; border-radius: 50%; background-color: #ff1414; margin-right: 10px; vertical-align: middle; }

@keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-100%);   } }

.floats {display: flex; flex-wrap: wrap;gap:20px;padding:0 20px 10px 20px;}
.float {width:calc(33.3% - 13.1px); background-color: #fff; border-radius: 5px;overflow: hidden;}
.float_image_block {width: 100%; position:relative;  width: 100%; padding-bottom: 67%; position: relative; overflow: hidden;}
.float_image {object-fit: cover; width: 100%; position: absolute; height: 100%;transition:all 0.4s ease;}
.float_title {padding:10px 20px 5px 20px;font-weight:500; font-size:18px;line-height: 1.4;margin:0;}
.float_hits {display: flex; gap: 10px; align-items: center; padding: 0 20px 10px 20px;font-weight: 500; font-size: 14px;}
.float_hits svg {fill: red;}

.float_head {display: flex; width: 100%; text-wrap-mode: nowrap; align-items: center; justify-content: flex-start; box-sizing: border-box;}
.float_category {color: #353645; font-size: 14px; display: flex; gap: 7px; align-items: center; font-weight: 500; background: #ffeda2; padding:5px 20px 5px 10px;}
.float_time {font-size: 14px; display: flex; gap: 5px; align-items: center; padding: 5px 10px; background-color: #ffffffe3; color: #353645; font-weight: 500; width: 100%;}
.float_category svg {fill:#353645;width:14px;margin-top: -1px;}
.float_time svg {fill: #909090; width: 15px; margin-top: -1px;} 

.float:hover {background-color: #3d653812;}
.float:hover .float_image {scale: 1.05;}
.float:hover .float_category {background-color:#ffd523;}

@media screen and (max-width:820px){ .float{width:calc(50% - 6.5px);} }
@media screen and (max-width:610px){ .float{width:100%;} }
@media screen and (max-width:610px){ .floats{padding:unset;gap:10px;} }

.tx_medium {font-size: 14px;}

.block_empty {background-color: #fff; padding: 5px 20px; border-radius: 5px; width: 100%; box-sizing: border-box;}


.loading_content { text-align: center; box-sizing: border-box;margin: 20px auto; width: 40px; height: 40px; border: 4px solid rgba(0,0,0,0.1); border-top: 4px solid #ffd523; border-radius: 50%; animation: loading_spin 0.8s linear infinite; }
@keyframes loading_spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

.menu_block {background-color: #f9f9f9;overflow: hidden;padding:20px 0; height:100vh; overflow-y: scroll;  box-sizing: border-box;display:none;}
.menu_block .block {display: flex;gap:10px;flex-wrap: wrap; padding:0 20px;}
.menu_item {padding:3px 20px; background-color:#eee;font-weight: 500; white-space: nowrap;border-radius:10px;}
.menu_item:hover{background-color:#353645;color:#fff;}
.menu_item.is_selected {background-color:#353645;color:#fff;}
.menu_show {display:block;}
.menu_block::-webkit-scrollbar { display: none; }

.menu_head {padding: 10px 5px;}
.menu_footer {background-color: #fff; padding: 10px 20px; border-radius: 10px;}
.menu_title{font-weight: bold; text-transform: uppercase; color: #ff1414;display: flex; gap: 20px;}
.menu_description { font-size: 14px; color: #353645;display: flex; flex-direction: column; gap: 10px;}


.search_block {background-color: #f9f9f9;overflow: hidden;padding:20px 0; height:100vh; box-sizing: border-box;display:none;}
.search_block .block {display: flex;gap:10px;flex-wrap: wrap; padding:0 20px;}
.search_input {display:flex;gap:20px;max-width:600px;background-color:#fff;align-items: center;width:100%;border-radius: 10px;padding: 10px 20px;outline: 1px solid #e5e3e3;}
.search_input input {border: none; outline: none;width:100%;background-color: transparent;font-family: 'Roboto';font-size: 20px;}
.search_input svg {height: 25px;fill:#a2a2a2;}

.hits {display: flex; gap: 5px;flex-direction: column;position: sticky; top:99px;scrollbar-width: none; overflow-y:scroll;height: 100vh;}
.hits::-webkit-scrollbar { display: none; }
@media screen and (max-width:820px){ .hits{ overflow-y:unset;height:unset;} }

.hit_item {display: flex; gap: 15px; border-radius:10px;  transition:all 0.4s ease; background-color: #fff; align-items: flex-start;box-sizing: border-box; padding:10px 20px;}
@media screen and (max-width:610px){ .hit_item{border-radius:unset;} }
.hit_item:hover {background-color:#3d653812;}

.hit_image_block {outline: 2px solid #fff; box-shadow: 0 0 16px rgba(0, 0, 0, 0.2); border-radius: 50%; width: 40px; min-width: 40px; margin-top: 7px; height: 40px; overflow: hidden;}
.hit_image {width: 100%; height: 100%; object-fit: cover;}
.hit_title {font-weight:500;margin: 0; font-size: 16px;}

.hit_head {display: flex; align-items: center; justify-content: space-between;font-size: 14px; margin-top: 5px;}

.hit_hits {display:flex;gap:10px;align-items: center;font-size: 14px;}
.hit_hits svg {width:14px;fill:#fd2929d6;}

.hit_time {display:flex;gap:6px;align-items: center;font-size: 14px;color: #0067ba;}
.hit_time svg {width:10px;width: 12px; fill: #000000d6;}
.hit_content {width:100%;box-sizing: border-box;}

.post {background-color: #fff;border-radius: 10px;}	
.post_block {display: flex; justify-content: space-between; align-items:center;padding: 10px 20px; border-radius: 10px;}
.post_image_block {width: 100%; position: relative; width: 100%; padding-bottom: 67%; position: relative; overflow: hidden; border-radius: 10px;}
.post_image {object-fit: cover; width: 100%; position: absolute; height: 100%; transition: all 0.4s ease;}
@media screen and (max-width:610px){ .post_image_block{border-radius:unset;} }
.post_title {font-size: 28px; font-weight: bold; margin: 0; padding:0 20px;}
.post_body {font-size:18px;line-height:1.8;padding: 0 20px;height: 100%;overflow: hidden;}
.post_body h2 {font-size: 20px;}
.post_category {background-color: #ffeda2; border-radius: 5px; padding: 3px 10px; color: #353645; font-weight: 500;}
.post_category:hover {background-color: #ffd523;}
.post_hits {display: flex; align-items: center; gap:10px;font-weight:500;font-size:14px;}
.post_hits svg {width:13px;height:13px;fill:red;}
.post_time {display: flex; align-items: center; gap:10px;font-weight:500;font-size:14px;}
.post_time svg {width:12px;height:11px;fill:red;}


.post_tags {display: flex; gap: 10px; flex-wrap: wrap; box-sizing: border-box; padding:20px; background-color: #fff; margin: 10px 0; border-radius: 10px;}
.post_tags_item { padding: 3px 20px; background-color: #f4f4f4; font-weight: 500; white-space: nowrap; border-radius: 10px;}
.post_tags_item:hover{background-color: #353645; color: #fff;}

.post_author {display: flex; gap: 10px; flex-wrap: wrap; box-sizing: border-box; padding: 20px; background-color: #fff; margin: 10px 0; border-radius: 10px;}
.post_author_title {margin: 0; font-size: 16px; font-weight: 500;}
.post_author_description {color: #848484; display: flex; gap: 5px; align-items: center;margin-top: -3px;}
.post_author_image {background-size: cover; margin-top: 3px; outline: 2px solid #fff; box-shadow: 0 0 16px rgba(0, 0, 0, 0.2); border-radius: 12px; width: 40px; min-width: 40px; height: 40px;}


.redactor {display: flex; flex-direction: column; overflow: hidden; gap: 5px;background-color: #f8f8f8;margin-top: 10px;}


.redactor_item { display: flex; gap: 15px; background-color: #fff; align-items: flex-start; transition: all 0.4s ease; border-radius: 10px; overflow: hidden; }
@media screen and (max-width:610px){ .redactor_item{border-radius:unset;flex-direction: column;gap: 0;} }
@media screen and (max-width:610px){ .redactor_image_block{width: 100% !important; height: auto !important;} }
@media screen and (max-width:610px){ .redactor_content{padding: 10px 20px !important;} }
.redactor_item:hover {background-color:#3d653812;}

.redactor_image_block {width: 200px; min-width: 200px; height: 124px; position: relative;}
.redactor_image {object-fit: cover; width: 100%; min-width: 100%; height: 100%; }
.redactor_title { font-weight: 500;font-size: 16px; margin: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
@media screen and (max-width:610px){ .redactor_title{-webkit-line-clamp: 4;} }

.redactor_time {color: #0067ba;font-size: 14px;display:flex;gap:5px;align-items: center;}
.redactor_time svg {width:12px;fill: #000;margin-top: -1px;}
.redactor_head {display: flex; width: 100%; gap: 20px; align-items: center;}
.redactor_content {width: 100%; display: flex; flex-direction: column; padding: 10px 10px 10px 0; max-width: 100%; box-sizing: border-box; gap: 5px; }
.redactor_category {color: #ff0404; font-size: 14px;display:flex;gap:7px;align-items: center;font-weight: 500;}
.redactor_category svg {width:14px;fill: #000;}


.redactor_description {font-size: 14px; color: #aeaeae; font-weight: normal; margin-top: -5px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;margin: 0;}

.swiper {width:100%;border-radius:10px;overflow:hidden;margin-bottom: 10px;}
.swiper_block {position:relative;width:100%;padding-bottom: 67%;overflow: hidden;}
.swiper_image_block {position:absolute;top:0;left:0;width: 100%;height:100%;}
.swiper_image {object-fit:cover;width:100%;height:100%;}
.swiper_content {z-index: 2; box-sizing: border-box;  position: absolute; bottom: 20px; left: 0;padding: 20px;width: 100%;}
.swiper_title {font-size: 28px; font-weight: 600;color: #fff;line-height:1.3;margin:0;}
.swiper_head {display:flex;align-items: flex-end;margin-bottom:10px;font-size: 14px;}
.swiper_time {color: #000000; padding:3px 15px; background-color: #ffffff;font-weight: 500;border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.swiper_category {background-color: #ffd523; color: #353645; padding: 3px 10px; width: max-content; font-weight: 500;border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.swiper_black {z-index: 1; position: absolute; top: 0; left: 0; background: linear-gradient(to bottom, transparent 0%, rgb(0 0 0 / 39%) 100%); width: 100%; height:100%;}
@media screen and (max-width:610px){ .swiper{border-radius:unset;} }
@media screen and (max-width:610px){ .swiper_title{font-size: 22px;} }

.swiper-button-next, .swiper-button-prev { color: #fff !important; scale:0.6; height: 14px !important;}
.swiper-pagination-bullet { background: #fff !important; opacity: 0.5 !important; }
.swiper-pagination-bullet-active { background: #fff !important; opacity: 1 !important; }

.footer_social {display: flex; gap: 10px; box-sizing: border-box; padding:10px 0;}
.footer_social_item {background-color: #f4f4f4; padding: 10px; display: flex; align-items: center; border-radius: 10px;}
.footer_social_item img {width:15px;height:15px;}
.footer_head {display:flex;justify-content: space-between;}
.footer_logo {height:50px;}

.footer_content {background-color: #fff; padding:20px; border-radius: 10px;}
@media screen and (max-width:1100px){ .footer_content{border-radius:unset;} }

.footer_title {font-weight: bold; text-transform: uppercase; color: #ff1414; display: flex; gap: 20px; justify-content: flex-end;}
.footer_description {font-size: 14px; color: #353645; display: flex; flex-direction: column; gap: 10px;}

.tx_500 {font-weight:500;}
.tx_center {text-align: center; display: flex; flex-direction: column; align-items: center;} 
.height_max {min-height:95vh;}
.max_width_middle {max-width:600px;margin:0 auto;} 
.tx_gray {color:#767676;} 
.tx_big {font-size:28px;}
.tx_bold {font-weight:bold;}

.similar {display: flex; gap: 5px; flex-direction: column; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; overflow: hidden;}
.similar_item {display: flex; gap: 15px; border-radius: 10px; padding: 10px 20px; background-color: #fff; align-items: flex-start;transition: all 0.4s ease;}
.similar_item:hover {background-color:#3d653812;}

.similar_image_block {margin-top:5px; outline: 2px solid #fff; overflow:hidden; box-shadow: 0 0 16px rgba(0, 0, 0, 0.2); border-radius: 12px; width: 35px; min-width: 35px; height: 35px;}
.similar_image {object-fit: cover; width:100%;height:100%;}
.similar_time {color: #848484; font-size: 14px; display: flex; gap: 5px; align-items: center;}
.similar_time svg {width: 12px; fill: #656565; margin-top: -1px;}
.similar_content {width: 100%; display: flex; flex-direction: column;}
.similar_title {font-weight: 500; font-size: 16px; margin: 0;}

.social {display: flex; background-color: #ffffff; margin: 10px 0; border-radius: 10px; gap: 10px; box-sizing: border-box; padding: 10px 20px;}
.social_item {background-color: #f4f4f4; padding: 10px; display: flex; align-items: center; border-radius: 10px;}
.social_item:hover {background-color:#e6e6e6;}
.social_item img {width:15px;height:15px;}