@font-face {
	font-family:'Akrobat Regular';
	src: local('Akrobat Regular'),
	url(/public/fnts/akrobat-regular.otf);
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family:'Akrobat Bold';
	src: local('Akrobat Bold'),
	url(/public/fnts/akrobat-bold.otf);
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family:'Arimo';
	src: local('Arimo'),
	url(/public/fnts//arimo.ttf);
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@media (max-width: 5000px){

    * {
        margin: 0;
        border: 0;
        padding: 0;
    }

    body {
		color: #fff;
        background: #06182c;
        font-family:'Arimo';
    }
	
    h1, h2, h3, h4 {
		font-family:'Akrobat Bold';
		font-weight: 400;
    }
	
	h1 {
    	margin: 3rem 0;
		font-size: 40px;
    }

    a {
        color: #4ba4e4;
        text-decoration: none;
    }

    a:hover {
        color: #4ba4e4;
        transition: .3s;
    }

    .header {
        position: fixed;
        width: 265px;
        height: 100%;
        left: -265px;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        padding: 0.3rem 3rem;
		box-sizing: border-box;
        background: #0a2540;
        transition: .5s;
        z-index: 9;
    }

    .header a {
        padding: 1rem;
        color: #fff; 
    }

    .header.open {
        left: 0;
        transition: .5s;
    }

    .open-header,
    .close-header {
        position: fixed;
        top: 0;
        padding: 1rem;
        font-size: 20pt;
        cursor: pointer;
		z-index: 999;
    }

    .logo {
        font-size: 30pt;
        padding: 0 2rem;
    }

    .search {
        font-size: 20pt;
        padding: 0.3rem 2rem;
    }

    main,
	aside {
        width: 1000px;
        margin: auto;
        padding: 3rem 0;
    }

    .menu {
        display: flex;
        flex-direction: column;
    }

	.top {
		width: 100%;
		height: 150px;
		display: flex;
        align-items: center;
        justify-content: center;
		background: #1d1e34;
	}
	
    .section_title {
        margin: 3rem 0 1rem;
        font-size: 30px;
    }

    .three-columns {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .three-columns div {
        width: 32.7%;
    }

    .all-main {
        display: inline-block;
		margin: 0 0 3rem;
    }

    .all-item {
        position: relative;
        margin: 5px 0;
        border-radius: 3px;
        overflow: hidden;
    }

    .all-main .all-item {
        float: left;
        width: 32.7%;
		height: 190px;
        margin: 5px 3px 0;
        font-size: 19px;
        line-height: 26px;
    }

    .all-item:hover .all-item_link {
		background-color: #1c1d35;
		-webkit-transition: background-color 300ms linear;
		-ms-transition: background-color 300ms linear;
		transition: background-color 300ms linear;
    }

    .all-main .all-item_1 {
        width: 99.3%;
        height: 493px;
        font-size: 32px;
		line-height: 46px;
    }

    .all-main .all-item_1 img {
        width: 100%;
        margin: -5% 0 0;
    }

    .all-item_img {
        width: 100%;
    }

    .all-item_link {
        position: absolute;
        bottom: 0;
		width: 96%;
        height: auto;
        display: flex;
        align-items: end;
        padding: .5rem 1rem;
        background: linear-gradient(to top, rgb(19 29 58), rgba(0, 0, 0, 0));
		backdrop-filter: blur(10px);
        color: #fff;
        transition: .5s;
    }

    .all-main .all-item_1 .all-item_link {
        padding: 1rem 1.5rem;
    }
	
    .all-item_link a {
        color: #fff;
    }

    .all-item_category {
		position: absolute;
        top: 10px;
        left: 0;
        background: #4151e2;
        color: #fff;
        padding: 0.3rem 0.7rem;
        border-radius: 2px;
        font-size: 16px;
    }

	.all-main .all-item_1 .all-item_category {
        font-size: 20px;
		line-height: 30px;
    }
	
    .category-posts_item {
        margin: 1rem 0;
    }

    .category-posts_item:nth-child(-n+3) {
        border-radius: 5px;
        background: linear-gradient(156.67deg, hsla(240, 1%, 44%, .3) .07%, rgba(100, 97, 113, .148) 99.07%);
    }

    .category-posts_item_img {
        width: 100%;
        height: 196px;
        border-radius: 5px;
    }

    div:not(:nth-child(-n+3)) .category-posts_item_img {
        width: 40%;
        height: 78px;
        float: left;
        margin: 0 1rem 0 0;
    }

    .category-posts_item_link {
        display: block;
        color: #fff;
        font-size: 18px;
        line-height: 26px;
    }

    div:not(:nth-child(-n+3)) .category-posts_item_link {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin: 0;
        font-size: 16px;
        line-height: 22px;
    }

    .category-posts_item_title {
        display: block;
        margin: 1rem;
    }

    div:nth-last-child(-n+3) .category-posts_item_title {
        margin: 0;
    }

    .category-posts_item_date {
        width: 69px;
        white-space: nowrap;
        overflow: hidden;
        display: block;
        margin: 1rem;
        color: #777;
        font-size: 10pt;
    }

    div:nth-last-child(-n+3) .category-posts_item_date {
        margin: 0.5rem 0 0;
    }

    .informers_block {
        margin: 0.5rem 0;
        padding: 5px;
        border-radius: 10px;
        background: #fff;
        box-sizing: border-box;
        box-shadow: 0 5px 15px rgb(0 0 0 / 8%);
    }


    /* 
    *    Single article
    */

    .container {
        display: flex;
        justify-content: space-between;
    }

    .content {
        padding: 2rem;
        border-radius: 10px;
        background: #1d1e34;
        box-sizing: border-box;
    }

    .content {
        width: 690px;
    }

    .content p {
        padding: .5rem 0;
		font-size: 18px;
        line-height: 26px;
        text-align: justify;
    }

    .content img {
        max-width: 100%;
        height: auto !important;
        display: block;
        margin: 1rem auto 2rem;
        border-radius: 3px;
    }

    .content_title {
        margin: 0 0 2rem;
        font-size: 36px;
        line-height: 46px;
    }

    .content_headimage {
        width: 100%;
    }

    .content_meta {
        margin: 1rem 0;
        font-size: 16px;
        color: #9ba3ab;
    }

    .content_meta a {
        margin: 0 1rem 0 0;
    }

	iframe {
		margin: auto !important;
	}
	
	 .embed-container iframe {
        width: 100%;
        height: 350px;
		margin: 0 0 24px;
        border-radius: 3px;
    }
	
    .ya-share2 {
        margin: 2rem 0 0;
    }

    hr {
        margin: 2rem 0;
        border-bottom: 1px solid #292a3c;
    }

    .smi24_title {
        text-align: center;
    }

    .smi24_block {
        margin: 2rem 0 0;
    }

    .sidebar {
        width: 290px;
    }

    .widget {
        margin: 0 0 2rem;
        padding: 1.5rem;
        border-radius: 10px;
        background: #1c1d35;
        box-sizing: border-box;
        box-shadow: 0 5px 15px rgb(0 0 0 / 8%);
    }

    .sticky {
        position: sticky;
        top: 15px;
    }

    .widget_img {
        display: block;
        margin: 0 auto;
    }

    .widget_title {
        margin: 0 0 1rem;
    }

    .widget_item {
        display: flex;
        align-items: flex-start;
        padding: 1rem 0;
		border-bottom: 1px solid #28293d;
    }

	
    .widget_item:last-child {
		border-bottom: 0;
    }
	
    .widget_item_img {
        width: 33%;
        margin: 4px 10px 0 0;
        border-radius: 3px;
    }

    .widget_item_link {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
		color: inherit;
        font-size: 16px;
        line-height: 22px;
    }


    /*
    * List
    */

    .list {
        width: 68%;
    }

    .list_title {
        padding: 3rem 0;
    }

    .list_item {
		height: 120px;
        margin: 0 0 2rem;
        border-radius: 10px;
        background: linear-gradient(156.67deg, hsla(240, 1%, 44%, .3) .07%, rgba(100, 97, 113, .148) 99.07%);
		overflow: hidden;
    }

    .list_item_img {
        width: 30%;
        border-radius: 10px 3px 3px 10px;
		box-sizing: border-box;
    }

    .list_item_link {
        display: flex;
        color: #fff;
        font-size: 18px;
		line-height: 26px;
    }

    .list_item_title {
        margin: .5rem 1rem;
    }

    .list_item_date {
        width: 70px;
        white-space: nowrap;
        overflow: hidden;
        display: inline-flex;
        color: #777;
    	font-size: 14px;
        padding: 0 1rem;
    }

	.list_item_category {
		display: inline-flex;
		float: right;
		margin: 0 2rem;
		color: #247fbf;
		font-size: 14px;
	}
	
    .nav {
        display: flex;
		flex-wrap: wrap;
        list-style-type: none;
        margin: 1rem 0;
    }

    .nav li {
        margin: 1rem .5rem;
    }

    .nav li a {
        padding: 0.7rem 1rem;
        background: #0a2540;
        border-radius: 5px;
    }

    /*
    * 404
    */

    .page404 .content h1, 
    .page404 .content p {
        margin: 3rem;
        text-align: center;
    }
}

@media (max-width: 1230px){
    main,
	aside {
        width: 900px;
    }
    .container {
        flex-wrap: wrap;
    }

    .all-main .all-item,
    .all-main .all-item_1 {
        width: 100%;
        height: auto;
        margin: 0.1rem 0;
    }

    .all-main .all-item_1 img {
        width: 100%;
        height: auto;
        margin-left: 0;
    }

    .three-columns div {
        width: 100%;
    }
    .all-item_link {
        width: 100%;
        box-sizing: border-box;
        font-size: 20pt;
    }
    .all-item_category {
        font-size: 16pt;
    }

    .category-posts_item_img {
        height: auto;
    }
    div:not(:nth-child(-n+3)) .category-posts_item_img {
        width: 100%;
        height: auto;
        margin: 0 0 1rem;
    }
    .category-posts_item_title {
        font-size: 16pt;
    }

    .list {
        width: 100%;
    }

    .content,
    .sidebar {
        width: 100%;
    }
    .content {
        padding: 1rem;
    }
}

@media (max-width: 900px){
    main,
	aside {
        width: 100%;
    }
    .all-item_link,
    .list_item_link {
        font-size: 16pt;
    }
    .all-item_category,
    .category-posts_item_title {
        font-size: 14pt;
    }

    div:nth-last-child(-n+3) .category-posts_item_title {
        margin: 0 1rem;
    }
    div:nth-last-child(-n+3) .category-posts_item_date {
        margin: 1rem 1rem 0;
    }
}

@media (max-width: 700px){
	
    h1 {
        font-size: 8vw;
        margin: 0 5vw 7vw;
    }
	
    .all-item_category,
	.all-main .all-item_1 .all-item_category {
        font-size: 4vw;
		line-height: 6vw;
    }
	
	.all-main .all-item_1 .all-item_link {
		line-height: 7vw;
    }
	
	.section_title {
        margin: 10vw 5vw;
		font-size: 9vw;
		text-align: center;
	}
	
	.content,
    .all-item_link, 
    .category-posts_item_title,
    .list_item_link {
        font-size: 5vw;
		line-height: 7vw;
    }
	
	.list_item {
		height: auto;
		margin: 0;
	}
	
	.list_item_title {
        margin: 5vw;
    }
	
	.list_item_link {
		flex-direction: column;
	}
	
	.list_item_desc {
		margin: -15vw 0 0;
		background: #1a2537;
	}
	
	.list_item_img {
        width: 100%;
		border-radius: 0;
    }
	
	.list_item_date {
        padding: 0 5vw 5vw;
	}
	
	.list_item_category {
		margin 0 5vw;
	}
	
	.content_title {
        font-size: 8vw;
        line-height: 10vw;
	}
	
	.content p {
        font-size: 5vw;
        line-height: 7.5vw;
		text-align: initial;
	}
	
	.content_body .embed-container iframe {
        height: 50vw;
    }
	
	.widget_item_img {
        max-height: inherit;
    }
	
	.smi24 {
		margin: 0 0 7vw;
	}
}