* {
    font-family: arial,sans-serif;
}
.logo{
	margin-right:45px;
}
header{
	padding:30px 0 0 75px;
	border-bottom:1px solid #cccccc;
	margin-bottom:10px;
	font-family: Google sans;
}
header .input-group{
	max-width:690px;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(23,23,23,0.24);
	-moz-box-shadow: 0px 1px 3px 0px rgba(23,23,23,0.24);
	box-shadow: 0px 1px 3px 0px rgba(23,23,23,0.24);
	border-radius:30px;
	overflow:hidden;
	padding:.6rem 1rem .6rem 1rem;
	box-sizing:border-box;
}
header .input-group:hover{
	-webkit-box-shadow: 0px 1px 6px 0px rgba(23,23,23,0.28);
	-moz-box-shadow: 0px 1px 6px 0px rgba(23,23,23,0.28);
	box-shadow: 0px 1px 6px 0px rgba(23,23,23,0.28);
}
header .input-group .form-control{
	border:none;
	padding:0;
}
header .input-group .form-control:focus{
	border:none;
	box-shadow:none;
}
header .input-group span img{
	margin-left:15px;
	cursor:pointer;
}
header .input-group .btn-sg img{
	margin-left:0px;
	margin-right:15px;
	cursor:none;
}
.header-left{
	width:100%;
	display:flex;
	align-items:center;
	max-width:900px;
}
.header-link{
	padding:15px 0 0 135px;
}
.header-link a{
	border:1px solid #cccccc;
	border-radius:30px;
	padding:10px 15px 12px 15px;
	display:inline-block;
	margin-right:1px;
	font-size: .875rem;
    line-height: 1rem;
	text-decoration:none;
	color:#333333;
}
.header-link a:nth-last-child(1){
	margin-right:0px;
}
.header-link a:hover{
	background:#f1f3f4;
}
.header-right{
	margin:0 0 0 auto;
	padding-right:1.75rem;
}
.header-right .btn{
	padding:7px 25px 7px 25px;
	font-size: .875rem;
    line-height: 1.25rem;
	margin-left:15px;
}
.header-right .btn:hover{
	 -webkit-box-shadow: 0 1px 3px 1px rgba(66,64,67,.15),0 1px 2px 0 rgba(60,64,67,.3);
	-moz-box-shadow: 0 1px 3px 1px rgba(66,64,67,.15),0 1px 2px 0 rgba(60,64,67,.3);
     box-shadow: 0 1px 3px 1px rgba(66,64,67,.15),0 1px 2px 0 rgba(60,64,67,.3)
}
.header-right span{
	margin-left:15px;
	cursor:pointer;
}
.small-text{
	color:#70757a;
	font-size: .875rem;
    line-height: 1.25rem;
	display:block;
}
.container-main{
	max-width:652px;
	margin:0 auto 0 230px;
	padding:0px;
}
.title-block{
	font-size: 1.5rem;
    line-height: 2rem;
	margin-bottom:1.5rem;
}
.title-block img{
	margin-left:10px;
}
.title-block i{
	font-style:normal;
	text-decoration:underline;
}
.card-desc{
	display:flex;
	align-items:center;
	padding:0 10px 0 10px;
}
.card-desc span{
	font-size: .75rem;
    line-height: 1rem;
}
.card-desc img{
	margin:0 8px 0 0;
}
.card-link{
	text-decoration:none;
	margin-bottom:20px;
	display:block;
}
.card-link .card{
	border:none;
}
.card-link:hover .card-title{
	text-decoration:underline;
}
.card-title{
	padding:0 10px 0 10px;
	margin-bottom:7px;
	font-size: .875rem;
    line-height: 1rem;
}
.img-block{
	margin-bottom:5px;
}
.img-block img{
	border-radius:10px;
}
.card-desc .card-desc-img{
	margin:0 0 0 auto;
	display:flex;
}
.line-block{
	position:relative;
	margin-bottom:30px;
}
.line1{
	position:absolute;
	margin-top: 18px;
	height:1px;
	width:100%;
}
.line-link{
	margin:0 auto 0 auto;
	display:flex;
	align-items:center;
	position: relative;
	border-radius: 18px;
	background:#f0f3f4;
	width:100%;
	max-width:300px;
	justify-content:center;
	text-decoration:none;
	padding:5px 5px 8px 5px;
	box-sizing:border-box;
	color:#2c2f31;
	font-size: .875rem;
    line-height: 1.25rem;
}
.line-link img{
	margin-left:5px;
}
.line-link:hover{
	background:#d8d7db;
}
.post-title{
	display:flex;
	align-items:center;
}
.title-text{
	flex-direction:column;
	display:flex;
}
.post-title img{
	margin-right:10px;
}
.post-link{
	text-decoration:none;
	color:#5632ae;
	font-size: 1.25rem;
    line-height: 1.75rem;
	margin-top: 0.375rem;
    margin-bottom: 0.375rem;
	display:block;
}
.post-link:hover{
	text-decoration:underline;
}
.post-block p{
	font-size: .875rem;
    line-height: 1.25rem;
	margin-bottom:0px;
}
.post-title{
	font-size: .875rem;
	line-height: 1;
}
.post-title span{
	font-size: .75rem;
	line-height:1rem;
}
.post-img img{
	border-radius:0.5rem;
}
.post-img{
	max-width:33.3%;
	display:block;
	float:right;
	padding-left:1rem;
	box-sizing:border-box;
	margin-bottom:1rem;
}
.post-block{
	display:block;
	clear:both;
	margin-bottom:1rem;
}
.post-block::after{
	display:block;
	clear:both;
	content:'';
}
.post-block-left .post-img{
	float:left;
	padding-left:0px;
	padding-right:1rem;
}
.post-block-left .post-col{
	order:2;
}
footer{
	background:#f2f2f2;
	margin-bottom:0px;
}
.footer-container{
	padding:10px 30px 10px 30px;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
footer a{
	color:#8c8d90;
	text-decoration:none;
	font-size: .875rem;
}
footer a:hover{
	text-decoration:underline;
}
.btn-burger{
	display:none;
}
@media screen and (max-width: 1279px){
	.container-main {
    margin: 0 auto 0 1.5rem;
	}
	header {
    padding: 30px 1.5rem 0 1.5rem;
	}
	.header-link {
    padding: 15px 0 0 0;
	}
	.header-right{
		min-width:250px;
		padding:0 0 0 10px;
		box-sizing:border-box;
		display:flex;
		justify-content:flex-end;
	}
}
@media screen and (max-width: 700px){
	.container-main {
    margin: 0 auto 0 auto;
	padding:0 1.5rem 0 1.5rem;
	max-width: 100%;
	}
	.header-link a{
		padding:8px 10px 10px 10px;
	}
}
@media screen and (max-width: 639px){
	header .btn-gear{
		display:none;
	}
	header .btn-more{
		display:none;
	}
	header .input-group{
		order:3;
		position:absolute;
		top:50px;
		width: 100%;
		box-sizing:border-box;
	}
	header .btn-burger{
		display:flex;
		order:1;
	}
	header .logo{
		order:2;
	}
	header .header-right{
		position:absolute;
		right:0;
	}
	.header-wrap{
		position:relative;
		padding-bottom:70px;
	}
	.header-link{
		padding-top:10px;
		display:flex;
		justify-content:space-between;
	}
	.header-link a{
		border:none;
		color:#666666;
	}
	.header-left{
		justify-content:space-between;
		width: calc(67%);
	}
	header .btn-mic{
		display:none;
	}
	header .btn-s{
		display:none;
	}
	.row-top .col-sm-4{
		width:50%;
		flex: 0 0 auto;
	}
	.posts-wrapper{
		margin-left:-0.75rem;
		margin-right:-0.75rem;
		background:#f3f4f6;
		padding-top:0.5rem;
	}
	.post-block{
		background:#ffffff;
		padding:1rem 0.75rem 1rem 0.75rem;
		margin-bottom:0.5rem;
	}
	.card-title{
		position:absolute;
		bottom:0px;
		left:0px;
		right:0px;
		color:#ffffff;
		background: url("../img/icon_online_16x16.png") no-repeat 7px 30px, linear-gradient(180deg,#0000 30%,#00000080,#000000b3);
		padding: 30px 30px 10px 30px;
		margin:0px;
	}
	.card-link .card{
		position:relative;
		border-radius:10px;
		overflow:hidden;
	}
	.card-desc{
		display:none;
	}
	.img-block{
		margin-bottom:0px;
	}
	.row-top{
		--bs-gutter-y: 0.5rem;
		--bs-gutter-x: 0.5rem;
		padding-top:10px;
		padding-bottom:20px;
	}
	.card-link{
		margin-bottom:0px;
	}
	.small-text{
		display:none;
	}
	.title-block{
		display:none !important;
	}
	header{
		padding:20px 0.75rem 0 0.75rem;
	}
	.header-right .btn {
    padding: 7px 15px 7px 15px;
	}
	.container-main{
		padding:0 0.75rem 0 0.75rem;
		overflow:hidden;
	}
}
@media screen and (max-width: 390px){
	.header-link{
		display:block;
		text-align:center;
	}
	.header-link a{
		padding:5px 5px 5px 5px;
	}
	.post-img{
		max-width:100px;
	}
}