@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 400;
	src: url('/static/fonts/Lato/Lato_400.woff2') format('woff2');
	font-display: swap;
}
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 600;
	src: url('/static/fonts/Lato/Lato_600.woff2') format('woff2');
	font-display: swap;
}
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 700;
	src: url('/static/fonts/Lato/Lato_700.woff2') format('woff2');
	font-display: swap;
}
:root {
	--white-color: rgb(255, 255, 255);
	--black-color: rgb(0, 0, 0);
	--red-color: rgb(201, 0, 0);
	--text-color: rgb(87, 93, 97);
	--placeholder-color: rgb(131, 153, 171);
	--info-color: rgb(144, 152, 165);
	--background-color: rgb(242, 245, 247);
	--category-back: rgb(8, 40, 66);

	--hdr-top: rgb(12, 48, 77);
	--hdr-text: rgb(157, 175, 190);
	--hdr-middle: rgb(8, 40, 65);
	--hdr-bottom: rgb(6, 30, 50);
	
	--title-border: rgb(237, 237, 237);
	--title-dark-border: rgb(120, 163, 196);

	--line-color: rgb(232, 232, 232, .08);
	--social-color: rgb(110, 128, 142);

	--fs-sm: 12px;
	--fs-base: 14px;
	--fs-lg: 16px;
	--fs-xl: 20px;
	--fs-xxl: 24px;

	--line-height: 1.5;
}
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}
body {
	font-family: 'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
	font-size: var(--fs-base);
	font-weight: 400;
	line-height: var(--line-height);
	background-color: var(--background-color);
	color: var(--text-color);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body.fixed,
body.modal { overflow: hidden }
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-weight: 600;
}
h1 { font-size: var(--fs-xxl) }
h2 { font-size: var(--fs-xl) }
h3 { font-size: var(--fs-lg) }
h4 { font-size: var(--fs-base) }
h5 { font-size: var(--fs-sm) }
h6 {
	font-size: var(--fs-sm);
	font-weight: 400;
}
p { margin-bottom: 1em }

a {
	color: var(--text-color);
	transition: color .2s ease;
	text-decoration: none;
}
a:hover { color: var(--blue-color) }
button {
	display: flex;
	align-items: center;
	justify-content: center;
	outline: none;
	border: none;
	background-color: transparent;
}
button,
.btn {
	display: flex;
	gap: 5px;
	cursor: pointer;
	text-decoration: none;
	transition: .35s;
	cursor: pointer;
}
.icon {
	display: block;
	background: center / contain no-repeat;
}
.ic_12 {
	width: 12px;
	height: 12px;
}
.ic_16 {
	width: 16px;
	height: 16px;
}
.ic_24 {
	width: 24px;
	height: 24px;
}
.ic_48 {
	width: 48px;
	height: 48px;
}
.ic_telegram { background-image: url('/static/icons/ic_clock.svg') }
.ic_telegram { background-image: url('/static/icons/ic_telegram.svg') }
.ic_whatsapp { background-image: url('/static/icons/ic_whatsapp.svg') }
.ic_instagram { background-image: url('/static/icons/ic_instagram.svg') }
.ic_youtube { background-image: url('/static/icons/ic_youtube.svg') }
.ic_tiktok { background-image: url('/static/icons/ic_tiktok.svg') }
.ic_notification { background-image: url('/static/icons/ic_notification.svg') }
.ic_chevron { background-image: url('/static/icons/ic_chevron.svg') }
.ic_close { background-image: url('/static/icons/ic_close.svg') }
.ic_olimpbet { background-image: url('/static/icons/ic_olimpbet.png') }
.ic_video { background-image: url('/static/icons/ic_video.png') }
.ic_photo { background-image: url('/static/icons/ic_photo.png') }

body.modal .modal_back .story_info .close {
	position: relative;
	top: auto;
	right: auto;
}
body.modal .modal_back .close {
	position: absolute;
	top: -12px;
	right: -12px;
	z-index: 12;
	border-radius: 50%;
	background-size: 65%;
	background-color: var(--white-color);
	border: 1px solid var(--transparent-black);
	cursor: pointer;
}
body.modal .modal_back .close:hover { background-color: rgb(255, 255, 255, .5) }
body.modal .modal_back { display: grid }
.modal_back {
	display: none;
	position: absolute;
	inset: 0;
	height: 100%;
	z-index: 999;
	background-color: var(--modal-back-back);
}
.ic_close { background-image: url(/static/images/ic_close.svg) }
.sidebar_menu { display: none }

.app {
	display: flex;
	flex-direction: column;
	height: 100%;
}
header {
	display: flex;
	flex-direction: column;

    position: fixed;
    top: 0;
	z-index: 99;
	width: 100%;
}
.rl { position: relative }
.rl:after {
	content: '';
	position: absolute;
	right: 0;
	background-color: var(--line-color);
	width: 1px;
	height: 50%;
	margin-top: auto;
	margin-bottom: auto;
}
.hdr_top { background-color: var(--hdr-top) }
.hdr_top .rl:after { height: 10px }
.hdr_today {
	display: flex;
	gap: 5px;
	align-items: center;
	color: var(--hdr-text);
	font-size: var(--fs-sm);
	font-weight: 600;
	padding: 10px 0;
}
.hdr_top .container {
	display: grid;
	grid-template-columns: 15fr 8fr 18fr 35fr 20fr 10fr auto;
	align-items: center;
}

.hdr_lang {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.hdr_lang .curr_lang {
	cursor: pointer;
	color: var(--white-color);
	font-size: var(--fs-sm);
}
.hdr_lang i { color: var(--hdr-text) }
.hdr_lang .lang_menu {
	position: absolute;
	opacity: 0;
	z-index: -1;
	display: grid;
	gap: 10px;
	padding: 10px 20px;
	border-radius: 5px;
	background-color: var(--white-color);
	top: 100%;
	transition: .3s ease;
}
.hdr_lang:hover .lang_menu {
	opacity: 1;
	z-index: 10;
	left: 0;
}
.lang_menu a:hover { color: rgb(99, 214, 244) }
.hdr_links {
	display: flex;
	gap: 10px;
	justify-content: center;
}
.hdr_links a {
	color: var(--white-color);
	border-bottom: 1.5px dotted var(--text-color);
}
.hdr_links a:hover { border-color: var(--white-color) }

.hdr_search {
	position: relative;
	display: flex;
	align-items: center;
	background-color: rgb(255, 255, 255, .05);
	height: 100%;
}
.hdr_search input {
	background-color: transparent;
	width: 100%;
	height: 100%;
	outline: 0;
	border: 0;
	padding: 0 10px;
	color: var(--white-color);
}
.hdr_search input::placeholder { color: var(--placeholder-color) }
.hdr_search i {
	position: absolute;
	right: 5px;
	color: var(--white-color);
}

.hdr_mode {
	display: flex;
	justify-content: center;
	align-items: center;
}
.mode {
	opacity: 0;
	position: absolute;
}
.mode_label {
	background-color: rgb(255, 255, 255, .05);
	width: 50px;
	height: 16px;
	border-radius: 50px;
	position: relative;
	padding: 5px;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.icon-weather-night { color: #f1c40f }
.icon-weather-sunny { color: #f39c12 }
.mode_label .ball {
	background-color: var(--white-color);
	width: 22px;
	height: 22px;
	position: absolute;
	left: 2px;
	top: 2px;
	border-radius: 50%;
	transition: transform .2s linear;
}

.mode:checked + .mode_label .ball { transform: translateX(34px) }

.hdr_social {
	display: flex;
	gap: 15px;
	justify-content: center;
	align-items: center;
	font-size: var(--fs-lg);
}
.hdr_social a { color: var(--social-color) }
.hdr_social a:hover { color: var(--white-color) }

.hdr_live {
	display: flex;
	align-items: center;
	justify-content: end;
	gap: 5px;
	color: var(--red-color);
	padding-left: 15px;
}
.hdr_live a { color: var(--white-color) }

.hdr_live i {
	opacity: 0;
	animation: blink 1.2s ease-in-out infinite;
}
@keyframes blink {
    0%, 100% { opacity: .2 }
    50% { opacity: 1 }
}

.hdr_middle { background-color: var(--hdr-middle) }
.hdr_middle .container {
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
}
.hdr_logo { padding: 10px 0 }
.hdr_logo img { max-width: 130px }

.hdr_menu {
	display: flex;
	gap: 15px;
	justify-content: space-evenly;
	align-items: center;
	padding: 0 15px;
	overflow-x: scroll;
	scrollbar-width: none;
}
.hdr_menu::-webkit-scrollbar { display: none }
.hdr_menu a {
	color: var(--white-color);
	white-space: nowrap;
}
.hdr_menu a.current,
.hdr_menu a:hover { color: rgb(99, 214, 244) }
.hdr_menu i {
	display: flex;
	height: 50px;
	align-items: center;
}
.hdr_menu i:last-child { display: none }

.hdr_icons {
	display: flex;
	gap: 10px;
	align-items: center;
	justify-content: center;
}
.hdr_icons a {
	display: grid;
	gap: 2px;
	align-items: center;
	justify-items: center;
	color: var(--white-color);
	font-size: var(--fs-sm);
	/* 78a3c4 */
}
.hdr_middle a:hover { filter: brightness(150%) }

.hdr_bottom { background-color: var(--hdr-bottom) }
.hdr_bottom a { color: var(--hdr-text) }

.container {
	width: 100%;
	margin: 0 auto;
}

.card {
	padding: 15px;
	background-color: var(--white-color);
	border-radius: 3px;
	box-shadow: 0 2px 6px rgb(20 36 56 / 4%);
	overflow: hidden;
}
.card .title {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	color: var(--black-color);
	border-bottom: 1px solid var(--title-border);
	padding-bottom: 5px;
}
.card .title:after {
	content: '';
	background-color: var(--title-dark-border);
	height: 1px;
	width: 32px;
	position: absolute;
	bottom: -1px;
}
.card .body {
	
}
.layout {
	display: grid;
	grid-template-columns: 25fr  50fr 25fr;
	gap: 15px;
	margin-top: 15px
}
.layout.back {
	background-color: var(--background-color);
	margin-top: 480px;
	border-radius: 10px;
	border: 1px solid var(--title-border);
	padding: 15px;
}

.sidebar_left {
	display: flex;
	flex-direction: column;
	gap: 15px;
	padding: 15px 0;
	box-sizing: border-box;
}
.sidebar_right {
	display: flex;
	flex-direction: column;
	gap: 15px;
	padding: 0 0 15px;
}

.layout.back .sidebar_left,
.layout.back .sidebar_left { padding: 0 }
.league_tab { position: relative }
.league_tab:hover .current_league {
	color: var(--dark-color);
	border-color: var(--stories-button-back);
}
.league_tab:hover .current_league path { stroke: rgb(0, 0, 0, .5) }
.league_tab.open .current_league path { stroke: var(--dark-color) }
.league_tab.open .current_league { border-color: var(--dark-color) }
.league_tab .current_league {
	display: grid;
	align-items: center;
	grid-template-columns: 1fr auto;
	gap: 5px;
	color: var(--text-color);
	border: 1px solid var(--title-border);
	font-size: var(--fs-sm);
	font-weight: 600;
	border-radius: 8px;
	padding: 8px 16px;
	margin-top: 10px;
	cursor: pointer;
}
.league_tab .current_league i {
	font-size: 20px;
	transition: all .15s ease-in-out;
}
.league_tab.open .current_league i { transform: rotate(180deg) }
.league_tab.open .league_list {
	opacity: 1;
	pointer-events: auto;
	transform: scale(1) translateY(0);
}
.league_tab .current_league path { stroke: var(--stories-button-back) }

.league_tab .league_list {
	position: absolute;
	display: grid;
	opacity: 0;
	overflow: hidden;
	padding: 0;
	pointer-events: none;
	top: 100%;
	left: 0;
	width: 100%;
	background-color: #fff;
	border-radius: 15px;
	border-top-left-radius: 0;
	box-shadow: 0px 5px 10px 2px rgb(34, 60, 80, .2);
	overflow: hidden;
	transform-origin: 50% 0;
	transform: scale(.75) translateY(-21px);
	transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
	z-index: 9;
}
.league_tab .btn_league {
	display: grid;
	align-content: center;
	justify-content: start;
	background-color: transparent;
	text-align: left;
	padding: 5px 15px;
	font-size: 12px;
}
.league_tab .btn_league:hover { background-color: var(--background-color) }
.league_tab .btn_league.current { font-weight: 600 }
.league_tab .btn_league:first-child { padding-top: 15px }
.league_tab .btn_league:last-child { padding-bottom: 15px }

.league_table_wrap {
	display: grid;
	gap: 10px;
	position: relative;
}
.league_table {
	display: none;
	transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
	margin: 15px 0;
}
.league_table.current { display: grid }
.table_header.table_row {
	font-size: 10px;
	color: var(--second-color);
	border-bottom: 1px solid var(--stories-button-back);
	opacity: 1;
}
.short_table .table_row { grid-template-columns: 20px 1fr 42px }
.short_table .table_row .hide { display: none }
.table_row {
	display: grid;
	gap: 5px;
	grid-template-columns: 10px 8fr 2fr 2fr 2fr 2fr 2fr 2fr;
	padding: 5px 0;
	cursor: pointer;
	font-weight: 400;
	border-bottom: 1px solid var(--title-border);
	opacity: .8;
}
.table_row:last-child { border-color: transparent }
.table_row:hover { opacity: 1 }
.table_row img {
	width: 18px;
	border-radius: 5px;
}
.table_row .team_name {
	display: flex;
	gap: 5px;
	align-items: center;
}
.table_row .score_count { font-weight: 500 }
.table_row .center { text-align: center }

.partners {
	display: grid;
	gap: 5px;
}
.partners a {
    display: flex;
    align-items: center;
	justify-content: center;
    background-color: #fff;
    padding: 15px;
    border: 1px solid #e8e8e8;
    text-decoration: none;
    border-radius: 10px;
    transition: all .3s ease-in-out;
}
.partners a:hover { box-shadow: 0px 0px 30px 1px rgba(0, 0, 0, .06) }
.partners a img { max-height: 50px }

main.content {
	display: none;
	gap: 15px;
	flex-direction: column;
	align-items: center;
	overflow-y: scroll;
    padding: 0;
    margin: 0 0 15px;
	background-color: var(--background-color);
	position: relative;
}
main.content.show { display: flex }
.section_title {
	color: var(--category-back);
	font-weight: 700;
	letter-spacing: 1px;
}
.posts.card {
	display: grid;
	padding: 0;
}

.post_box {
	position: relative;
	cursor: pointer;
	padding: 0;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid var(--title-border);
}

.small_box {
	display: flex;
	gap: 10px;
	padding: 15px;
}
.post_box:hover img { filter: brightness(120%) }
.small_box .post_box {
	border-color: transparent;
	margin: 0;
	padding: 0;
}
.post_img { position: relative }
.post_img span {
	display: flex;
	position: absolute;
	left: 8px;
	bottom: -8px;
	border-radius: 3px;
	padding: 3px 7px;
	font-size: 12px;
	font-weight: 700;
	color: var(--white-color);
	background-color: var(--category-back);
}
.small_box .post_img span { display: none }
.small_box .post_img img { border-radius: 3px }
.post_img img {
	max-width: 100%;
	border-radius: 3px;
	transition: color .3s ease;
}
.post_box a {
	position: absolute;
	inset: 0;
}

.post_meta { padding: 25px 15px 15px }
.small_box .post_meta { padding: 0 }
.post_meta h3 {
	font-size: 18px;
	color: var(--category-back);
	font-weight: 600;
	line-height: 24px;
}
.post_meta {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.small_box .post_meta h3 {
	font-size: 14px;
	letter-spacing: -.25px;
	line-height: 16px;
}
.post_info {
	display: flex;
	gap: 5px;
	align-items: center;
	color: var(--info-color);
	font-size: 12px;
	font-weight: 600;
}
.small_box .post_info { display: none }

.day_digit {
	display: grid;
	justify-items: center;
	gap: 0;
	color: var(--category-back);
	padding: 15px 0;
}
.day_digit h5 { font-size: 48px }
.day_digit h6 { font-size: 24px }
.day_digit span { font-size: 16px }

.spec_news {
	display: flex;
	padding: 15px 0 25px;
	position: relative;
}
.spec_box {
	gap: 10px;
	color: var(--category-back);
	transition: opacity .55s ease;
	opacity: 0;
	position: absolute;
	z-index: -100;
	display: grid;
}
.spec_box.current {
	opacity: 1;
	z-index: 1;
	position: relative;
}
.spec_box img {
	border-radius: 3px;
	max-width: 100%;
}
.spec_box a {
	position: absolute;
	inset: 0;
}
.spec_box h5 { min-height: 75px }
.spec_pag {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	display: grid;
	grid-template-columns: repeat(5, 7px);
	justify-content: center;
	gap: 5px;
}
.spec_pag a {
	display: grid;
	width: 7px;
	height: 7px;
	background-color: #cdcccd;
	color: #cdcccd;
	border-radius: 50%;
	font-size: 1px;
	cursor: pointer;
}
.spec_pag a.current { background-color: #78a3c4 }

.card.top_card { padding: 15px 0 0 }
.top_news {
	display: grid;
	gap: 10px;
	padding: 0;
}
.top_box {
	display: grid;
	gap: 5px;
	position: relative;
	padding: 10px 15px;
}
.top_box:nth-child(odd) { background-color: #f7f7f7 }
.top_box div {
	display: grid;
	grid-template-columns: 1fr auto;
	text-transform: uppercase;
}
.top_box strong { color: var(--red-color) }
.top_box i {
	font-style: normal;
	color: #cdcccd;
	font-weight: 700;
	font-size: 18px;
}
.top_box a {
	position: absolute;
	inset: 0;
}

.calendar_box {
	margin: 15px 0;
	width: 100%;
    border-spacing: 0;
    border-collapse: separate;
}

.calendar_box .liner {
	background-color: #3c67b0;
	color: #fff;
	font-weight: 600;
	margin-top: 10px;
}
.calendar_box .liner td {
	text-align: center;
	border-right: 1px solid rgb(255, 255, 255, .1);
}
.calendar_box .month_name {text-align: center }
.calendar_box .to_next { text-align: right }
.calendar_box .to_month { cursor: pointer }

.single_news {
	display: flex;
	padding: 25px 0;
	padding-top: 0;
}
.single_news .news_box {
    flex: 1;
    padding: 0 25px;
    display: flex;
	flex-direction: column;
}
.single_news .news_box .time_ago {
	font-size: 14px;
	margin: 5px 0;
}
.single_news .news_box .news_authors { margin: 0 10px 10px 0 }
.single_news .news_box .news_authors a {
	display: flex;
	align-items: center;
	font-size: 14px;
	font-weight: 600;
}
.single_news .news_box .news_authors a img {
	max-height: 32px;
	margin-right: 5px;
	border-radius: 7px;
}
.single_news .news_box .news_title {
    color: var(--category-back);
	font-weight: 600;
	font-size: 24px;
	line-height: 28px;
	margin: 0 0 25px;
}
.single_news .news_box .news_image img {
	width: 100%;
	max-width: 100%;
	border-radius: 10px;
}
.single_news .news_box .news_image .image_description {
	font-size: 14px;
	margin-top: 0;
}
.single_news .news_box .news_content {
    font-weight: 300;
    font-size: 18px;
	margin: 0 0 15px;
}
.single_news .news_box .news_content iframe { max-width: 100% }
.single_news .news_box .news_content img {
	max-width: 100%;
	border-radius: 5px;
}
.single_news .news_box .news_content a {
	text-decoration: none;
}
.single_news .news_box .news_content a:hover {
	border-bottom: 1px dotted;
}

.single_news .news_box .news_tags {
	display: flex;
}
.single_news .news_box .news_tags a {
	text-decoration: none;
	font-size: 14px;
	background-color: rgb(0, 114, 184, .05);
	border-radius: 15px;
	padding: 2px 10px;
	margin: 5px;
}

.single_news .more_news {
	display: flex;
	flex-wrap: wrap;
	padding: 15px 0 25px;
}
.single_news .more_news a div { padding: 0 10px }
.single_news .more_news a {
    flex: 1 0 auto;
	max-width: 33%;
    display: flex;
    flex-direction: column;
    text-decoration: none;
	font-size: 15px;
    letter-spacing: .3px;
    line-height: 1.2em;
	margin-bottom: 25px;
}
.single_news .more_news a img {
	width: 100%;
	border-radius: 10px;
}
.single_news .more_news a p {
	display: flex;
	align-items: center;
	margin: 0;
}
.single_news .more_news a p.news_info { margin: 15px 0 5px }
.single_news .more_news a p strong {
	margin: 0 10px;
	font-size: 20px;
}
.single_news .right_box {
    flex: 0 0 25%;
    display: flex;
    flex-direction: column;
}
.content_news .banner_img { padding: 0 }
.banner_img { padding: 15px }
.banner_img img {
	max-width: 100%;
	border-radius: 5px;
}
.sidebar_banner .banner_img { padding: 0 }
.breadcrumb {
	display: flex;
	align-items: center;
}
.breadcrumb i { }
.breadcrumb a {
	font-family: 'Alice', serif;
	font-weight: 400;
	text-decoration: none;
    color: #0072b8;
}
.breadcrumb a:hover { color: #4196ff }

.answer_box {
	display: grid;
	gap: 10px;
	padding: 15px 0;
}
.btn_answer {
	background-color: #3c67b0;
	color: #fff;
	padding: 5px 0;
	border-radius: 5px;
}
.answer_res {
	display: grid;
}
.answer_data {
	display: grid;
	grid-template-columns: 16px 1fr 50px;
	gap: 10px;
	position: relative;
	overflow: hidden;
	border-radius: 15px;
	padding: 5px 10px;
	background-color: rgb(28, 37, 72, .05);
	color: rgb(28, 37, 72);
	font-weight: 500;
}
.answer_data i {
	display: flex;
	width: 16px;
	height: 16px;
	background-color: var(--dark-parent);
	border: 2px solid var(--dark-color);
	border-radius: 50%;
}
.current i { background-color: rgb(255, 255, 255) }
.answer_bar {
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 15px;
	height: 100%;
	background-color: rgb(28, 37, 72, .15);
}

.error_shape {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 404px;
    height: 404px;
    margin: 35px auto;
    border-radius: 50%;
    background-color: var(--white-color);
    font-size: 102px;
    color: #555;
}
.error_content {
	font-size: 16px;
	text-align: center
}
.error_content a { color: var(--red-color) }
.btn_burger {
	display: none;
    background-color: rgb(255, 255, 255, .025);
    color: var(--white-color);
    font-size: 28px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    cursor: pointer;
}
.hdr_banner { display: none }
#st-2.st-animated,
#st-1 { z-index: 1!important }
.mobile_tab { display: none }
.modal_banner {
	position: fixed;
	inset: 0;
	display: grid;
	justify-items: center;
	align-items: center;
	background-color: rgb(0, 0, 0, .75);
}
.modal_banner a {
	display: grid;
	max-width: 50%;
	max-height: 50%;
	position: relative;
}
.modal_banner h5 {
	position: absolute;
	top: 5px;
	z-index: 1000;
}
.btn_close_banner {
	z-index: 99999;
	position: absolute;
	top: 10px;
	right: 10px;
	display: grid;
	justify-items: center;
	align-items: center;
	height: 32px;
	width: 32px;
	background-color: rgb(255, 255, 255, .75);
	color: #000;
	font-size: 18px;
	cursor: pointer;
}
.btn_close_banner {}
.modal_banner.show {
	display: grid;
	z-index: 999;
}
.modal_banner .banner_img { padding: 0 }

.breaking_news {
	display: grid;
	align-items: stretch;
	grid-template-columns: auto auto 1fr;
	background-color: #041728;
	border-bottom: 3px solid var(--red-color);
}
.breaking_news span {
	background-color: var(--red-color);
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	padding: 15px;
	z-index: 10;
}
.breaking_news img { z-index: 10 }
.breaking_news a {
	display: flex;
	align-items: center;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	padding: 0 15px;
}

.back_banner.bn { top: 50px }

.spinner {
	display: none;
	justify-items: center;
	align-items: center;
	width: 48px;
	height: 48px;
	border: 1px solid var(--title-border);
	border-radius: 5px;
	background-color: var(--white-color);
}
.spinner img { max-width: 80% }
.spinner.show { display: grid }

@media only screen and (max-width: 768px) {
	.hdr_menu i.mh,
	.mh { display: none }
	.hdr_top { padding: 10px 0 }
	.hdr_top .container {
		grid-template-columns: auto 1fr auto auto;
		gap: 10px;
	}
	.container {
		padding-left: 15px;
		padding-right: 15px;
		box-sizing: border-box;
	}
	.btn_burger { display: grid }
	.hdr_middle .container { grid-template-columns: auto auto auto }
	.layout {
		grid-template-columns: 1fr;
		margin-top: 250px;
	}
	.hdr_icons a { font-size: 10px }
	.back_banner { display: none }
	.layout.back {
		padding: 0;
		margin-top: 250px;
		border-color: transparent!important;
	}
	.layout.back.bn { margin-top: 280px }
	.single_news .news_box { padding: 0 }
	
	.sidebar_overlay {
		position: fixed;
		z-index: 200;
		inset: 0;;
		opacity: 0;
		transition: 0.5s;
		display: none;
		background-color: rgb(0, 0, 0, .7);
	}
	.sidebar_menu {
		position: fixed;
		z-index: 100000;
		height: 100%;
		width: 0;
		top: 0;
		left: 0;
		background-color: #f8f9fb;
		overflow-x: hidden;
		transition: .2s;
	    flex-direction: column;
		display: flex;
	}
	.sidebar_menu a {
	    white-space: nowrap;
	    padding: 10px 20px;
	    text-decoration: none;
	    color: #333;
	    font-weight: 700;
	    display: flex;
	    align-items: center;
	    text-transform: uppercase;
	    font-size: .9em;
		border-bottom: 1px solid rgb(0, 0, 0, .1);
	}
	.sidebar_menu a.current { background-color: #eee }
	.sidebar_menu a i {
	    font-size: 1.5em;
	    width: 54px;
	    text-align: center;
	    margin-right: 10px;
	}
	.menu_open { overflow: hidden }
	.menu_open .sidebar_menu {
		display: flex;
		opacity: 1;
		width: 80%
	}
	.menu_open .sidebar_overlay {
		display: block;
		opacity: 1;
	}
	.hdr_banner { display: grid }
	.hdr_banner .banner_img {
		display: grid;
		padding: 0;
	}
	.hdr_banner .banner_img img { border-radius: 0 }
	.burger_button.close { margin-top: 25px }
	.sidebar_menu .hdr_logo {
		background-color: var(--hdr-middle);
		margin-bottom: 15px;
	}
	.sidebar_menu .hdr_logo img { max-width: 160px }
	.single_news .news_box .news_title { font-size: 20px }
	.sidebar_info { display: none }
	.sidebar_info.show { display: flex }
	.mobile_tab {
		display: grid;
		grid-template-columns: 1fr 1fr;
		border-bottom: 2px solid rgb(210, 216, 219);
	}
	.btn_tab {
		padding: 5px 10px;
		font-size: 14px;
		font-weight: 600;
		color: rgb(31, 49, 59);
		cursor: pointer;
		text-transform: uppercase;
		margin-bottom: -2px;
	}
	.btn_tab.current {
		font-weight: 900;
		color: rgb(39, 93, 174);
		border-bottom: 2px solid rgb(39, 93, 174);
	}
	.modal_banner a {
		position: fixed;
		margin: auto;
		inset: 0;
		top: 20%;
		max-width: 90%;
		max-height: 90%;
	}
	.breaking_news { grid-template-columns: auto 1fr }
	.breaking_news span { display: none }
	
	.breaking_news a {
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    animation: ticker 15s linear infinite;
	}
	.breaking_news img { height: 30px }
	@keyframes ticker {
	  from { transform: translateX(100%); }
	  to { transform: translateX(-100%); }
	}
}
@media (min-width: 576px) {
	.container { max-width: 540px }
}
@media (min-width: 768px) {
	.container { max-width: 720px }
}
@media (min-width: 992px) {
	.container { max-width: 960px }
}
@media (min-width: 1200px) {
	.container { max-width: 1080px }
}
@media (min-width: 1400px) {
	.container { max-width: 1080px }
}