@charset "utf-8";

/*
*Made by Dictum Factum
*Сделано дизайн-студией Dictum Factum
=========================================================
http://dicum.net - Dictum Factum - Web & Design

#autor: Dictum Factum
#site: http://dicum.net 
#portfolio: http://dicum.net/porfolio
#descriprion_en: Web studio Dictum Factum - in english "No sooner said than done".
#descriprion_rus: Веб студия Dictum Factum - что в переводе означает "Сказано - сделано". Мы не бросаем слова на ветер, а доделываем задачу до конца.

=========================================================
*/


/* Ссылка на сброс стилей */
@import url('reset.css');

/* Ссылка на шрифты */
@import url('fonts.css');





/*=============================== 
ОСНОВНЫЕ СТИЛИ || MAIN STYLES 
================================*/

a:hover, a , button, input[type="submit"]
{
	
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
	
	
}
b,
strong {
	font-family: "SegoeUISemiBold";
}
h1,h2,h3,h4,h5,h6 {font-family: "SegoeUIRegular"; color: inherit;}
h1 {font-size: 16px;}
h2 {font-size: 14px;}
h3 {font-size: 12px;}
h4 {font-size: 16px;}
h5 {font-size: 12px;}
h6 {font-size: 8px;}


.toc_number {
    display: none;
}

.red {
    color: red;
}

a{ color: #000; text-decoration: underline;}
a:hover { color: #24890d;}


input, textarea { outline:none; }
input:active, textarea:active { outline:none; }
:focus { outline:none; } 


.ico {background: url('../images/ico/ico.png');}

body { background: #fff;  padding: 0; margin: 0; overflow-x: hidden !important;  color: #000; font-size: 14px;  font-family: "SegoeUIRegular";}
.wrapper {width: 1170px; padding: 0 5px; margin:0 auto;}

.top-menu {
	float: left;
	width: 100%;
	background: #2f2f2f;
}

.top-menu ul.menu {
	float: left;
	width: 100%;
}

.top-menu ul.menu li  {
	float: left;
	font-size: 12px;
}

.top-menu ul.menu li.right {
	float: right;
}

.top-menu ul.menu li a {
	display: block;
	line-height: 40px;
	padding: 0 20px 0 0px;
	color: #fff;
	text-decoration: none;
}

.top-menu ul.menu li a span {
	display: inline-block;
	vertical-align: middle;

}

.top-menu ul.menu li a span.ico {
	width: 16px;
	height: 16px;
	margin: 0 10px;
	
}

.top-menu ul.menu li a span.ico.voc {
	background-position: -2px 0px;
}

.top-menu ul.menu li a span.ico.con {
    background-position: -18px 0px;
}

.top-menu ul.menu li a span.ico.abo {
    background-position: -35px 0px;
}

.top-menu ul.menu li a span.ico.rek {
   background-position: -53px 0px;
}

.top-menu ul.menu li a span.ico.pho {
	background-position: -70px 0px;
}


.top-menu ul.menu li a:hover,
.top-menu ul.menu li.active a {
	background-color: #000000;
}

.middle-info {
	float: left;
	width: 100%;
	padding: 30px 0;
}

.middle-info .middle {
	float: left;
	width: 100%;
}

.middle-info .logo {
	float: left;
}

.middle-info .contact {
	float: right;
}

.middle-info .contact div {
	display: block;
    text-align: right;
}

.middle-info .contact div.phone {
	font-size: 18px;
	color: #000;
}

.middle-info .contact div.recall {
	font-size: 14px;
	margin-top: 5px;
}

.middle-info .contact div.recall a {
	border-bottom: 1px dashed #5ea84e;
	text-decoration: none;
	color: #000000;
}


.middle-info .searchform {
	float: left;
	margin-left: 230px;
	width: 400px;
}


/*yandex styles*/

.ya-site-form__form .ya-site-form__input{ 
	width: 100%;
}

#ya-site-form1 .ya-site-form__input-text_type_hint{
	background-image: none !important;
}

.ya-site-form__input{
	width: 315px;
}
#ya-site-form1 .ya-site-form__submit{
	background: #24890D url('../images/ico/search.png') center no-repeat;
	color: rgba(1,1,1,0.4);
}

#ya-site-form1 .ya-site-form__submit:hover{
	background: #000 url('../images/ico/search.png') center no-repeat;


}



#ya-site-form1 .ya-site-form__wrap .ya-site-form__search .ya-site-form__search-input .ya-site-form__search-input-layout-r .ya-site-form__submit{
	color: rgba(1,1,1,0) !important;
	margin: 0px 0 0 -2px;
	height: 42px;
	width: 46px;
	cursor: pointer;
}


/*yandex styles end*/




.middle-info .searchform div {
	float: left;
}

.middle-info .searchform input {
	float: left;
	height: 40px;
	border: 1px solid #cfcfcf;
	font-size: 12px; 
	font-family: "SegoeUIItalic";
	width: 345px;
	padding-left: 15px;
	border-right: 0px;
}

.middle-info .searchform input[type="submit"] {
	width: 42px;
	height: 44px;
	border:0;
	cursor: pointer;
	background: #24890d url('../images/ico/search.png') center no-repeat;
}

.middle-info .searchform input[type="submit"]:hover {
	background: #000 url('../images/ico/search.png') center no-repeat;
}

.bottom-menu {
	float: left;
	width: 100%;
	background: #000;
}

.bottom-menu .menu {
	float: left;
	width: 100%;

}

.bottom-menu .menu li {
	float: left;
	border-left: 1px solid #1a1a1a;
	position: relative;
}

.bottom-menu .menu li:first-child {
	border-left:0;
}

.bottom-menu .menu li a {
	display: block;
	line-height: 40px;
	padding: 0 10px 0 0px;
	color: #fff;
	text-decoration: none;
}

.bottom-menu .menu li a span {
	display: inline-block;
	vertical-align: middle;

}

.bottom-menu .menu li a span.ico {
	width: 16px;
	height: 16px;
	    margin: 0 2px 0 3px;
	
}


.bottom-menu .menu li a:hover span.ico,
.bottom-menu .menu li.current-menu-item a span.ico {
	background: url('../images/ico/ico-hover.png');
}

.bottom-menu .menu li a span.ico.tun {
	background-position: -2px 0px;
}



.bottom-menu .menu li a span.ico.his {
	background-position: -17px -19px;
}



.bottom-menu .menu li a span.ico.aut {
    background-position: -37px -19px;
}


.bottom-menu .menu li a span.ico.pdd {
    background-position: -53px -18px;
}



.bottom-menu .menu li a span.ico.sov {
    background-position: -70px -19px;
}



.bottom-menu .menu li a span.ico.rem {
    background-position: -87px -17px;
}

	

.bottom-menu .menu li a span.ico.vie {
    background-position: -107px -19px;
}



.bottom-menu .menu li a span.ico.tov {
    background-position: -128px -18px;
}


.bottom-menu .menu li a span.ico.buy {
	background-position: -149px -19px;
}



.bottom-menu .menu li a span.ico.str {
    background-position: -169px -19px;
}



.bottom-menu .menu li a span.ico.new {
    background-position: -190px -19px;
}

.bottom-menu .menu li a span.ico.etz {
    background-position: -211px -19px;
}




.bottom-menu .menu li a:hover,
.bottom-menu .menu li.current-menu-item a {
	background: #24890d;
}



.bottom-menu .menu li ul {
	
	display: block;
	background: #000;
	z-index: 11;
	width: 150px;
}

.bottom-menu .menu li ul li {
	border-left:0;
	display: block;
	width: 100%;
}





#slider {
	float: left;
	width: 100%;
	
	position: relative;
}

#slider .slider {
	height: 450px;
	width: 100%;
	left:0;
	top:0;
	position: relative;
	overflow: hidden;
}

#slider .slider li {
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
}

#slider .slider li.wrapper {
	position: relative;
}

#slider ul li div {
	position: absolute;
	left: 70px;
}

#slider ul li div.first-str {
	font-family: "SegoeUILight";
	 text-transform: uppercase;
	 font-size: 40px;
	  top: 40px;
}

#slider ul li div.second-str {
	font-family: "SegoeUIBold"; 
	text-transform: uppercase;
	font-size: 60px; 
	top: 100px; 
}

#slider ul li div.btn {
	top: 185px; 
}

#slider ul li div.btn a {
	display: block;
	text-decoration: none;
	color: #fff;
	font-size: 18px;
	width: 200px;
	line-height: 50px;
	background: #000;
	text-align: center;
	border-radius: 8px;
}

#slider ul li div.btn a:hover {
	background: #24890d;
}


#slider .rhino-btn {
	position: absolute;
	top: 50%;
	width: 25px;
	height: 50px;
	margin: top: -25px;
	border-radius: 6px;
	background: #cccccc;
	z-index:10;
	text-indent: -9999px;
}

#slider .rhino-btn:hover {
	background: #24890d;
}

#slider .rhino-btn.rhino-prev {
	left: 5%;
	background: #ccc url('../images/ico/arrow-left.png') center no-repeat;
}

#slider .rhino-btn.rhino-prev:hover {
	background: #24890d url('../images/ico/arrow-left.png') center no-repeat;
}

#slider .rhino-btn.rhino-next {
	right: 5%;
	background: #ccc url('../images/ico/arrow-right.png') center no-repeat;
}

#slider .rhino-btn.rhino-next:hover {
	background: #24890d url('../images/ico/arrow-right.png') center no-repeat;
}

#slider .rhino-bullets {
	position: absolute;
	left:0;
	bottom: 30px;
	width: 100%;
	text-align: center;
	z-index:10;
}

#slider .rhino-bullets li {
	display: inline-block;
	vertical-align: middle;
	
	margin: 0 5px;
}

#slider .rhino-bullets li a {
	display: block;
	width: 10px;
	height: 10px;
	text-indent: -9999px;
	overflow: hidden;
	border: 2px solid #fff;
	border-radius: 100px;
	cursor: pointer;
}

#slider .rhino-bullets li a.rhino-active-bullet,
#slider .rhino-bullets li a:hover {
	background: #24890d;
}


/*Анимация слайдера*/
	#slider ul li.rhino-item .wrapper div {
		top: -100px;
	}
	#slider ul li.rhino-active div.first-str {top: 40px;}
	#slider ul li.rhino-active div.second-str {top: 100px;}
	#slider ul li.rhino-active div.btn {top: 185px;}
/*-------*/

#carousel {
	float: left;
	width: 100%;
	padding: 8px 0;
	background: #000;
}

#carousel.white {
	background-color: #fff;
}

#carousel .carousel {
	float: left;
	width: 100%;
	position: relative;

}

#carousel .carousel .button {
	position: absolute;
	top: 0;
	height: 100%;
	width: 40px;
	

}


#carousel .carousel .button.prev {
	left:0;
	background: url('../images/ico/arrow-left.png') left center no-repeat;

}

#carousel.white .carousel .button.prev {
	background: url('../images/ico/arrow-left.jpg') left center no-repeat;
}

#carousel .carousel .button.next {
	right:0;
	background: url('../images/ico/arrow-right.png') right center no-repeat;
}

#carousel.white .carousel .button.next {
	background: url('../images/ico/arrow-right.jpg') right center no-repeat;
}


#carousel .carousel .viewport {
	display: block;
	padding: 0 35px;
}

#carousel .carousel .viewport .wrap {
	display: block;
	overflow: hidden;
	height: 80px;
	width: 100%;
	position: relative;
}

#carousel .carousel .viewport .wrap .overview {
	position: absolute;
}

#carousel .carousel .viewport .wrap .overview li {
	float: left;
	width: 60px;
	line-height: 60px;
	height: 60px;
	margin: 10px 30px 10px 0;
}

#carousel .carousel .viewport .wrap .overview li:hover {
	width: 80px;
	margin-left: -20px;
}

#carousel .carousel .viewport .wrap .overview li:hover img {
	width: 80px;
	margin-left: 10px;
	margin-top: -10px;
	
}


#carousel .carousel .viewport .wrap .overview li img {
	vertical-align: middle;
	max-width: 100%;
}


#content {
	float: left;
	width: 100%;
	padding: 30px 0;
}

#content.in {
	padding: 10px 0 30px;
}

.left-side {
	float: left;
	width: 270px;
}

.right-side {
	float: right;
	width: 870px;
}

.blockname {
	float: left;
	width: 100%;
	background: #24890d;
	position: relative;
}

.blockname .name {
	float: left;
	margin-left: 30px;
	margin-right: 65px;
	line-height: 30px;
    padding: 15px 0;
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
}

.blockname .right {
	position: absolute;
	right:0;
	top:0;
	float: right;
	width: 60px;
	height: 100%;
	/*display: table;*/
	text-align: center;
}

.blockname .right .middle {
	display: inline-block;
	line-height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -10px 0 0 -10px;
}

.blockname .right .middle .ico {
	width: 20px;
	height: 20px;
	display: inline-block;
}

.blockname .right .middle .ico.menu {
	background-position: 2px -37px;
}

.blockname .right .middle .ico.forum {
	background-position: -155px -58px;
}

.blockname .right .middle .ico.news {
	background-position: -23px -37px;
}

.blockname .right .middle .ico.view {
	background-position: -48px -37px;
}

.blockname .right .middle .ico.publ {
	background-position: -72px -37px;
}


.blockname .right .middle .ico.error {
	background-position: -110px -37px
}

.blockname .right .middle .ico.best {
	background-position: -133px -37px;
}


.right-side .blockname .right {
	background: #000;
}

.left-side .menu {
	float: left;
	width: 100%;
	margin-bottom: 7px;
}

.left-side .menu ul {
	float: left;
	width: 100%;
}


	
.left-side .menu ul li {
	float: left;
	width: 100%;
	line-height: 38px;
	border-top: 1px solid #1a1a1a;
	background: #000;
	position: relative;
	cursor: pointer;
}



.left-side .menu ul li .bg-ico {
	position: absolute;
	left:0;
	top:0;
	height: 100%;
	width: 50px;
	background: #24890d;
}

.left-side .menu ul li .bg-ico .ico {
	float: left;
	width: 25px;
	height: 25px;
	margin: 7px 0 0 13px;
}

.left-side .menu ul li:hover .bg-ico {
	width: 60px;
}

.left-side .menu ul li.current-menu-item .bg-ico {
	width: 100%;
}


.left-side .menu ul li .bg-ico .ico.pdd {
	background-position: 2px -58px;
}
.left-side .menu ul li .bg-ico .ico.con {
	background-position: -26px -58px;
}
.left-side .menu ul li .bg-ico .ico.nal {
	    background-position: -48px -59px;
}
.left-side .menu ul li .bg-ico .ico.inf {
	    background-position: -70px -58px;
}
.left-side .menu ul li .bg-ico .ico.dog {
	    background-position: -97px -58px;
}
.left-side .menu ul li .bg-ico .ico.gib {
	    background-position: -124px -58px;
}
.left-side .menu ul li .bg-ico .ico.for {
	    background-position: -155px -58px;
}
.left-side .menu ul li .bg-ico .ico.caa {
	background-position: -187px -58px;
}
.left-side .menu ul li .bg-ico .ico.cac {
	background-position: -215px -58px;
}
.left-side .menu ul li .bg-ico .ico.cod {
	background-position: -239px -58px;
}
.left-side .menu ul li .bg-ico .ico.alk {
	    background-position: -266px -58px;
}
.left-side .menu ul li .bg-ico .ico.cal {
	    background-position: -292px -58px;
}

.left-side .menu ul li .bg-ico:before {
	content: '';
	position: absolute; 
	right: -10px;
	height: 100%;
	width: 10px;
	background: url('../images/ico/menu-arrow.png') center no-repeat;
}

.left-side .menu ul li .link-name {
	float: left;
	color: #fff;
	text-transform: uppercase;
	margin-left: 70px;
	z-index: 1;
	position: relative;
}


.left-side .forum-last {
	float: left;
	width: 100%;
	margin-top: 30px;
}

.left-side .forum-last .forum-in {
	float: left;
	width: 100%;
	background: #000000;
}

.left-side .forum-last .forum-in li {
	float: left;
	width: 100%;
	border-top: 1px solid #1a1a1a;
}



.left-side .forum-last .forum-in li a {
	display: block;
	padding: 20px 30px;
	color: #fff;
	line-height: 17px;
}

 .left-side .forum-last .forum-in li a:hover {
 	text-decoration: underline;
 	color: #24890d;
 }


  .left-side .forum-last .forum-in li.last {
  	width: 100%;
  	text-align: center;
  	padding: 15px 0;
  }
 .left-side .forum-last .forum-in li.last  a{
 	display: inline-block;
 	padding:0;
 	text-align: center;
 	text-decoration: none;
 	border-bottom: 1px dashed #1a640a;
 }

.left-side .forum-last .forum-in li:first-child {
	border-top:0;
}


.right-side .news-list.publ {
	margin-top: 30px;
}


.right-side .news-list,
.right-side .list {
	float: left;
	width: 100%;

}


.right-side .news-list.publ .viewsandrate .views {
	float: left;
}

.right-side .news-list.publ .viewsandrate .views span {
	display: inline-block;
	vertical-align: middle;
}

.right-side .news-list.publ .viewsandrate .views span.ico {
	width: 14px;
	height: 14px;
}

.right-side .news-list.publ .viewsandrate .views span.ico.view {
	background-position: -108px -9px;
}

.right-side .news-list.publ .viewsandrate .views span.views-text {
	color: #626262;
	font-size: 12px;
	padding: 0 0 0 5px;
}

.right-side .news-list.publ .viewsandrate .ratestars {
	margin: 3px 0 0 15px;
}




.right-side .list li {
	float: left;
	width: 270px;
	height: 341px;
	overflow: hidden;
	margin-left:30px;
	margin-top:30px;
	
}

.right-side .news-list.publ  li {
	height: 245px;
}

.right-side .news-list.publ  li li {
	width: auto;
	height: auto;
	margin: 0;
}

.right-side .list li li.current {
	height: 11px;
}



.right-side .list li .img {
	float: left;
	width: 100%;
	height: 175px;
	background: #dcdcdc;
	overflow: hidden;
}

.right-side .list li .img img {
	margin-top: -18%;
	width: 100%;
}

.right-side .list li .title {
	float: left;
	width: 100%;
	font-size: 16px;
	line-height: 20px;
	margin: 8px 0;
	max-height: 40px;
	overflow: hidden;
}

.right-side .list li .title a:hover {
	text-decoration: underline;
	color: #24890d;
}

.right-side .list li .desc {
	color: #939393;
	line-height: 18px;
	float: left;
	width: 100%;
}
.right-side .list li:nth-child(3n+1) {
	margin-left:0;
}





.viewall {
	float: left;
	width: 100%;
	text-align: center;
	margin: 15px 0;

}


.right-side .news-list.view {
	margin-top: 10px;
	
}

.right-side .news-list.view .mainview {
	float: left;
	width: 100%;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #e5e5e5;

}

.right-side .news-list.view .mainview .nameview {
	float: left;
	width: 100%;
	margin-top: 20px;
	font-size: 18px;
	font-family: "SegoeUISemiBold";
	line-height: 22px;
}


.right-side .news-list.view .mainview .img {
	float: left;
	width: 100%;
	margin: 15px 0;
}

.right-side .news-list.view .mainview .img img {
	width: 100%;
}

.right-side .news-list.view .mainview .sliderview {
	float: left;
	width: 100%;
	margin: 15px 0;
	overflow: hidden;
	position: relative;
}

.right-side .news-list.view .mainview .sliderview ul {
	height: 350px;
	background: #dcdcdc;
}

.right-side .news-list.view .mainview .sliderview ul li {
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
	text-align: center;
}

.right-side .news-list.view .mainview .sliderview ul li img {
	height: 100%;
}

.right-side .news-list.view .mainview .sliderview .rhino-btn {
	position: absolute;
	width: 40px;
	height: 50px;
	margin-top: -25px;
	z-index: 10;
	top: 50%;
	text-indent: -9999px;
}

.right-side .news-list.view .mainview .sliderview .rhino-btn.rhino-next {
	right:0;
	background: #fff url('../images/ico/arrow-right2.png') center no-repeat;;
}

.right-side .news-list.view .mainview .sliderview .rhino-btn.rhino-next:hover {
	background: #24890d url('../images/ico/arrow-right.png') center no-repeat;
}

.right-side .news-list.view .mainview .sliderview .rhino-btn.rhino-prev {
	left:0;
	background: #fff url('../images/ico/arrow-left2.png') center no-repeat;
}

.right-side .news-list.view .mainview .sliderview .rhino-btn.rhino-prev:hover {
	background: #24890d url('../images/ico/arrow-left.png') center no-repeat;
}


.right-side .news-list.view .mainview .desc {
	float: left;
	width: 100%;
	line-height: 18px; 
	color: #939393;
}

.right-side .publ-list {
	margin-top: 15px;
	float: left;
	width: 100%;
}

.right-side .publ-list .viewall {
	margin-top: 30px;
	margin-bottom:0;
}

.right-side .publ-list .blockname {
	margin-bottom: 15px;
}

.right-side .publ-list .publs {
	float: left;
	width: 100%;
}

.right-side .publ-list .publs .left {
	float: left;
	width: 130px;
	height: 90px;
	overflow: hidden;
}

.right-side .publ-list .publs .left img {
	width: 100%;
	min-height: 100%;
	margin-top: -16%;
}

.right-side .publ-list .publs .right {
	float: left;
	width: 275px;
	height: 90px;
	overflow: hidden;
	margin-left: 15px;
}

.right-side .publ-list .publs li {
	float: left;
	margin: 15px 0 0 30px;
}


.right-side .publ-list .publs li:nth-child(2n+1) {
	margin-left: 0;

}

.right-side .publ-list .publs .right .name {
	line-height: 18px;
	 font-family: "SegoeUISemiBold";
}

.right-side .publ-list .publs .right .desc {
	font-size: 12px;
	color: #939393;
	line-height: 18px;
}


.right-side .error404 {
	float: left;
	width:100%;
}

.right-side .error404 .errortext {
	float: left;
	width: 100%;
	text-align: center;	
	margin: 25px 0;
	font-size: 16px;
	line-height: 21px;
}

.right-side .error404 .errorimg {
	float: left;
	width: 100%;
	text-align: center;
}

.right-side .error404 .searchform {
	float: left;
	width: 100%;
	text-align: center;
	font-size:0px;
	margin: 30px 0;
}

.right-side .error404 .searchform div {
	
	display: inline-block;
	vertical-align: middle;
}

.right-side .error404 .searchform div input {
	float: left;
	height: 40px;
	border: 1px solid #cfcfcf;
	font-size: 12px; 
	font-family: "SegoeUIItalic";
	width: 345px;
	padding-left: 15px;
	border-right: 0px;
}


.right-side .error404 .searchform input[type="submit"] {
	width: 42px;
	height: 44px;
	border:0;
	cursor: pointer;
	background: #24890d url('../images/ico/search.png') center no-repeat;
}

.right-side .error404 .searchform input[type="submit"]:hover {
	background: #000 url('../images/ico/search.png') center no-repeat;
}


.right-side .cats {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

.right-side .cats  td {
	vertical-align: top;
	padding-left: 80px;
}

.right-side .cats  td:first-child {
	padding-left:0;
}


.right-side .cats .menu {
	float: left;
	width: 240px;
}

.right-side .cats .menu ul {
	float: left;
	width: 100%;
}

.right-side .cats .menu ul li {
	display: block;
	font-size: 14px;
	line-height: 18px;
	margin: 6px 0;
}

.right-side .cats .menu ul li a {
	color: #000;
	text-decoration: none;
}
.right-side .cats .menu ul li a:hover {
	color: #1b6f08;
	text-decoration: underline;
}

.right-side .cats .menu .namemenu {
	float: left;
	width: 100%;
	color: #000;
	font-size: 16px;
	text-transform: uppercase;
	padding: 10px 0;
	border-bottom: 1px solid #000;
}


.right-side .bestpubls,
.right-side .best-list {
	float: left;
	width: 100%;

}

.right-side .bestpubls .img {
	float: left;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.right-side .bestpubls .img img {
	min-height: 100%;
	width: 100%;
}

.right-side .bestpubls li.item {
	float: left;
	width: 290px;
	height: 290px;
}


.right-side .bestpubls .img .info {
	position: absolute;
	left:0;
	bottom:0;
	width: 100%;
	background: rgba(0,0,0,.8);
	padding: 15px 0;
}

.right-side .bestpubls .img .info .title {
	display: block;
	padding: 0 15px;
}

.right-side .bestpubls .img .info .title a {
	color: #fff;
	font-size: 16px;
	line-height: 22px;
	font-weight: normal;
}

.right-side .bestpubls .img .info .title a:hover {
	color: #24890d;
}

.right-side .bestpubls .img .info .viewsandrate {
	display: block;
	padding: 10px 15px 0;
}

.right-side .bestpubls .img .info .viewsandrate .views {
	float: left;
}

.right-side .bestpubls .img .info .viewsandrate .views span {
	display: inline-block;
	vertical-align: middle;
}

.right-side .bestpubls .img .info .viewsandrate .views span.ico {
	width: 14px;
	height: 14px;
}

.right-side .bestpubls .img .info .viewsandrate .views span.ico.view {
	background: url('../images/ico/ico-hover.png');
	background-position: -108px -19px;
}

.right-side .bestpubls .img .info .viewsandrate .views span.views-text {
	color: #fff;
	font-size: 12px;
	padding: 0 0 0 5px;
}

.right-side .bestpubls .img .info .viewsandrate .ratestars {

    margin: 3px 0 0 15px;
}


.right-side .navigation_out {
	float: left;
	width: 100%;
	
	margin-top: 30px;
}

.right-side .navigation_out .nav-links {
	float: left;
	width: 100%;
	text-align: center;
}

.right-side .navigation_out .nav-links a,
.right-side .navigation_out .nav-links span {
	display: inline-block;
	text-decoration: none;
	width: 25px;
	color: #fff;
	line-height: 25px;
	background: #000;
	border-radius: 2px;
	vertical-align: middle;
}

.right-side .navigation_out .nav-links span {
	color: #fff;
	background: #24890d;
	border-radius: 2px;
	font-size: 12px;
	 font-family: "SegoeUISemiBold";
}

.right-side .navigation li {
	display: inline-block;
}

.right-side .navigation li a {
	text-decoration: none;
}

.right-side .navigation span {
	display: block;
	width: 25px;
	text-align: center;
	line-height: 25px;
	color: #fff;
	
	
	font-size: 12px;
	 font-family: "SegoeUISemiBold";
}

.right-side .navigation li.current span,
.right-side .navigation li:hover span {
	background: #24890d;
}



.right-side .content {
	float: left;
	width: 100%;	
}


.right-side .content #toc_container {
	background: #000;
	width: 100%;
	min-width: 100%;
	margin: 15px 0;
	display: block;
	padding:0;
}

.right-side .content #toc_container .toc_title {
	color: #fff;
	text-align: left;
    display: block;
	text-transform: uppercase;
	color: #fff;
	padding: 15px 0 15px 30px;
	font-weight: normal;
	font-size: 14px;
	line-height: 14px;
	position: relative;

}

.right-side .content #toc_container .toc_toggle {
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
	text-indent: -9999px;

}

.right-side .content #toc_container .toc_toggle a {
	position: absolute;
	right: 0;
	top:0;
	width: 100%;
	height: 100%;
	background: url('../images/ico/block/close.png') center no-repeat;
	background-position:97% 50%;
}

.right-side .content #toc_container.contracted .toc_toggle a {
	background: url('../images/ico/block/open.png') center no-repeat;
	background-position:97% 50%;
}
 

.right-side .content #toc_container .toc_list {
	background: #fff;
	margin: 3px;
	padding: 15px 30px;
}

.right-side .content #toc_container .toc_list li:before {
	display: none;
}

.right-side .content #toc_container .toc_list li a {
	text-decoration: none;
	font-size: 14px;
	color: #000;
}

.right-side .content #toc_container .toc_list li a:hover {
	text-decoration: underline;
	color: #b4c80f;
}




.right-side .content .content-list {
	float: left;
	width: 100%;
	margin: 15px 0;
	position: relative;
}

.right-side .content .content-list-name {
	float: left;
	width: 100%;
	padding: 15px 0;
	background: #000000;
	color: #fff;
	cursor: pointer;
} 

.right-side .content .content-list-name .name {
	float: left;
	text-transform: uppercase;
	color: #fff;
	margin-left: 30px;
}

.right-side .content .content-list-name .btn {
	float: right;
}

.right-side .content .content-list-name .ico {
	float: left;
	width: 12px;
	height: 12px;
	margin: 1px 23px 0 0px;
}


.right-side .content .content-list-name .ico.off {
	display: none;
}

.right-side .content .content-list-name .ico.on {
    background-position: -179px -42px;
}

.right-side .content .content-list-name .ico.off {
    background-position: -158px -43px;
}

.right-side .content .content-list-name.active .ico.off {
	display: block;
}

.right-side .content .content-list-name.active .ico.on {
	display: none;
}

.right-side .content .listofcontent {
	float: left;
	width: 100%;
	background: #000;
	position: absolute;
	left:0;
	top: 100%;
	z-index:1;
	display: none;
}

.right-side .content .listofcontent ul {
	display: block;
	background: #fff;
	margin: 3px;
	padding: 15px 30px;
}

.right-side .content .listofcontent ul li {
	display: block;
	margin: 5px 0;
}

.right-side .content .listofcontent ul li a {
	font-size: 14px;
	color: #000;
	text-decoration: none;
	line-height: 22px;
}

.right-side .content .listofcontent ul li a:hover {
	color: #b4c80f;
	text-decoration: underline;
}

.right-side .content .main-content {
	float: left;
	width: 100%;
	margin: 0px 0 30px;
	font-family: "SegoeUIRegular";
	font-size: 14px;
	line-height: 24px;
	text-align: center;
}

.right-side .content .main-content p,
.right-side .content .main-content h3,
.right-side .content .main-content h1,
.right-side .content .main-content h2,
.right-side .content .main-content h4,
.right-side .content .main-content h5,
.right-side .content .main-content h6,
.right-side .content .main-content li {
	text-align: left;
}

.right-side .content .main-content p {
	margin: 8px 0;
	font-size: 18px;
}

.right-side .content .main-content p.center {
	text-align: center;
}

.right-side .content .main-content img {
	max-width: 100%;
	vertical-align: bottom;
}

.right-side .content .main-content h4 {
	font-size: 22px;
	line-height: 28px;
	font-family: "SegoeUIRegular";
	text-transform: uppercase;
	margin-bottom: 10px;
	margin-top: 15px;
}

.right-side .content .main-content h5 {
	font-size: 20px;
	line-height: 26px;
	font-family: "SegoeUIRegular";
	text-transform: uppercase;
	margin-bottom: 10px;
	margin-top: 15px;
}

.right-side .content .main-content h6 {
	font-size: 18px;
	line-height: 24px;
	font-family: "SegoeUIRegular";
	text-transform: uppercase;
	margin-bottom: 10px;
	margin-top: 15px;
}


.right-side .content .main-content h3 {
	font-size: 24px;
	line-height: 30px;
	font-family: "SegoeUIRegular";
	text-transform: uppercase;
	margin-bottom: 10px;
	margin-top: 15px;
}

.right-side .content .main-content h2 {
	font-size: 26px;
	line-height: 32px;
	font-family: "SegoeUIRegular";
	text-transform: uppercase;
	margin-bottom: 10px;
	margin-top: 15px;
	font-weight: bold;
}

.right-side .content .main-content h1 {
	font-size: 28px;
	line-height: 34px;
	font-family: "SegoeUIRegular";
	text-transform: uppercase;
	margin-bottom: 10px;
	margin-top: 15px;
}




.right-side .content .main-content a:link {
	color: #005cc4;
}


.right-side .content .main-content a:hover {
	color: #24890d;
}

.right-side .content .main-content a:visited {
	color: #900060;
}


.right-side .content .main-content .wp-caption {
	display: inline-block;
	position: relative;
	margin: 15px 0 45px;
	max-width: 100%;
}

.right-side .content .main-content .wp-caption .wp-caption-text {
	position: absolute;
	text-align: center;
	left: 0;
	bottom: -40px;
	line-height: 20px;
	padding: 10px 0;
	color: #fff;
	background: #000;
	width: 100%;
	font-size: 14px;
}

.right-side .content .main-content div {
	text-align: left;
}
.right-side .content .main-content .block {
	display: block; 
	background: #f8f8f8;
	padding: 25px 25px 25px 80px;
	margin: 15px 0;
}

.right-side .content .main-content .block.one {
	background: #f8f8f8 url('../images/ico/block/one.png') left center no-repeat;
	background-position: 22px 50%;
}

.right-side .content .main-content .block.two {
	background: #f8f8f8 url('../images/ico/block/two.png') left center no-repeat;
	background-position: 22px 50%;
}

.right-side .content .main-content .block.three {
	background: #f8f8f8 url('../images/ico/block/three.png') left center no-repeat;
	background-position: 22px 50%;
}

.right-side .content .main-content .block.four {
	background: #f8f8f8 url('../images/ico/block/four.png') left center no-repeat;
	background-position: 22px 50%;
}

.right-side .content .main-content ul {
	display: block;
}

.right-side .content .main-content li {
	font-size: 18px;
	padding: 0;
	margin: 8px 0;
	list-style: none;
	text-indent: 0;
}

.right-side .content .main-content ul li:before {
	content:'';
	display: inline-block;
	width: 12px;
	height: 12px; 
	background: url('../images/ico/ico.png');
	background-position: -89px -3px;
	vertical-align: top;
	margin: 7px 3px 0 0;
}

.right-side .content .main-content ol li {
	    list-style-type: decimal;
	    list-style-position: inside;
}

.right-side .content .make-rating {
	float: left;
	width: 100%;
	position: relative;
	background: #000;
	margin-bottom: 30px;
}
.right-side .content .make-rating .first {
	display: block; 
	margin: 1px 0;
	background: #fff;
}

.right-side .content .make-rating .second {
	position: absolute;
	right: 0;
	top:0;
	height: 100%;

}






.right-side .content .make-rating .first .ico-position {
	position: absolute;
	left: 0;
	top:0;
	width: 40px;
	height: 100%;
	background: #24890d;
}

.right-side .content .make-rating .first .ico-position .ico {
	width: 20px;
	height: 20px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -10px 0 0 -10px;
	background-position: -131px -38px;
}


.right-side .content .make-rating .first .retingtext {
	display: block;
	line-height: 34px;
	padding-left: 55px;

}

.right-side .comments {
	float: left;
	width: 100%;
	margin-top: 30px;

}

.right-side .comments .switch-form ul li  { 
	float: left;
	width: 290px;
	background: #000000;
	text-align: center;
	color: #fff;
	line-height: 40px;
	text-transform: uppercase;
	cursor: pointer;
}


.right-side .comments .switch-form ul li.active {
	background: #24890d;
}

.right-side .comments .switch-form ul li div {
	display: inline-block;
}

.right-side .comments .switch-form ul li div span {
	display: inline-block;
	vertical-align: middle;
}

.right-side .comments .switch-form ul li div span.ico {
	width: 18px;
	height: 18px;
}

.right-side .comments .switch-form ul li div span.ico.vk {
    background-position: -243px -39px;
}
.right-side .comments .switch-form ul li div span.ico.fb {
	background-position: -221px -38px;
}
.right-side .comments .switch-form ul li div span.ico.oc {
	background-position: -197px -40px;
}


    


.right-side .comments .blocks-comments .block {
	display: none;
}

.right-side .comments  .name2 {
	float: left;
	width: 100%;
	text-align: center; 
	font-size: 24px;
	line-height: 30px;
	font-family: "SegoeUISemiBold";
	margin: 0 0 30px 0;
}


.right-side .comments .blocks-comments .block .name {
	float: left;
	width: 100%;
	text-align: center; 
	font-size: 24px;
	line-height: 30px;
	font-family: "SegoeUISemiBold";
	margin: 20px 0;
}

.right-side .comments .blocks-comments .block.visible {
	display: block;
}



.right-side .comments .blocks-comments .block .commentform {
	float: left;
	width: 100%;
}


.right-side .comments .blocks-comments .block .comments-area {
	float: left;
	width: 100%;
	
}


.right-side .comments .blocks-comments  .comments-title {
	float: left;
	width: 100%;
	text-align: left; 
	font-size: 24px;
	line-height: 30px;
	font-family: "SegoeUISemiBold";
	margin: 20px 0;
}

.right-side .comments .blocks-comments  .comment-list {
	float: left;
	width: 100%;
}

.right-side .comments .blocks-comments  .comment-list li {
	display: block;
	margin: 10px 0;
	border-bottom: 1px solid #000;
	padding-bottom: 10px;
}

.right-side .comments .blocks-comments  .comment-list li li {
	padding-left: 50px;
}

.right-side .comments .blocks-comments .comment-list li:last-child {
	border:0;
	margin-bottom: 0px;
}

.right-side .comments .blocks-comments  .comment-list .comment-meta {
	display: block;
	position: relative;
}

.right-side .comments .blocks-comments  .comment-list .comment-meta .comment-author {
	display: block;
	 color: #24890d;
}

.right-side .comments .blocks-comments  .comment-list .comment-meta .comment-author a {
    color: #24890d;
}

.right-side .comments .blocks-comments  .comment-list .comment-meta .comment-metadata {
	position: absolute;
	right: 0;
	top:0;
}

.right-side .comments .blocks-comments .comment-list .comment-content {
	display: block;
	width: 100%;
	margin: 10px 0;
	font-size: 14px;
    line-height: 24px;
}


.right-side .comments .blocks-comments  .comment-list .comment-awaiting-moderation {
	color: red;
	display: block;
	margin: 5px 0;
}


.right-side .comments .blocks-comments .comment-list .comment-awaiting-moderation:before {
	content:'(';
}

.right-side .comments .blocks-comments .comment-list .comment-awaiting-moderation:after {
	content:')';
}


.right-side .comments .blocks-comments  .comment-list  .reply {
	display: block;
}


.right-side .comments .blocks-comments .block .commentform .input {
	float: left;
	width: 100%;
	height: auto;
	position: relative;
	margin-bottom: 20px;
}

.right-side .comments .blocks-comments .block .commentform .input table {
	width: 100%;
	float: left;
}

.right-side .comments .blocks-comments .block .commentform .input table td.ico-position {
	width: 40px;
	height: auto;
	background: #24890d;
	text-align: center;
	vertical-align: middle;
}

.right-side .comments .blocks-comments .block .commentform .input table td.ico-position .ico {
	display: inline-block;
	width: 14px;
	height: 12px;
	
}

.right-side .comments .blocks-comments .block .commentform .input table td.ico-position .ico.name-user {
	background-position: -269px -39px;
}
.right-side .comments .blocks-comments .block .commentform .input table td.ico-position .ico.mail {
    background-position: -290px -39px;	
}
.right-side .comments .blocks-comments .block .commentform .input table td.ico-position .ico.textarea-ico {
    background-position: -312px -39px;	
}


.right-side .comments .blocks-comments .block .commentform .input input,
.right-side .comments .blocks-comments .block .commentform .input textarea {
	float: left;
	width: 96%;
	padding: 0 2%;
	border: 1px solid rgba(0,0,0,.1);
	border-left:0;
	height: 33px;
	font-family: "SegoeUILight";
	font-size: 12px;
	color: #959595;
}


.right-side .comments .blocks-comments .block .commentform .input textarea {
	max-width: 797px;
	padding: 10px 2%;
	min-height: 160px;
	line-height: 20px;
}


.right-side .comments .blocks-comments .block .commentform .btn {
	float: left;
	width: 100%;
	text-align: center;
}

.right-side .comments .blocks-comments .block .commentform .btn input {
	display: inline-block;
	line-height: 38px;
	border:0;
	padding: 0 40px;
	border-radius: 5px;
	text-transform: uppercase;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
	background: #24890d;

}

.right-side .comments .blocks-comments .block .commentform .btn input:hover {
	background: #000;
}




.ratestars2 {
	float: left;
	width: 155px;
	height: 36px;
}

.ratestars2 ul {
	position: relative;
	width: 100%;
	height: 100%;
	background: url('../images/ico/rating/star2.png') left repeat-x;
}

.ratestars2 ul li {
	float: left;
}

.ratestars2 ul li a {
	width: 31px;
	height: 36px;
	position: absolute;
	left: 0;
	top: 0;
	text-decoration: none;
	overflow: hidden;
	z-index:2;
}

.ratestars2 ul li a:hover {
	background: url('../images/ico/rating/star2-h.png') left repeat-x;

	left:0;
	z-index:1;
}

.ratestars2 ul li a.star1:hover {
	width: 31px;
}
.ratestars2 ul li a.star2{
	left: 31px;
}
.ratestars2 ul li a.star2:hover {
	width: 62px;
	left:0;
}
.ratestars2 ul li a.star3 {
	left: 62px;
}
.ratestars2 ul li a.star3:hover {
	width: 93px;
	left:0;
}
.ratestars2 ul li a.star4{
	left: 93px;
}
.ratestars2 ul li a.star4:hover {
	width: 124px;
	left:0;
}
.ratestars2 ul li a.star5{
	left: 124px;
}
.ratestars2 ul li a.star5:hover {
	width: 155px;
	left:0;
}

.ratestars2 li.current  { 
	background: url('../images/ico/rating/star2-h.png') left repeat-x;
	 height: 36px; 
	 z-index: 1;
	}

.ratestars2 ul li a,
.ratestars2 ul li a:hover {
	-webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}



.ratestars_new2 {
	float: left;
	
}



.ratestars_new2 .vote-block .rating {
  list-style: none;
  margin: 0 0px 0 0;
  padding: 0;
  width: 155px;
	height: 36px;
  float: left;
  vertical-align: middle;
}
.ratestars_new2 .vote-block .rating:hover li {
  background-image: url("../images/ico/rating/star2.png");
  background-position: 0 0px;
}

.ratestars_new2 .vote-block .rating li {
  display: block;
  width: 31px;
	height: 36px;
  float: right;
  /* обтекание по правой стороне как раз необходимо для выстравания элементов  в обратном порядке */
  text-indent: -9999px;
  /* скрываем текст */
  cursor: pointer;

}

.ratestars_new2 .vote-block.disabled .rating li:hover{
	cursor: default;

}
.ratestars_new2 .vote-block .rating li:hover,
.ratestars_new2 .vote-block .rating li:hover ~ li {
  background-position: 0 -34px;
  cursor: pointer;
}
.ratestars_new2 .vote-block.disabled .rating li.current {
  display: block;
  z-index: 10;
}
.ratestars_new2 .vote-block .rating li.active,
.ratestars_new2 .vote-block .rating li.active ~ li {
  background-position: 0 -34px;
}
.ratestars_new .vote-block li.current {
  display: none;
}
.ratestars_new2 .vote-block ol.show-current {
  position: relative;
}
.ratestars_new2 .vote-block ol.show-current li {
  cursor: default;
  z-index: 2;
  position: relative;
}
.ratestars_new2 .vote-block ol.show-current li.current {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  z-index: 1;
  background-position: 0 0px;
  background-repeat: repeat-x;
  background-image: url("../images/ico/rating/star2.png");
}

.ratestars_new2 .vote-block ol.show-current li.current span {
  display: block;
  height: 34px;
  width: 0;
  background: inherit;
  background-position: 0 -34px;
}



.ratestars_new {
	float: left;
	margin: 3px 0 0 10px;
}



.ratestars_new .vote-block .rating {
  list-style: none;
  margin: 0 10px 0 0;
  padding: 0;
  width: 60px;
  height: 11px;
  float: left;
  vertical-align: middle;
}
.ratestars_new .vote-block .rating:hover li {
  background-image: url("../images/ico/rating/star.png");
  background-position: 0 0px;
}

.ratestars_new .vote-block .rating li {
  display: block;
  width: 12px;
  height: 11px;
  float: right;
  /* обтекание по правой стороне как раз необходимо для выстравания элементов  в обратном порядке */
  text-indent: -9999px;
  /* скрываем текст */
  cursor: pointer;

}

.ratestars_new .vote-block.disabled .rating li:hover{
	cursor: default;

}
.ratestars_new .vote-block .rating li:hover,
.ratestars_new .vote-block .rating li:hover ~ li {
  background-position: 0 -11px;
  cursor: pointer;
}
.ratestars_new .vote-block.disabled .rating li.current {
  display: block;
  z-index: 10;
}
.ratestars_new .vote-block .rating li.active,
.ratestars_new .vote-block .rating li.active ~ li {
  background-position: 0 -11px;
}
.ratestars_new .vote-block li.current {
  display: none;
}
.ratestars_new .vote-block ol.show-current {
  position: relative;
}
.ratestars_new .vote-block ol.show-current li {
  cursor: default;
  z-index: 2;
  position: relative;
}
.ratestars_new .vote-block ol.show-current li.current {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  z-index: 1;
  background-position: 0 0;
  background-repeat: repeat-x;
  background-image: url("../images/ico/rating/star.png");
}

.ratestars_new .vote-block ol.show-current li.current span {
  display: block;
  height: 11px;
  width: 0;
  background: inherit;
  background-position: 0 -11px;
}



.ratestars{
	float: left;
	width: 60px;
	height: 11px;
}



.ratestars ol {
	position: relative;
	width: 100%;
	height: 100%;
	background: url('../images/ico/rating/star.png') repeat-x;
}

.ratestars ol li {
	float: right;
	width: 12px;
	height: 11px;
}

.ratestars ol li a {
	width: 12px;
	height: 11px;
	position: absolute;
	left: 0;
	top: 0;
	text-decoration: none;
	overflow: hidden;
	z-index:2;
}

.ratestars ol li a:hover {
	background: url('../images/ico/rating/star-h.png') repeat-x;
	left:0;
	z-index:1;
}

.ratestars ol li a.star1:hover {
	width: 12px;
}
.ratestars ol li a.star2{
	left: 12px;
}
.ratestars ol li a.star2:hover {
	width: 24px;
	left:0;
}
.ratestars ol li a.star3 {
	left: 24px;
}
.ratestars ol li a.star3:hover {
	width: 36px;
	left:0;
}
.ratestars ol li a.star4{
	left: 36px;
}
.ratestars ol li a.star4:hover {
	width: 48px;
	left:0;
}
.ratestars ol li a.star5{
	left: 48px;
}
.ratestars ol li a.star5:hover {
	width: 60px;
	left:0;
}

.ratestars li.current  { 
	background: url('../images/ico/rating/star-h.png') left repeat-x;
	 height: 11px; 
	 z-index: 1;
	position: absolute;
	left:0;
	top:0;
}

.ratestars ol li a,
.ratestars ol li a:hover {
	-webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}


#footer {
	float: left;
	width: 100%;
	padding: 30px 0;
	background: #000;
}

.footer-info {
	float: left;
	width: 100%;
}

.footer-info .copy {
	float: left;
	width: 145px;
	text-align: center;
	color: #c8c8c8;
	margin-top: 30px;
	font-size: 12px;
	line-height: 18px;
}

.footer-info td {
	    padding-left: 30px;
	vertical-align: top;
}



.footer-info td:first-child {
	    padding-left: 0px;
}


.footer-info .menu {
	float: left;
	width: 240px;
}

.footer-info .menu ul {
	float: left;
	width: 100%;
}

.footer-info .menu ul li {
	display: block;
	font-size: 14px;
	line-height: 18px;
	margin: 6px 0;
}

.footer-info .menu ul li a {
	color: #fff;
	text-decoration: none;
}
.footer-info .menu ul li a:hover
{
	color: #1b6f08;
	text-decoration: underline;
}

.footer-info .menu ul li.current-menu-item a {
	color: #1b6f08;
}

.footer-info .menu .namemenu {
	float: left;
	width: 100%;
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	padding: 10px 0;
	border-bottom: 1px solid #fff;
}


.footer-info .contact {
	float: right;
}

.footer-info .contact div {
	display: block;
    text-align: right;
}

.footer-info .contact div.phone {
	font-size: 18px;
	color: #fff;
}

.footer-info .contact div.recall {
	font-size: 14px;
	margin-top: 5px;
}

.footer-info .contact div.recall a {
	border-bottom: 1px dashed #5ea84e;
	text-decoration: none;
	color: #fff;
}

.viewall a {
	display: inline-block;
	text-transform: uppercase;
	font-size: 16px;
	text-decoration: none;
	border-bottom: 1.5px dashed #24890d;
	color: #000;
	padding-bottom: 5px;

}

.viewall a:hover {
	color: #24890d;
}


/*
#slider .bg1 { background: url('../images/slder/1.jpg') center bottom no-repeat;}
#slider .bg2 { background: url('../images/slder/1.jpg') center bottom no-repeat;}
*/	

.mobile {
	display: none;
}

#footer-mobile {
	display: none;
}


.right-side .news-list.view .list li:last-child {
	display: none;
}






/* ANIMATION */


.bottom-menu .menu li a:hover span.ico,
.bottom-menu .menu li a span.ico,
.bottom-menu .menu li a:hover,
.bottom-menu .menu li a {
	-webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}



#slider .rhino-btn,
#slider .rhino-btn:hover,
#slider ul li.rhino-item div,
#slider ul li.rhino-active div,
.left-side .menu ul li .bg-ico,
.left-side .menu ul li:hover .bg-ico,
#footer-mobile .footer .nav li span,
#footer-mobile .footer .nav li span:hover,
.wrapper,
#carousel .carousel .viewport .wrap .overview li:hover,
#carousel .carousel .viewport .wrap .overview li {
	-webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
	
}
/*==========*/

@media only screen and (min-width: 960px) and (max-width: 1180px) {
	.wrapper {
		width: 940px;
		padding: 0 10px;
	}

	.middle-info .searchform {
		margin-left: 125px;
	}

	.left-side {
		width: 220px;
	}

	.right-side {
		width: 700px;
	}

	.right-side .list li {
		width: 220px;
		margin-left: 20px;
	}

	.right-side .list li .img {
		height: 140px;
		overflow: hidden;
	}

	.right-side .publ-list .publs .left {
		width: 110px;
		height: 80px;
	}

	.right-side .publ-list .publs .right {
		width: 220px;
		height: 80px;
	}

	.right-side .publ-list .publs li {
		margin-left: 10px;
	}

	.left-side .menu ul li .bg-ico {
		width: 40px;
	}

	.left-side .menu ul li .bg-ico .ico {
		margin-left: 6px;
	}

	.left-side .menu ul li .link-name {
		margin-left: 55px;
		font-size: 12px;
	}

	.footer-info .menu {
		width: 185px;
	}

	.footer-info td {
		padding-left: 15px;
	}

	.right-side .cats .menu {
		width: 220px;
	}

	.right-side .cats td {
		padding-left: 20px;
	}

	.right-side .bestpubls li.item {
		width: 233px;
		height: 245px;
	}

	.right-side .news-list.publ li {
		height: 210px;
	}


	.right-side .comments .switch-form ul li {
		width: 233px;
	}

	.right-side .comments .blocks-comments .block .commentform .input textarea {
		max-width: 633px;
	}

	.fb-like-box, #ok_group_widget, #vk_groups{
		padding-left: 0;
	}

}	




@media only screen and (min-width: 724px) and (max-width: 959px) {
	.wrapper {
		width: 704px;
		padding: 0 10px;
	}

	.top-menu {
		display: none;
	}

	.middle-info .searchform input {
		width: 245px;
	}

	.middle-info .searchform {
		margin-left: 56px;
	}

	.left-side {
		display: none;
	}

	.right-side {
		width: 100%;
	}

	.right-side .list li {
		width: 220px;
	}

	.right-side .list li .img {
		height: 140px;
		overflow: hidden;
	}

	.right-side .list li {
		margin-left: 22px;
	}

	.right-side .publ-list .publs .left {
		width: 110px;
		height: 80px;
	}

	.right-side .publ-list .publs .right {
		width: 220px;
		height: 80px;
	}

	.right-side .publ-list .publs li {
		margin-left: 10px;
	}

	.footer-info .menu {
		width: 130px;
	}

	.footer-info .contact div.phone {
		font-size: 14px;
	}

	.footer-info td {
		padding-left: 8px;
	}

	#slider ul li div.first-str {
		font-size: 30px;
	}

	#slider ul li div.second-str {
		font-size: 40px;
	}

	.right-side .cats .menu {
		width: 220px;
	}

	.right-side .cats td {
		padding-left: 20px;
	}

	.right-side .bestpubls li.item {
		width: 234px;
		height: 245px;
	}


	.right-side .news-list.publ li {
		height: 210px;
	}


	.right-side .comments .switch-form ul li {
		width: 234px;
	}

	.right-side .comments .blocks-comments .block .commentform .input textarea {
		max-width: 636px;
	}


}

@media only screen and (max-width: 723px) {
	.wrapper {
		width: 400px;
		padding: 0 10px;
	}

	.top-menu,
	.middle-info,
	.bottom-menu {
		display: none;
	}

	
/*
	#slider .bg1 { 
		
		background-size: 100% auto ;
		background-position: -60px 42%;
	}
	#slider .bg2 { 
		 background-position: -60px 42%;
		background-size: 100% auto ;
	}

*/
	#slider ul li.rhino-active div.btn,
	#slider ul li div.btn {
		top: 335px;
	}

	#slider ul  li .wrapper {
		position: relative;
		left:0;
	}

	#slider ul  li .wrapper div {
		left:0;
		width: 100%;
		position: absolute;
		text-align: center;
	}

	#slider ul li div.btn a {
		display: inline-block;
	}

	#slider ul li div.first-str {
		font-size: 18px;
	}

	#slider ul li div.second-str {
		font-size: 30px;
	}

	#slider ul li.rhino-active div.first-str,
	#slider ul li div.first-str {
		top: 15px;
	}

	#slider ul li div.second-str,
	#slider ul li.rhino-active div.second-str {
		top: 65px;
	}

	#slider .rhino-bullets li a {
		border-color: #e5e5e5;
	}

	#slider ul li div.btn a {
		background: #000;
	}

	#slider ul li div.btn a:hover {
		background: #24890d;
	}

	.mobile {
		float: left;
		width: 100%;
		margin: 20px 0;
	}

	.mobile .logo {
		float: left;
	}

	.mobile .menu {
		float: right;
		width: 36px;
		height: 36px;
		background: #538825;
		cursor: pointer;
	}

	.mobile .menu .ico {
		float: left;
		width: 20px;
		height: 20px;
		margin: 8px 0 0 6px;
	}

	.mobile .menu .ico.on {
		    background-position: 2px -37px;
		    display: block;
	}
	.mobile .menu:hover {
		background: #000;
	}

	.mobile .menu .ico.off {
		display: none;
	}

	.mobile .menu.active {
		background: #000;
	}

	.mobile .menu.active:hover {
		background: #538825;
	}

	.mobile .menu.active .ico.on {
		display: none;
	}
	.mobile .menu.active .ico.off {
		display: block;
		background-position: -88px -37px;
	}

	.mobile .mobile-menu {
		float: left;
		width: 100%;
		background: #000;
		padding: 15px 0;
		margin-top: 15px;
		display: none;
	}

	.mobile .mobile-menu .searchform {
		float: left;
		margin-left: 50px;
	}

	.mobile .mobile-menu .searchform div {
		float: left;
	}

	.mobile .mobile-menu .searchform input {
		float: left;
		height: 40px;
		border: 1px solid #cfcfcf;
		font-size: 12px; 
		font-family: "SegoeUIItalic";
		width: 250px;
		padding-left: 15px;
		border-right: 0px;
	}

	.mobile .mobile-menu .searchform input[type="submit"] {
		width: 42px;
		height: 44px;
		border:0;
		cursor: pointer;
		background: #24890d url('../images/ico/search.png') center no-repeat;
	}

	.mobile .mobile-menu .searchform input[type="submit"]:hover {
		background: #000 url('../images/ico/search.png') center no-repeat;
	}


	.mobile .mobile-menu .menu2 {
		float: left;
		width: 100%;
		margin-top: 20px;

	}

	.mobile .mobile-menu .menu2 li {
		float: left;
		width: 50%;
		position: relative;
	}

	.mobile .mobile-menu .menu2 li:first-child {
		border-left:0;
	}

	.mobile .mobile-menu .menu2 li a {
		display: block;
		line-height: 40px;
		padding: 0 10px 0 0px;
		color: #fff;
		text-decoration: none;
	}

	.mobile .mobile-menu .menu2 li a span {
		display: inline-block;
		vertical-align: middle;

	}

	.mobile .mobile-menu .menu2 li a span.ico {
		width: 16px;
		height: 16px;
		    margin: 0 2px 0 3px;
		
	}


	.mobile .mobile-menu .menu2 li a:hover span.ico {
		background: url('../images/ico/ico-hover.png');
	}

	.mobile .mobile-menu .menu2 li a span.ico.tun {
		background-position: -2px 0px;
	}



	.mobile .mobile-menu .menu2 li a span.ico.his {
		background-position: -17px -19px;
	}



	.mobile .mobile-menu .menu2 li a span.ico.aut {
	    background-position: -37px -19px;
	}


	.mobile .mobile-menu .menu2 li a span.ico.pdd {
	    background-position: -53px -18px;
	}



	.mobile .mobile-menu .menu2 li a span.ico.sov {
	    background-position: -70px -19px;
	}



	.mobile .mobile-menu .menu2 li a span.ico.rem {
	    background-position: -87px -17px;
	}

		

	.mobile .mobile-menu .menu2 li a span.ico.vie {
	    background-position: -107px -19px;
	}



	.mobile .mobile-menu .menu2 li a span.ico.tov {
	    background-position: -128px -18px;
	}


	.mobile .mobile-menu .menu2 li a span.ico.buy {
		background-position: -149px -19px;
	}



	.mobile .mobile-menu .menu2 li a span.ico.str {
	    background-position: -169px -19px;
	}



	.mobile .mobile-menu .menu2 li a span.ico.new {
	    background-position: -190px -19px;
	}

	.mobile .mobile-menu .menu2 li a span.ico.etz {
	    background-position: -211px -19px;
	}




	.mobile .mobile-menu .menu2 li a:hover {
		background: #24890d;
	}

	.left-side {
		display: none;
	}

	.right-side {
		width: 100%;
	}

	.right-side .list li {
		width: 185px;
		height: 265px;
	}

	.right-side .list li .img {
		height: 135px;
		overflow: hidden;
	}


	.right-side .list li:nth-child(3n+1) {
		margin-left: 30px;

	}

	.right-side .list li:nth-child(2n+1) {
		margin-left: 0px;

	}

	.right-side .news-list.view .mainview .sliderview ul {
		height: 285px;
	}

	.right-side .publ-list .publs li {
		width: 100%;
		margin-left:0;
	}


	.right-side .publ-list .publs .left {
		width: 110px;
		height: 80px;
	}

	.right-side .publ-list .publs .right {
		width: 270px;
		height: 77px;
	}


	.mobile {
		display: block;
	}

	#footer {
		display: none;
	}

	#footer-mobile {
		display: block;
	}

	#footer-mobile .footer {
		background: #000;
		padding-bottom: 20px;
		float: left;
		width: 100%;
	}

	#footer-mobile .footer .nav {
		float: left;
		width: 100%;
		text-align: center;
	}

	#footer-mobile .footer .nav li {
		float: left;
		width: 33.3%;
		font-size: 14px;
		color: #fff;

	}

	#footer-mobile .footer .nav li span {
		display: inline-block;
		line-height: 30px;
		padding: 0 20px;
		cursor: pointer;
		text-transform: uppercase;
	}

	#footer-mobile .footer .nav li span:hover,
	#footer-mobile .footer .nav li span.active {
		background: #446f1e;
	}

	#footer-mobile .footer .info {
		float: left;
		width: 100%;
		margin: 20px 0;
	}

	#footer-mobile .footer .info .logo {
		float: left;
	}

	#footer-mobile .footer .info .contact {
		float: right;
	}


	#footer-mobile .footer .info .contact div {
		display: block;
	    text-align: right;
	}

	#footer-mobile .footer .info .contact div.phone {
		font-size: 18px;
		color: #fff;
	}

	#footer-mobile .footer .info .contact div.recall {
		font-size: 14px;
		margin-top: 5px;
	}

	#footer-mobile .footer .info .contact div.recall a {
		border-bottom: 1px dashed #5ea84e;
		text-decoration: none;
		color: #fff;
	}

	#footer-mobile .footer .copy {
		float: left;
		width: 100%;
		text-align: center;
		font-size: 12px;
		color: #c7c7c7;
	}

	#footer-mobile .menu {
		float: left;
		width: 100%;
		background: #446f1e;
		
	}

	#footer-mobile .menu ul {
		float: left;
		width: 100%;
		padding: 20px 0;
		display: none;
	}

	#footer-mobile .menu ul li {
		float: left;
		width: 50%;
		font-size: 14px;
	}

	#footer-mobile .menu ul li a {
		color: #fff;
		display: block;
		padding: 0 2%;
		text-decoration: none;
		line-height: 30px;
	}

	#footer-mobile .menu ul li a:hover {
		background: #000;
	}

	.right-side .news-list.view .list li:last-child {
		display: block;
	}


	.right-side .cats table {
		width: 100%;
	}

	.right-side .cats td {
		float: left;
		width: 100%;
		padding-left:0;
	}

	.right-side .cats .menu {
		width: 100%;
	}

	.right-side .cats .menu ul li {
		width: 50%;
		float: left;
		margin: 2px 0;
	}

	.right-side .bestpubls li.item {
		width: 100%;

	}

	.right-side .cats .menu .namemenu {
		margin-bottom: 5px;
	}

	.right-side .error404 .searchform div input {
		width: 250px;

	}

	.right-side .error404 .searchform input[type="submit"] {
		width: 42px;
	}

	.right-side .news-list.publ li {
		height: 225px;
	}

	.right-side .comments .switch-form ul li {
		width: 33.3%;
	}


	.right-side .comments .switch-form ul li div span.text {
		display: none;
	}

	.right-side .content .make-rating .second {
		top: 45px;
		width: 100%;
   		text-align: center;
	}

	.ratestars_new2 {
		float: none;
		display: inline-block;
	}

	.right-side .content .make-rating {
		margin-bottom: 55px;
	}

	.right-side .content .make-rating .first {
		    margin: 1px 1px 1px 0;
	}

	.blockname {
		position: relative;
		padding: 13px 0;
	}

	.blockname .name {
		line-height: 24px;
		margin-right: 70px;
	}

	.blockname .right {
		float: none;
		position: absolute;
		display: block;
	    right: 0;
	    top: 0;
	    height: 100%;
	    text-align: center;
	}

	.blockname .right .middle {
		position: absolute;
	    left: 50%;
	    top: 50%;
	    margin: -10px 0 0 -10px;
	}

}

@media only screen and (max-width: 420px) {
	.wrapper {
		width: 94%;
		padding: 0 3%;
	}

	.right-side .list li:nth-child(3n+1),
	.right-side .list li:nth-child(2n+1) {
		margin-left:0;
	}

	.right-side .list li {
		width: 100%;
		height: auto;
		margin-left:0;
	}

	.right-side .list li .img {
		height: 180px;
	}

	.right-side .list li .img img {
		width: 100%;

	}

	.right-side .news-list.view .mainview .sliderview ul {
		height: 200px;
	}

	.right-side .publ-list .publs .left {
		width: 40%;
	}

	.right-side .publ-list .publs .right {
		width: 55%;
		margin-left: 5%;
	}

	.right-side .publ-list .publs .right .desc {
		display: none;
	}

	#footer-mobile .footer .info .contact div.phone {
		font-size: 14px;
	}

	.mobile .mobile-menu .searchform input {
		width: 75%;
		padding-left: 4%;
		margin-left:0;
	}

	.mobile .mobile-menu .searchform {
		margin-left: 0;
		width: 100%;
	}

	.blockname .name {
		font-size: 14px;
		margin-left: 20px;
	}

	.right-side .error404 .searchform div.typetext {
		width: 80%;
	}

	.right-side .error404 .searchform div.typetext input {
		padding-left: 5%;
		width: 95%;
	}


	.right-side .news-list.publ li {
		height: auto;
	}


	.right-side .content .main-content p.block {
		padding: 80px 25px 25px 25px;

	}


	.right-side .content .main-content p.block.one {
		background: #f8f8f8 url('../images/ico/block/one.png') left center no-repeat;
    	background-position: 50% 22px ;
	}
	.right-side .content .main-content p.block.two {
		background: #f8f8f8 url('../images/ico/block/two.png') left center no-repeat;
    	background-position: 50% 22px ;;
	}

	.right-side .content .main-content p.block.three {
		background: #f8f8f8 url('../images/ico/block/three.png') left center no-repeat;
    	background-position: 50% 22px ;
	}
	.right-side .content .main-content p.block.four {
		background: #f8f8f8 url('../images/ico/block/four.png') left center no-repeat;
    	background-position: 50% 22px ;
	}

	.right-side .content .make-rating .first .retingtext {
		line-height: 28px;
	}

	.right-side .content .make-rating .second {
		top: 65px;
	}

	.blockname .name {
		font-size: 13px;
	}


	.right-side .content .main-content h3 {
		font-size: 18px;
		line-height: 22px;
	}
	
	
	.mobile .mobile-menu .searchform div {
	    float: none;
	}

}
.col-lg-9.col-md-9.col-sm-8.hs-content-wrapper .content .main-content ul li:before {
	content: none!important;
	display: block!important;
	width: 12px;
	height: 12px;
	background: none!important;
	background-position: -89px -3px;
	vertical-align: top;
	margin: 8px -2px!important;
}
.col-lg-9.col-md-9.col-sm-8.hs-content-wrapper .content .main-content li {
	margin: 8px -2px!important;
}
.col-lg-9.col-md-9.col-sm-8.hs-content-wrapper .content .main-content a:visited {
	color: white;
}
.col-lg-9.col-md-9.col-sm-8.hs-content-wrapper .content .main-content h2 {
	margin-top: 0px!important;
	font-size: 16px;
	margin-bottom: 0px;
}
.col-lg-9.col-md-9.col-sm-8.hs-content-wrapper .content .main-content .blockname{
	margin-top: 15px;
	margin-bottom: 15px;

}
.col-lg-9.col-md-9.col-sm-8.hs-content-wrapper .content .main-content h4 {
	position: relative;
	display: block;
	width: 80px;
	line-height: 17px;
	font-family: "SegoeUIRegular";
	text-transform: none;
	margin-bottom: -1px;
	z-index: 10000000000;
	margin-top: 9px;
	border-bottom-width: 1px;
	border-bottom-color: red;
	border-bottom-style: solid;
}


