@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans-SemiBoldItalic.eot');
    src: url('/fonts/OpenSans-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/OpenSans-SemiBoldItalic.woff2') format('woff2'),
        url('/fonts/OpenSans-SemiBoldItalic.woff') format('woff'),
        url('/fonts/OpenSans-SemiBoldItalic.ttf') format('truetype'),
        url('/fonts/OpenSans-SemiBoldItalic.svg#OpenSans-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans-Regular.eot');
    src: url('/fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('/fonts/OpenSans-Regular.woff2') format('woff2'),
        url('/fonts/OpenSans-Regular.woff') format('woff'),
        url('/fonts/OpenSans-Regular.ttf') format('truetype'),
        url('/fonts/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans-Italic.eot');
    src: url('/fonts/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/OpenSans-Italic.woff2') format('woff2'),
        url('/fonts/OpenSans-Italic.woff') format('woff'),
        url('/fonts/OpenSans-Italic.ttf') format('truetype'),
        url('/fonts/OpenSans-Italic.svg#OpenSans-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans-SemiBold.eot');
    src: url('/fonts/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/OpenSans-SemiBold.woff2') format('woff2'),
        url('/fonts/OpenSans-SemiBold.woff') format('woff'),
        url('/fonts/OpenSans-SemiBold.ttf') format('truetype'),
        url('/fonts/OpenSans-SemiBold.svg#OpenSans-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans-Extrabold.eot');
    src: url('/fonts/OpenSans-Extrabold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/OpenSans-Extrabold.woff2') format('woff2'),
        url('/fonts/OpenSans-Extrabold.woff') format('woff'),
        url('/fonts/OpenSans-Extrabold.ttf') format('truetype'),
        url('/fonts/OpenSans-Extrabold.svg#OpenSans-Extrabold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans-LightItalic.eot');
    src: url('/fonts/OpenSans-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/OpenSans-LightItalic.woff2') format('woff2'),
        url('/fonts/OpenSans-LightItalic.woff') format('woff'),
        url('/fonts/OpenSans-LightItalic.ttf') format('truetype'),
        url('/fonts/OpenSans-LightItalic.svg#OpenSans-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans-Light.eot');
    src: url('/fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
        url('/fonts/OpenSans-Light.woff2') format('woff2'),
        url('/fonts/OpenSans-Light.woff') format('woff'),
        url('/fonts/OpenSans-Light.ttf') format('truetype'),
        url('/fonts/OpenSans-Light.svg#OpenSans-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans-BoldItalic.eot');
    src: url('/fonts/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/OpenSans-BoldItalic.woff2') format('woff2'),
        url('/fonts/OpenSans-BoldItalic.woff') format('woff'),
        url('/fonts/OpenSans-BoldItalic.ttf') format('truetype'),
        url('/fonts/OpenSans-BoldItalic.svg#OpenSans-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans-ExtraboldItalic.eot');
    src: url('/fonts/OpenSans-ExtraboldItalic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/OpenSans-ExtraboldItalic.woff2') format('woff2'),
        url('/fonts/OpenSans-ExtraboldItalic.woff') format('woff'),
        url('/fonts/OpenSans-ExtraboldItalic.ttf') format('truetype'),
        url('/fonts/OpenSans-ExtraboldItalic.svg#OpenSans-ExtraboldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans-Bold.eot');
    src: url('/fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/OpenSans-Bold.woff2') format('woff2'),
        url('/fonts/OpenSans-Bold.woff') format('woff'),
        url('/fonts/OpenSans-Bold.ttf') format('truetype'),
        url('/fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}




:root {
  --bs-body-font-family: 'Open Sans';
	--my-border-dark-color: #000;
}
[data-bs-theme="dark"] {
  --my-border-dark-color: #495057;
}




html {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow-x: hidden;
  /* box-sizing: border-box; */
}
body{
	 letter-spacing: 0.3px;
}
.btn-like{
  cursor: pointer;
}
.btn-like:hover{
  color: #3535c1;
}
.blog-header-logo {
  font-size: 2.25rem;
}
header{
  background-color: var(--bs-body-bg);
  height: 95px;
  padding-top: 1rem;
  transition: all 0.3s ease;
}
.nav_scroll_container{
	background-color: var(--bs-body-bg);
}
header.body_scrolled {
  height: 60px;
  padding-top: 0.2rem;
  padding-bottom: 0;
}
.blog-header-logo:hover {
  text-decoration: none;
}
.langs a:first-child{
  padding-right: 10px;
  border-right: 2px solid var(--bs-border-color);
}
.langs a:last-child{
  padding-left: 10px;
  padding-right: 10px;
}

.flex-auto {
  flex: 0 0 auto;
}


.tags a {
  text-decoration: none;
}
a.tag {
  display: block;
  border-radius: 3px;
  transition: transform 0.2s;
  transition-timing-function: cubic-bezier(0.45, -0.85, 0.55, -0.45);
}
a.tag:hover {
  transform: scale(1.1);
  background: linear-gradient(to right, #0075ff, #0053b5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.tags {
  display: flex;
  justify-content: start;
  align-items: center;
}

/* Pagination */
.blog-pagination {
  margin-bottom: 4rem;
}

/*
 * Blog posts
 */
.short_txt{
  background-color: #F2F5F4;
}
.blog-post {
  margin-bottom: 4rem;
}
.blog-post-meta {
  margin-bottom: 1.25rem;
  color: #727272;
}

.bd-placeholder-img {
	font-size: 1.125rem;
	text-anchor: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}
.navs{
  position: absolute;
  right: 10px;
  top: 5px;
}
.play_btn{
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -19.5px;
  margin-top: -19px;
  opacity: 0.5;
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.owl-item:hover .play_btn{
  opacity: 1;
}
.b-example-divider {
	width: 100%;
	height: 3rem;
	background-color: #0000001a;
	border: solid rgba(0, 0, 0, .15);
	border-width: 1px 0;
	box-shadow: inset 0 .5em 1.5em #0000001a, inset 0 .125em .5em #00000026
}

.b-example-vr {
	flex-shrink: 0;
	width: 1.5rem;
	height: 100vh
}

.bi {
	vertical-align: -.125em;
	fill: currentColor
}
.top_menus a{
    padding-bottom: 8px;
    padding-top: 8px;
    padding-left: 4px !important;
    padding-right: 4px !important;
}
.top_menus a:hover{
    background-color: #e6e8ea;
    color: #000;
}
h2.news_title{
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  text-transform: none;
  text-decoration: none;

}
h2.main_news_title{
	color: rgb(32, 34, 36);
	font-weight: 600;
	font-size: 28px;
	line-height: 32px;
	text-transform: none;
	text-decoration: none;
}
.news_desc{
  font-size: 14px;
  line-height: 20px;
  display: block;
}
.news_item{
	border-bottom: 1px solid var(--bs-border-color);
}
.col-md-3 .news_item:last-child{
	border-bottom:0px;
}
.main_block, .second_block{
	border-bottom: 2px solid var(--my-border-dark-color);
}
.one_block{
	border-top: 2px solid var(--my-border-dark-color);
}
.main_block_title{
	font-weight: 800;
	font-size: 18px;
	line-height: 20px;
	text-transform: uppercase;
	text-decoration: none;
}
.news_date{
	align-items: center;
	display: flex;
	gap: 8px;
}
.news_date .date, .news_date .cat{
	font-weight: 400;
	font-size: 12px;
	line-height: 14px;
	color: var(--bs-gray);
}
.news_date .separator{
	background-color: var(--bs-gray);
  margin: auto 2px;
  height: 16px;
  width: 1px;
}

.top_menus a.active{
    border-bottom: 2px solid #000;
    font-weight: 600!important;
}
.nav-scroller {
	position: relative;
	z-index: 2;
	height: 2.65rem;
	overflow-y: hidden;
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.nav-scroller.slide-up {
  transform: translateY(-100%);
  opacity: 0;
}
.nav-scroller.slide-down {
  transform: translateY(0);
  opacity: 1;
}
.nav-scroller .nav {
	display: flex;
	flex-wrap: nowrap;
	padding-bottom: 1rem;
	margin-top: -1px;
	overflow-x: auto;
	text-align: center;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch
}
main.container{
  margin-top: 100px;
}
.text-bd-primary {
	--bd-violet-color: #712cf9;
	--bd-violet-rgb: 112.520718, 44.062154, 249.437846;
	--bs-text-opacity: 1;
	color: rgba(var(--bd-violet-rgb), var(--bs-text-opacity)) !important;
}
.btn-bd-primary {
	--bd-violet-bg: #712cf9;
	--bd-violet-rgb: 112.520718, 44.062154, 249.437846;
	--bs-btn-font-weight: 600;
	--bs-btn-color: var(--bs-white);
	--bs-btn-bg: var(--bd-violet-bg);
	--bs-btn-border-color: var(--bd-violet-bg);
	--bs-btn-hover-color: var(--bs-white);
	--bs-btn-hover-bg: #6528e0;
	--bs-btn-hover-border-color: #6528e0;
	--bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
	--bs-btn-active-color: var(--bs-btn-hover-color);
	--bs-btn-active-bg: #5a23c8;
	--bs-btn-active-border-color: #5a23c8
}

.bd-mode-toggle {
	z-index: 1500
}

.bd-mode-toggle .bi {
	width: 1em;
	height: 1em
}

.bd-mode-toggle .dropdown-menu .active .bi {
	display: block !important
}

@media (min-width: 992px) {
  body { padding-top: 60px; }
}
.h-250 { height: 250px; }
@media (min-width: 768px) {
  .h-md-250 { height: 250px; }
}

@media (min-width: 768px) {
	.bd-placeholder-img-lg {
		font-size: 3.5rem
	}
}
@media (max-width: 768px) {
	.col-md-3:not(.last_col)  .news_item:last-child{
		border-bottom: 1px solid var(--bs-border-color);
	}
	header {
	  height: 60px;
	  padding-top: 0.2rem;
	  padding-bottom: 0;
	}
}