@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Lato');

* {
	margin: 0;
	padding: 0;
}

html,body {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	font-family: Lato,Open Sans,Arial,Microsoft Sans Serif;
	font-size: 14px;
	/*background: #e7e4e4 url("../images/bg.png") repeat;*/
	color: #5c646e;
}

a {
	color: #ffffff;
	text-decoration: none;
}

::selection {
	background-color: #9f385b;
	color: white;
}

::-moz-selection {
	background-color: #9f385b;
	color: white;
}

/* ***************************************************** */

/*Main*/
.latest,
.top,
.trending,
.main {
	max-width: 840px;
	padding: 20px 25px;
	overflow: hidden;
	/*background-color: white;*/
	margin: 0 auto;
}

.pages {
	text-align: center;
	margin-top: 30px;
}
.pagination { /* ul class */
	/*width: 300;*/
	/*margin: 20px auto; /* Выравниваем по центру * /*/
    /*padding: 4px;*/ /* Значение полей */
    font-size: 14pt;
    font-weight: 500;
}
.pagination li {
	display: inline; /* Отображать как строчный элемент */
    margin: 0 6px;
    padding: 10px 6px;
}
.page_active a,
.page_disabled a {
	pointer-events: none;
	color: #708090;
	text-decoration: none;
}

a {
	outline: none;
}

.sortBy {
	font-size: 12pt;
	margin-top: 10px;
}

.sortBy span {
	padding-right: 15px;
}

.sortBy select {
	font-size: 12pt;
}

.notfound {
	max-width: 720px;
	text-align: center;
}
.notfound .error-title {
	padding-top: 70px;
	font-size: 12rem;
}
.notfound .notfoundTitle {
	font-size: 2.5rem;
}
.notfound .notfoundTitle-content {
	font-size: 1.25rem;
	margin: 1em 0;
}



/** results */
.page_content {
	width: 1260px;
	margin: 0 auto;
	background-color: white;
}

.page_content .main-area {
	width: 100%;
}

/** page "about" */
.block-about {
	box-sizing: border-box;
	max-width: 980px;
	min-width: 320px;
	margin: 0 auto;
	padding: 10px 105px 20px;
	overflow: hidden;
	background-color: white;
	min-height: 28px;
}
.page_content-about{
	margin: 50px auto 70px auto;
}
.page_content-about h2 {
	padding-left: 15px;
	font-size: 21px;
}
.block-about p {
	margin: 20px 0;
	/*text-indent: 40px;*/
	font-size: 16px;
	line-height: 1.7em;
	text-align: left;
}
.block-about p.greeting {
	font-size: 21px;
	font-weight: bold;
	line-height: 2.5em;
}
.block-about .attention {
	font-size: 18pt;
	font-style: italic;
	color: #a50723;
	padding-left: 45px;
}
.block-about .attention-hr {
	color: #a50723;
	border-color: #a50723;
	width: 30px;
	position: absolute;
	margin-top: 12px;
	border-width: 0.7px 0 0 0;
}
.block-about a {
	font-weight: bold;
	color: #8F383E;
}
.block-about .contact-us {
	line-height: 2em;
	font-weight: bold;
}


.page_content.page_content-notfound{
	margin: 0 auto;
	min-height: 450px;
}
.page_content-notfound .notfound{
	margin-bottom: 150px;
}
.article1 {
	clear: both;
	margin-bottom: 53px;
}
.article1 div.result-image{
	overflow: hidden;
	width: 385px;
	height: 205px;
}
.article1 div.result-preimage{
	display: inline-block;
	margin-bottom: 7px;
}

img.resimg {
	min-width: 100%;
	min-height: 100%;
	object-fit: fill;
	max-width: 100%;
	filter: opacity(1%);
}
.article1 div.result-info{
	display: inline-block;
	float: right;
}

.article-url{
	font-size: 12px;
	color: #37761A;
	margin-bottom: 3px;
}

.article-title a {
	color: #000;
	font-size: 18px;
	font-weight: bold;
	line-height: 28px;
}
.side-all .article-title a {
	font-size: 14px;
	line-height: 24px;
}
.article-title {
	margin-bottom: 15px;
}
.article-snippets {
	margin-top: 15px;
	line-height: 25px;
	text-align: justify;
}

div.articles .article-snippets{
	margin-bottom: 40px;
}
div.articles-first .article-snippets{
	margin-bottom: 40px;
}
div.articles-rest .article-snippets{
	margin-bottom: 40px;
}
.info-props {
	color: #5B5B5B;
	font-size: 12px;
}
.info-props span span {
	vertical-align: super;
}
.info-props span.read-time img{
	margin-bottom: 2px;
	width: 14px;
	filter: opacity(75%);
}
.info-props span.publication-date img{
	margin-bottom: 2px;
	width: 15px;
	filter: opacity(75%);
	margin-right: 3px;
}
.info-props span.twitter-shares img{
	width: 18px;
	filter: opacity(75%);
}
.info-props span.facebook-shares img{
	margin-bottom: 1px;
	width: 16px;
	filter: opacity(75%);
}
.info-props .props {
	margin-right: 15px; 
}

.info-props .props.twitter-shares {
	color: #7CBBED;
}

.info-props .props.facebook-shares {
	color: #4C6DA3;
}

.results-area {
	display: grid;
	grid-template-columns: 915px 345px;
	grid-template-areas: "maing sideg";
}
.results-area.results-index {
	display: grid;
	grid-template-columns: 915px 345px;
	grid-template-areas: "headg headg" "maing sideg" "bmore bmore";
}

div.articles {
	margin-top: 61px;
	grid-area: maing;
}
div.articles-first{
	margin-top: 61px;
	grid-area: headg;
}
div.articles-rest{
	grid-area: maing;
	margin-top: 0;
}
.article1 .apuffy {
	padding-bottom: 0px;
}
.article-s .apuffy {
	padding-bottom: 0px;
}
.sepi {
	margin-left: 3px;
}

.septr {
	margin-left: 3px;
}

.btn-menu img {
	/*max-width: 20px;*/
	width: 30px;
	filter: invert(70%);
}

.btn-menu .hideme {
	display: none;
}

.menu-grid li.menu-cell.current {
	background-color: #8D151D; 
}

.menu-grid li a:hover {
	color:#ddd;
}

h3 a {
	color: #5c646e;
	font-size: 21px;
}
.cloudArticle{
	padding-top: 50px;
}
.cloudArticle h3 {
	font-size: 19px;
	color: #444;
	padding-bottom: 35px;
}
.side-all > div {
	margin-bottom: 60px;
}
.side-all .h3 {
	margin-bottom: 50px; 
}
.side-all .h3 hr{
	margin-bottom: 50px; 
}
.side-all .side-scroll {
	display: none;
}
.side-all .article-s{
	min-width: 270px;
	padding-right: 7px;
	display: block;
}
.results-title h1 {
	color: #000;
	font-weight: normal;
	font-size: 21px;
	padding-top: 60px;
}
.results-title h1 .inputText {
	font-weight: bold;
}
.results-title h2 {
	color: #5C5C5C;
	font-weight: normal;
	font-size: 14px;
	float: right;
	margin-top: -21px;
	padding-right: 15px;
}
.results-title-name {
	padding-top: 60px;
}
.results-title-name h1.tableTitle{
	color: #000;
	font-size: 21px;
}

.result-image-cat{
	display: inline-block;
}

.result-image-cat .result-category {
    position: absolute;
    color: #8D151D;
    background-color: white;
    padding: 8px 20px 6px 15px;
    margin-top: -35px;
    font-weight: bold;
    /*border-top-right-radius: 5px;*/
    z-index: 200;
}
.article-first .result-image-cat, .article-second .result-image-cat, .article-third .result-image-cat {
	margin-bottom: 10px;
}
.results-title hr,.results-title-name hr {
	color: #E1E1E1;
	border: 1px solid #E1E1E1;
	border-width: 0.7px 0 0 0;
	margin-top: 5px;
}
.no-results .nrqury {
	color: #222;
	font-weight: bold;
}
.no-results a {
	color: #8D151D;
}
.page_content-contact hr,.page_content-about hr{
	color: #E1E1E1;
	border: 1px solid #E1E1E1;
	margin-top: 5px;
	border-width: 0.7px 0 0 0;
}
.side-all hr{
	color: #E1E1E1;
	border: 1px solid #E1E1E1;
	border-width: 0px;
	border-top-width: 0.7px;
	margin-top: 5px;	
}
.side-all .article-s hr {
	margin-top: 30px;
}
button#more-results-btn {
	border-color: #8D151D;
	border-width: 1px;
	margin-top: -20px;
	padding: 10px 20px;
	border-radius: 6px;
	color: #8D151D;
	background-color: #fff;
	margin-top: -20px;
	margin-bottom: 50px;
	font-size: 15px;
}
button#more-results-btn img{
	width: 15px;
	/* more hex->filter on https://codepen.io/sosuke/pen/Pjoqqp */
	filter: invert(13%) sepia(55%) saturate(6506%) hue-rotate(348deg) brightness(72%) contrast(92%);
	margin-right: 7px;
	margin-bottom: -2px;
}

button#more-results-btn img.spin {
	animation: spin 2s linear infinite;
	filter: invert(52%) sepia(92%) saturate(1102%) hue-rotate(346deg) brightness(100%) contrast(91%);
}
@keyframes spin { 100% { transform:rotate(360deg); } }

img.scrollbtn {
	width: 25px;
	filter: invert(13%) sepia(55%) saturate(6506%) hue-rotate(348deg) brightness(72%) contrast(92%);
	float: right;
	margin-top: -40px;
}

img.scrollbtn.reverse {
	transform: rotate(180deg);
	float: left;
}


/*@media screen and (max-width: 992px) {}
@media  (min-width: 1281px) {}
@media  (max-width: 1280px) {}
@media  (max-width: 980px) {}
@media  (max-width: 700px) {}
@media  (max-width: 480px) {}*/

/*
@media  (min-width: 1020px) 
@media  (min-width: 1090px) 
@media  (min-width: 1180px) 
@media  (min-width: 1281px) 

@media  (max-width: 1019px) 
@media  (max-width: 990px) 
@media  (max-width: 950px) 
@media  (max-width: 870px) 
@media  (max-width: 770px) 
@media  (max-width: 610px) 
@media  (max-width: 440px) 
*/


@media  (min-width: 1020px) {
	.page_content {
	    width: 990px;
	}

	.results-title {
		width: 760px;
	}
	.side-all {
		grid-area: sideg;
		width: 220px;
		padding: 20px 0 0 10px;
	}
	.results-area .side-all .article-s{
		padding-bottom: 50px;
	}
	.side-all > div {
	    margin-bottom: 30px;
	}
	.results-area .side-all {
		margin-top: 35px;
		margin-left: -12px;
	}
	.results-search .side-all {
		margin-top: -52px;
	}
	.results-index .side-all {
		margin-top: -30px;
	}
	.results-categories .side-all {
		margin-top: 35px;
	}
	.results-area {
		grid-template-columns: 770px 220px;
	}
	.results-area.results-index {
		grid-template-columns: 770px 220px;
	}
	.article1 {
		width: 740px;
	}
	.article1 div.result-info{
		width: 400px;
	}
	.article1 div.result-image {
		width: 320px;
		height: 172px;
	}
	.article1.article-first div.result-image{
		width: 330px;
		height: 176px;
	}
	.article1.article-first {
		width: 330px;
		display: inline-block;
		margin-left: -2px;
		margin-bottom: 90px;
	}
	.article1 .result-interm-info{
		padding-left: 15px;
	}
	.article1.article-first .article-title{
		padding-right: 15px;
	}
	.article1.article-first div.result-info{
		width: 330px;
	}
	.article1.article-first .article-snippets{
		display: none;
	}
	.article1.article-second div.result-image{
		width: 330px;
		height: 176px;
	}
	.article1.article-second {
		width: 330px;
		display: inline-block;
		margin-left: -4px;
	}
	.article1.article-second div.result-info{
		width: 330px;
	}
	.article1.article-second .article-snippets{
		display: none;
	}
	.article1.article-second .article-title{
		padding-right: 15px;
	}
	.article1.article-third div.result-image{
		width: 330px;
		height: 176px;
	}
	.article1.article-third {
		width: 330px;
		display: inline-block;
		margin-left: -4px;
	}
	.article1.article-third .article-snippets{
		display: none;
	}
	.article1.article-third div.result-info{
		width: 330px;
	}
	.article1.article-third .article-title{
		padding-right: 15px;
	}
	.side-all .article-s{
		min-width: 215px;
		padding-right: 2px;
	}
	.nav-menu .btn-menu{
		display: none;
	}
	.nav-menu .menu-grid {
		position: relative;
	}
	.nav-menu .menu-grid.hideme {
		display: block;
	}
	.headerContent .searchBlock form.search {
		width: 182px;
	}
	#searchFormBtn {
		left: 146px;
	}
	#searchForm-q {
		width: 155px;
	}
	.footer .footerTable {
		grid-template-columns: 2fr 1fr 2fr;
	}
	.results-index .block-more-results{
		grid-area: bmore;
	}
	button#more-results-btn {
		margin-left: 400px;
	}
}
@media  (min-width: 1090px) {
	.page_content {
	    width: 1020px;
	}
	.results-title {
		width: 760px;
	}
	.results-area {
		grid-template-columns: 800px 220px;
	}
	.results-area.results-index {
		grid-template-columns: 800px 220px;
	}
	.results-area .side-all {
		margin-left: -12px;
	}
	.side-all {
		width: 220px;
		padding: 20px 0 0 10px;
	}
	.article1 div.result-info{
		width: 419px;
	}
	.article1 {
		width: 760px;
	}
	.article1.article-first div.result-image{
		width: 340px;
		height: 182px;
	}
	.article1.article-first {
		width: 340px;
	}
	.article1.article-first div.result-info{
		width: 340px;
	}
	.article1.article-second div.result-image{
		width: 340px;
		height: 182px;
	}
	.article1.article-second {
		width: 340px;
	}
	.article1.article-second div.result-info{
		width: 340px;
	}
	.article1.article-third div.result-image{
		width: 340px;
		height: 182px;
	}
	.article1.article-third {
		width: 340px;
	}
	.article1.article-third div.result-info{
		width: 340px;
	}
	.article1 div.result-image {
		width: 320px;
		height: 172px;
	}
	.side-all .article-s{
		min-width: 215px;
		padding-right: 2px;
	}
	.headerContent .searchBlock form.search {
		width: 242px;
	}
	#searchForm-q {
		width: 210px;
	}
	#searchFormBtn {
		left: 216px;
	}
}
@media  (min-width: 1180px) {
	.page_content {
	    width: 1155px;
	}
	.results-title {
		width: 800px;
	}
	.results-area {
		grid-template-columns: 875px 280px;
	}
	.results-area.results-index {
		grid-template-columns: 875px 280px;
	}
	.article1 div.result-info{
		width: 429px;
	}
	.article1 {
		width: 800px;
	}
	.article1.article-first div.result-image{
		width: 385px;
		height: 205px;
	}
	.article1.article-first {
		width: 385px;
	}
	.article1.article-first div.result-info{
		width: 340px;
	}
	.article1.article-second div.result-image{
		width: 385px;
		height: 205px;
	}
	.article1.article-second {
		width: 385px;
	}
	.article1.article-second div.result-info{
		width: 385px;
	}
	.article1.article-third div.result-image{
		width: 385px;
		height: 205px;
	}
	.article1.article-third {
		width: 385px;
	}
	.article1.article-third div.result-info{
		width: 385px;
	}
	.article1 div.result-image {
		width: 340px;
		height: 182px;
	}
	.side-all .article-s{
		min-width: 275px;
		padding-right: 5px;
	}
}
@media  (min-width: 1281px) {
	.page_content {
	    width: 1260px;
	}
	.results-title {
		width: 915px;
	}
	.results-area {
		grid-template-columns: 915px 345px;
	}
	.results-area.results-index {
		grid-template-columns: 915px 345px;
	}
	.results-area .side-all {
		margin-left: 44px;
	}
	.side-all {
		width: 270px;
		padding: 20px 0 0 30px;
	}
	.article1 div.result-info{
		width: 499px;
	}
	.article1 {
		width: 915px;
	}
	.article1.article-first div.result-image{
		width: 420px;
		height: 225px;
	}
	.article1.article-first {
		width: 420px;
	}
	.article1.article-first div.result-info{
		width: 420px;
	}
	.article1.article-second div.result-image{
		width: 420px;
		height: 225px;
	}
	.article1.article-second {
		width: 420px;
	}
	.article1.article-second div.result-info{
		width: 420px;
	}
	.article1.article-third div.result-image{
		width: 420px;
		height: 225px;
	}
	.article1.article-third {
		width: 420px;
	}
	.article1.article-third div.result-info{
		width: 420px;
	}
	.article1 div.result-image {
		width: 385px;
		height: 205px;
	}
	.side-all .article-s{
		min-width: 270px;
		padding-right: 7px;
	}
}
@media  (max-width: 1019px) {
	.page_content {
	    width: 917px;
	}
	.article1 {
		width: 915px;
	}
	.results-area, .results-area.results-index {
		display: block;
	}
	.side-all .side-scroll {
		display: block;
	}
	.side-all .article-s hr {
		display: none;
	}
	.results-title {
		width: 915px;
	}
	.side-all {
		width: 915px;
	}
	.cloud li {
		margin-right: 15px;
	}
	.side-all .article-s{
		display: table-cell;
		padding-right: 35px;
	}
	.results-area .side-all .article-s{
		padding-bottom: 15px;
	}
	.side-carousel {
		overflow-x: scroll;
	}
	.article1 .article-snippets{
		display: block;
	}
	.article1 div.result-info{
		width: 499px;
	}
	.article1.article-first div.result-image{
		/*width: 420px;
		height: 225px;*/
		width: 100%;
		height: auto;
	}
	.article1.article-first {
		width: 50%;
		display: inline-block;
		margin-bottom: 90px;
	}
	.article1.article-first .article-snippets{
		display: none;
	}
	.article1.article-first div.result-info{
		width: 100%;
	}
	.article1.article-first .result-interm-info{
		padding-left: 15px;
	}
	.article1.article-first .article-title{
		padding-right: 15px;
	}
	.article1.article-second div.result-image{
		width: 100%;
		height: auto;
	}
	.article1.article-second {
		width: 50%;
		display: inline-block;
		margin-left: -4px;
	}
	.article1.article-second .article-snippets{
		display: none;
	}
	.article1.article-second div.result-info{
		width: 100%;
	}
	.article1.article-second .result-interm-info{
		padding-left: 15px;
	}
	.article1.article-second .article-title{
		padding-right: 15px;
	}
	.article-first .result-image-cat, .article-second .result-image-cat {
		width: 100%;
	}
	.article1.article-first div.result-preimage, .article1.article-second div.result-preimage{
		width: 100%;
	}
	.nav-menu .btn-menu{
		display: none;
	}
	.nav-menu .menu-grid {
		position: relative;
	}
	.nav-menu .menu-grid.hideme {
		display: block;
	}
	.headerContent .searchBlock form.search {
		width: 182px;
	}
	#searchFormBtn {
		left: 146px;
	}
	#searchForm-q {
		width: 155px;
	}
	.footer .footerTable {
		grid-template-columns: 2fr 1fr 2fr;
	}
	button#more-results-btn {
		margin-left: 400px;
	}
}
@media  (max-width: 990px) {
	.nav-menu .btn-menu{
		display: block;
		width: 22px;
		margin-top: 21px;
	}
	.nav-menu .menu-grid {
		position: absolute;
		margin-left: -20px;
		margin-top: 15px;
		padding-right: 50px;
	}
	.nav-menu .menu-grid.hideme {
		display: none;
	}
	.headerContent .searchBlock .nav-menu .menu-grid li {
		display: block;
		width: 100%;
		padding-right: 37px;
	}
	.headerContent .searchBlock form.search {
		width: 320px;
	}
	#searchFormBtn {
		left: 294px;
	}
	#searchForm-q {
	    width: 290px;
	}
	.footer .footerTable {
		grid-template-columns: 2fr 1fr;
	}
}
@media  (max-width: 950px) {
	.page_content {
	    width: 845px;
	}
	.results-title {
		width: 840px;
	}
	.article1 {
		width: 840px;
	}
	.article1 div.result-info, .article1.article-first div.result-info, .article1.article-second div.result-info{
		width: 415px;
	}
	.side-all {
		width: 840px;
	}
}
@media  (max-width: 870px) {
	.page_content {
	    width: 750px;
	}
	.results-title {
		width: 750px;
	}
	.article1 div.result-info, .article1.article-first div.result-info, .article1.article-second div.result-info{
		width: 375px;
	}
	.article1 {
		width: 750px;
	}
	.article1 div.result-image {
		width: 340px;
		height: 182px;
	}
	.side-all {
		width: 750px;
	}
}
@media  (max-width: 770px) {
	.page_content {
	    width: 582px;
	}
	.block-about {
		padding: 10px;
	}
	.results-title {
		width: 580px;
	}
	.results-title h1 {
		font-size: 18px;
	}
	.results-title h2 {
		float: left;
		margin-top: 10px;
	}
	.article1.article-first .result-interm-info, .article1.article-second .result-interm-info{
		padding-left: 0px;
	}
	.article1.article-first .article-title, .article1.article-second .article-title{
		padding-right: 0px;
	}
	.article-first .result-image-cat, .article-second .result-image-cat {
		width: auto;
	}
	.article1.article-first div.result-preimage, .article1.article-second div.result-preimage{
		width: auto;
	}
	div.article1, .article1.article-second, .article1.article-first  {
		width: 580px;
		display: block;
		clear: both;
		margin-bottom: 53px;
	}
	.article1 div.result-info, .article1.article-first div.result-info, .article1.article-second div.result-info{
		width: 580px;
	}
	.article1 div.result-image, .article1.article-first div.result-image, .article1.article-second div.result-image{
		width: 580px;
		height: 311px;
	}
	.article1 .article-snippets, .article1.article-first .article-snippets, .article1.article-second .article-snippets{
		display: block;
	}
	.side-all {
		width: 580px;
	}
	.cloud li {
		margin-right: 10px;
	}
	button#more-results-btn {
		margin-left: 125px;
	}
}
@media  (max-width: 610px) {
	.page_content {
	    width: 422px;
	}
	.block-about {
		padding: 10px;
	}
	.results-title {
		width: 420px;
	}
	.results-title h1 {
		font-size: 18px;
	}
	.results-title h2 {
		float: left;
		margin-top: 10px;
	}
	.article1.article-first .result-interm-info, .article1.article-second .result-interm-info{
		padding-left: 0px;
	}
	.article1.article-first .article-title, .article1.article-second .article-title{
		padding-right: 0px;
	}
	.article-first .result-image-cat, .article-second .result-image-cat {
		width: auto;
	}
	.article1.article-first div.result-preimage, .article1.article-second div.result-preimage{
		width: auto;
	}
	div.article1, .article1.article-second, .article1.article-first  {
		width: 420px;
		display: block;
		clear: both;
		margin-bottom: 53px;
	}
	.article1 div.result-info, .article1.article-first div.result-info, .article1.article-second div.result-info{
		width: 420px;
	}
	.article1 div.result-image, .article1.article-first div.result-image, .article1.article-second div.result-image{
		width: 420px;
		height: 225px;
	}
	.article1 .article-snippets, .article1.article-first .article-snippets, .article1.article-second .article-snippets{
		display: block;
	}
	.side-all {
		width: 420px;
	}
	.cloud li {
		margin-right: 10px;
	}
	button#more-results-btn {
		margin-left: 125px;
	}
/*}
@media  (max-width: 760px) {*/
	.footer .footerTable {
		grid-template-columns: 1fr;
	}
	.page_content-contact table.contact th {
		padding: 0 5px 0 10px;
	}
}
/*@media  (max-width: 420px) {}*/
@media  (max-width: 440px) {
	.page_content {
	    width: 322px;
	}
	.results-title {
		width: 320px;
	}
	div.article1, .article1.article-second, .article1.article-first  {
		width: 320px;
	}
	.article1 div.result-info, .article1.article-first div.result-info, .article1.article-second div.result-info{
		width: 320px;
	}
	.article1 div.result-image, .article1.article-first div.result-image, .article1.article-second div.result-image{
		width: 320px;
		height: 172px;
	}
	.side-all {
		width: 320px;
	}
	.headerContent .searchBlock form.search {
		width: 260px;
	}
	#searchForm-q {
	    width: 230px;
	}
	#searchFormBtn {
		left: 234px;
	}
	button#more-results-btn {
		margin-left: 75px;
	}
}
@media  (max-width: 330px) {
	.page_content {
		margin: 0 5px;
	}
}