@font-face{
    font-family: Bahnschrift; /* Имя шрифта */
    src: url(../fonts/Bahnschrift.ttf); /* Путь к файлу со шрифтом */
}

@font-face{
    font-family: Montserrat-Regular; /* Имя шрифта */
    src: url(../fonts/Montserrat-Regular.ttf); /* Путь к файлу со шрифтом */
}

@font-face{
    font-family: Montserrat-Bold; /* Имя шрифта */
    src: url(../fonts/Montserrat-Bold.ttf); /* Путь к файлу со шрифтом */
}

@font-face{
    font-family: Montserrat-SemiBold; /* Имя шрифта */
    src: url(../fonts/Montserrat-SemiBold.ttf); /* Путь к файлу со шрифтом */
}

@font-face{
    font-family: Montserrat-ExtraBold; /* Имя шрифта */
    src: url(../fonts/Montserrat-ExtraBold.ttf); /* Путь к файлу со шрифтом */
}


/*Обнуление*/
*{padding:0;margin:0;border:0;}
*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
:focus,:active{outline:none;}
a:focus,a:active{outline:none;}
nav,footer,header,aside{display:block;}
html,body{height:100%;width:100%;font-size:100%;line-height:1;font-size:14px;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
input,button,textarea{font-family:inherit;}
input::-ms-clear{display:none;}
button{cursor:pointer;}
button::-moz-focus-inner{padding:0;border:0;}
a,a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
ul li{list-style:none;}
img{vertical-align:top;}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;}
/*--------------------*/

body{
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    background-color: #0d0d0d;
    background-image: linear-gradient(180deg, #202020 0%, #0d0d0d 370px);
}

.wrap_main {
	min-height: 100%;
	overflow: hidden;

	display: flex;
	flex-direction: row;
}

.left_main{
	flex: 0 0 265px;
    display: flex;
    flex-direction: column;
    border-right: 1px solid #3c3c3c;
}

.left_main > div{
    flex-shrink: 0;
}

.left_main_logo{
    height: 71px;
}

.left_main_logo > a{
    display: block;
}

.left_main_logo > a > img{
    display: block;
    width: 260px;
}

.left_main_search{
    height: 44px;
    border-top: 1px solid #3c3c3c;
    border-bottom: 1px solid #3c3c3c;
}

.left_main_search .content_in_ramka{
    padding: 10px 0;
}

.left_main_search .content_in_ramka > *{
    display: inline-block;
}

.img_search{
    background: url(../imgs/search_icon.png);
    height: 18px;
    width: 18px;
    margin-right: 10px;
}

.main_search_text{
    height: 20px;
    color: #4b4b4b;
    font-family: Montserrat-Regular;
    font-size: 15px;
    background: none;
    width: 175px;
    position: relative;
    top: -2px;
}

.main_search_text:focus {
    color: #bababa;
}

.left_main_misc{
    /* height: 159px;
    border-bottom: 1px solid #3c3c3c; */
}

.left_main_cats{
    /* height: 689px; */
    flex: 1 1 auto;
}

.ramka{
    padding: 0 27px;
    height: 100%;
}

.left_main_cats .content_in_ramka{
    border-bottom: 1px solid #3c3c3c;
    padding: 25px 0;
    position: relative;
    overflow: hidden;
    height: 100%;
}

.left_main_soc .content_in_ramka{
    border-bottom: 1px solid #3c3c3c;
    padding: 25px 0;
    position: relative;
    overflow: hidden;
    height: 100%;

    display: flex;
    align-items: center;
}

.soc_link{
    display: block;
    width: 34px;
    height: 34px;
    margin-right: 15px;
}

.soc_link.twitter{
    background-image: url(../imgs/soc/twitter.png);
}

.soc_link.facebook{
    background-image: url(../imgs/soc/facebook.png);
}

.soc_link.linkedin{
    background-image: url(../imgs/soc/linkedin.png);
}

.wrap_cats{
    position: absolute;
    overflow-y: scroll;
    height: 100%;
    width: 270px;
    padding-bottom: 60px;
}

.cat_item{
    color: #edf7ef;
    font-size: 20px;
    margin-bottom: 20px;
    font-family: Bahnschrift;
}

.green{
    color: #0fbb2c;
}

.cat_item_li .cat_item{
    display: block;
    font-size: 15px;
    font-family: Montserrat-Regular;
    color: #bababa;
}

.cat_item_li .cat_item:hover{
    color: #fff;
}

.left_main_soc{
    /* height: 689px; */
    height: 65px;
}

.left_main_copyrite{
    height: 60px;
    /* display: flex;
	justify-content: center;
	align-items: center; */
}

.left_main_copyrite__text{
    color: #616161;
	font-size: 12px;
    font-family: Montserrat-Regular;
	letter-spacing: 0.3px;
    padding: 15px 27px 0;
}

.left_main_copyrite__text > div{
    margin-bottom: 7px;
}

.right_main {
	flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    color: #fff;
}

.right_main_top{
    flex: 0 0 110px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0 30px;
}

.right_main_top .bot .title{
    font-size: 30px;
    font-family: Montserrat-ExtraBold;
}

.right_main_mid{
	flex: 1 1 auto;
}

.ramka_main_content{
    height: 100%;
    padding: 55px 30px 0;
}

.ramka_main_content .content_wrap{
    position: relative;
    overflow: hidden;
    height: 100%;
}

.wrap_scroll{
    position: absolute;
    overflow-y: scroll;
    height: 100%;
    /* width: 270px;
    padding-bottom: 60px; */
    padding-right: 20px;
    margin-right: -20px;
}

.list_article{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.item_article{
    display: flex;
    flex-direction: column;
    width: 366px;
    margin-bottom: 20px;
    margin: 0 15px 25px 0;
}

.item_article_top{
    flex: 0 0 190px;
    background-color: #0a0a0a;
}

.item_article_bot{
    flex: 0 0 180px;
    background-color: #151515;
    padding: 35px;
}

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

.short_desc_article .title{
    flex: 1 1 auto;
    font-size: 18px;
    font-family: Montserrat-Bold;
}

.short_desc_article .bot{
    flex: 0 0 15px;
    display: flex;
}

.grey{
    color: #5c5c5c;
}

.short_desc_article .bot .author,
.short_desc_article .bot .category{
    font-family: Montserrat-SemiBold;
    font-size: 14px;
    margin-right: 10px;
}

.short_desc_article .bot .time{
    font-family: Montserrat-Regular;
    font-size: 14px;
}