@font-face {
	font-family: 'Montserrat'; /* 100 */
	src: url('/static/fonts/Montserrat/Montserrat_Thin.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat'; /* 200 */
	src: url('/static/fonts/Montserrat/Montserrat_ExtraLight.ttf') format('truetype');
	font-weight: 200;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat'; /* 300 */
	src: url('/static/fonts/Montserrat/Montserrat_Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat'; /* 400 */
	src: url('/static/fonts/Montserrat/Montserrat_Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat'; /* 500 */
	src: url('/static/fonts/Montserrat/Montserrat_Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat'; /* 600 */
	src: url('/static/fonts/Montserrat/Montserrat_SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'Alice'; /* 400 */
	src: url('/static/fonts/Alice/Alice_Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}
body {
	font-family: 'Montserrat', sans-serif;
	background-color: #1c1d22;
	color: #fff;
}
h1, h2, h3, h4, h5 { font-family: 'Alice', serif }

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

.header {
	display: flex;
	padding: 10px 25px 0;
	border-bottom: 1px solid rgb(235, 237, 245, .15);
}
.header>div { padding: 0 25px }
.header .app_logo {
	display: flex;
	align-items: center;
}
.header .app_logo a { position: relative }
.header .app_logo a img { max-height: 35px }
.header .app_logo a img.hover {
	position: absolute;
	left: 0;
	opacity: 0;
	transition: all .3s;
}
.header .app_logo a:hover { opacity: 1 }
.header .app_logo a:hover .hover { opacity: 1 }

.header .main_menu {
	flex: 1;
	display: flex;
	justify-content: end;
}
.header .main_menu a {
	display: flex;
	justify-content: center;
	padding: 15px;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	opacity: .5;
}
.header .main_menu a:hover,
.header .main_menu a.active {
	opacity: 1;
	position: relative;
}
.header .main_menu a:hover:after,
.header .main_menu a.active:after {
	content: '';
	position: absolute;
	top: 99%;
	height: 2px;
	width: 35px;
	background-color: #ffc600;
}
.header .user_info .sign_in {
	font-size: 16px;
	color: rgb(255, 255, 255, .75);
	background-color: rgb(255, 255, 255, .05);
	border: 2px solid rgb(255, 255, 255, .25);
	border-radius: 50%;
	padding: 5px 7px;
}
.header .user_info .sign_in:hover {
	color: rgb(255, 255, 255);
	background-color: rgb(255, 255, 255, .1);
	border: 2px solid rgb(255, 255, 255, .5);
}
.header .user_info,
.header .language {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	cursor: pointer;
	padding: 0 10px;
}
.header .language .current_lang {
	display: flex;
	align-items: center;
	font-size: 13px;
	color: #fff;
	opacity: .75;
	padding: 5px 15px;
	border-right: 1px solid rgb(255, 255, 255, .1);
	border-left: 1px solid rgb(255, 255, 255, .1);
}
.header .language:hover .current_lang,
.header .language .current_lang:hover {
	color: #fff;
	opacity: 1;
}
.header .language .current_lang span {
	display: inline-block;
	position: relative;
	text-transform: uppercase;
}
.header .language .current_lang i {
	padding-right: 3px;
	font-size:  16px;
}
.header .language .current_lang span:after {
	content: '';
	background-color: #fff;
	opacity: .65;
	position: absolute;
	width: 95%;
	height: 1px;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 3px;
}
.header .language:hover .lang_list { display: flex }
.header .language .lang_list {
	display: none;
	overflow: hidden;
	position: absolute;
	top: 90%;
	left: auto;
	min-width: 150px;
	background-color: #1c1d22;
	border-radius: 5px;
	border: 1px solid rgb(255, 255, 255, .05);
	box-shadow: 0px 5px 10px 2px rgba(255, 255, 255, .05);
	flex-direction: column;
	z-index: 2;
}
.header .language .lang_list a {
	color: rgb(255, 255, 255, .75);;
	text-decoration: none;
	padding: 5px 15px;
	font-size: 14px;
}
.header .language .lang_list a:first-child { padding-top: 10px }
.header .language .lang_list a:last-child { padding-bottom: 10px }
.header .language .lang_list a:hover { color: #7d8ddb }

.content {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.footer {
	display: flex;
	padding: 25px 35px;
	border-top: 1px solid rgb(255, 255, 255, .1);
	background-color: #000;
}
.footer>* {
	flex: 0 0 50%;
	display: flex;
	align-items: center;
}
.footer .social_icons a {
	font-size: 24px;
	text-decoration: none;
	color: #fff;
	opacity: .75;
	margin-right: 15px;
	cursor: pointer;
}
.footer .social_icons a:hover {
	color: #ffc600;
	opacity: 1;
}
.footer .site_info {
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
}
.footer .site_info p {
	margin: 0;
	font-size: 14px;
	display: flex;
	align-items: center;
}
.footer .site_info a {
	margin: 0 10px;
	font-weight: 400;
}
.footer .site_info a:last-child { margin-right: 0 }
.footer .site_info a:hover { opacity: 1 }
.footer .site_info p b { font-size: 8px }
.footer .site_info * {
	color: #fff;
	opacity: .5;
}

.btn {
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
	text-decoration: none;
	width: max-content;
	padding: 5px 25px;
	color: #ffc600;
	border: 1px solid #ffc600;
}
.btn:hover {
	color: #ffc600;
	background-color: rgb(233, 146, 15, .1);
}
blockquote {
	border-left: 3px solid rgb(255, 255, 255, .5);
	font-weight: 500;
	margin-left: 15px;
	padding-left: 15px;
}

.page_pagination { margin-bottom: 35px }
.pagination {
	display: flex;
	justify-content: center;
	list-style: none;
}
.page-link:hover {
	background-color: #ffc600;
	color: #fff;
}
.page-item.active .page-link {
	color: #fff;
	border-color: rgb(255, 255, 255, .5);
}
.page-link {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid transparent;
	border-radius: 50%;
	color: rgb(255, 255, 255, .4);
	font-weight: 500;
	width: 32px;
	height: 32px;

	transition: none;
	text-decoration: none;
	cursor: pointer;
}

.page-link.prev { margin-right: 10px }
.page-link.next { margin-left: 10px }
.page-link.prev,
.page-link.next { border: 1px solid rgb(255, 255, 255, .1) }

.container {
	width: 100%;
	margin: 0 auto;
}
.single_container {
	width: 100%;
	margin: 0 auto;
}
.row {
	display: flex;
	flex-wrap: wrap;
}
.col-3 {
	flex: 0 0 auto;
	width: 25%;
}
.col-left {
	flex: 0 0 auto;
	width: 67.3%;
}
.col-right {
	flex: 0 0 auto;
	width: 32.7%;
}
.col-4 {
	flex: 0 0 auto;
	width: 33.33333333%;
}
.col-6 {
	flex: 0 0 auto;
	width: 50%;
}
.col-8 {
	flex: 0 0 auto;
	width: 66.66666667%;
}
.col-12 {
	flex: 0 0 auto;
	width: 100%;
}

.termins_box { margin: 35px 0 }
.termins_box .row {
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: 1px solid rgb(255, 255, 255, .25);
}
.termins_box .col-4 {
	font-family: 'Alice', serif;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 500; 
}

.post_wrap { position: relative }
.post_wrap .post_box {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-position: center;
	background-size: cover;
	z-index: 1;
	display: flex;
	flex-direction: column;
	cursor: pointer;
}
.post_wrap .post_box:hover::before { background-color: rgb(14, 21, 54, .2) }
.post_wrap .post_box::before {
	content: '';
	position: absolute;
	display: block;
	height: 100%;
	width: 100%;
	z-index: -1;
	background-color: rgb(14, 21, 54, .4);
	transition: all .5s ease;
}
.post_wrap .post_box .post_open {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 3;
}
.post_wrap .post_box .post_top { flex: 1 }
.post_wrap .post_box .post_meta {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 10px 15px;
}
.post_wrap .post_box .post_meta .post_date {
	font-size: 13px;
	color: #c5ccf1;
}
.post_wrap .post_box .post_meta .post_title {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	padding: 10px 0px;
}
.post_wrap .post_box .post_meta .more_link {
	display: flex;
	align-items: center;
	text-transform: uppercase;
	text-decoration: none;
	color: #ffc600;
	border: none;
	letter-spacing: 2px;
	font-weight: 500;
	font-size: 13px;
	width: fit-content;
}
.post_wrap .post_box .post_meta .more_link:after {
	content: '';
	width: 90px;
	height: 20px;
	background-image: url(/static/images/arrow.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-position-x: -25px;
	margin-left: 10px;
	transition: .3s;
}
.post_wrap .post_box .post_meta .more_link:hover:after { background-position-x: 0 }
.post_wrap .post_box .post_bottom {
	display: flex;
	align-items: center;
	padding: 15px; 
	border-top: 1px solid rgb(255, 255, 255, .15);
}
.post_wrap .post_box .post_tags {
	display: flex;
	color: rgb(255, 255, 255, .6);
	font-size: 13px;
}
.post_wrap .post_box .post_tags span { margin: 0 5px }
.post_wrap .pattern { width: 100% }

.large_news_box {
    display: grid;
    grid-template-columns: 6fr 4fr;
    gap: 15px;
    margin-top: 25px;
}
.large_news_box .large_news { }
.post_wrap.large_news .post_box .post_meta { padding: 15px 35px }
.post_wrap.large_news .post_box .post_meta .post_title {
	font-size: 25px;
	padding: 25px 0px;
}
.post_wrap.large_news .post_box .post_bottom { padding: 15px 35px }
.large_news_box .medium_news {
	display: grid;
	gap: 15px;
}
.large_news_box .medium_news .post_wrap { }

.small_news_box {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
	gap: 15px;
    margin: 15px 0;
}
.small_news_box .small_news .post_wrap { }
.small_news .post_box .post_meta {
	padding: 10px 15px;
	justify-content: flex-end;
}
.small_news .post_box .post_meta .post_title { font-size: 14px }
.small_news .post_box .post_bottom .post_date {
	flex: 1;
	font-size: 13px;
	color: #c5ccf1;
}
.small_news .post_box .post_bottom .more_link {
	flex: 1;
	background-image: url(/static/images/small_arrow.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right;
	height: 8px;
}

.post_grid_box .post_wrap { margin: 0 }
.post_grid_box .big_grid_box .post_wrap { height: 100% }
.post_grid_box .big_grid_box .pattern { display: none }
.post_grid_box .pattern { opacity: 0 }
.post_grid_box .post_wrap .post_box { }
.big_grid_box .post_wrap .post_box .post_title {
	font-size: 25px;
	text-transform: none;
}
.post_grid_box .post_wrap .post_box .more_link {
	flex: 1;
	background-image: url(/static/images/small_arrow.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left;
	width: 45px;
	height: 8px;
}
.post_grid_box .post_wrap .post_box .more_link:after { display: none }

.post_grid_box .post_wrap .post_box .exp_year {
	font-size: 13px;
	color: #c5ccf1;
}
.post_grid_box .post_wrap .post_box .no_line {
	border-color: transparent;
	padding-bottom: 25px;
}
.post_grid_box {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(3, 1fr);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	gap: 15px;
	margin-top: 35px;
}
.post_box_1 { grid-area: 1/1/2/3 }
.post_box_2 { grid-area: 1/3/2/4 }
.post_box_3 { grid-area: 1/4/2/5 }
.post_box_4 { grid-area: 2/1/3/2 }
.post_box_5 { grid-area: 2/2/3/3 }
.post_box_6 { grid-area: 2/3/3/5 }
.post_box_7 { grid-area: 3/1/4/3 }
.post_box_8 { grid-area: 3/3/4/4 }
.post_box_9 { grid-area: 3/4/4/5 }
.post_box_10 { grid-area: 4/1/5/2 }
.post_box_11 { grid-area: 4/2/5/3 }
.post_box_12 { grid-area: 4/3/5/5 }

.book_wrap {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 15px;
	margin: 25px 0;
}
.book_wrap .book_box {
	display: flex;
	flex-direction: column;
	padding: 5px 10px;
	position: relative;
	color: #fff;
	background-color: rgb(255, 255, 255, .05);
}
.book_wrap .book_box:hover { background-color: rgb(255, 255, 255, .1) }
.book_wrap .book_box img { width: 100% }
.book_wrap .book_box .title {
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
}
.book_wrap .book_box .book_open {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 3;
}
.book_meta {
	display: flex;
	align-items: center;
	font-size: 13px;
	color: #6a78bc;
}
.book_meta .book_authors {
	flex: 1;
	display: flex;
	flex-direction: column;
}
.book_meta .book_authors .book_author_name {
	display: flex;
	align-items: center;
}
.book_meta .book_authors .book_author_name i { margin-right: 5px }
.book_meta .book_authors .book_author_name span {}
.book_meta .book_release_year {
	flex: 1;
	text-align: right;
}

.single_book {
	display: flex;
	margin: 35px 0;
}
.single_book h1 {
	font-size: 40px;
	text-transform: uppercase;
	margin: 15px 0;
}
.single_book .book_image {
	background-color: rgb(255, 255, 255, .05);
	padding: 15px;
}
.single_book .book_meta {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 0 25px;
	font-size: 18px;
	font-weight: 300;
	color: #fff;
}

.authors_wrap {
	display: flex;
	flex-wrap: wrap;
	margin-top: 25px;
}
.authors_wrap .author_col { flex: 0 0 20% }
.authors_wrap .author_box {
	flex: 0 0 20%;
	display: flex;
	flex-direction: column;
	align-items: center;
	border-top: 2px solid rgb(106, 120, 188, .2);
	background-color: rgba(255, 255, 255, .1);
	cursor: pointer;
	padding: 15px;
	margin: 15px;
}
.authors_wrap .author_box:hover { border-top: 2px solid #ffc600 }
.authors_wrap .author_box img {
	width: 100px;
	border-radius: 50%;
}
.authors_wrap .author_box .full_name {
	margin-top: 15px;
	color: rgba(255, 255, 255, .4);
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	text-transform: uppercase;
	min-height: 40px;
}

.heritages_wrap {
	display: flex;
	flex-direction: column;
	flex: 1;
}
.heritages_wrap .map_box {
	display: flex;
	flex: 1;
}
.heritages_box .post_wrap .post_box:hover::before { background-color: rgb(125, 141, 219, .8) }
.heritages_box .heritage_location {
	display: flex;
	align-items: center;
	color: rgb(255, 255, 255, .6);
	font-size: 13px;
}
.heritages_box .heritage_location i { margin-right: 10px }
.heritages_box .post_wrap .post_box .more_link { background-position: right }

.filter_wrap {
	margin-top: 35px;
	display: flex;
}
.filter_wrap .filter_box {
	flex: 0 0 75%;
	display: flex;
	align-items: center;
	overflow-x: scroll;
}
.filter_wrap .filter_box::-webkit-scrollbar {  display: none }
.filter_wrap .filter_box .filter_tags {
	display: flex;
	height: 100%;
}
.filter_wrap .filter_box .filter_tags a {
	display: flex;
	align-items: center;
	padding: 0 20px;
	margin-right: 10px;
	background-color: rgb(255, 255, 255, .1);
	border-bottom: 2px solid transparent;
	color: rgb(255, 255, 255, .4);
	font-size: 13px;
	text-decoration: none;
}
.filter_wrap .filter_box .filter_tags a.current { border-bottom: 2px solid #ffc600 }
.filter_wrap .filter_box .filter_tags a:hover {
	color: rgb(255, 255, 255, .75);
}

.filter_wrap .filter_box .filter_exp_year,
.filter_wrap .filter_box .filter_aplhabets {
	display: flex;
	height: 100%;
}
.filter_wrap .filter_box .filter_exp_year a,
.filter_wrap .filter_box .filter_aplhabets a {
	display: flex;
	align-items: center;
	padding: 0 20px;
	margin-right: 10px;
	border: 1px solid rgb(255, 255, 255, .1);
	color: #7d8ddb;
	font-size: 20px;
	text-decoration: none;
	cursor: pointer;
}
.filter_wrap .filter_box .filter_exp_year a.current,
.filter_wrap .filter_box .filter_exp_year a:hover,
.filter_wrap .filter_box .filter_aplhabets a.current,
.filter_wrap .filter_box .filter_aplhabets a:hover {
	border: 1px solid rgb(255, 255, 255, .1);
	background-color: #7d8ddb;
	color: #fff;
}

.filter_wrap .search_box {
	flex: 1;
	display: flex;
	align-items: center;
	border: 1px solid rgb(2555, 255, 255, .3);
	padding: 4px;
	color: #fff;
}
.filter_wrap .search_box input {
	flex: 1;
	border: none;
	outline: none;
	background-color: transparent;
	color: #fff;
	padding: 11px 15px;
}
.filter_wrap .search_box input::placeholder { color: rgb(255, 255, 255, .4) }
.filter_wrap .search_box button {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	width: 38px;
	height: 38px;
	border: none;
	outline: none;
	background-color: #7d8ddb;
	color: #fff;
	cursor: pointer;
}
.filter_wrap .search_box button:hover { background-color: #ffc600 }
.filter_wrap .search_box button i {
	display: block;
	width: 12px;
	height: 12px;
	margin: 0 10px;
	background-image: url(/static/images/icon-search.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.single {
	display: flex;
	flex-direction: column;
}
.single .wrap {
	width: 100%;
	margin: 0 auto;
}
.single h1 {
	font-size: 40px;
	text-transform: uppercase;
}
.single .image {
	padding: 25px 0;
	text-align: center;
}
.single .image img { width: 100% }
.single .meta {
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	color: rgb(255, 255, 255, .45);
}
.single .single_content img {
	display: block;
	margin: 10px 0;
}

.authors {
	display: flex;
	align-items: center;
}
.authors .authors_box { display: flex }
.authors .authors_box a {
	color: rgb(255, 255, 255, .45);
	text-decoration: none;
	padding-left: 10px;
}
.authors .authors_box a:hover { color: rgb(255, 255, 255, .85) }

@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: 1140px }
}
@media (min-width: 1400px) {
	.container { max-width: 1320px }
	.single .wrap { max-width: 1024px }
	.heritage_container { max-width: 1024px }
}

.hide { display: none }
.mtb25 {
	margin-top: 25px;
	margin-bottom: 25px;
}
.plr_5 {
	padding-left: 5px;
	padding-right: 5px;
}
.mt_5 { margin-top: 5px }
.pl_5 { padding-left: 5px }
.pr_5 { padding-right: 5px }
.pl_10 { padding-left: 10px }

.flex_075 { flex: 0 0 75%!important }
.flex_025 { flex: 0 0 25%!important }
.flex_auto { flex: 1!important }

.tab_box {
	display: flex;
	background-color: rgb(255, 255, 255, .1);
	color: rgb(255, 255, 255, .4);
	height: 100%;
}
.tab_box .tab_item {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	height: 100%;
	transition: all .5s ease;
}
.tab_box .tab_item:hover { color: rgb(255, 255, 255, .75) }
.tab_box .tab_item.active {
	background-color: #ffc600;
	color: rgb(255, 255, 255, .99);
}

select.front.wide {
	background-color: #1c1d22;
	color: rgb(255, 255, 255, .4);
	border-radius: 0;
	border: 1px solid rgb(255, 255, 255, .3);
	height: 49px;
	line-height: 47px;
	font-size: 16px;
	padding-left: 18px;
	padding-right: 30px;
	width: 100%;
}
.front.nice-select {
	background-color: #1c1d22;
	color: rgb(255, 255, 255, .4);
	border-radius: 0;
	border: 1px solid rgb(255, 255, 255, .3);
	height: 49px;
	line-height: 47px;
	font-size: 16px;
}
.front.nice-select .current {
	display: block;
	overflow: hidden;
}
.front.nice-select .list {
	background-color: #1c1d22;
	color: rgb(255, 255, 255, .4);
	border-radius: 0;
	border: 1px solid rgb(255, 255, 255, .3);
	font-size: 14px;
}
.front.nice-select .option {
	min-height: 30px;
	line-height: 30px;
}
.front.nice-select.open, 
.front.nice-select:active, 
.front.nice-select:focus,
.front.nice-select:hover {
		border-color: rgb(255, 255, 255, .4);
}
.front.nice-select .option.focus, 
.front.nice-select .option.selected.focus, 
.front.nice-select .option:hover {
	background-color: rgb(255, 255, 255, .1);
}