@font-face {
  font-display: swap;
  font-family:'Roboto';
  src: url("../fonts/Roboto-Regular.ttf");  
}
@font-face {
  font-display: swap;
  font-family:'Roboto-Medium';
  src: url("../fonts/Roboto-Medium.ttf");
}
@font-face {
  font-display: swap;
  font-family:'Roboto-Black';
  src: url("../fonts/Roboto-Black.ttf");
}
@font-face {
  font-display: swap;
  font-family:'Roboto-Bold';
  src: url("../fonts/Roboto-Bold.ttf");
}
@font-face {
  font-display: swap;
  font-family:'Roboto-Light';
  src: url("../fonts/Roboto-Light.ttf");
}
@font-face {
  font-display: swap;
  font-family:'Roboto-Light-It';
  src: url("../fonts/Roboto-LightItalic.ttf");
}

body {
	font-family:'Roboto', arial;
}
a {
	color:#0097d3;
	text-decoration:none;
}
a:hover {
	color:#0097d3;
}
p {
	font-size:14px;
	line-height:17px;
}
button {
	background:#0097d3;
	border-radius:5px;
	color:#fff;
	font-size:14px;
	padding:7px 15px;
	border:none;
	margin-top:20px;
}
button:hover {
	cursor:pointer;
}
h1 {
	font-family:'Roboto-Bold', arial;
	font-size:36px;
	font-weight:normal;
	margin-top:10px;
	line-height:40px;
}
h2, h3 {
	font-family:'Roboto-Light';
	font-size:36px;
	position:relative;
	font-weight:normal;
	margin-bottom:10px;
}
h4 {
	font-family:'Roboto-Bold';
	font-size:24px;
	font-weight:normal;
	margin-bottom:10px;
}
h2.text-center:before {
	position:absolute;
	content:'';
	border-top:1px solid #0097d3;
	width:70px;
	height:1px;
	left:calc(50% - 35px);
	top:-10px;
}
h2.text-left:before {
	position:absolute;
	content:'';
	border-top:1px solid #0097d3;
	width:70px;
	height:1px;
	top:-20px;
}
strong {
	font-family:'Roboto-Bold';
	font-weight:normal;
}
hr.bm-hr{
  border-color:  #0097d3;
  border-style: solid;
  border-width: 1px 0 0 0;
  width: 70px;
  margin-left: 0;
}
.subtitle {
	color:#999999;
	font-size:14px;
	font-family:'Roboto-Light-It';
}
.text-center {
	text-align:center
}

.container {
	max-width:1170px;
	padding:0 15px;
	margin:0 auto;
}
.overflow-hidden{
  overflow: hidden;
}
.icon {
	background:url(../images/sprite.png);
}
button:focus, input:focus {
	outline:none;
}
ul {
	list-style:disc;
	padding-left:15px;
}
li {
	font-family:'Roboto';
	font-size:14px;
	line-height:24px;
}
table {
	width:100%;
	border:1px solid #e0e0e0;
	margin-bottom:40px;
}
td {
	border:1px dashed #e0e0e0;
	padding:15px;
	font-family:'Roboto-Light';
}
table strong {
	font-size:14px;
}
.clr{
  clear: both;
}
.hide{
  display: none;
}

/*****Header*****/
header.head-fix{
  position: fixed;
  width: 100%;
  background: #fff;
  top: 0;
  z-index: 10001;
  height: 104px;
}
.hed-left, .search {
	width:32%;
	display:inline-block;
	padding-top:25px;
	vertical-align:middle;
}
.header-social{
  display:inline-block;
  vertical-align:middle;
}
.mob-menu{
  display:inline-block;
  vertical-align:middle;
  margin-right: 14px;
}
.logo {
	width:36%;
	display:inline-block;
	font-family:'Roboto-Light';
	letter-spacing:0.1px;
	text-align:center;
	vertical-align:middle;
	padding-top:35px;
}
.logo .title {
	font-family:'Roboto-Light';
	letter-spacing:0.1px;
	text-align:center;
	font-size:100%;
	margin:0;
	line-height:1;
}
.header-social a, .search a {
	color:#9d9d9d;
}
.header-social a {
	padding-right:32px;
}
.header-social a:hover {
	color:#0097d3;
}
.search {
	text-align:right;
	padding-top:35px;
}
.main-menu {
	font-family:'Roboto', arial;
}

.cd-header-buttons{
  display: none;
}

/*****Slider*****/
.slide1 { background: url(../images/image1.jpg) no-repeat left top; height: 210px; padding: 20px 40px; width: 550px; }
.slide1 h2 { color: #fff; font-size: 20px; margin: 0 0 20px 0; text-align: left; }
.slide1 p { border-left: 3px solid #fff; color: #fff; padding: 0 0 0 10px; }
.quote, .quote2, .quote3, .quote4 {display: block; height: 500px; padding: 20px 0; width: 580px; font-family:'Roboto-Light', serif; font-size:36px; text-align: center; width: 100%; position: relative; color: #fff; background-repeat: no-repeat; background-position: center center;}
a.quote{color: #fff;}
.quote6 {width:100%;height:440px; overflow:hidden}
.quote7 {width:100%;height:280px; overflow:hidden}
.quote p {
	position:relative;
	top:75%;
	font-size:36px;
}
.plusslider.slider3, .plusslider.slider3 .plusslider-pagination-wrapper { border: none; border-radius: 0; }

.plusslider .plusslider-arrows-wrapper{display: none;}

/*****Blocks*****/
.blocks {
	margin-top:55px;
	overflow:hidden;
}
.blocks .block {
	display:inline-block;
	border:1px solid #dfdfdf;
	height:215px;
	position:relative;
	margin-right:23px;
}
.blocks .block:last-child {
	margin-right:0;
}
.blocks .block:hover {
	background:#0097d3;
	border-color:#0097d3;
}
.block .view {
	color:#bcbcbc;
	font-size:12px;
	padding:20px;
	position:relative;
}
.blocks .block:hover .view, .blocks .block:hover .title-block {
	color:#fff;
}
.blocks .block a {
	height:100%;
	display:block;
}
.block .view .icon.ic-view {
	background-position:-65px -1px;
	width:20px;
	height:10px;
	position:absolute;
}

.blocks .block:hover .icon.ic-view {
	background-position:-86px -1px;
	width:20px;
	height:10px;
	position:absolute;
}
.block .view .count {
	padding-left:25px;
}

.block .title-block {
	text-align:center;
	position:relative;
	font-family:'Roboto-Light';
	padding-top:75px;
	color:#000;
}
.block .title-block .ic-news {
	background-position:-0 -4px;
	width:42px;
	height:39px;
	position:absolute;
	top:20px;
	left:calc(50% - 21px);
}
.block .title-block .ic-tech {
	background-position:-45px -13px;
	width:48px;
	height:36px;
	position:absolute;
	top:20px;
	left:calc(50% - 24px);
}
.block .title-block .ic-articles {
	background-position:-0 -85px;
	width:35px;
	height:35px;
	position:absolute;
	top:20px;
	left:calc(50% - 17.5px);
}
.block .title-block .ic-popular {
	background-position:-38px -89px;
	width:37px;
	height:44px;
	position:absolute;
	top:20px;
	left:calc(50% - 18.5px);
}
.blocks .block:hover .ic-news {
	background-position:-0 -44px;
}
.blocks .block:hover .ic-tech {
	background-position:-45px -50px;
}
.blocks .block:hover .ic-articles {
	background-position:-0 -121px;
}
.blocks .block:hover .ic-popular {
	background-position:-38px -134px;
}

/*****Popular articles*****/
.popular-articles {
	margin-top:60px;
	overflow:hidden;
	border-bottom:1px solid #e8e7ec;
	padding-bottom:40px;
}
#slider2 {
	margin-top:35px;
}
.popular-articles .article {
	width:24%;
	display:inline-block;
	margin-right:11.5px;
  vertical-align: top;
}   
.popular-articles .article:last-child {
	margin-right:0;
}
.popular-articles .article .img-wrap{
  display: inline-block;
  height: 178px;
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
  width: 100%;
}

.post-title {
	font-family:'Roboto-Bold',arial;
	font-size:16px;
	padding:20px 0 15px;
	line-height:20px;
}
.post-title a {
	color:#000;
}
.post-title a:hover {
	color:#0097d3;
}
.post-excerpt {
	color:#999;
	font-size:14px;
	line-height:20px;
	padding-bottom:10px;
}
.meta {
	position:relative;
	margin-top:10px;
}
.meta:before {
	border-top:1px solid #999;
	width:40px;
	height:1px;
	position:absolute;
	content:'';
	top:-10px;
}
.post-date, .post-view {
	font-size:12px;
	color:#bcbcbc;
	display:inline-block;
	position:relative;
}
.icon.icon-post-date {
	position:absolute;
	width:13px;
	height:13px;
	background-position:-81px -99px;
}
.icon.icon-post-view {
	position:absolute;
	width:16px;
	height:8px;
	background-position:-79px -89px;
	top:3px;
}
.post-date .date {
	padding-left:20px;
}
.post-view .count {
	padding-left:25px;
}
.post-date {
	font-family:'Roboto-Light',arial;
}
.post-view {
	font-family:'Roboto', arial;
  float: right;
  position: relative;
  top: 2px;
}

/*****Section Obsori*****/
.obsori {
	margin-top:40px;
	overflow:hidden;
}
.obsori .block-left, .obsori .block-right {
	float:left;
}
.obsori .block-left {
	width:70%;
}
.obsori .article {
	margin-top:30px;
}
.obsori .article .post-title {
	font-size:22px;
	line-height:28px;
	padding-top:0;
}
.obsori .article .post-excerpt {
	font-size:14px;
}

.article .col {
	
	display:inline-block;
	vertical-align:top;
}
.article .col:first-child {
	width:49%;
	max-width:400px;
	margin-right:20px;
}
.article .col:last-child {
	width:42%;
}
.obsori .block-right {
	width:30%;
	margin-top:20px;
}
.obsori .block-right button {
	float:right;
}
.article.columns {
	margin-top:35px;
	width:48%;
	display:inline-block;
}
.article.columns:nth-of-type(2n+2) {
	float:right;
}
.article.columns .post-title {
	font-size:16px;
	line-height:20px;
}
.article.columns .post-excerpt {
	font-size:14px;
}
.article.columns  .col:first-child {
	margin-right:10px;
	width:46%;
	max-width:190px;
}
.article.columns  .col:last-child {
	width:44%;
}

/*****Opros****/
.opros {
	border:1px solid #e8e7ec;
	padding:15px 15px 15px 20px;
}	
.opros form {
	margin-top:5px;
}

.voting .info{
  margin-top: 20px;
  float: right;
  font-size: 14px;
  padding: 7px 0;
}

.radio {
  vertical-align: top;
  width: 17px;
  height: 17px;
  margin: 0 3px 0 0;
}
.radio + label {
  position:relative;
  top:4px;
}
.radio:not(checked):hover {
  cursor:pointer;
}
.radio:not(checked) {
  position: absolute;
  opacity: 0;
  z-index:999;
  width:100px;
  display:block;
}
.radio:not(checked) + label {
  position: relative;
  padding: 0 0 0 25px;
}
.radio:not(checked) + label:before {
  content: '';
  position: absolute;
  top: -2px;
  left: 0;
  width: 14px;
  height: 14px;
  border: 1px solid #CDD1DA;
  border-radius: 50%;
  background: #FFF;
  cursor:pointer;
}
.radio:not(checked) + label:after {
  cursor:pointer;
  content: '';
  position: absolute;
  top: 2px;
  left: 4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #0097d3;
  opacity: 0;
  transition: all .2s;
}
.radio:checked + label:after {
  opacity: 1;
}
.set {
	margin:13px 0px 10px 20px;
}
.set .col-1 {
	width:38%;
	font-size:14px;
	display:inline-block;
}
.set .col-2 {
	text-align:right;
	width:60%;
	display:inline-block;
}
.set .col-2.hide{
  visibility: hidden;
  display: inline-block;
}
.set .col-2 span {
	text-align:right;
	color:#0097d3;
	font-size:12px;
}
.line-rating {
    width: 100%;
    position: relative;
    box-sizing: border-box;
    height: 1px;
    margin-bottom: 5px;
    background-color: #d0c8cf;
    background-repeat: repeat-x;
}
.cont {
    height: 1px;
    display: block;
    background-color: #0097d3;
    z-index: 1;
}
.itog {
	font-size:12px;
	text-align:right;
	letter-spacing:0.1px;
	margin-top:25px;
}
/*****Video Slides*****/
.footer-widget {
	margin-top:60px;
	padding:30px 0 25px;
	background:#f5f5f5;
	overflow:hidden;
}
#slider3 {
	margin-top:30px;
}
.footer-widget .block {
	display:inline-block;
	width:25%;
	position:relative;
	width:270px;
	height:177px;
	margin-bottom:80px;
}
.footer-widget .rp .block {
	margin-bottom:35px;
}
.footer-widget .block:before {
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.4);
}
.footer-widget .block.video:after {
	content:'';
	position:absolute;
	background:url(../images/sprite.png);
	background-position:-81px -117px;
	width:19px;
	height:11px;
	top:20px;
	right:20px;
}
.footer-widget .block:hover:before {
	background:none;
	cursor:pointer;
}
.footer-widget .block .title {
	position:absolute;
	bottom:40px;
	left:20px;
	color:#fff;
	font-family:'Roboto-Bold';
	font-size:14px;
}
.footer-widget .block .data {
	position:absolute;
	bottom:20px;
	left:20px;
	color:#cacaca;
	font-family:'Roboto-Light';
	font-size:12px;
}
.footer-widget .block img{
  width: 270px;
  height: 178px;
}

.mini-block {
	display:inline-block;
	margin-right:25px;
	vertical-align:top;
  max-width: 170px;
}
.popular-post .mini-block {
	display:inline-block;
	margin-right:25px;
}
.popular-post .mini-block:last-child {
	margin-right:0;
}
.mini {
	padding-bottom:30px;
}
.mini-block .data {
	color:#cacaca;
	font-family:'Roboto-Light';
	font-size:12px;
}
.mini-block .title {
	color:#000;
	font-family:'Roboto-Bold';
	font-size:12px;
	padding:7px 0;
}
.mini-block .title:hover {
	color:#0097d3
}
.mini-block img{
  max-width: 100%;
}
.footer-widget .rp {
	margin-top:30px;
}
.footer-widget2 {
	margin-top:70px;
	margin-bottom:30px;
}
.footer-widget2 .mini {
	padding-top:30px;
}
.footer-widget2 .mini-block:last-child {
	margin-right:0;
}

/*****Footer*****/
footer {
	background:#000;
	padding:40px 0;
}
footer .footer-logo {
	font-family:'Roboto-Bold';
	color:#fff;
	font-size:36px;
}
footer p {
	color:#555;
	font-size:12px;
	margin-bottom:20px;
}
footer p:nth-of-type(2) {
	position:relative;
}
footer .email {
	padding-left:25px;
}
footer .email a {
	color:#555;
}
.icon.icon-mail {
	position:absolute;
	background-position:-79px -137px;
	width:16px;
	height:10px;
	top:2px;
}
.footer-column-1 {
	width:29%;
	display:inline-block;
	vertical-align:top;
}
.footer-column-2 {
	width:62%;
	display:inline-block;
	vertical-align:top;
	margin-left:80px;
}
.footer-social a {
	color:#9d9d9d;
	background:#222;
	border-radius:50%;
	line-height:35px;
	text-align:center;
	width:34px;
	height:34px;
	margin-right:15px;
}
.footer-social a:hover {
	background:#0097d3;
	color:#fff;
}
.footer-column-2 .post-title {
	padding-top:2px;
	padding-bottom:0px;
}
.copyright {
	padding-top:30px;
	color:#555;
	font-size:12px;
	font-family:'Roboto-Light';
}
footer h3 {
	font-family:'Roboto-Light';
	font-size:24px;
	margin-top:12px;
	margin-bottom:8px;
	color:#fff;
	font-weight:normal;
	position:relative;
}
footer h3:before {
	position:absolute;
	content:'';
	border-top:1px solid #bcbcbc;
	width:43px;
	height:1px;
	top:-10px;
	
}
footer .meta:before {
	border:none;
}
footer .meta {
	margin-top:5px;
}
.footer-column-2 .post-title a{
	color:#fff;
}
.footer-column-2 .post-title a:hover {
	color:#0097d3
}
footer .article.columns  .col:first-child {
	max-width:120px;
	width:40%;
}
footer .article.columns  .col:last-child {
	width:55%;
}
footer .article.columns {
	margin-top:20px;
}

/*****Breadcrumbs****/
.breadcrumbs {
	text-align:center;
	font-family:'Roboto-Light';
	font-size:13px;
	margin-top:15px;
}  
.breadcrumbs a {
	color:#000;
	display:inline-block;
	padding:10px 10px 5px 10px;
}
.breadcrumbs span {
	color:#0097d3;
	padding:7px;
}
.breadcrumbs .fa-circle {
	font-size:4px;
	position:relative;
	top:-2px;
	color:#bcbcbc;
}

/*****Main Info*****/
.main-info {
	margin-bottom:30px;
	overflow:hidden;
}
.info-block {
	position:relative;
	margin-top:40px;
	padding:20px 0;
}
.info-block:before {
	position:absolute;
	content:'';
	border-top:1px solid #bcbcbc;
	width:100px;
	height:1px;
	top:-10px;
}
.info-block .prise,.info-block .characters,.info-block .plus,.info-block .minus,.info-block .reiting {
	font-size:16px;
	font-family:'Roboto-Bold';
	padding-left:30px;
	position:relative;
	margin-bottom:12px;
}
.info-block .prise:before, .info-block .characters:before,.info-block .plus:before,.info-block .minus:before,.info-block .reiting:before, .testimonials:before {
	background:url(../images/sprite.png);
	width:17px;
	height:17px;
	content:'';
	position:absolute;
	left:0;
	top:-1px;
}
.info-block .prise:before {
	background-position:0 -161px;
}
.info-block .prise span {
	color:#ea2d2d;
	font-size:48px;
	line-height:90px;
}
.info-block .block {
	width:30%;
	display:inline-block;
	vertical-align:top;
}
.info-block .characters:before {
	background-position:0 -181px;
}
.info-block .plus:before {
	background-position:-18px -161px;
}
.info-block .minus:before {
	background-position:-18px -181px;
}
.info-block .reiting:before {
	background-position:-38px -181px;
}
.info-block .block ul {
	padding-left:0px;
	font-size:14px;
	padding-top:15px;
}
.info-block .block ul li {
	font-family:'Roboto-Light';
	padding:5px 0 5px 20px;
	line-height:17px;
	list-style:none;
	position:relative;
}
.info-block .block ul li:before {
	position:absolute;
	content:'';
	background:url(../images/sprite.png);
	background-position:-98px -29px;
	height:6px;
	width:6px;
	left:2px;
	top:10px;
}
.info-block .block ul li span {
	font-family:'Roboto';
}
.rating {
	background:url(../images/sprite.png);
	background-position:0 -225px;
	width: 139px;
	height:23px;
	display:inline-block;
	vertical-align:middle;
	margin-top:20px;
}
.rating div {
	background:url(../images/sprite.png);
	background-position:0 -201px;
	width: 139px;
	height:23px;
}
.testimonials {
	width:35%;
	display:inline-block;
	font-family:'Roboto';
	font-size:12px;
	position:relative;
	margin-left:20px;
	top:10px;
}
.testimonials:before {
	background-position:-57px -181px;
	top:-2.5px;
}
.testimonials a {
	padding-left:25px;
  white-space:nowrap;
}
.reiting .total {
	font-family:'Roboto-Bold';
	font-size:36px;
	margin:25px 0 20px;
	line-height:16px;
}
.reiting .total span {
	font-size:15px;
}
.rate {
	font-family:'Roboto';
	font-size:12px;
	margin-bottom:20px;
}
.rate .name {
	float:left;
	padding-bottom:2px;
}
.rate span {
	float:right;
}
.rate .line-rating {
	display:block;
	overflow:hidden;
}

/*****Aside*****/
aside.left {
	width:19%;
	float:left;
	margin-top:35px;
}
aside.right {
	width:16%;
	float:right;
	margin-top:35px;
	max-width:170px;
}
aside.right .banners a img{
	margin:15px 0;
}
.left-menu.nav{
  margin: 0;
  padding: 15px 0 15px 15px;
}
.left-menu li, .like-social li {
	list-style:none;
	position:relative;
	margin-bottom:18px;
}
.left-menu li a{
  cursor: pointer;
}
.left-menu li a.icon-obzor {
	background-position:-112px 0;
	width:43px;
	height:42px;
}
.left-menu li a.icon-obzor:hover {
	background-position:-112px -43px;
	cursor:pointer;
}
.left-menu li a.icon-char {
	background-position:-112px -86px;
	width:43px;
	height:42px;
}
.left-menu li a.icon-char:hover {
	background-position:-112px -129px;
	cursor:pointer;
}
.left-menu li a.icon-otzivi {
	background-position:-155px 0;
	width:43px;
	height:42px;
}
.left-menu li a.icon-otzivi:hover {
	background-position:-155px -43px;
	cursor:pointer;
}
.left-menu li a.icon-prise {
	background-position:-155px -86px;
	width:43px;
	height:41px;
}
.left-menu li a.icon-prise:hover {
	background-position:-155px -129px;
	cursor:pointer;
}
.left-menu li a.icon-video {
	background-position:-154px -170px;
	width:43px;
	height:42px;
}
.left-menu li a.icon-video:hover {
	background-position:-154px -212px;
	cursor:pointer;
}
.like-social li a.icon-vk {
	background-position:-306px 0;
	width:43px;
	height:42px;
}
.like-social li a.icon-vk:hover {
	background-position:-263px 0px;
	cursor:pointer;
}
.like-social li a.icon-fb {
	background-position:-306px -44px;
	width:43px;
	height:42px;
}
.like-social li a.icon-fb:hover {
	background-position:-263px -44px;
	cursor:pointer;
}
.like-social li a.icon-tw {
	background-position:-306px -88px;
	width:43px;
	height:42px;
}
.like-social li a.icon-tw:hover {
	background-position:-263px -88px;
	cursor:pointer;
}
.like-social li a.icon-inst {
	background-position:-306px -132px;
	width:43px;
	height:42px;
}
.like-social li a.icon-inst:hover {
	background-position:-263px -132px;
	cursor:pointer;
}
.like-social li a.icon-gplus {
	background-position:-306px -176px;
	width:43px;
	height:42px;
}
.like-social li a.icon-gplus:hover {
	background-position:-263px -176px;
	cursor:pointer;
}
.tooltip { /* стиль текста, наведя или нажав на который появится пояснение */
  display: inline-block;
  position: relative;
  text-indent: 0px;
}
.left-menu .tooltip > span {
	border: solid #0097d3;
	background: #0097d3;
	position: absolute;
  top:calc(50% - 18px);
  left: 4.7em; /* = max-width */
  width: -moz-max-content;
  width: -webkit-max-content;
  width: max-content;  /* ширина подсказки может быть не более содержимого */
  max-width: 20em;  /* ширина подсказки может быть не более 20em */
  max-height: 80vh; /* необязательное ограничение по высоте подсказки, 1vh — это 1% от ширины окна */
  overflow: auto;
  visibility: hidden;
  margin: 0 auto .4em; /* поднята на .4em над текстом, наведя или нажав на который появится пояснение */
  padding: .3em;
  font-size: 90%;
  color:#fff;
  line-height: normal;
  cursor: auto;
}
.like-social .tooltip > span {
	border: solid #ec4335;
	background: #ec4335;
	position: absolute;
  top:calc(50% - 18px);
  left: 4.7em; /* = max-width */
  width: -moz-max-content;
  width: -webkit-max-content;
  width: max-content;  /* ширина подсказки может быть не более содержимого */
  max-width: 20em;  /* ширина подсказки может быть не более 20em */
  max-height: 80vh; /* необязательное ограничение по высоте подсказки, 1vh — это 1% от ширины окна */
  overflow: auto;
  visibility: hidden;
  margin: 0 auto .4em; /* поднята на .4em над текстом, наведя или нажав на который появится пояснение */
  padding: .3em;
  font-size: 90%;
  color:#fff;
  line-height: normal;
  cursor: auto;
}

.left-menu .tooltip:after {
  content: "";
  position: absolute;
  top: 12px;
  left: 55px;
  visibility: hidden;
  margin: 0 0 0 -.4em;
  border: .4em solid;
  border-color:  transparent #0097d3 transparent transparent;
  cursor: auto;
}
.like-social .tooltip:after {
  content: "";
  position: absolute;
  top: 12px;
  left: 55px;
  visibility: hidden;
  margin: 0 0 0 -.4em;
  border: .4em solid;
  border-color:  transparent #ec4335  transparent transparent;
  cursor: auto;
}

.tooltip:hover > span,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus > span,
.tooltip:focus:before,
.tooltip:focus:after {
  visibility: visible;
  transition: 0s .4s;
}
.tooltip:focus { /* убрать рамку в Хроме */
  outline: none;
}
.tooltip.anim > span,
.tooltip.anim:after { /* анимация */
  opacity: 0;
   transform-origin: center right;
}

.tooltip.anim:hover > span,
.tooltip.anim:hover:after,
.tooltip.anim:focus > span,
.tooltip.anim:focus:after {
  opacity: 1;
  transition: .6s .4s;
}

/*****Content*****/
body.has-sidebar #content {
	width:65%;
	float:left;
	overflow:hidden;
}
#content h2 {
	margin-bottom:25px;
}
#content h3 {
	margin-top:30px;
}
#content p {
	line-height:25px;
	margin:20px 0;
}
#content img {
	max-width:100%;
	margin-bottom:20px;
  height:auto;
}
#content .date {
	font-size:14px;
	font-family:'Roboto-Light';
	margin-bottom:50px;
}
#content .tab{
  display: none;
}
#content .tab.active{
  display: block;
}
.manager-block {
	border-top:1px solid #bcbcbc;
	margin-top:30px;
	padding-top:20px;
}
.manager-block .col-1 {
	width:40%;
	display:inline-block;
	vertical-align:top;
	padding-top:30px;
}
.manager-block img {
	float:left;
	vertical-align:middle;
	margin-right:30px;
}
.manager-block .name {
	font-family:'Roboto-Bold';
	font-size:16px;
	line-height:16px !important;
}
.manager-block .doljnost {
	font-family:'Roboto-Light';
	font-size:14px;
}
.manager-block .col-2 {
	width:59%;
	display:inline-block;
}

.recent-post {
	width:51%;
	float:left;
}
.popular-post {
	float:right;
	width:49%;
}
.else-video {
	border-top:1px solid #bcbcbc;
	padding-top:10px;
}
.else-video h3, .else-video h4 {
	font-size:16px;
	font-family:'Roboto-Bold';
}
.else-video h4 {
	margin-top:5px;
}
.else-video .col-1 {
	width:calc(50% - 15px);
	float:left;
	margin-right:30px;
}
.else-video .col-2 {
	width:calc(50% - 15px);
	float:right;
}
.else-video img {
	width:100%;
	max-width:362px !important;
}
.content {
	padding-top:50px;
}
.title-content {
	font-family:'Roboto-Black';
	font-size:18px;
	padding-bottom:15px;
}
#content .content p {
	margin:0;
	line-height:36px;
	padding-left:20px;
}
#content.content p a:hover, #content.content li a:hover {
	text-decoration:underline;
}

.title-content + ol li{
  color: #0097d3;
}

/*****Table*****/
.table-title {
	font-family:'Roboto-Bold';
	font-size:16px;
	padding:20px 0;
}
table.charact {
	width:100%;
	font-family:'Roboto-Light';
	font-size:14px;
	border:none;
}
table.charact  td {
	padding:7px 15px 7px 30px;
	position:relative;
	line-height:18px;
	border:none;
	vertical-align:top;
}
table.charact tr:first-child  td {
	padding-top:22px;
}
table.charact tr:last-child  td {
	padding-bottom:22px;
	width:50%;
}
table.charact tr td:nth-of-type(1) {
	background:#f5f5f5;
	border-right:4px solid #fff;
}
table.charact tr td:nth-of-type(1):before {
	content:'';
	background:url(../images/sprite.png);
	background-position:-99px -14px;
	width:4px;
	height:4px;
	position:absolute;
	top:14px;
	left:20px;
}
table.charact tr td:nth-of-type(2):before {
	content:'';
	background:url(../images/sprite.png);
	background-position:-99px -20px;
	width:4px;
	height:4px;
	position:absolute;
	top:15px;
	left:20px;
}
table.charact tr:first-child td:nth-of-type(1):before, table.charact tr:first-child td:nth-of-type(2):before {
	top:28px;
}
table.charact.one td:before {
	top:calc(50% - 2px) !important;
} 
table.charact.one td {
	padding:20px 35px !important;
}
table.charact tr td:nth-of-type(2) {
	background:#0097d3;
	color:#fff;;
}
/*****News*****/
.header-news {
	font-size:30px;
	font-family:'Roboto-Bold';
	text-align:center;
	margin-top:25px;
}

.header-news h1{
  font-size:30px;
  font-family:'Roboto-Bold';
  margin: 0;
  line-height: normal;
}

.header-news span, .header-news h2 {
	font-size:24px;
	font-family:'Roboto-Light';
  line-height: normal;
  margin: 0;
}
#news {
	margin-top:50px;
	overflow:hidden;
	padding-bottom:40px;
}
#news .news-grid .article {
	width:23%;
	display:inline-block;
	margin-right:27px;
	margin-bottom:40px;
	text-align:left;
  vertical-align: top;
}
#news .article:nth-of-type(4n+4) {
	margin-right:0;
}
.icon.icon-grid {
	background-position:-80px -184px;
	width:14px;
	height:14px;
	position:absolute;
	left:calc(50% - 7px);
}

.icon.icon-list {
	background-position:-80px -150px;
	width:14px;
	height:14px;
	position:absolute;
	left:calc(50% - 7px);
}
.icon.icon-grid {
	background-position:-80px -184px;
	width:14px;
	height:14px;
	position:absolute;
}

.options {
	text-align:center;
	margin:12px 0 42px;
}
.options button {
	display:inline-block;
	background:none;
	padding:0;
	margin:0 10px;
	position:relative;
}
/* Базовый контейнер табов */
.tabs {
min-width: 320px;
max-width: 100%;
padding: 0px;
margin: 0 auto;
}

/* Описываем анимацию свойства opacity */@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* Прячем чекбоксы */
.tabs>input {
display: none;
position: absolute;
}
/* Стили переключателей вкладок (табов) */
.tabs>.label {
display: inline-block;
margin: 10px 0 20px;
padding: 15px;
text-align: center;
position:relative;
}
/* Изменения стиля переключателей вкладок при наведении */
 
/* Стили для активной вкладки */
.tabs>.label.active .icon.icon-grid, .tabs>.label:hover .icon.icon-grid {
	background-position:-97px -184px;
	cursor:pointer;
}
.tabs>.label.active .icon.icon-list, .tabs>.label:hover .icon.icon-list {
	background-position:-80px -167px;
	cursor:pointer;
}
/* Активация секций с помощью псевдокласса :checked */
#grid:checked~#news-grid, #list:checked~#news-list{
	display: block;
}
/* Убираем текст с переключателей 
* и оставляем иконки на малых экранах
*/

.news-list .block-1 {
	width:70%;
	float:left;
}
.news-list .block-1 .article {
	width:100%;
	margin-bottom:35px;
}
.news-list .block-2 {
	width:30%;
	float:right;
	max-width:270px;
}
.news-list .block-2 .article {
	margin-bottom:35px;
	width:100%;
}
.news-list .block-1  .post-title {
	font-size:22px;
	line-height:28px;
	padding-top:0;
}
.news-list .article .col:first-child {
	margin-right:30px;
}

.block-1 .article .post-title, .block-1 .article .post-excerpt, .block-1 .article .meta{
  text-align: left;
}

.news-list .article > a, .news-list .article .col > a, .news-grid .article > a{
  display: inline-block;
  position: relative;
}

.article .archive{
  display: block;
  position: absolute;
  background: #0097d3;
  padding: 5px;
  color: #fff;
  top: 5px;
  left: 5px;
}


/*****Pagination*****/
.pagination {
	padding:0;
	text-align:center;
	margin-top:30px;
	margin-bottom:35px;
}
.pagination li {
	position:relative;
	list-style:none;
	display:inline-block;
	box-sizing:border-box;
	border-radius:50%;
	border-width:1px;
	border-color:transparent;
	border-style:solid;
	padding:1px 2px;
}
.pagination .icon.icon-begin {
	background-position:-202px 0;
	width:12px;
	height:12px;
	position:absolute;
	top:5px;
}
.pagination .icon.icon-prev {
	background-position:-202px -17px;
	width:12px;
	height:12px;
	position:absolute;
	top:5px;
}
.pagination .icon.icon-next {
	background-position:-202px -33px;
	width:12px;
	height:12px;
	position:absolute;
	top:5px;
}
.pagination .icon.icon-end {
	background-position:-202px -50px;
	width:12px;
	height:12px;
	position:absolute;
	top:5px;
}
.pagination a {
	padding:6px 7px;
	font-family:'Roboto-Bold';
	font-size:14px;
	color:#000;
}
.pagination .begin, .pagination .end {
	padding:0 7px;
}
.pagination .prev {
	padding:0 20px 0 7px;
}
.pagination .next {
	padding:0 7px 0 10px;
}
.pagination .active a, .pagination li:hover a {
	color:#0097d3;
}
.pagination .active, .pagination li:hover {
	box-sizing:border-box;
	border-color:#0097d3;
}
.pagination li.begin:hover, .pagination li.prev:hover, .pagination li.next:hover, .pagination li.end:hover {
	border-color:transparent;
}

#content .added-cats{
  border-top: 1px solid #bcbcbc;
  margin: 38px 0 55px 0;
  padding-top: 10px;  
}

#content .added-cats a{
  display: inline-block;
  height: 28px;
  border-radius: 3px;
  border: 1px solid #ebebeb;
  padding: 0 15px;
  line-height: 28px;
  white-space: nowrap;
  margin: 10px 10px 0 0;
  font-size: 13px;
  color: #000;
}

#content .added-cats a:hover{
  background-color: #0097d3;
  border-color: #0097d3;
  color: #fff;
}

.main-info > h1{
  margin-bottom: 12px;
}

.header-rating > h1{
  font-size: 30px;
  line-height: 36px;
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
}

.header-rating .top-info{
  text-align: center;
}

.header-rating .top-info span{
  font-family:'Roboto-Light',arial;
  font-size: 14px;
  color: #9b9b9b;
  display: inline-block;
  height: 16px;
  line-height: 16px; 
}

.header-rating .top-info .c-date{
  background:url(../images/clock.svg) no-repeat center left;
  padding-left: 26px;
}

.header-rating .top-info .hits{
  background:url(../images/hits.svg) no-repeat center left;
  padding-left: 34px;  
  margin-left: 20px;
}

.header-rating .top-info .rev-count{
  background:url(../images/reviews.svg) no-repeat center left;
  padding-left: 28px;  
  margin-left: 20px;
  height: 17px;
}

.rt-list .head{
  font-size: 18px;
  font-weight: bold;
  color: #000;
  margin-bottom: 20px;
}

.rt-list ul{
  vertical-align: top;
  list-style: none;
  padding-left: 0;
  margin-bottom: 30px;  
}

.rt-list ul a{
  font-size: 14px;
  color: #3366bb;
}

.rt-list ul.tree-cols{
  column-width: auto;
  column-count: 3;
  column-gap: 1em;
}

.rt-list ul.two-cols{
  column-width: auto;
  column-count: 2;
  column-gap: 1em;
}

.rt-list ul li{
  width: fit-content;
  margin: 0;
  padding: 0;
  page-break-inside: avoid;
  break-inside: avoid-column;
}



.rt-content .rating-box:first-of-type{
  margin-top: 0;
}

.rt-content .rating-box{
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  color: #fff;
  background-size: cover;
  margin: 50px 0 26px 0;
}

.rating-left{
  max-width: 213px;
  padding: 48px 30px 60px 30px;
  background-color: rgba(0, 0, 0, 0.7);
}

.rt-content .rt-head2{
  font-size: 16px;
  font-weight: bold;
  line-height: 19px;
  margin-bottom: 10px;
}

.rt-rating {
  background:url(../images/sprite.png);
  background-position: -221px -238px;
  width: 84px;
  height:15px;
  display:inline-block;
  vertical-align:middle;
}
.rt-rating div {
  background:url(../images/sprite.png);
  background-position: -221px -222px;
  width: 84px;
  height:15px;
}

.rt-content .disqus-comment-count{
  display: inline-block;
  height: 15px;
  line-height: 15px;
  font-size: 12px;
  color: #0097d3;
  margin-left: 10px;
  float: right;
}

.rt-content .rt-rates{
  margin-top: 30px;
  width: 213px;
}

.rt-content .rate{
  margin-bottom: 23px;
}

.rt-content .rate .name{
  font-size: 13px;
  line-height: 15px;
  margin-bottom: 13px;
}

.rt-content .rate span{
  font-size: 13px;
  line-height: 15px;
  margin-bottom: 12px;    
}

.rt-content .rate .line-rating{
  overflow: visible;
  margin-bottom: 0;
  height: 2px;
}

.rt-content .rate .cont{
  height: 4px;
  line-height: 4px;
  position: relative;
  top: -1px;
}

.rt-content .cld-head{
  display: table; 
}

.rt-content .cld-head > span{
  display: table-cell;
}

.rt-content .cld-head > span > span{
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  font-size: 18px;
  font-weight: bold;
  background-color: #0097d3;
  border-radius: 50%;
  display: block;
  vertical-align: middle;
  color: #fff;
}

.rt-content .cld-head div{
  display: table-cell;
  font-size: 24px;
  font-weight: bold;
  vertical-align: middle;
  padding-left: 18px;
}

.rt-content .cld-pl-mn{
  border: dashed 1px rgba(0, 0, 0, 0.1);
  padding: 20px 10px;
  margin-bottom: 20px;
}

.rt-content .cld-pl-mn > div{
  display: inline-block;
  width: 50%;

}

.rt-content .cld-pl-mn > div > div{
  font-size: 16px;
  font-weight: bold;
  padding: 0 10px;
}

.rt-content .cld-pl-mn ul{
  list-style: none;
  padding: 0 10px;
  margin: 20px 0 0 0;
}

.rt-content .cld-pl-mn li{
  padding: 5px 0 5px 20px;
  line-height: 17px;
  position: relative;
}

.rt-content .cld-pl-mn li:before{
  position: absolute;
  content: '';
  width: 6px;
  height: 6px;
  background-color: #417505;
  left: 2px;
  top: 10px;
  border-radius:50%;
}

.rt-content .cld-pl-mn > div:last-child li:before{
  background-color: #d0021b;
}

.rt-content .more{
  color: #3366bb;
  display: inline-block;
}

#go-top {
  position: fixed; 
  bottom: 25px; 
  right: 25px;
  cursor:pointer; 
  display:none;
  width: 40px;
  height: 40px;
  z-index: 3;
 /* background: url("../images/black_arrow.svg") no-repeat center center; */
  background-size: cover;
}

#go-top:hover svg path{
 fill: #0097d3;
}

@media only screen and (min-width:1200px) {
	.blocks .block{
		width:25%;
		max-width:270px;
	}
	.footer-widget .block {
		margin-right:26px;
	}
	.footer-widget .block:last-child {
		margin-right:0;
	}
	.info-block .block {
		margin-right:24px;
	}
	.info-block .reiting.block {
		margin-right:0;
	}
	.like-social {
    margin-top: 0;
		padding-top:250px;
	}
}

@media only screen and (max-width:1199px) {
	.blocks .block{
		width:48%;
		margin:20px 0;
	}
	.popular-articles .article {
		margin-bottom:80px;
		width:270px;
	}
	#news {
		text-align:center;
	}
	#news .news-grid .article {
		max-width:270px;
		width:33%;
	}
	#news .news-grid .article:nth-of-type(4n+4) {
		margin-right:27px;
	}
	#news .news-grid .article:nth-of-type(3n+3) {
		margin-right:0;
	}
	#news .post-title, #news .post-excerpt {
		text-align:left;
	}
	#news .meta {
		text-align:left;
	}
	.quote4, .quote5, .quote6, .quote7 {
		text-align:center;
	}
	.blocks .block:nth-of-type(1), .blocks .block:nth-of-type(3) {
		float:left;
	}
	.blocks .block:nth-of-type(2), .blocks .block:nth-of-type(4) {
		float:right;
	}
	.obsori .block-left {
		width:100%;
		overflow:hidden;
		float:none;
	}
	.obsori .block-right {
		width:60%;
		float:none;
		overflow:hidden;
		display:block;
		margin:40px auto;
	}
	.left-menu .tooltip > span { /* стиль появляющейся подсказки */
		  position: absolute;
		  bottom: 100%;
		  left: -20em; /* = max-width */
		  right: -20em; /* = max-width */
		  top:auto;
	}
	.left-menu .tooltip:before { /* поле между текстом, наведя или нажав на который появится пояснение, и подсказкой нужно чтобы, если перевести курсор мышки на подсказку, та не исчезла; тут тоже везде .4em */
		  content: "";
		  position: absolute;
		  top: -.4em;
		  left: 0;
		  right: 0;
		  height: .4em;
		  visibility: hidden;
		}
	.left-menu .tooltip:after { /* треугольничек под подсказкой; тут тоже везде .4em */
		  content: "";
		  position: absolute;
		  top: -.4em;
		  left: 50%;
		  visibility: hidden;
		  margin: 0 0 0 -.4em;
		  border: .4em solid;
		  border-color: #0097d3 transparent transparent transparent;
		  cursor: auto;
		}
	.like-social .tooltip > span { /* стиль появляющейся подсказки */
		  position: absolute;
		  bottom: 100%;
		  left: -20em; /* = max-width */
		  right: -20em; /* = max-width */
		  top:auto;
	}
	.like-social .tooltip:before { /* поле между текстом, наведя или нажав на который появится пояснение, и подсказкой нужно чтобы, если перевести курсор мышки на подсказку, та не исчезла; тут тоже везде .4em */
		  content: "";
		  position: absolute;
		  top: -.4em;
		  left: 0;
		  right: 0;
		  height: .4em;
		  visibility: hidden;
		}
	.like-social .tooltip:after { /* треугольничек под подсказкой; тут тоже везде .4em */
		  content: "";
		  position: absolute;
		  top: -.4em;
		  left: 50%;
		  visibility: hidden;
		  margin: 0 0 0 -.4em;
		  border: .4em solid;
		  border-color: #ec4335 transparent transparent transparent;
		  cursor: auto;
		}	
	body.has-sidebar #content {
		width:100%;
		float:none;
	}	
	.recent-post, .popular-post {
		width:100%;
		float:none;
		margin:0 auto;
		display:block;
		text-align:center;
	}
	.footer-widget .rp .block {
		margin-right:25px;
	}
	.footer-widget2 {
		text-align:center;
	}
	.footer-widget2 .mini-block {
		width:30%;
	}
	aside.left {
		width:100%;
		float:none;
	}
	aside.right {
		width:100%;
		float:none;
		max-width:100%;
	}
	aside.right .banners {
		text-align:center;
	}
	aside.right .banners a {
		display:inline-block;
		margin:0 15px;
	}
	.left-menu li, .like-social li {
		display:inline-block;
		margin:20px;
	}
	.news-list .article .col:first-child {
		float:left;
	}
	.news-list .block-1 {
	width:100%;
	float:none;
	}
	.news-list .block-1 .article {
		width:100%;
		margin-bottom:35px;
		overflow:hidden;
	}
	.news-list .block-2 {
		width:100%;
		float:none;
		max-width:100%;
		text-align:left;
	}
	.news-list .block-2 .article {
		margin-bottom:35px;
		width:33%;
		display:inline-block;
	}
	
}
@media (min-width:970px) and (max-width:1199px) {
	.article .col:last-child {
	width:55%;
	}
			
}
@media only screen and (max-width:979px) {
	.footer-column-1 {
		width:100%;
		text-align:center;
	}
	.footer-column-2 {
		display:none;
	}
}
@media only screen and (min-width:900px) {
	.header-social a {
		padding-right:32px;
	}
}
@media only screen and (min-width:768px) {
  .obsori .col-flex{
    display: flex; 
    flex-wrap: wrap;
    justify-content: space-between;
  }
  /*
  .obsori .article.columns{
    min-height: 215px;
  }
  .obsori .article.columns:nth-of-type(n+5){
    margin-top: 0;
  }
  */
}
@media only screen and (max-width:901px) {
	#news .news-grid .article {
		max-width:270px;
		width:50%;
	}
	#news .news-grid .article:nth-of-type(3n+3) {
		margin-right:27px;
	}
	#news .news-grid .article:nth-of-type(2n+2) {
		margin-right:0;
	}
}	
@media only screen and (max-width:899px) {
	.header-social a {
		padding-right:15px;
	}
  .header-social a:last-child{
    padding-right: 0;
  }
	.main-menu {
		height:0 !important;
	}
	.post-date .date {
		padding-left:15px;
	}
	.post-view .count {
		padding-left:20px;
	}
	.post-view {
		padding-left:10px;
	}
	.info-block .block {
		width:95%;
	}
	.rate {
		width:95%;
	}
	.news-list .block-2 {
		text-align:center;
	}
	.news-list .block-2 .article {
		margin-bottom:35px;
		width:49%;
		display:inline-block;
		max-width:270px;
	}
	.news-list .block-2 .article:nth-of-type(1) {
		margin-right:30px;
	}
	.plusslider-slider2 .plusslider-pagination .current {
		position: relative;
	}
	.plusslider-slider2 .plusslider-pagination li{
		padding: 5px 0;
		position: relative;
		width:26px !important;
		height:auto !important;
		background:none !important;
	}
	.plusslider-slider2 .plusslider-pagination li:before {
		background: url(../images/sprite.png);
	width:26px;
	height:3px;
	content:'';
	top:15px;
	left:0;
	position:absolute;
	background-position:-79px -131px;
	}
	.plusslider-slider2 .plusslider-pagination .current:before, .plusslider-slider2 .plusslider-pagination li:hover:before {
	background-position: -33px 0 !important;
	background: url(../images/sprite.png);
	width:26px;
	height:3px;
	content:'';
	position:absolute;
	top:15px;
	left:0;
	}
  #news.search-res{
    margin-top: 15px;
  }
  .search-res > h2{
    text-align: left;
    font-size: 17px;
    font-weight: bold;
    margin: 25px 10px 35px 10px;
  }
  .search-res > h2::before{
    display: none;
  }
  .search-res .tabs > .label{
    display: none;
  }
  .search-res .news-grid{
    text-align: left;
    margin-left: 10px;
    margin-right: 10px;
    display: flex; 
    flex-wrap: wrap;    
  }
  .search-res .article .meta{
    display: none;
  }
  .search-res .article .post-excerpt{
    display: none; 
  }
  #news.search-res .news-grid .article{
    width: calc(50% - 14px);
    max-width: 100%;
    margin-bottom: 18px;
    align-self: center;
  }
  .search-res .article > a{
    display: inline-block;
    vertical-align: middle;
    width: 120px;
    margin-right: 16px;
  }
  .search-res .article img{
    width: 120px;
  }
  .search-res .article .post-title{
    display: inline-block; 
    vertical-align: middle;
    width: calc(100% - 146px);
    padding: 0;
  }
   
}
@media only screen and (max-width:767px) {
	.plusslider-slider{
		-display:none;
	}
	.quote, .quote2, .quote3, .quote4 {
		background-size:100%;
		height:310px;
		padding-top:0;
		background-position:center 0;
	}
	.quote p {
		top:60%;
	}
	.blocks {
		margin-top: 0;
	}
	.article .col:first-child, .article.columns  .col:first-child {
		width:100%;
		text-align:center;
		display:block;
		margin:0 auto;
	}
	.article .col:last-child, .article.columns  .col:last-child {
		width:100%;
		margin-top:15px;
	}
	.article.columns {
		width:100%;
		margin:30px auto;
		text-align:center;
	}
	#news .news-grid .article {
		width:100%;
	}
	aside.right .banners {
		display:none;
	}
  .mob-menu{
    margin-right: 8px;
  }
  .rt-list ul.tree-cols{
    column-count: 2;
  }  
}
@media only screen and (max-width:700px) {

	.quote, .quote2, .quote3, .quote4 {
		background-size:100%;
		height:280px;
	}
	.quote p {
		top:60%;
	}
}	
@media only screen and (max-width:640px) {

	.quote, .quote2, .quote3, .quote4 {
		background-size:100%;
		height:260px;
	}
	.quote p {
		top:60%;
	}
  .search-res .news-grid{
    display: block;    
  }
  #news.search-res .news-grid .article{
    width: 100%;
    max-width: 100%;
    margin-right: 0;
  }  
  .search-res .article img{
    width: 150px;
  }
  .search-res .article > a{
    width: 150px;
  }
  .search-res .article .post-title{
    display: inline-block; 
    vertical-align: middle;
    width: calc(100% - 172px);
    padding: 0;
  }  
}
@media only screen and (max-width:599px) {
	#news .article {
		width:100%;
	}
	#news .article {
		margin-right:0 !important;
 	}
}	
@media only screen and (max-width:599px) {
	.header-social {
		display:none;
	}
	.logo {
		width:70%;
	}
  .hed-left, .search{
    width: 15%;
  }
	.obsori .block-right {
		width:100%;
	}
	h1 {
		font-size:28px;
	}
	.mini-block:nth-of-type(2n+2) {
		margin-right:0;
	}
	.manager-block img {
		margin-right:10px;
	}
	.footer-widget .rp .block {
		margin-right:10px;
		margin-left:10px;
	}
}
@media only screen and (max-width:560px) {

	.quote, .quote2, .quote3, .quote4 {
		background-size:100%;
		height:240px;
	}
	.quote p {
		top:60%;
		font-size:24px;
	}
}
@media only screen and (max-width: 520px) {

	.quote, .quote2, .quote3, .quote4 {
		background-size:100%;
		height:220px;
	}
	.quote p {
		top:60%;
		font-size:24px;
	}
	.plusslider-slider3 {
		height:250px !important;
	}
  .rt-list ul.tree-cols, .rt-list ul.two-cols{
    column-count: 1;
  }  
}	
@media only screen and (max-width: 479px) {
	.blocks .block{
		width:99%;
	}
	
	.left-menu li, .like-social li {
		display:inline-block;
		margin:20px 0;
		width:18%;
	}
	.manager-block .col-1, .manager-block .col-2 {
		width:100%;
	}
	table.charact  td {
		padding:7px 15px 7px 20px;
	}
	table.charact tr td:nth-of-type(1):before, table.charact tr td:nth-of-type(2):before {
		left:10px;
	}
	table.charact.one td {
		padding:20px !important;
	}
	.quote, .quote2, .quote3, .quote4 {
		background-size:100%;
		height:190px;
	}
	.quote p {
		top:57%;
		font-size:20px;
	}
  .rt-content .cld-pl-mn > div{
    width: 100%;
  }
  .rt-content .cld-pl-mn > div:first-child{
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 370px) {
	.quote, .quote2, .quote3, .quote4 {
		background-size:100%;
		height:170px;
	}
	.quote p {
		top:50%;
		font-size:20px;
	}

}

@media only screen and (max-width: 359px) {
	table.charact  td {
		padding:7px 10px;
		font-size:13px;
	}
	table.charact tr td:nth-of-type(1):before, table.charact tr td:nth-of-type(2):before {
		background:none;
	}
	.mini-block {
		margin-right:0;
	}
	.pagination .prev {
		padding:0 15px 0 7px;
	}
	.pagination .next {
		padding:0 7px 0 0px;
	}
	.search {
		z-index:9999;
		position:relative;
	}
	.rate {
		width:94%;
	}
	.plusslider-slider2 .plusslider-arrows .prev {
		left:0px;
	}
	.plusslider-slider2 .plusslider-arrows .next {
		right:0px;
	}
	.popular-articles .article {
		margin-right:0 !important;
	}
	.quote, .quote2, .quote3, .quote4 {
		background-size:100%;
		height:150px;
	}
	.quote p {
		top:43%;
		font-size:18px;
	}
}


/* Врезка "Коротко о главном" */
.express-review {
    background: white;
    padding: 24px;
    margin: 25px 0;
    border-radius: 12px;
    border: 2px solid #e3f2fd;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.express-review-title {
    display: inline-block;
    background: #0066cc;
    color: white;
    padding: 6px 16px;
    border-radius: 20px;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 14px;
}

.express-review-text {
    color: #34495e;
    line-height: 1.8;
    font-size: 15px;
}

/* Оценка экспертов */
.meta-score {
    text-align: center;
    font-size: 1.1em;
    color: #394955;
    font-style: italic;
    margin: 30px 0;
}


/* Заголовки плюсов и минусов */
.pros-title {
    font-size: 20px;
    color: #399186; /* зеленый для плюсов */
    margin-top: 20px;
    margin-bottom: 10px;
}

.cons-title {
    font-size: 20px;
    color: #e8635c; /* красный для минусов */
    margin-top: 20px;
    margin-bottom: 10px;
}

/* Списки плюсов и минусов */
ul.pros-list,
ul.cons-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 15px;
}

ul.pros-list li::before {
    content: "✓ ";
    color: #399186;
    font-weight: bold;
    margin-right: 8px;
}

ul.cons-list li::before {
    content: "✗ ";
    color: #e8635c;
    font-weight: bold;
    margin-right: 8px;
}

.pros-cons-block {
    margin: 30px 0;
}


/* Авторы источников */
.authors-credit {
    color: #999;
    font-size: 0.9em;
    border-top: 1px solid #eee;
    padding-top: 15px;
    padding-left: 35px;
    margin-top: 20px;
    background: url('/template/images/signature.png') no-repeat left top;
    background-size: 24px 24px;
    background-position: 0 15px;
    min-height: 30px;
}