/* News slider*/
.container-main {
  margin: 4.25em auto 0 auto;
  max-width: 100%;
  padding: 1em 0;
  position: relative;
} 

.main-slider {
  max-width: 100%;
  height: auto;
  position: relative;
}

.material_item_fl {
	display: flex; 
	flex-direction: column-reverse; 
	height: 298px;
}

.material_item__styles {
	z-index: 1000; 
	padding-left: 15px; 
	padding-right: 15px; 
	padding-bottom: 10px;
}

/*.pt {
	top: 80% !important;
}

.pt_container {
	top: 35px !important;
}

.pt-0 { 
	padding-top: 0 !important;

}*/

.pt {
	top: 80% !important;
}

.pt-0 { 
	padding-top: 0 !important;

}

.pt_container {
	top: 35px !important;
}

.slider-images {
  max-width: 100%;
  height: 298px;
  scroll-padding: 1rem;
}

.slider-img {
  max-width: 100%;
  scroll-snap-align: center;
  border-radius: 3px;
  display: none;
  	-webkit-user-select: none; 
  		-ms-user-select: none; 
  			user-select: none;
}

.slider-img img {
  max-width: 100%;
  cursor: pointer;
  height: 100%;
  -webkit-user-select: none; 
  	-ms-user-select: none; 
  		user-select: none; 
  			pointer-events: none;
}

.main-slider-active {
  scroll-snap-type: unset;
}

.slider-controls {
  position: absolute;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 100;
}

.slider-controls-previous,
.slider-controls-next {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}


.slider-img.active {
  display: block;
  transition: width 9s;
}



/* Styles for mobile */


@media (max-width: 576px) {
  .container-main {
    max-width: 100%;
  }
  .main-slider {
    max-width: 100%;
    height: auto;
  }
  .slider-img {
    max-width: 100%;
  }
  .slider-img img {
    max-width: 100%;
    width: 100%;
  }
  .slider-images {
    max-width: 100%;
    width: 100%;
  }
  .pt_container {
		top: 0 !important;
		padding-bottom: 75.86% !important;
	}
}


/* Styles for tablet */

@media only screen and (min-width: 577px) and (max-width: 768px) {
	  .container-main {
	    max-width: 100%;
	  }
	  .main-slider {
	    max-width: 100%;
	    height: auto;
	  }
	  .slider-img {
	    max-width: 100%;
	  }
	  .slider-img img {
	    max-width: 100%;
	    width: 100%;
	  }
	  .slider-images {
	    max-width: 100%;
	    width: 100%;
	  }
	  .material_item_fl { height: 481px; }
	  .pt {
	  	top: 86% !important;
	  }
	  .slider-controls { top: 75%; }
}


/* End of News slider */




.quote__text p{
	margin: 0;
}


.bold{font-weight: bold;}

/* share panel */
.article__social ol li,
.article__social ul li
{
	margin:  0;
	display: block;
	width: auto;
	padding:0;
}

iframe{border:0}

/**
стилизируем списки в карточках
********************************************************************************/
.page_card__block__content ol li{
	display: list-item;
}

/**
стилизируем видео
************************************************************************************/
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	clear: both;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/**
стилизируем фб
************************************************************************************/
.fbPostWrapper {
}
/*.fbPostWrapper iframe {
	width: 100%;
}*/

/* рамер шрифта в рейтинге в последней колонке тис.тон*/
.page_rating__table__cell-rating{
	font-size: 20px;
}


.material_item__category,
.material_item__category:hover
{
	color: #61b739;
}
a {
	text-decoration: none;
	color: #61b739;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	transition: all 0.1s linear;
}
a:active,
.no-touch a:hover {
	color: #61b739;
	text-decoration: underline;
}
h2{font-size: 20px}

.blocktitle a {
	color: inherit;
	text-decoration: inherit;
}

.pagecontent article p a,
.pagecontent article ul a,
.pagecontent article li a
{
	color: inherit;
	text-decoration: underline;
	text-decoration-color: #61b739;
}

.pagecontent article p a:active,
.pagecontent article p a:hover,
.pagecontent article ul a:active,
.pagecontent article ol a:hover
{
	color: #61b739;
}

.page_company .pagecontent p a,
.page_company .pagecontent ul a,
.page_company .pagecontent li a
{
	color: inherit;
	text-decoration: underline;
	text-decoration-color: #61b739;
}

.page_company .pagecontent p a:active,
.page_company .pagecontent p a:hover,
.page_company .pagecontent ul a:active,
.page_company .pagecontent ol a:hover
.page_company .pagecontent span a:active,
.page_company .pagecontent span a:hover
{
	color: #61b739;
}

/* ==========================================================================
Videoplayer
========================================================================== */
.videoplayer {
	width: 100%;
	position: relative;
	float: left;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding-bottom: 56.25% !important;
	height: 0;
}
.videoplayer_video {
	position: absolute;
	height: 100% !important;
	width: 100% !important;
	z-index: 10;
}
.videoplayer_source {
	display: none;
}
.videoplayer_button {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	cursor: pointer;
	z-index: 20;
}
.videoplayer_button i {
	font-size: 70px;
	color: #ffffff;
	text-align: center;
	line-height: 70px;
	z-index: 100;
	position: absolute;
	width: 70px;
	height: 70px;
	top: 50%;
	left: 50%;
	margin: -35px 0 0 -35px;
	opacity: 0.6;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	transition: all 0.1s linear;
}
.videoplayer_button:active i,
.no-touch .videoplayer_button:hover i {
	opacity: 1;
}
/* ==========================================================================
END Videoplayer
========================================================================== */

.gallery_category{
	display: inline-block;
	padding: 0;
}
.gallery_category li{
	text-decoration: none;
	list-style: none;
	display: inline;
	padding: 0px 20px 20px 0px;

}
.gallery_category li.select{
	font-weight: bold;
}

.sectionhead .container{
	padding-left: 0;
}


.main_wide{
	display: table;
	width: auto;
	text-align: center;
	padding: 10px 0;
	margin-right: auto;
	margin-left: auto;
}

.main_wide:empty {
	display: none;
}

.pagecontent > .main_wide{
	margin-top: -30px;
}

.article_page__triple_gallery__item a {
	padding-bottom: 70%;
}

.blog-disclaimer {
    font-style: italic;
    font-weight: bold;
}

/* ==========================================================================
BEGIN GOOGLE MAPS
========================================================================== */

.google-maps {
	position: relative;
	padding-bottom: 75%;
	height: 0;
	overflow: hidden;
	clear: both;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
/* ==========================================================================
END GOOGLE MAPS
========================================================================== */


/* ==========================================================================
BEGIN рекламный блок на главной
========================================================================== */
.main_wide.site_index{
	padding: 0 !important;
}
.main_wide.site_index > div{
	margin: 0 !important;
}
/* ==========================================================================
END рекламный блок на главной
========================================================================== */


.ya-share2__social{
	margin-top: 10px;
}
@media only screen and (min-width: 768px){
	.ya-share2__social{
		 margin-top: 0px;
	}
}
@media only screen and (max-width: 768px){
	.page_image.page_image-left {
		 margin: 20px -3px;
		 float: none;
	}
	.page_image.page_image-left img{
		 max-width: 100%;
	}
}

@media only screen and (min-width: 768px){
    .page_rating__table .content_article__btn{
	width: 100%;
    }
}
@media only screen and (min-width: 1500px){
    .page_rating__table .content_article__btn{
	width: 200px;
    }
}
.content_article__btn{
	width: 200px;
}

.page .data-title {
 position: relative;
 cursor: help;
}

.page .data-title:after {
 content: '\f05a';
 font-family: "Font Awesome 5 Free";
 font-weight: 700;
 color: #6ac052;
 font-size: 12px;
 position: relative;
 top: -5px;
}

.page .data-title:hover:before, .page .data-title:focus:before {
 content: attr(data-title);
 position: absolute;
 left: 50%;
 bottom: 40px;
 transform: translateX(-50%);
 display: inline-block;
 padding: 10px;
 border: 2px solid rgba(106, 192, 82, 0.5);
 -webkit-border-radius: 2px;
 border-radius: 2px;
 background: #fff;
 font-size: 12px;
 color: #000000;
 min-width: 251px;
 text-align: center;
 z-index: 10;
}

.page .data-title .arr {
 width: 0px;
 height: 0px;
 border: 25px solid transparent;
 border-top-color: #6ac052;
 margin: 0;
 padding: 0;
 display: none;
 left: 50%;
 bottom: -9px;
 position: absolute;
}

.page .data-title:hover .arr:after, .page .data-title:focus .arr:after {
 content: '';
 width: 0px;
 height: 0px;
 border: 23px solid transparent;
 border-top-color: white;
 display: inline-block;
 position: absolute;
 bottom: -21px;
 right: -23px;
}

.page .data-title:hover .arr, .page .data-title:focus .arr {
 display: inline-block;
}

.page .tooltip_inner {
 display: none;
}

/* index site */
.site-index section.wrapper:last-child{
	padding-bottom: 50px;
}


/* 404 ukrainian */
.page_404__head._en{
	background: url('../images/404_en.png') center no-repeat;
	background-size: cover;
}
/* 404 english */
.page_404__head._uk{
	background: url('../images/404_uk.png') center no-repeat;
	background-size: cover;
}

/* input type radio */

.custom_radio {
	cursor: pointer;
	display: inline-block;
	position: relative;
	overflow: hidden;
	vertical-align: middle;
	font-size: 14px;
	line-height: 24px;
	padding-bottom: 10px;
}
.custom_radio input {
	position: absolute;
	left: -99999px;
}
.custom_radio>i {
	float: left;
	display: block;
	width: 24px;
	height: 24px;
	font-size: 15px;
	line-height: 24px;
	background: #ffffff;
	border: 1px solid #cfcfcf;
	position: relative;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	transition: all 0.1s linear;
	border-radius: 30px;
	margin-right: 30px;
}
.material_item__comments, .material_item__views {
	min-width: 50px;
}
.active.custom_radio>i {
	border: 1px solid #69bf50;
	box-shadow: 1px 5px 12px 1px #e0e0e0;
}
.custom_radio.active>i:after {
	content: '\f00c';
}
.custom_radio>i:after {
	left: -1px;
	top: -1px;
	position: absolute;
	display: block;
	width: inherit;
	height: inherit;
	font-family: 'FontAwesome';
	font-size: inherit;
	line-height: inherit;
	text-align: center;
	color: #69bf50;
	font-style: normal;
	content: '';
}
.opinion {
	padding: 20px 10px;
	border: 1px solid #81c177;
}
.opinion ul li {
	list-style: none;
}
.opinion .progress {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	font-size: .75rem;
	line-height: 1rem;
	text-align: center;
	background-color: #eceeef;
	border-radius: .25rem;
	height: 17px;
}
.opinion .bar {
	height: 1rem;
	color: #fff;
	background-color: #97d386;
}
.read_block .container {
	z-index: 9;
}
/* page_company page */
.page_company h3>span,
.page_companyh3 h4>span{
	font-weight: inherit !important;
}

/* если в список попал параграф - убираем отступ */
li p{
	margin: 0;
	display: inline-block;
}

.footer__bottom {
	padding-top: 17px;
	border-top: 2px solid rgba(255, 255, 255, 0.1);
}
.footer__developer {
	text-align: left;
	margin-top: 12px;
}
.footer__copyright {
	text-align: right;
	padding-right: 50px;
	margin-top: 12px;
}
.footer__developer a {
	color: #6ac052;
	text-decoration: none;
}
.footer__bottom ul {
	list-style: none;
	padding-left: 0;
	width: 16%;
}
.footer__bottom .li_soc {
	margin: 0;
}
.footer__bottom ul li {
	display: inline-block;
	float: left;
}
.footer__bottom:first-child {
	border-top: none;
	padding-top: 0;
	margin-top: 0px;
}
.footer__bottom .item_menu a {
	font-weight: bold;
	font-size: 16px;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.4);
}
.footer__bottom .item_menu  {
	margin-top: 16px;
}
.footer__bottom a {
	text-decoration: none;
	transition: color .5s ease;
}
.footer h3 {
	font-size: 16px;
}

.footer .footer__bottom .footer__social__item {
	background: none;
	display: block;
	width: 100%;
	height: auto;
	margin: 10px 0;

}
.footer .footer__bottom .footer__social__item.footer__social__item-fb:after {
	content: "facebook";
}
.footer .footer__bottom .footer__social__item.footer__social__item-tw:after {
	content: "Twitter";
}
.footer .footer__bottom .footer__social__item.footer__social__item-yt:after {
	content: "Youtube";
}
.footer .footer__bottom .footer__social__item.footer__social__item-pin:after {
	content: "Pinterest";
}
.footer .footer__bottom .footer__social__item.footer__social__item-in:after {
	content: "LinkeIn";
}
.footer__subscribe input {
	border-radius: 5px;
	color: #333333;
	padding: 10px;
	min-width: 400px;
	border: none;
}
@media (max-width: 1499px) {
	.footer__subscribe input {
    min-width: 370px;
	}
}
@media (max-width: 768px) {
	.footer__subscribe input {
		 width: 100%;
		 min-width: 100%;
	}
}
.footer__subscribe form {
	position: relative;
	display: inline-block;
	overflow: hidden;
}
.footer__subscribe {
	display: inline-block;
	width: auto;
}
.footer__subscribe h3 {
	color: #b3b3b3;
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
	margin: 20px 0 10px;
	text-transform: uppercase;
}
.footer__subscribe__btn-submit {
	display: inline-block;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	background: #84D66D;
	border-radius: 0px 5px 5px 0px;
	box-shadow: none;
	border: none;
	padding: 10px 28px;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	color: #FFFFFF;
	line-height: 19px;
}
.footer__subscribe__btn-submit:hover {
	background: #76bd5f;
}
@media (max-width: 575px) {
	.footer__subscribe__btn-submit {
		padding: 10px;
	}
}
.footer_rss, .footer_app {
	display: inline-block;
	width: auto;
	float: left;
}
.footer_rss h3, .footer_app h3, .footer_support h3 {
	text-transform: uppercase;
}
@media (max-width: 991px) {
	.footer_rss {
		padding-left: 0;;
	}
}
@media (max-width: 768px) {
	.footer_rss {
		padding-bottom: 0;
	}
}
.footer .delimiter {
	display: inline-block;
}
.footer .delimiter {
	display: inline-block;
	width: 100%;
	display: none;
}
.footer_rss .rss {
	display: inline-block;
	background: #F69922;
	border-radius: 5px;
	padding: 10px 15px;

}
.footer_rss .rss:hover {
	background: #e8911f;
}
.footer_rss .rss #color {
	fill: #F69922;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	transition: all 0.1s linear;
}
.footer_rss .rss:hover #color {
	fill: #e8911f;
}
@media (max-width: 1200px) {

	.footer__bottom ul {
		 list-style: none;
		 padding-left: 0;
		 width: 33%;
	}
	.footer__bottom ul:nth-child(3n+1) {
		 clear: both;
	}
	.footer__subscribe {
		 float: left;
		 margin-left: 0;
	}
}

.footer__flex-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	overflow: hidden;
}
@media (max-width: 767px) {
	.footer__flex-wrap {
		 flex-direction: column;
		 justify-content: flex-start;
		 align-items: flex-start;
	}
}

@media (max-width: 768px) {
	.footer__subscribe {
		  float: left;
		  margin-left: 0;
			width: 100%;
	}
	.footer__copyright {
		 text-align: left;
	}
	.footer__bottom ul {
		 list-style: none;
		 padding-left: 0;
		 width: 50%;
	}
	.footer__subscribe form {
		 width: 100%;
	}
	.footer__bottom ul:nth-child(odd) {
		 float: left;
		 clear: both;
	}
	.footer__bottom ul:nth-child(even) {
		 float: right;
	}
	.footer__bottom ul:nth-child(3n+1) {
		 clear: initial;
	}
	.footer_rss .telegramm {
		 width: 46%;
		 text-align: center;
		 display: inline-block;
	}
	.footer_rss .rss {
		 width: 46%;
		 text-align: center;
		 display: inline-block;
	}
	.footer_rss, .footer_app {
		 display: inline-block;
		 width: 100%;
		 float: left;
	}
	.footer_rss {
		 padding: 0;
	}
	.footer_app {
		 padding: 0 0 14px;
	}
}
.footer__app-store h3 {
	text-transform: uppercase;
}
.material_item.material_item-game {
	margin-top: 10px;
}
.material_item.material_item-game:nth-child(2),.material_item.material_item-game:first-child,
.material_item.material_item-game:nth-child(3) {
	margin-top: 10px;
}
.material_item.material_item-game:nth-child(2n) {
	padding-right: 0;
}
.material_item.material_item-game:nth-child(3n) {
	padding-left: 0;
}
.birzha .material_item__inner {
	width: 19%;
	display: inline-block;
	padding-top: 0;
	margin-right: 18px;
}
.birzha .material_item__link {
	display: inline-block;
	min-height: 93px;
	width: 100%;
}
.birzha .material_item__title {
	font-weight: 600;
	line-height: normal;
	font-size: 15px;
	color: #000000;
	height: 48px;
	padding-top: 2px;
	overflow: hidden;
	padding-bottom: 8px;
}
.birzha .material_item__title > span > a{
	color: #000;
}
.birzha.material_item {
	margin-top: 17px!important;
	padding-bottom: 17px;
	border-bottom: 1px solid #f3f2f3;
}
.birzha .material_item__info__left {
	width: 58%;
	display: inline-block;
}
.birzha .material_item__info__left .material_item__category,.birzha .material_item__info__left .material_item__date {
	font-size: 15px;
	clear: both;
	display: block;
}
.birzha .material_item__info__right {
	width: 20%;
	float: right;
}
.birzha .material_item__info__right p {
	padding: 2px;
	font-weight: bold;
	font-size: 18px;
	text-align: right;
	color: #000000;
	margin: 0;
}
.add_form .btn_form {
	background: #61B739;
	padding: 10px;
	font-weight: bold;
	line-height: 30px;
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
	color: #FFFFFF;
	width: 36%;
	display: inline-block;
	float: left;
	border-radius: 4px;
}
a.btn_form:hover {
	color: #ffffff;
}
.btn_form svg {
	margin-top: -2px;
	margin-left: 5px;
}
.add_form span {
	font-size: 15px;
	color: #000000;
	display: inline-block;
	width: 58%;
	float: left;
	margin-left: 20px;
	line-height: 17px;
}
.add_form {
	width:100%;
	display: inline-block;
	margin-bottom: 25px;
}
.page_calendar__filter__item {
	width: 235px;
}
.bloger .img_blog {
	float: left;
	display: inline-block;
	z-index: 10;
	position: relative;
	width: 125px;
}
.bloger {
	display: inline-block;
	margin-bottom: 15px;
	width: 100%;
}
.bloger .info_blog {
	float: left;
	display: inline-block;
	width: calc(100% - 125px);
	padding-left: 15px;
}
.bloger .info_blog .fb_blog {
	float: left;
	display: inline-block;
	margin-left: 13px;
	padding: 3px;
	font-size: 26px;
	color: #4267B2;
}
.bloger span {
	font-size: 12px;
	text-transform: uppercase;
	color: #000000;
}
.bloger .info_blog h2 {
	font-weight: bold;
	line-height: normal;
	font-size: 24px;
	float: left;
	color: #000000;
	display: inline-block;
}
.bloger .info_blog a {
	float: right;
	display: inline-block;
	color:#888888;
}
.bloger .info_blog .line {
	background: #61B639;
	box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.1);
	font-weight: 600;
	line-height: normal;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 14px;
	color: #FFFFFF;
	clear: both;
	padding-left: 100px;
	margin-left: -100px;
}
.bloger .info_blog .line a {
	float: none;
	color: #fff;
	clear: both;
}
.bloger .info_blog .line a span {
	font-weight: bold!important;
	color: #ffffff;
}
.bloger .img_blog img {
	border-radius: 150px;
	border: 5px solid #FFFFFF;
	box-sizing: border-box;
	box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.1);
	max-width: 100%;
}
@media (max-width: 500px) {
	.bloger a.more_blog {
		 display: none;
	}
	.bloger .info_blog .line {
		 padding-left: 93px;
		 margin-left: -93px;
		 font-size: 12px;
	}
	.bloger .info_blog h2 {
		 float: left;
		 font-size: 16px;
	}
	.bloger .info_blog .fb_blog {
		 float: right;
		 font-size: 20px;
		 padding: 0;
	}
	.bloger .info_blog {
		 width: calc(100% - 93px);
		 padding-left: 7px;
	}
	.bloger .img_blog {
		 width: 93px;
	}
	.footer__bottom .item_menu a {
		 font-size: 15px;
	}
	.footer__bottom .item_menu {
		 margin-top: 0;
	}
	.birzha .material_item__inner {
		 width: 100%;
	}
	.birzha .material_item__info__right {
		 width: 50%;
		 float: right;
		 position: absolute;
		 bottom: 0;
		 right: 0;
	}
	.birzha .material_item__info__left {
		 width: 100%;
	}
	.birzha .material_item__title {
		 height: auto;
	}
	.birzha .material_item__link {
		 min-height: 270px;
	}
	.btn_form, .add_form span {
		 width: 100%;
		 margin:10px 0;
	}
}
@media only screen and (min-width: 1500px) {
	.projects-2 .projects__item-left .projects__item__content {
		 padding-left: 30px;
	}
		 .projects-1 .projects__item {
			  height: 429px;
		 }
}
@media only screen and (min-width: 992px) {
	.projects-2 .projects__item__content {
		 max-width: 100%;
		 padding: 13px 30px;
		 padding-left: 10px;
	}
}
@media print {
	a[href]:after {
		 content: none !important;
	}
	.header__lang {
		 display: none;
	}
}

.branding_html {
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
}
.branding_html-right,
.branding_html-left {
	position: absolute;
	top: 0;
	display: block;
	height: 100%;
	width: 100%;
	min-height: 100vh;
}
.branding_html-left {
	left: -50%;
	margin-left: -380px;
}
.branding_html-right {
	right: -50%;
	margin-right: -380px;
}
@media only screen and (min-width: 992px) {
	.branding_html-left {
		 margin-left: -480px;
	}
	.branding_html-right {
		 margin-right: -480px;
	}
}
@media only screen and (min-width: 1500px) {
	.branding_html-left {
		 margin-left: -585px;
	}
	.branding_html-right {
		 margin-right: -585px;
	}
}
/* fixed-header */
.banner_mobile {
	margin-top: 0px;
}
body {
  padding-top: 0px;
}
.sticky {
  padding-top: 60px;
}
.sticky .header {
  top: -60px;
  position: fixed;
}
.sticky .header.active {
	top: 0;
}
.header {
  top: 0;
  position: relative;
}
.header__bottom {
  top: 100% !important;
  position: absolute !important;
  height: 0;
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
 max-height: 0;
 transition: max-height 0.5s ease;
} 
.header__bottom.active {
  visibility: visible;
  height: auto;
  max-height: 200px;
  transition: max-height 0.5s ease;
}

.hot-container {
	float: left;
    width: 100%;
    margin: 0 0 10px;
    background: #f0f0f0;
}
@media only screen and (min-width: 992px) {
	.hot-container {
		float: left;
		width: 100%;
		margin: 10px 0;
		background: #f0f0f0;
	}
}

@media only screen and (min-width: 768px) {
  body {
	  padding-top: 60px;
  }
  .sticky .header,
  .header {
	  position: fixed;
	  top: -70px;
  }
  .banner_mobile {
	  display: none;
	  height: 0;
  }
} 
@media only screen and (min-width: 992px) {
  .sticky,
  body {
	  padding-top: 70px;
  }
  .header__bottom {
	top: 0 !important;
	position: relative !important;
	height: auto;
	overflow: visible;
	visibility: visible;
	max-height: none;
	padding: 10px 0px;
  }
}
/* end fix header */

.iframe-wrap {
	display: block;
	height: 350px;
}

.iframe-wrap iframe#agroTenders {
	width: 100%;
	height: 100%;
}
@media (max-width: 800px) {
	.iframe-wrap iframe#agroTenders .tender_table_header .textbox:before {
		background: none !important;
	}
}
@media only screen and (min-width: 768px) {
	.iframe-wrap iframe#agroTenders {
		height: 480px;
	}
}


/* social-block */
.article__info-date-wrap {
	display: flex;
	margin-bottom: 15px;
	align-items: center;
}
.article__options {
	float: none;
	width: auto;
	display: flex;
	align-items: center;
	line-height: 15px;
}
.article__options__views {
	color: #5f5f5f;
	font-size: 12px;
	line-height: 15px;
	padding: 0;
}
.article__date {
	margin-right: 20px;
	font-size: 12px;
	line-height: 15px;
	color: #5F5F5F;
	padding: 0;
}
.ya-share2__badge {
	width: 30px;
	height: 30px;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}
/* facebook */
.ya-share2__item_service_facebook .ya-share2__icon {
	background: url('../img/social/fb-icon.svg') no-repeat 50% 50% !important;
	background-size: 15px 15px !important;
}
.ya-share2__item_service_facebook .ya-share2__badge {
	background-color: #fff !important;
}
.ya-share2__item_service_facebook:hover {
	border-color: rgba(37, 78, 155, 0.25) !important;
}
/* ------------------------------- */
/* telegram */
.ya-share2__item_service_telegram .ya-share2__icon {
	background: url('../img/social/tg-icon.svg') no-repeat 50% 50% !important;
	background-size: 15px 15px !important;
}
.ya-share2__item_service_telegram .ya-share2__badge {
	background-color: #fff !important;
}
.ya-share2__item_service_telegram:hover {
	border-color: rgba(64, 179, 224, 0.25) !important;
}
/* -------------------------------------- */
/* viber */
.ya-share2__item_service_viber .ya-share2__icon {
	background: url('../img/social/vb-icon.svg') no-repeat 50% 50% !important;
	background-size: 15px 15px !important;
}
.ya-share2__item_service_viber .ya-share2__badge{
	background-color: #fff !important;
}
.ya-share2__item_service_viber:hover {
	border-color: rgba(102, 92, 172, 0.25) !important;
}
/* -------------------------------------- */
/* twitter */
.ya-share2__item_service_twitter .ya-share2__icon {
	background: url('../img/social/tw-icon.svg') no-repeat 50% 50% !important;
	background-size: 15px 15px !important;
}
.ya-share2__item_service_twitter .ya-share2__badge {
	background-color: #fff !important;
}
.ya-share2__item_service_twitter:hover {
	border-color:  rgba(85, 173, 238, 0.25) !important;
}
/* -------------------------------------- */
.ya-share2__list.ya-share2__list_direction_horizontal > .ya-share2__item {
	box-shadow: 1px 2px 5px rgba(198, 198, 198, 0.55);
	border-radius: 3px;
	border: 1px solid transparent;
	margin: 0 13px 0 0 !important;
	width: auto;
	transition: all .3s ease;
}
.ya-share2__list.ya-share2__list_direction_horizontal > .ya-share2__item:last-child {
	margin-right: 0 !important;
}
.ya-share2__item:hover {
	opacity: 1 !important;
}
a.article__options__comments {
	padding: 0px;
	font-size: 12px;
	line-height: 15px;
	color: #5f5f5f !important;
}
@media only screen and (min-width: 768px){
	.ya-share2__badge {
		width: 40px;
		height: 40px;
	}
	.ya-share2__container_size_m .ya-share2__icon {
		height: 30px;
		width: 30px;
		background-size: 30px 30px;
  }
	.ya-share2__list.ya-share2__list_direction_horizontal > .ya-share2__item {
		margin-right: 15px !important;
	}
	.article__info {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.article__info-date-wrap {
		margin-bottom: 0;
	}
	.article__date, .article__options {
		height: auto;
		display: block;
	}
	.article__options {
		line-height: 20px;
	}
	.article__options__views {
		font-size: 15px;
		line-height: 20px;
	}
	.article__date {
		margin-right: 20px;
		font-size: 15px;
		line-height: 20px;
	}
	a.article__options__comments {
		font-size: 15px;
		line-height: 20px;
	}

	/* facebook */
.ya-share2__item_service_facebook .ya-share2__icon {
	background-size: 20px 20px !important;
}
/* ------------------------------- */
/* telegram */
.ya-share2__item_service_telegram .ya-share2__icon {
	background-size: 20px 20px !important;
}
/* -------------------------------------- */
/* viber */
.ya-share2__item_service_viber .ya-share2__icon {
	background-size: 20px 20px !important;
}
/* -------------------------------------- */
/* twitter */
.ya-share2__item_service_twitter .ya-share2__icon {
	background-size: 20px 20px !important;
}
/* -------------------------------------- */
}

@media only screen and (min-width: 1024px) {
	.article__info {
		margin-bottom: 20px;
	}
}
/* ---------------------------- */
.widget_wrap {
	display: block;
}
/* -------------------------------------- */

/*---------------------------------- mini-gallery -----------------------------------*/
.after-slide {
	display: none;
 }
 
 .mini-gallery {
	position: relative;
 }
 
 .mini-gallery .item {
	border-radius: 5px;
	overflow: hidden;
	width: 100%;
	position: relative;
	padding-top: 66%;
 }
 .mini-gallery .item img {
	 position: absolute;
	 top: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
		object-fit: cover;
	-o-object-position: 50% 50%;
	   object-position: 50% 50%;
 }
 
 .mini-gallery .owl-prev, .mini-gallery .owl-next {
	position: absolute;
	top: 50%;
	font-size: 0;
	color: transparent;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
 }
 
 .mini-gallery .owl-prev {
	left: 0px;
	background-image: url("../img/mini-gallery-prev-arrow.svg");
 }
 
 .mini-gallery .owl-next {
	right: 0px;
	background-image: url("../img/mini-gallery-next-arrow.svg");
 }
 
 .mini-gallery .owl-dots {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
		 -ms-flex-pack: center;
			  justify-content: center;
	margin-top: 10px;
 }
 
 .mini-gallery .owl-dots .owl-dot {
	width: 10px;
	height: 10px;
	border: 1px solid #6ac052;
	border-radius: 50%;
	margin-right: 10px;
 }
 
 .mini-gallery .owl-dots .owl-dot.active {
	background-color: #6ac052;
 }
 
 .mini-gallery .owl-dots .owl-dot:last-child {
	margin-right: 0;
 }
 
 @media only screen and (min-width: 768px) {
	.mini-gallery .item {
	  height: 480px;
	}
	.mini-gallery .owl-prev, .mini-gallery .owl-next {
	  width: 55px;
	  height: 55px;
	}
	.owl-dots {
	  margin-top: 15px;
	}
	.owl-dots .owl-dot {
	  width: 15px;
	  height: 15px;
	}
 }
 @media only screen and (min-width: 992px) {
	.mini-gallery .item {
		padding-top: 0;
	 }
	 .mini-gallery .item img {
		 position: static;
 }
}
 @media only screen and (min-width: 1024px) {
	.mini-gallery .item {
		height: 400px;
	 }
	.mini-gallery .owl-prev, .mini-gallery .owl-next {
	  top: calc(50% - 67px);
	}
	.after-slide {
	  margin-top: 10px;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-pack: center;
			-ms-flex-pack: center;
				 justify-content: center;
	}
	.after-slide span {
	  width: 24%;
	  display: block;
	  height: 100px;
	  margin-right: 10px;
	  border-radius: 5px;
	  overflow: hidden;
	  background-size: cover;
	  cursor: pointer;
	}
	.after-slide span:last-child {
	  margin-right: 0;
	}
 }
 
 @media only screen and (min-width: 1200px) {
	.mini-gallery .item .owl-prev, .mini-gallery .item .owl-next {
	  top: calc(50% - 84px);
	}
	.mini-gallery .owl-item {
		max-width: 100%;
	}
	.after-slide {
	  margin-top: 15px;
	}
	.after-slide span {
	  height: 96px;
	  margin-right: 30px;
	}
 }
 @media only screen and (min-width: 1500px) {
	.mini-gallery .item {
		height: 520px;
	 }
	 .after-slide span {
		height: 120px;
	 }
 }

/* -------------------------end mini-gallery-----------------------------------------  */
/* see css vars on yii */
.rcl-note {
  font-size: 12px;
  text-align: left;
  line-height: 16px;
  height: 16px;
  position: fixed;
  left: -655px;
  margin-top: 10px;
  margin-left: 50%;
  padding: 1px 4px;
  border-radius: 4px;
  z-index: 400;
}
.rcl-note-right {
    left: 596px;
}
.rcl-inner {
  text-align: left;
}
.rcl-label {
    font-size: 10px;
}