.footer_dpCls{text-align: left;color:#fff;}
.footer_dpCls.logo-holder{padding-top:0;}
.logo{width:62px;height:18px;}
.pagination span, .pagination a{margin-left: 5px;}
#articles .article-summary .article-details {height: 200px;max-height: 200px;text-overflow: ellipsis;overflow: hidden;}
.mt-30 {margin-top:30px;}
.loader {
	height: 215px;
	display: block;
	margin: auto;
	position: relative;
	background: #FFF;
	box-sizing: border-box;
}
.loader::after {
	content: '';
	width: calc(100% - 30px);
	height: calc(100% - 15px);
	top: 15px;
	left: 15px;
	position: absolute;
	background-image: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5) 50%, transparent 100%),
	linear-gradient(#DDD 100px, transparent 0),
	linear-gradient(#DDD 16px, transparent 0),
	linear-gradient(#DDD 50px, transparent 0);
	background-repeat: no-repeat;
	background-size: 75px 175px, 100% 100px, 100% 16px, 100% 30px;
	background-position: -185px 0, center 0, center 115px, center 142px;
	box-sizing: border-box;
	animation: animloader 1s linear infinite;
}

@keyframes animloader {
  to {
	background-position: 185px 0, center 0, center 115px, center 142px;
  }
}

#blog_loader {display: none;}

.loader_two {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	animation: rotate 1s linear infinite;
	display:none;
	position: absolute;
	top: 50%;
	right: 50%;
    }
    .loader_two::before {
		content: "";
		box-sizing: border-box;
		position: absolute;
		inset: 0px;
		border-radius: 50%;
		border: 5px solid #1886eb;
		animation: prixClipFix 2s linear infinite ;
    }

    @keyframes rotate {
      100%   {transform: rotate(360deg)}
    }

    @keyframes prixClipFix {
        0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
        25%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}
        50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}
        75%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}
        100% {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}
    }
	
.navigation {
	padding:0;
	margin-bottom: 20px;
	text-align: left;
}
.navigation li {
	display: inline;
	list-style: none;
}
.navigation li::after {
	content: '/';
	margin: 0 5px 0 5px;
}
.navigation li:last-child::after{
	content: '';
}

.bgGetCoder {
    background-image: url(https://getcoder.ru/design/img/logo.png);
    background-size: contain;
    background-repeat: no-repeat;
	position: inherit;
	background-position: center center;
}
.logo-holder span {font-weight: 700;}
.footer_dpCls .bgGetCoder {
	background-position: left center;
	padding-left: 65px;
}

.post_stats {
	position: relative;
	top: 15px;
}
.post_stats ul {padding: 0;}
.post_stats ul li {
	display: inline;
	list-style: none;
	color: #575757;
}
.post_stats ul li::after {
  content: '';
  margin: 0 5px 0 5px;
}
.post_stats ul li span {
	padding: 0 0 0 5px;
}
.post_stats ul li i.act_like {
	color: #fc4d2d;
	cursor: pointer;
}
.post_stats ul li i.off_like {
	color: #ccc;
	cursor: pointer;
}




@media (max-width: 768px) {
.domainspage-header .bgGetCoder {
	background-image: none;
}
.bgGetCoderMobile {
    background-image: url(https://getcoder.ru/design/img/logo.png);
    background-size: contain;
    background-repeat: no-repeat;
	position: inherit;
	padding-left: 30px;	
}
}