@charset "UTF-8";

/*----------------------------------------------------- */
/* PAGE ELEMENTS */
/*----------------------------------------------------- */
.page-container { margin: 0 auto; width: 1256px; }
@media screen and (min-width: 865px) and (max-width: 1288px) { .page-container { width: 832px; } }
@media screen and (min-width: 441px) and (max-width: 864px) { .page-container { width: 408px; } }
@media screen and (max-width: 440px) { .page-container { margin: 0 16px; width: auto; } }

.page-outer { padding: 122px 0 0; }
@media screen and (min-width: 1289px) { .page-outer { min-height: calc(100vh - 122px - 403px); } }
@media screen and (max-width: 1288px) { .page-outer { padding: 0; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .page-outer { min-height: calc(100vh - 122px - 162px); } }

.page-inner { padding: 30px 0 50px; }
@media screen and (max-width: 440px) { .page-inner { padding: 25px 0 35px; } }

.page-section-1 { margin: 0 0 40px; }
@media screen and (max-width: 440px) { .page-section-1 { margin: 0 0 30px; } }
.page-section-1:last-child { margin: 0; }

.page-section-2 { margin: 0 0 30px; }
@media screen and (max-width: 440px) { .page-section-2 { margin: 0 0 20px; } }
.page-section-2:last-child { margin: 0; }

.page-main { float: left; margin-right: 16px; }

.page-main--1 { width: 832px; }
@media screen and (min-width: 865px) and (max-width: 1288px) { .page-main--1 { width: 408px; } }
@media screen and (max-width: 864px) { .page-main--1 { float: none; margin: 0 0 40px; width: auto; } }
@media screen and (max-width: 440px) { .page-main--1 { margin: 0 0 30px; } }

.page-main--2 { width: 832px; }
@media screen and (max-width: 1288px) { .page-main--2 { float: none; margin: 0 0 40px; width: auto; } }
@media screen and (max-width: 440px) { .page-main--2 { margin: 0 0 30px; } }

.page-main--3 { width: 938px; min-height: 385px; }
@media screen and (max-width: 1288px) { .page-main--3 { float: none; margin: 0 0 40px; width: auto; min-height: auto; } }
@media screen and (max-width: 440px) { .page-main--3 { margin: 0 0 30px; } }

.page-sidebar { float: left; }

.page-sidebar--1 { width: 408px; }
@media screen and (max-width: 864px) { .page-sidebar--1 { float: none; width: auto; } }

.page-sidebar--2 { width: 408px; }
@media screen and (max-width: 1288px) { .page-sidebar--2 { float: none; width: auto; } }

.page-sidebar--3 { width: 302px; }
@media screen and (max-width: 1288px) { .page-sidebar--3 { float: none; width: auto; } }

.page-controls { border-bottom: 2px solid #cacccd; margin: 0 0 16px; }
.page-controls .tabs-toggle { float: left; list-style: none; margin: 0; padding: 0; position: relative; top: 2px; }
.page-controls .tabs-toggle li { float: left; margin-right: 24px; }
.page-controls .tabs-toggle li:last-child { margin: 0; }
.page-controls .tabs-toggle li.is-active a { border-color: #0cb28b; color: #34393c; font-weight: bold; }
.page-controls .tabs-toggle a { border-bottom: 2px solid transparent; color: #787878; display: block; font-size: 16px; height: 22px; line-height: 22px; padding: 0 0 12px; text-transform: uppercase; }
.page-controls .flip-switch { display: block; float: right; }

@media screen and (max-width: 864px) { .page-controls--1 { border: none; } }
@media screen and (max-width: 864px) { .page-controls--1 .tabs-toggle { float: none; position: static; } }
@media screen and (max-width: 864px) { .page-controls--1 .tabs-toggle li { float: none; margin: 0; } }
@media screen and (max-width: 864px) { .page-controls--1 .tabs-toggle a { border-bottom: none; border-left: 2px solid #cacccd; height: auto; line-height: 1; padding: 16px; } }
@media screen and (max-width: 440px) { .page-controls--1 .tabs-toggle a { padding: 8px 16px; } }
@media screen and (max-width: 864px) { .page-controls--1 .flip-switch { float: none; margin: 16px 0 0; } }

@media screen and (max-width: 1288px) { .page-controls--2 { border: none; } }
.page-controls--2 .tabs-toggle { float: none; }
@media screen and (max-width: 1288px) { .page-controls--2 .tabs-toggle { position: static; } }
.page-controls--2 .tabs-toggle li { margin-right: 50px; }
@media screen and (min-width: 865px) and (max-width: 1288px) { .page-controls--2 .tabs-toggle li { margin: 0; width: 50%; } }
@media screen and (max-width: 864px) { .page-controls--2 .tabs-toggle li { float: none; margin: 0; } }
.page-controls--2 .tabs-toggle li:last-child { margin: 0; }
@media screen and (min-width: 441px) { .page-controls--2 .tabs-toggle li.is-active a { font-size: 21px; } }
@media screen and (max-width: 1288px) { .page-controls--2 .tabs-toggle a { border-bottom: none; border-left: 2px solid #cacccd; padding: 16px; } }
@media screen and (max-width: 864px) { .page-controls--2 .tabs-toggle a { height: auto; line-height: 1; } }
@media screen and (max-width: 440px) { .page-controls--2 .tabs-toggle a { padding: 8px 16px; } }
.page-controls--2 .tabs-toggle .aligner { line-height: 1; vertical-align: bottom; }
@media screen and (max-width: 1288px) { .page-controls--2 .tabs-toggle .aligner { vertical-align: baseline; } }

.page-title-1 { font-size: 36px; font-weight: 300; line-height: 1; margin: 0 0 20px; }
@media screen and (max-width: 440px) { .page-title-1 { font-size: 32px; } }

.page-title-2 { font-size: 30px; font-weight: 300; line-height: 1.1; margin: 0 0 20px; }
@media screen and (max-width: 440px) { .page-title-2 { font-size: 28px; } }

.page-title-3 { font-size: 18px; margin: 0 0 18px; text-transform: uppercase; }

.page-title-4 { font-size: 16px; font-weight: normal; margin: 0 0 16px; }

.page-heading { margin: 0 0 20px; position: relative; }
.page-heading .page-title-2 { margin: 0; }
.page-heading .slider-controls { margin: -8px 0 0; position: absolute; right: 0; top: 50%; }
.page-heading .slider-controls a { color: #b2b4b7; display: block; float: left; height: 20px; line-height: 20px; text-align: center; -webkit-transition: color 0.18s; -o-transition: color 0.18s; transition: color 0.18s; width: 30px; }
.page-heading .slider-controls a:hover { color: #494d50; }
.page-heading .slider-controls a.is-disabled { color: #d9d9d9; cursor: default; }
.page-heading .view-all { color: #b2b4b7; font-size: 14px; line-height: 16px; margin: -4px 0 0; position: absolute; right: 0; top: 50%; text-transform: uppercase; }
.page-heading .view-all:hover { color: #494d50; }

/*----------------------------------------------------- */
/* CONTENT AREA */
/*----------------------------------------------------- */
.content-area p, .content-area ul, .content-area ol { margin: 0 0 1em; }
.content-area p:last-child, .content-area ul:last-child, .content-area ol:last-child { margin-bottom: 0; }
.content-area ul, .content-area ol { list-style: none; padding: 0; }
.content-area ul li, .content-area ol li { margin: 0 0 6px; position: relative; }
.content-area ul li:last-child, .content-area ol li:last-child { margin: 0; }
.content-area ul li { padding-left: 12px; }
.content-area .share ul li { padding-left: 0; margin-right: 12px;}
.content-area ul li::before { content: "•"; left: 0; position: absolute; top: 0; }
.content-area ol { counter-reset: ol_counter; }
.content-area ol li::before { counter-increment: ol_counter; content: counters(ol_counter,".") " "; }

/*----------------------------------------------------- */
/* BUTTON */
/*----------------------------------------------------- */
.button { -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; font-weight: normal; padding: 0 20px; text-align: center; text-transform: uppercase; -webkit-transition: background-color 0.18s, border-color 0.18s, color 0.18s, -webkit-box-shadow 0.18s; transition: background-color 0.18s, border-color 0.18s, color 0.18s, -webkit-box-shadow 0.18s; -o-transition: background-color 0.18s, border-color 0.18s, box-shadow 0.18s, color 0.18s; transition: background-color 0.18s, border-color 0.18s, box-shadow 0.18s, color 0.18s; transition: background-color 0.18s, border-color 0.18s, box-shadow 0.18s, color 0.18s, -webkit-box-shadow 0.18s; vertical-align: middle; }
.button.is-hidden { position: absolute; visibility: hidden; }
.button span { margin-left: 8px; }

.button--small { border-radius: 15px; font-size: 12px; height: 30px; line-height: 27px; }

.button--medium { border-radius: 17px; height: 34px; line-height: 31px; }

.button--large { border-radius: 22px; height: 44px; line-height: 41px; }

.button--1 { background: transparent; border: 1px solid #494d50; color: #b2b4b7; }
.button--1:hover { background: #0cb28b; border-color: #0cb28b; color: white; }

.button--2 { background: #0cb28b; border: 1px solid #0cb28b; color: white; }
.button--2:disabled {background: #626262; border: 1px solid #626262; pointer-events: none;}
.button--2:hover { background: #41ba88; -webkit-box-shadow: 0 6px 12px 0 rgba(65, 186, 136, 0.3); box-shadow: 0 6px 12px 0 rgba(65, 186, 136, 0.3); }

.button--3 { background: #b2b4b7; border: 1px solid #b2b4b7; color: white; }
.button--3:hover { background: #494d50; border-color: #494d50; }

/*----------------------------------------------------- */
/* INPUT FIELD */
/*----------------------------------------------------- */
.input-field { background: #eff1f1; border: none; border-radius: 17px; padding: 8.5px 20px; }

input.input-field { height: 34px; }

/*----------------------------------------------------- */
/* SEARCH BAR */
/*----------------------------------------------------- */
.search-bar { position: relative; }
.search-bar button { background: #494d50; border: none; border-radius: 17px; color: #b2b4b7; display: block; height: 34px; line-height: 34px; padding: 0; position: absolute; text-align: center; top: 0; width: 34px; z-index: 22; }
.search-bar .input-field { background: #494d50; color: #b2b4b7; padding-left: 34px; position: relative; width: 100%; z-index: 11; }
.search-bar .clear { display: none; right: 0; }
.search-bar .submit { left: 0; }

/*----------------------------------------------------- */
/* CUSTOM SCROLL BAR */
/*----------------------------------------------------- */
.mCSB_inside > .mCSB_container { margin-right: 6px; }

.mCSB_scrollTools { opacity: 1; width: 6px; }

.mCSB_scrollTools .mCSB_draggerRail { opacity: 0; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #0cb28b; border-radius: 6px; width: 6px; }

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: #0cb28b; }

/*----------------------------------------------------- */
/* BREADCRUMBS */
/*----------------------------------------------------- */
.breadcrumbs { font-size: 14px; list-style: none; margin: 0 0 20px; padding: 0; }
@media screen and (max-width: 440px) { .breadcrumbs { display: none; } }
.breadcrumbs li { display: inline; margin-right: 2px; }
.breadcrumbs li:last-child { margin: 0; }
.breadcrumbs li:last-child::after { display: none; }
.breadcrumbs li::after { color: #787878; content: "→"; font-family: "Minion Pro", sans-serif; margin-left: 2px; }
.breadcrumbs a { color: #787878; }

/*----------------------------------------------------- */
/* NEWS FILTER */
/*----------------------------------------------------- */
.news-filter { background: white; font-size: 14px; position: relative; z-index: 777; }
@media screen and (min-width: 1289px) { .news-filter { left: 0; position: fixed; top: 76px; right: 0; } }
.news-filter a { color: #34393c; display: block; font-weight: normal; height: 46px; line-height: 46px; text-transform: uppercase; }
.news-filter a:hover { color: #0cb28b; }
.news-filter .menu { float: left; list-style: none; margin: 0; padding: 0; }
@media screen and (min-width: 1289px) { .news-filter .menu { display: block !important; } }
@media screen and (max-width: 1288px) { .news-filter .menu { border-top: 1px solid #cbccce; clear: both; display: none; float: none; padding: 10px 0; } }
.news-filter .menu li { float: left; margin-right: 30px; }
@media screen and (min-width: 865px) and (max-width: 1288px) { .news-filter .menu li { margin-right: 20px; width: 193px; } }
@media screen and (min-width: 441px) and (max-width: 864px) { .news-filter .menu li { margin-right: 21px; width: 122px; } }
@media screen and (max-width: 440px) { .news-filter .menu li { margin-right: 2%; width: 49%; } }
.news-filter .menu li:last-child { margin-right: 0; }
@media screen and (min-width: 865px) and (max-width: 1288px) { .news-filter .menu li:nth-child(4n) { margin-right: 0; } }
@media screen and (min-width: 441px) and (max-width: 864px) { .news-filter .menu li:nth-child(3n) { margin-right: 0; } }
@media screen and (max-width: 440px) { .news-filter .menu li:nth-child(even) { margin-right: 0; } }
@media screen and (max-width: 1288px) { .news-filter .menu a { height: 36px; line-height: 36px; } }
.news-filter .toggle { float: left; }
@media screen and (min-width: 1289px) { .news-filter .toggle { display: none; } }
.news-filter .toggle.is-active { color: #b2b4b7; }
.news-filter .toggle .fa-bars { font-size: 16px; margin-right: 4px; }
.news-filter .special { float: right; }

/*----------------------------------------------------- */
/* NEWS BANNER */
/*----------------------------------------------------- */
.news-banner { background-position: 50% 50%; background-size: cover; margin: 0 0 -30px; padding: 0 0 60px; position: relative; }
@media screen and (max-width: 864px) { .news-banner { padding-bottom: 30px; } }
@media screen and (max-width: 440px) { .news-banner { margin: 0 0 -25px; } }
.news-banner::before { background: -webkit-gradient(linear, left bottom, left top, from(#eff1f1), to(rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(bottom, #eff1f1 0%, rgba(0, 0, 0, 0) 100%); background: -o-linear-gradient(bottom, #eff1f1 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(0deg, #eff1f1 0%, rgba(0, 0, 0, 0) 100%); bottom: 0; content: ""; display: block; left: 0; position: absolute; right: 0; top: 0; z-index: 1; }
.news-banner .page-container { height: 360px; position: relative; z-index: 2; }
.news-banner .logo { bottom: 0; left: 0; position: absolute; }
@media screen and (max-width: 864px) { .news-banner .logo { display: none; } }
.news-banner .text { bottom: 0; max-width: 540px; position: absolute; right: 0; }
.news-banner .text p { margin: 0; }
.news-banner .title { font-size: 48px; line-height: 1; margin: 0 0 18px; }
@media screen and (max-width: 440px) { .news-banner .title { font-size: 36px; } }

/*----------------------------------------------------- */
/* NEWS FEED */
/*----------------------------------------------------- */
.news-feed { background: #34393c; border-radius: 5px; color: white; margin: 0 0 16px; padding-right: 14px; }
.news-feed:last-child { margin: 0; }
.news-feed .wrapper { padding: 0 0 20px; }

.news-feed--1 .scroller { height: 768px; }
@media screen and (max-width: 864px) { .news-feed--1 .scroller { height: 350px; } }

.news-feed--2 .scroller { max-height: 802px; }
@media screen and (max-width: 1288px) { .news-feed--2 .scroller { height: 350px; } }

.news-feed_heading { padding: 20px 6px 0 20px; }
.news-feed_heading .page-title-3 { font-weight: bold; line-height: 24px; margin: 0 0 10px; text-transform: uppercase; }
.news-feed_heading .page-controls { border-color: #494d50; margin: 0; }
.news-feed_heading .page-controls li.is-active a { color: white; }
.news-feed_heading .page-controls a { color: #b2b4b7; }

.news-feed_item { display: block; padding: 15px 10px 15px 20px; position: relative; -webkit-transition: background 0.18s; -o-transition: background 0.18s; transition: background 0.18s; }
.news-feed_item:hover { background: #494d50; }
.news-feed_item:hover::before { opacity: 0; }
.news-feed_item:hover + .news-feed_item::before { opacity: 0; }
.news-feed_item:first-child::before { display: none; }
.news-feed_item::before { background: #494d50; content: ""; display: block; height: 1px; left: 20px; position: absolute; right: 20px; top: 0; -webkit-transition: opacity 0.18s; -o-transition: opacity 0.18s; transition: opacity 0.18s; }
.news-feed_item .info { color: #b2b4b7; display: block; font-size: 12px; margin: 0 0 8px; }
.news-feed_item .date { margin-right: 6px; }
.news-feed_item .date::after { content: "|"; margin-left: 8px; }
.news-feed_item .title { color: white; display: block; font-size: 14px; font-weight: normal; }

/*----------------------------------------------------- */
/* ARTICLE ITEM */
/*----------------------------------------------------- */
.article-item { cursor:pointer; background: white; border-radius: 5px; float: left; font-size: 14px; margin: 0 16px 16px 0; -webkit-transition: box-shadow 0.36s; -webkit-transition: -webkit-box-shadow 0.36s; transition: -webkit-box-shadow 0.36s; -o-transition: box-shadow 0.36s; transition: box-shadow 0.36s; transition: box-shadow 0.36s, -webkit-box-shadow 0.36s; position: relative;}
.article-item:hover { -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); }
.article-item:hover .image img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.article-item .image { border-top-left-radius: 5px; border-top-right-radius: 5px; display: block; overflow: hidden; }
.article-item .image img { border-top-left-radius: 5px; border-top-right-radius: 5px; -webkit-transition: transform 0.36s; -webkit-transition: -webkit-transform 0.36s; transition: -webkit-transform 0.36s; -o-transition: transform 0.36s; transition: transform 0.36s; transition: transform 0.36s, -webkit-transform 0.36s; height: 100%; width: 100%; }
.article-item .text { padding: 16px 20px 52px; position: relative; }
@media screen and (max-width: 864px) { .article-item .text { padding: 16px; } }
.article-item .type { font-size: 14px; margin: 0 0 16px; }
@media screen and (min-width: 865px) { .article-item .type { line-height: 20px; } }
.article-item .type a { color: #b2b4b7; }
.article-item .title { overflow: hidden; margin-bottom: 10px; }
.article-item .title a { color: #34393c; display: inline-block; }
.article-item .brief { color: #777; overflow: hidden; }
@media screen and (max-width: 864px) { .article-item .brief { margin: 0 0 16px; } }
.article-item .brief p { margin: 0; }
.article-item .bottom-panel { bottom: 16px; color: #b2b4b7; font-size: 12px; left: 20px; position: absolute; right: 20px; }
@media screen and (min-width: 865px) { .article-item .bottom-panel { line-height: 20px; } }
@media screen and (max-width: 864px) { .article-item .bottom-panel { position: static; } }
.article-item .bottom-panel a { color: #b2b4b7; }
.article-item .info { float: left; }
@media screen and (max-width: 440px) { .article-item .info { float: none; margin: 0 0 16px; } }
.article-item .stats { float: right; }
@media screen and (max-width: 440px) { .article-item .stats { float: none; } }
.article-item .date { margin-right: 6px; }
.article-item .date::after { content: "|"; margin-left: 8px; }
.article-item .date:last-child { margin: 0; }
.article-item .date:last-child::after { display: none; }
.article-item .views { margin-right: 24px; }
.article-item .views:last-child { margin: 0; }
.article-item .fa-eye, .article-item .fa-comment-alt { margin-right: 3px; position: relative; top: 1px; }
.article-item .brief-wrapper { position: relative; display: inline-block; }
.article-item .brief.truncated::after {content: ""; position: absolute;bottom: 0;left: 0;right: 0;height: 20px;background: linear-gradient(to bottom, rgba(255,255,255,0), #fff); pointer-events: none;}
.article-item .tooltip {display: none; position: absolute; top: 100%; left: 0; z-index: 20; background: #fff; padding: 8px 10px; border-radius: 4px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15); }
.article-item .tooltip::before { content: "";position: absolute; top: -6px; left: 20px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; filter: drop-shadow(0 -1px 1px rgba(0,0,0,0.1)); }
.article-item .brief.truncated:hover + .tooltip { display: block; }

.article-item--1 .brief {position: relative; height: 40px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; cursor: pointer; }

.article-item--2 { width: 302px; }
.article-item--2 .brief {position: relative; height: 40px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; cursor: pointer; }
@media screen and (min-width: 1289px) { .article-item--2 .image { height: 170px; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .article-item--2 .image { height: 230px; } }
.article-item--2 .text { padding: 16px 20px; }
@media screen and (max-width: 864px) { .article-item--2 .text { padding: 16px; } }
@media screen and (min-width: 865px) { .article-item--2 .title { height: 60px; line-height: 20px; margin-bottom: 10px;} }
.article-item--2 .bottom-panel { position: static; }

.article-item--3 { width: 302px; }
@media screen and (min-width: 1289px) { .article-item--3 .text { height: 266px; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .article-item--3 .text { height: 326px; } }
@media screen and (min-width: 865px) { .article-item--3 .title { line-height: 20px; max-height: 60px; } }
@media screen and (min-width: 1289px) { .article-item--3 .brief { line-height: 18px; max-height: 144px; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .article-item--3 .brief { line-height: 18px; max-height: 180px; } }

.article-item--4 { width: 620px; }
@media screen and (max-width: 1288px) { .article-item--4 { float: none; margin-right: 0; width: auto; } }
@media screen and (min-width: 1289px) { .article-item--4 .image { height: 348px; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .article-item--4 .image { border-bottom-left-radius: 5px; border-top-right-radius: 0; float: left; height: 230px; width: 408px; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .article-item--4 .image img { border-bottom-left-radius: 5px; border-top-right-radius: 0; } }
@media screen and (min-width: 1289px) { .article-item--4 .text { height: 268px; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .article-item--4 .text { height: 162px; } }
@media screen and (min-width: 865px) { .article-item--4 .title { line-height: 20px; max-height: 60px; } }
@media screen and (min-width: 1289px) { .article-item--4 .brief { line-height: 18px; max-height: 144px; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .article-item--4 .brief { line-height: 18px; max-height: 54px; } }

@media screen and (max-width: 1288px) and (min-width: 865px) {
    .article-item--4 .size_autox348 { width: auto; height: 230px; }
    .article-item--2 .size_autox170 { width: auto; height: 230px; }
}

@media screen and (max-width: 865px) {
    .article-item--4 .size_autox348 { width: auto; height: 170px; }
    .article-item--2 .size_autox170 { width: auto; height: 170px; }
}

/*----------------------------------------------------- */
/* ARTICLE GROUP */
/*----------------------------------------------------- */
.article-group { float: left; margin: 0 16px 16px 0; width: 302px; }
.article-group .article-item { float: none; margin-right: 0; }
.article-group .article-item:last-child { margin: 0; }
@media screen and (min-width: 1289px) { .article-group .article-item .text { height: 91px; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .article-group .article-item .text { height: 121px; } }
@media screen and (min-width: 1289px) { .article-group .article-item .type { margin: 0 0 12px; } }
@media screen and (min-width: 865px) { .article-group .article-item .title { line-height: 20px; } }
@media screen and (min-width: 1289px) { .article-group .article-item .title { max-height: 60px; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .article-group .article-item .title { max-height: 80px; } }

/*----------------------------------------------------- */
/* EVENT ITEM */
/*----------------------------------------------------- */
.event-item { border-radius: 5px; color: white; display: block; margin: 0 0 16px; overflow: hidden; position: relative; }
@media screen and (min-width: 865px) and (max-width: 1288px) { .event-item { float: left; margin: 0 16px 0 0; width: 408px; } }
.event-item:hover .image { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.event-item:last-child { margin: 0; }
.event-item .image { border-radius: 5px; -webkit-transition: -webkit-transform 0.36s; transition: -webkit-transform 0.36s; -o-transition: transform 0.36s; transition: transform 0.36s; transition: transform 0.36s, -webkit-transform 0.36s; width: 100%; }
.event-item .caption { background: -webkit-linear-gradient(0deg, #34393c, transparent); background: -webkit-gradient(linear, left bottom, left top, from(#34393c), to(rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(bottom, #34393c, rgba(0, 0, 0, 0)); background: -o-linear-gradient(bottom, #34393c, rgba(0, 0, 0, 0)); background: linear-gradient(0deg, #34393c, rgba(0, 0, 0, 0)); bottom: 0; display: block; left: 0; padding: 25px; position: absolute; right: 0; }
.event-item .caption .date { background: #0cb28b; border-radius: 12px; border-bottom-left-radius: 0; display: inline-block; font-size: 14px; height: 24px; line-height: 22px; margin: 0 0 20px; padding: 0 10px 0 8px; }
.event-item .caption .title { display: block; text-transform: uppercase; }

/*----------------------------------------------------- */
/* INTEGRATION BANNER */
/*----------------------------------------------------- */
.integration-banner { border-radius: 5px; color: white; position: relative; }
.integration-banner .image { border-radius: 5px; width: 100%; }
.integration-banner .caption { bottom: 25px; left: 25px; position: absolute; right: 25px; }
.integration-banner .title { margin: 0 0 20px; }

/*----------------------------------------------------- */
/* RECENT NEWS SLIDER */
/*----------------------------------------------------- */
.recent-news-slider .article-item { float: none; margin-right: 0; }
.recent-news-slider .article-item:last-child { margin: 0; }
@media screen and (min-width: 865px) { .recent-news-slider .article-item .image { height: 230px; } }
@media screen and (min-width: 865px) { .recent-news-slider .article-item .text { height: 92px; } }
@media screen and (min-width: 865px) { .recent-news-slider .article-item .title { line-height: 20px; max-height: 40px; } }
@media screen and (min-width: 865px) { .recent-news-slider .article-item .brief { line-height: 18px; max-height: 36px; } }

/*----------------------------------------------------- */
/* REVIEW ITEM */
/*----------------------------------------------------- */
.review-item { position: relative; }
.review-item::before { background: -webkit-gradient(linear, left bottom, left top, from(#34393c), color-stop(50%, rgba(52, 57, 60, 0.75)), to(rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(bottom, #34393c 0%, rgba(52, 57, 60, 0.75) 50%, rgba(0, 0, 0, 0) 100%); background: -o-linear-gradient(bottom, #34393c 0%, rgba(52, 57, 60, 0.75) 50%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(0deg, #34393c 0%, rgba(52, 57, 60, 0.75) 50%, rgba(0, 0, 0, 0) 100%); bottom: 0; content: ""; display: block; height: 80%; left: 0; position: absolute; width: 100%; z-index: 1; }
.review-item .image { height: 100%; width: 100%; }
.review-item .text { bottom: 0; color: white; left: 0; padding: 0 20px 24px; position: absolute; right: 0; z-index: 2; }
.review-item .page-title-2 { font-size: 24px; font-weight: normal; }
.review-item .page-title-2 a { color: white; }
.review-item .brief { color: #b2b4b7; margin: 0 0 20px; }
@media screen and (max-width: 440px) { .review-item .brief { display: none; } }
.review-item .brief p { margin: 0; }
.review-item .bottom-panel { font-size: 12px; margin: 0 0 20px; }
.review-item .bottom-panel a { color: white; }
@media screen and (min-width: 441px) { .review-item .info { float: left; } }
.review-item .stats { float: right; }
@media screen and (max-width: 440px) { .review-item .stats { display: none; } }
.review-item .date { margin-right: 6px; }
.review-item .date::after { content: "|"; margin-left: 8px; }
.review-item .date:last-child { margin: 0; }
.review-item .date:last-child::after { display: none; }
.review-item .views { margin-right: 24px; }
.review-item .views:last-child { margin: 0; }
.review-item .fa-eye, .review-item .fa-comment-alt { margin-right: 3px; position: relative; top: 1px; }
.review-item .read { float: left; padding: 0; width: 132px; }
.review-item .share { float: right; }
@media screen and (max-width: 440px) { .review-item .share { display: none; } }
.review-item .share .pluso-more, .review-item .share .pluso-counter { display: none; }

/*----------------------------------------------------- */
/* REVIEWS SLIDER */
/*----------------------------------------------------- */
@media screen and (min-width: 865px) { .reviews-slider { padding: 2px 0 0; } }

.reviews-slider_thumbnails { border-bottom-left-radius: 5px; border-top-left-radius: 5px; float: left; list-style: none; margin: 0; padding: 0; position: relative; width: 322px; z-index: 22; }
@media screen and (max-width: 864px) { .reviews-slider_thumbnails { display: none; } }
.reviews-slider_thumbnails .thumbnail { background: #34393c; display: block; height: 170px; line-height: 170px; padding: 0 20px; position: relative; -webkit-transition: background 0.36s; -o-transition: background 0.36s; transition: background 0.36s; }
.reviews-slider_thumbnails .thumbnail.is-active { background: #494d50; }
.reviews-slider_thumbnails .thumbnail.is-active::before { opacity: 0; }
.reviews-slider_thumbnails .thumbnail.is-active::after { opacity: 1; visibility: visible; }
.reviews-slider_thumbnails .thumbnail.is-active + .thumbnail::before { display: none; }
.reviews-slider_thumbnails .thumbnail:first-child { border-top-left-radius: 5px; }
.reviews-slider_thumbnails .thumbnail:first-child::before { opacity: 0; }
.reviews-slider_thumbnails .thumbnail:last-child { border-bottom-left-radius: 5px; }
.reviews-slider_thumbnails .thumbnail::before { background: #494d50; content: ""; display: block; height: 1px; left: 0; position: absolute; right: 0; top: 0; -webkit-transition: opacity 0.36s; -o-transition: opacity 0.36s; transition: opacity 0.36s; }
.reviews-slider_thumbnails .thumbnail::after { border-color: transparent transparent transparent #494d50; border-style: solid; border-width: 13px 0 13px 12px; content: ""; display: block; height: 0; left: 100%; margin: -13px 0 0; opacity: 0; position: absolute; top: 50%; -webkit-transition: opacity 0.36s, visibility 0.36s; -o-transition: opacity 0.36s, visibility 0.36s; transition: opacity 0.36s, visibility 0.36s; visibility: hidden; width: 0; }
.reviews-slider_thumbnails .title { color: white; display: block; font-size: 16px; line-height: 20px; margin: 0 0 10px; max-height: 60px; overflow: hidden; }
.reviews-slider_thumbnails .brief { color: #b2b4b7; display: block; font-size: 14px; line-height: 18px; max-height: 54px; overflow: hidden; }

.reviews-slider_full-size { border-bottom-right-radius: 5px; border-top-right-radius: 5px; overflow: hidden; position: relative; z-index: 11; }
@media screen and (max-width: 864px) { .reviews-slider_full-size { border-radius: 5px; } }
.reviews-slider_full-size .review-item { border-bottom-right-radius: 5px; border-top-right-radius: 5px; background: #787b7d; }
@media screen and (max-width: 864px) { .reviews-slider_full-size .review-item { border-radius: 5px; } }
.reviews-slider_full-size .review-item::before { border-bottom-right-radius: 5px; }
@media screen and (max-width: 864px) { .reviews-slider_full-size .review-item::before { border-radius: 5px; height: 100%; } }
.reviews-slider_full-size .review-item .image { border-bottom-right-radius: 5px; border-top-right-radius: 5px; }
@media screen and (max-width: 864px) { .reviews-slider_full-size .review-item .image { border-radius: 5px; } }
@media screen and (max-width: 864px) { .reviews-slider_full-size .review-item .text { padding-bottom: 50px; } }
.reviews-slider_full-size .owl-dots { bottom: 20px; height: 10px; left: 0; position: absolute; right: 0; text-align: center; z-index: 9; }
@media screen and (min-width: 865px) { .reviews-slider_full-size .owl-dots { display: none; } }
.reviews-slider_full-size .owl-dot { background: white; border-radius: 100%; display: inline-block; height: 8px; margin: 1px 5px; opacity: 0.4; vertical-align: top; width: 8px; }
.reviews-slider_full-size .owl-dot.active { height: 10px; margin: 0 4px; opacity: 1; width: 10px; }

@media screen and (max-width: 864px) { .reviews-slider_full-size .review-item .size_autox680 { width: 510px; height: 544px; } }

/*----------------------------------------------------- */
/* SPECIAL NEWS SLIDER */
/*----------------------------------------------------- */
.special-news-slider .article-item { float: none; margin: 0; width: 302px; }
@media screen and (min-width: 865px) and (max-width: 1288px) { .special-news-slider .article-item { width: 266px; } }
@media screen and (min-width: 441px) and (max-width: 864px) { .special-news-slider .article-item { width: 196px; } }
@media screen and (max-width: 440px) { .special-news-slider .article-item { width: auto; } }
.special-news-slider .article-item .type { line-height: 1.28; }
.special-news-slider .article-item .text { padding: 16px 20px; }
@media screen and (max-width: 864px) { .special-news-slider .article-item .text { padding: 16px; } }
@media screen and (min-width: 441px) { .special-news-slider .article-item .title { height: 60px; line-height: 20px; } }
.special-news-slider .article-item .bottom-panel { line-height: 1.28; position: static; }
@media screen and (max-width: 864px) { .special-news-slider .article-item .bottom-panel .info { float: none; margin: 0 0 16px; } }
@media screen and (max-width: 864px) { .special-news-slider .article-item .bottom-panel .stats { float: none; } }

@media screen and (max-width: 1288px) and (min-width: 865px){ .special-news-slider .article-item .size_autox170 { width: 266px; } }
@media screen and (max-width: 864px) and (min-width: 441px){ .special-news-slider .article-item .size_autox170 { width: 196px; } }
@media screen and (max-width: 440px) { .special-news-slider .article-item .size_autox170 { width: auto; } }


/*----------------------------------------------------- */
/* NEWS LINE */
/*----------------------------------------------------- */
@media screen and (min-width: 865px) { .news-line { margin-bottom: -16px; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .news-line .article-item, .news-line .article-group { width: 408px; } }
@media screen and (max-width: 864px) { .news-line .article-item, .news-line .article-group { float: none; margin-right: 0; width: auto; } }
@media screen and (min-width: 1289px) { .news-line .article-item:nth-child(4n), .news-line .article-group:nth-child(4n) { margin-right: 0; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .news-line .article-item:nth-child(even), .news-line .article-group:nth-child(even) { margin-right: 0; } }
@media screen and (max-width: 864px) { .news-line .article-item:last-child, .news-line .article-group:last-child { margin: 0; } }

/*----------------------------------------------------- */
/* NEWS GROUPS */
/*----------------------------------------------------- */
@media screen and (min-width: 1289px) { .news-group-1 .article-item--2 { margin-right: 0; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .news-group-1 .article-item--2 { width: 408px; } }
@media screen and (max-width: 864px) { .news-group-1 .article-item--2 { float: none; margin-right: 0; width: auto; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .news-group-1 .article-item--2:last-child { margin-right: 0; } }

@media screen and (min-width: 865px) { .news-group-2 { margin-bottom: -16px; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .news-group-2 .article-item, .news-group-2 .article-group { width: 408px; } }
@media screen and (max-width: 864px) { .news-group-2 .article-item, .news-group-2 .article-group { float: none; margin-right: 0; width: auto; } }
@media screen and (min-width: 1289px) { .news-group-2 .article-item:nth-child(3n), .news-group-2 .article-group:nth-child(3n) { margin-right: 0; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .news-group-2 .article-item:nth-child(even), .news-group-2 .article-group:nth-child(even) { margin-right: 0; } }
@media screen and (max-width: 864px) { .news-group-2 .article-item:last-child, .news-group-2 .article-group:last-child { margin: 0; } }

/*----------------------------------------------------- */
/* CALENDAR SLIDER */
/*----------------------------------------------------- */
.calendar-slider { position: relative; }
.calendar-slider .slider-next, .calendar-slider .slider-prev { background: #34393c; color: #b2b4b7; display: block; font-size: 18px; height: 54px; line-height: 54px; position: absolute; text-align: center; top: 0; -webkit-transition: opacity 0.18s; -o-transition: opacity 0.18s; transition: opacity 0.18s; width: 54px; z-index: 22; }
.calendar-slider .slider-next.is-disabled, .calendar-slider .slider-prev.is-disabled { opacity: 0.1; }
.calendar-slider .slider-prev { left: 0; }
.calendar-slider .slider-next { right: 0; }
.calendar-slider .slide { position: relative; z-index: 11; }
.calendar-slider .page-title-3 { background: #34393c; color: white; height: 54px; line-height: 54px; margin: 0; padding: 0 54px; text-align: center; }
.calendar-slider table { background: white; font-size: 14px; width: 100%; }
.calendar-slider tr:nth-child(2) td { padding-top: 8px; }
@media screen and (max-width: 440px) { .calendar-slider tr:nth-child(2) td { padding-top: 4px; } }
.calendar-slider tr:last-child td { padding-bottom: 8px; }
@media screen and (max-width: 440px) { .calendar-slider tr:last-child td { padding-bottom: 4px; } }
.calendar-slider th { background: #0cb28b; color: white; font-weight: 300; height: 36px; text-transform: uppercase; }
.calendar-slider td { text-align: center; }
.calendar-slider td a, .calendar-slider td span { border-radius: 100%; display: block; height: 30px; line-height: 28px; margin: 0 auto; width: 30px; }
@media screen and (max-width: 440px) { .calendar-slider td a, .calendar-slider td span { height: 24px; line-height: 22px; width: 24px; } }
.calendar-slider td span { color: #b2b4b7; }
.calendar-slider td a { color: #34393c; -webkit-transition: background 0.18s, color 0.18s; -o-transition: background 0.18s, color 0.18s; transition: background 0.18s, color 0.18s; }
.calendar-slider td a:hover { background: #b2b4b7; color: white; }
.calendar-slider th, .calendar-slider td { padding: 4px; }
@media screen and (max-width: 440px) { .calendar-slider th, .calendar-slider td { padding: 2px; } }
.calendar-slider th:first-child, .calendar-slider td:first-child { padding-left: 8px; }
@media screen and (max-width: 440px) { .calendar-slider th:first-child, .calendar-slider td:first-child { padding-left: 4px; } }
.calendar-slider th:last-child, .calendar-slider td:last-child { padding-right: 8px; }
@media screen and (max-width: 440px) { .calendar-slider th:last-child, .calendar-slider td:last-child { padding-right: 4px; } }

.calendar-slider .input-field {padding: 0px;}
.calendar-slider .navigation-date { background: #34393c;color: #fff;height: 54px;margin: 0;padding: 0 54px;text-align: center;line-height: 54px;font-size: 17px;}
.calendar-slider .month { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; width: 62%; }
.calendar-slider .year { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: right; width: 38%; }
.calendar-slider .NewsCalWeekend{ color:#df8492; }
.calendar-slider .NewsCalToday span{ background: #0cb28b; color: white; font-weight: bold; }
.calendar-slider .NewsCalDefault{ color:#000; }
.calendar-slider .NewsCalOtherMonth{ color:#F8F9EF; }
.calendar-slider .Event, .calendar-slider .Event a { color: #0cb28b; }

/*----------------------------------------------------- */
/* PRODUCT BANNER */
/*----------------------------------------------------- */
.product-banner { background-size: cover; background-position: 100% 50%; border-radius: 5px; color: white; position: relative; }
@media screen and (min-width: 865px) { .product-banner { height: 290px; line-height: 290px; } }
.product-banner:hover .product-banner_details { opacity: 1; visibility: visible; }

.product-banner_brief { padding-left: 50px; position: relative; width: 578px; z-index: 11; }
@media screen and (max-width: 864px) { .product-banner_brief { display: none; } }
.product-banner_brief p { color: #b2b4b7; font-weight: normal; margin: 0; }
.product-banner_brief .title { font-weight: bold; margin: 0 0 16px; }
.product-banner_brief .slogan { margin: 0 0 16px; text-transform: none; }

.product-banner_details { background: rgba(33, 37, 40, 0.9); border-radius: 5px; }
@media screen and (min-width: 865px) { .product-banner_details { bottom: 0; left: 0; opacity: 0; padding: 0 50px; position: absolute; right: 0; top: 0; -webkit-transition: opacity 0.36s, visibility 0.36s; -o-transition: opacity 0.36s, visibility 0.36s; transition: opacity 0.36s, visibility 0.36s; visibility: hidden; z-index: 22; } }
@media screen and (max-width: 864px) { .product-banner_details { padding: 25px; } }
.product-banner_details .column { float: left; width: 578px; }
@media screen and (max-width: 1288px) { .product-banner_details .column { float: none; width: auto; } }
/* @media screen and (max-width: 1288px) { .product-banner_details .column:last-child { display: none; } } */
.product-banner_details .column p { margin: 12px 0 0; }
.product-banner_details .page-title-1 { font-weight: normal; }
.product-banner_details .page-title-1 small { color: #b2b4b7; display: block; font-size: 18px; margin: 8px 0 0; }
@media screen and (max-width: 440px) { .product-banner_details .page-title-1 small { font-size: 16px; } }
.product-banner_details .price { display: block; font-size: 36px; margin: 0 0 30px; }
@media screen and (max-width: 440px) { .product-banner_details .price { font-size: 30px; } }
.product-banner_details .price small { font-size: 30px; }
@media screen and (max-width: 440px) { .product-banner_details .price small { font-size: 24px; } }
.product-banner_details .button { display: block; float: left; margin-right: 10px; padding: 0; }
/* .product-banner_details .button:last-child { margin: 0; padding: 0; } */
.product-banner_details .more, .product-banner_details .buy { width: 154px; }
@media screen and (min-width: 441px) and (max-width: 864px) { .product-banner_details .more, .product-banner_details .buy { width: 142px; } }
@media screen and (max-width: 440px) { .product-banner_details .more { float: none; margin: 0 0 10px; width: 238px; } }
@media screen and (max-width: 440px) { .product-banner_details .buy { width: 184px; } }
.product-banner_details .like { background: #34393c; color: #b2b4b7; font-size: 22px; line-height: 44px; width: 44px; }
.product-banner_details .like:hover, .product-banner_details .like.is-active { background: #494d50; color: white; }

/*----------------------------------------------------- */
/* NEWS ARTICLE */
/*----------------------------------------------------- */
@media screen and (min-width: 441px) { .news-article { font-size: 18px; } }
/* .news-article .heading { border-bottom: 1px solid #b2b4b7; padding: 80px 100px 100px; text-align: center; } */
.news-article .heading { text-align: center; position: relative }
@media screen and (min-width: 865px) and (max-width: 1288px) { .news-article .heading { padding: 30px 50px 50px; } }
@media screen and (max-width: 864px) { .news-article .heading { padding: 10px 0 30px; } }
@media screen and (max-width: 440px) { .news-article .heading { padding: 0 0 30px; text-align: left; } }
.news-article .heading .type { color: #b2b4b7; font-size: 21px; margin: 0 0 4px; }
@media screen and (max-width: 440px) { .news-article .heading .type { font-size: 18px; } }
.news-article .heading .title { font-size: 40px; line-height: 1.2; margin: 0 0 12px; }
@media screen and (min-width: 441px) and (max-width: 864px) { .news-article .heading .title { font-size: 36px; } }
@media screen and (max-width: 440px) { .news-article .heading .title { font-size: 30px; } }
.news-article .heading .author { color: #b2b4b7; margin: 0 0 8px; }
@media screen and (min-width: 441px) { .news-article .heading .author { font-size: 18px; } }
.news-article .heading .author span { color: #34393c; }
.news-article .date { color: #b2b4b7; display: block; margin: 0 0 1em; }
@media screen and (max-width: 440px) { .news-article .heading .date { font-size: 14px; } }
.news-article .illustration { width: 100%; }
.news-article .product-banner { font-size: 16px;background-color: #34393c; }
.news-article .share .caption { color: #b2b4b7; font-size: 14px; margin: -10px 0 5px; }
.news-article .share .pluso-more, .news-article .share .pluso-counter { display: none; }

/*----------------------------------------------------- */
/* PRELOADER */
/*----------------------------------------------------- */
.preloader { background: #34393c; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 8888; }
.preloader img { -webkit-animation: 5s loadingAnimation linear infinite forwards; animation: 5s loadingAnimation linear infinite forwards; height: 128px; left: 50%; margin: -64px 0 0 -120px; position: absolute; top: 50%; width: 240px; }

/*----------------------------------------------------- */
/* LOADING ANIMATION */
/*----------------------------------------------------- */
@keyframes loadingAnimation { 0% { opacity: 1; -webkit-transform: scale(0.5); transform: scale(0.5); }
  100% { opacity: 0; -webkit-transform: scale(2); transform: scale(2); } }
@-webkit-keyframes loadingAnimation { 0% { opacity: 1; -webkit-transform: scale(0.5); }
  100% { opacity: 0; -webkit-transform: scale(2); } }
/*----------------------------------------------------- */
/* WARNINGS */
/*----------------------------------------------------- */
#noScriptWarning, #outdatedBrowserWarning { color: white; padding: 12px; position: relative; text-align: center; z-index: 9999; }
#noScriptWarning a, #outdatedBrowserWarning a { color: white; }

#noScriptWarning { background: red; }

#outdatedBrowserWarning { background: orangered; }

.message_send { border: none;border-radius: 1px;font-size: 14px;padding: 15px;margin-bottom: 20px; color: #61a942;background-color: #dff2de;border-color: #ebccd1;}
.message_err {border: none;border-radius: 1px;font-size: 14px;padding: 15px;margin-bottom: 20px; color: #a94442;background-color: #f2dede;border-color: #ebccd1;}
font.errortext { display: block;font-size: 14px;padding: 15px;margin-bottom: 20px;color: #a94442;background-color: #f2dede;border-color: #ebccd1;}
font.notetext { display: block;font-size: 14px;padding: 15px;margin-bottom: 20px; color: #61a942;background-color: #dff2de;border-color: #ebccd1;}
.alert-danger {color: #a94442;background-color: #f2dede;border-color: #ebccd1;}
.alert-success {color: #61a942;background-color: #dff2de;border-color: #ebccd1;}
.alert {border: 0;border-radius: 1px;font-size: 14px;padding: 15px;margin-bottom: 20px;}

/*----------------------------------------------------- */
/* PAGINATION */
/*----------------------------------------------------- */
.pagination { display: inline-block; margin: 24px 0 0; text-align: center; width: 100%; }
@media screen and (max-width: 440px) { .pagination { margin: 14px 0 0; } }
.pagination ul { display: inline-block; list-style: none; margin: 0; padding: 0; }
.pagination li { color: #cbccce; float: left; height: 30px; line-height: 30px; margin-right: 4px; }
.pagination li:last-child { margin-right: 0; }
.pagination li.is-active a, .pagination li.is-active span { background: #0cb28b; border-color: #0cb28b; }
.pagination a, .pagination span { background: #cbccce; border-color: #cbccce; display: block; padding: 0; width: 42px; }

/*----------------------------------------------------- */
/* CAPTCHA_BITRIX */
/*----------------------------------------------------- */
.captcha_bitrix { display: inline-block; width: 100%; margin: 0px 0px 10px 0px; }
.captcha_bitrix img { width: 48%; height: 38px; float: left; margin-right: 2%;  }
.captcha_bitrix .input-field { width: 45%; float: left; }
.captcha_bitrix input {height: 38px !important; width: 50%!important; padding: 0 15px; margin: 0px !important;}

/*----------------------------------------------------- */
/* PROMO BANNERS */
/*----------------------------------------------------- */
.promo-banner-1 { background: #34393c; }
.promo-banner-1 a { display: block; position: relative; }
.promo-banner-1 .fg {border-bottom-left-radius: 5px;border-top-left-radius: 5px;height: 100%;left: 0;position: absolute;top: 0;}
.promo-banner-1 .bg {border-radius: 5px;width: 100%;}

/*----------------------------------------------------- */
/* OTHER */
/*----------------------------------------------------- */
.news-detail .promo-banner-1 {margin: 0 0 30px;}
.news-detail .description_image {border-radius: 5px;float: left;margin-right: 32px;position: relative;width: 282px;}
.news-detail .description_image .photo {background: url(../img/company-description-image.jpg);background-size: contain;border-radius: 5px;}
.news-detail .description_image .photo img {border-radius: 5px;width: 100%;}
.news-detail .description_image .caption {background: -webkit-gradient(linear, left bottom, left top, from(#34393c), to(rgba(0, 0, 0, 0)));background: -webkit-linear-gradient(bottom, #34393c, rgba(0, 0, 0, 0));background: -o-linear-gradient(bottom, #34393c, rgba(0, 0, 0, 0));background: linear-gradient(0deg, #34393c, rgba(0, 0, 0, 0));bottom: 0;color: white;font-size: 20px;left: 0;overflow: hidden;padding: 25px;position: absolute;right: 0;}
.news-detail .description_image .caption span {color: #0cb28b;display: block;font-size: 30px;margin: 0 0 8px;}



/*----------------------------------------------------- */
/* SEARCH POPUP */
/*----------------------------------------------------- */
.search-popup { color: #34393c; left: 0; position: absolute; top: 100%; width: 100%; }

.search-popup__container { background: white; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }

.search-popup__group { border-bottom: 1px solid #ebebeb; padding: 20px 10px 20px 12px; }
@media screen and (max-width: 1288px) { .search-popup__group { border: none; } }
@media screen and (min-width: 865px) { .search-popup__group--long { height: 392px; } }
@media screen and (max-width: 864px) { .search-popup__group--long { padding-bottom: 0; } }
.search-popup__group--short { border: none; height: 210px; padding-bottom: 12px; }
@media screen and (max-width: 1288px) { .search-popup__group--short { height: auto; padding-top: 0; } }

.search-popup__section { float: left; height: 100%; margin-right: 8px; position: relative; }
@media screen and (max-width: 864px) { .search-popup__section { border-top: 1px solid #ebebeb; float: none; margin: 0 2px 0 0; padding: 20px 0; width: auto; } }
.search-popup__section:last-child { margin-right: 2px; }
.search-popup__section::before { background: #ebebeb; bottom: 0; content: ""; display: block; position: absolute; right: 2px; top: 0; width: 1px; }
@media screen and (max-width: 1288px) { .search-popup__section::before { bottom: 20px; top: 20px; } }
@media screen and (min-width: 1289px) { .search-popup__section--1 { width: 206px; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .search-popup__section--1 { width: 174px; } }
@media screen and (max-width: 864px) { .search-popup__section--1 { border: none; padding-top: 0; } }
@media screen and (min-width: 1289px) { .search-popup__section--2 { width: 582px; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .search-popup__section--2 { width: 294px; } }
@media screen and (min-width: 1289px) { .search-popup__section--3 { width: 428px; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .search-popup__section--3 { width: 324px; } }
@media screen and (min-width: 1289px) { .search-popup__section--4 { width: 606px; } }
@media screen and (min-width: 1289px) { .search-popup__section--5 { width: 618px; } }
@media screen and (max-width: 1288px) { .search-popup__section--4, .search-popup__section--5 { border-top: 1px solid #ebebeb; float: none; margin: 0 2px 0 0; padding: 20px 0; } }
@media screen and (max-width: 1288px) { .search-popup__section--4::before, .search-popup__section--5::before { bottom: 20px; top: 20px; } }
@media screen and (max-width: 1288px) { .search-popup__section--5 { padding-bottom: 0; } }
@media screen and (max-width: 1288px) { .search-popup__section--5::before { bottom: 0; } }

.search-popup__section-title { font-size: 14px; line-height: 18px; text-align: center; }

.search-popup__scroller { overflow: hidden; }
.search-popup__scroller--long { max-height: 356px; }
@media screen and (max-width: 440px) { .search-popup__scroller--long { max-height: 174px; } }
.search-popup__scroller--short { max-height: 174px; }
@media screen and (max-width: 440px) { .search-popup__scroller--medium { max-height: 238px; } }
.search-popup__scroller .mCSB_inside > .mCSB_container { margin-right: 14px; }
.search-popup__scroller .mCSB_scrollTools { opacity: 1; width: 6px; }
.search-popup__scroller .mCSB_scrollTools .mCSB_draggerRail { opacity: 0; }
.search-popup__scroller .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #cbccce; border-radius: 6px; width: 6px; }
.search-popup__scroller .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .search-popup__scroller .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: #cbccce; }

.search-popup__vendor { border: 2px solid transparent; float: none; margin: 0 0 8px; padding: 18px; transition: border-color 0.18s, color 0.18s; width: auto; }
@media screen and (min-width: 441px) and (max-width: 864px) { .search-popup__vendor { float: left; margin-right: 8px; width: 174px; } }
.search-popup__vendor:nth-child(even) { margin-right: 0; }
@media screen and (min-width: 441px) and (max-width: 864px) { .search-popup__vendor:nth-last-child(2):nth-child(odd) { margin-bottom: 0; } }
.search-popup__vendor:last-child { margin-bottom: 0; }
.search-popup__vendor:hover { border-color: #0cb28b; box-shadow: none; }
.search-popup__vendor .caption { height: 40px; line-height: 20px; }

.search-popup__product { border: 2px solid #eff1f0; border-radius: 5px; color: #34393c; float: left; display: block; height: 63px; margin: 0 8px 8px 0; padding: 8px; transition: border-color 0.18s, color 0.18s; width: 260px; }
@media screen and (max-width: 1288px) { .search-popup__product { margin-right: 0; } }
@media screen and (max-width: 864px) { .search-popup__product { float: none; width: auto; } }
.search-popup__product:nth-child(even) { margin-right: 0; }
@media screen and (min-width: 1289px) { .search-popup__product:nth-last-child(2):nth-child(odd) { margin-bottom: 0; } }
.search-popup__product:last-child { margin-bottom: 0; }
.search-popup__product:hover { border-color: #0cb28b; color: #b2b4b7; }

.search-popup__product-image { max-height: 100%; max-width: 100%; position: absolute; margin: auto; left: 0; top: 0; bottom: 0; right: 0; }
.search-popup_product-image-container { float: left; width: 65px; height: 65px; margin-right: 15px; position: relative; }
/*.search-popup__product-image { float: left; height: 100%; margin-right: 12px; }*/

.search-popup__product-caption { display: block; line-height: 63px; overflow: hidden; }
.search-popup__product-caption .aligner { line-height: 21px; max-height: 63px; overflow: hidden; }

.search-popup__offer { background: #eff1f0; border: 2px solid #eff1f0; border-radius: 5px; color: #34393c; display: block; line-height: 63px; margin: 0 0 8px; padding: 8px 18px; position: relative; transition: border-color 0.18s; }
@media screen and (max-width: 440px) { .search-popup__offer { height: auto; line-height: normal; padding: 8px; } }
.search-popup__offer:last-child { margin: 0; }
.search-popup__offer:hover { border-color: #0cb28b; }

@media screen and (min-width: 441px) and (max-width: 864px) { .search-popup__offer--wide { padding-right: 118px; } }

.search-popup__offer-caption { font-size: 14px; line-height: 21px; max-height: 63px; overflow: hidden; }
@media screen and (max-width: 440px) { .search-popup__offer-caption { height: 63px; margin: 0 0 8px; } }

.search-popup__offer-prices { bottom: 8px; display: block; line-height: 63px;}
@media screen and (max-width: 440px) { .search-popup__offer-prices { line-height: normal; position: static; text-align: left; } }
@media screen and (min-width: 441px) { .search-popup__offer-prices--narrow { width: 102px; } }
@media screen and (min-width: 865px) { .search-popup__offer-prices--wide { width: 218px; } }
@media screen and (min-width: 441px) and (max-width: 864px) { .search-popup__offer-prices--wide { width: 102px; } }

.search-popup__offer-price { border-radius: 12px; border-bottom-left-radius: 0; color: white; height: 24px; line-height: 24px; margin-right: 12px; padding: 0 9px; text-transform: uppercase; }
@media screen and (min-width: 441px) and (max-width: 864px) { .search-popup__offer-price { margin: 0 0 8px; } }
@media screen and (max-width: 440px) { .search-popup__offer-price { margin-right: 4px; } }
.search-popup__offer-price:last-child { margin: 0; }
.search-popup__offer-price--current { background: #008e87; }
.search-popup__offer-price--new { background: #f77b28; }
.search-popup__offer-price--old { background: #cbccce; text-decoration: line-through; }

.search-popup__article { background: none; float: left; margin: 0 8px 8px 0; padding: 0 10px 12px; width: 278px; }
@media screen and (min-width: 865px) and (max-width: 1288px) { .search-popup__article { width: 373px; } }
@media screen and (max-width: 864px) { .search-popup__article { border-bottom: 1px solid #eff1f0; float: none; margin: 0 0 12px; padding: 0 0 12px; width: auto; } }
.search-popup__article:nth-child(even) { margin-right: 0; }
@media screen and (min-width: 865px) { .search-popup__article:nth-last-child(2):nth-child(odd) { margin-bottom: 0; } }
.search-popup__article:last-child { border: none; margin-bottom: 0; padding-bottom: 0; }
.search-popup__article:hover { box-shadow: none; }
.search-popup__article .category { font-size: 14px; line-height: 18px; margin: 0 0 10px; }
.search-popup__article .category a { color: #b2b4b7; }
.search-popup__article .title { line-height: 20px; height: 100px; margin: 0 0 12px; overflow: hidden; }
@media screen and (max-width: 864px) { .search-popup__article .title { margin: 0 0 26px; } }
.search-popup__article .title a:hover { text-decoration: underline; }
.search-popup__article .title em { color: #0cb28b; font-style: normal; }
.search-popup__article .bottom-panel { position: static; }
.search-popup__article .bottom-panel .info { float: left; }
.search-popup__article .bottom-panel .stats { float: right; }

/*----------------------------------------------------- */
/* SEARCH NEWS */
/*----------------------------------------------------- */
.search-news .article-item { background: white; border-radius: 5px; float: left; font-size: 14px; margin: 0 16px 16px 0; -webkit-transition: box-shadow 0.36s; transition: box-shadow 0.36s; }
.search-news .article-item:hover { box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); }
.search-news .article-item:hover .image img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.search-news .article-item .image { border-top-left-radius: 5px; border-top-right-radius: 5px; display: block; overflow: hidden; }
.search-news .article-item .image img { border-top-left-radius: 5px; border-top-right-radius: 5px; -webkit-transition: transform 0.36s; transition: transform 0.36s; height: 100%; width: 100%; }
.search-news .article-item .text { overflow: hidden; padding: 16px 20px 52px; position: relative; }
@media screen and (max-width: 864px) { .search-news .article-item .text { padding: 16px; } }
.search-news .article-item .type { font-size: 14px; margin: 0 0 16px; }
@media screen and (min-width: 865px) { .search-news .article-item .type { line-height: 20px; } }
.search-news .article-item .type a { color: #b2b4b7; }
.search-news .article-item .title { overflow: hidden; }
.search-news .article-item .title a { color: #34393c; display: inline-block; }
.search-news .article-item .brief { color: #777; overflow: hidden; }
@media screen and (max-width: 864px) { .search-news .article-item .brief { margin: 0 0 16px; } }
.search-news .article-item .brief p { margin: 0; }
.search-news .article-item .bottom-panel { bottom: 16px; color: #b2b4b7; font-size: 12px; left: 20px; position: absolute; right: 20px; }
@media screen and (min-width: 865px) { .search-news .article-item .bottom-panel { line-height: 20px; } }
@media screen and (max-width: 864px) { .search-news .article-item .bottom-panel { position: static; } }
.search-news .article-item .bottom-panel a { color: #b2b4b7; }
.search-news .article-item .info { float: left; }
@media screen and (max-width: 440px) { .search-news .article-item .info { float: none; margin: 0 0 16px; } }
.search-news .article-item .stats { float: right; }
@media screen and (max-width: 440px) { .search-news .article-item .stats { float: none; } }
.search-news .article-item .date { margin-right: 6px; }
.search-news .article-item .date::after { content: "|"; margin-left: 8px; }
.search-news .article-item .date:last-child { margin: 0; }
.search-news .article-item .date:last-child::after { display: none; }
.search-news .article-item .views { margin-right: 24px; }
.search-news .article-item .views:last-child { margin: 0; }
.search-news .article-item .fa-eye, .search-news .article-item .fa-comment-alt { margin-right: 3px; position: relative; top: 1px; }
.search-news .article-item--1 { width: 408px; }
@media screen and (max-width: 864px) { .search-news .article-item--1 { float: none; margin-right: 0; width: auto; } }
@media screen and (min-width: 1289px) { .search-news .article-item--1:nth-child(3n) { margin-right: 0; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .search-news .article-item--1:nth-child(3n) { display: none; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .search-news .article-item--1:nth-child(2n) { margin-right: 0; } }
@media screen and (min-width: 865px) { .search-news .article-item--1 .text { height: 130px; } }
@media screen and (min-width: 865px) { .search-news .article-item--1 .title { line-height: 20px; max-height: 60px; } }
@media screen and (min-width: 865px) { .search-news .article-item--1 .brief { line-height: 18px; max-height: 54px; } }
.search-news .article-item--2 { width: 302px; }
@media screen and (min-width: 1289px) { .search-news .article-item--2 .image { height: 170px; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .search-news .article-item--2 .image { height: 230px; } }
.search-news .article-item--2 .text { padding: 16px 20px; }
@media screen and (max-width: 864px) { .search-news .article-item--2 .text { padding: 16px; } }
@media screen and (min-width: 865px) { .search-news .article-item--2 .title { height: 60px; line-height: 20px; } }
.search-news .article-item--2 .bottom-panel { position: static; }
.search-news .article-item--3 { width: 302px; }
@media screen and (min-width: 1289px) { .search-news .article-item--3 .text { height: 266px; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .search-news .article-item--3 .text { height: 326px; } }
@media screen and (min-width: 865px) { .search-news .article-item--3 .title { line-height: 20px; max-height: 60px; } }
@media screen and (min-width: 1289px) { .search-news .article-item--3 .brief { line-height: 18px; max-height: 144px; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .search-news .article-item--3 .brief { line-height: 18px; max-height: 180px; } }
.search-news .article-item--4 { width: 620px; }
@media screen and (max-width: 1288px) { .search-news .article-item--4 { float: none; margin-right: 0; width: auto; } }
@media screen and (min-width: 1289px) { .search-news .article-item--4 .image { height: 348px; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .search-news .article-item--4 .image { border-bottom-left-radius: 5px; border-top-right-radius: 0; float: left; height: 230px; width: 408px; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .search-news .article-item--4 .image img { border-bottom-left-radius: 5px; border-top-right-radius: 0; } }
@media screen and (min-width: 1289px) { .search-news .article-item--4 .text { height: 268px; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .search-news .article-item--4 .text { height: 162px; } }
@media screen and (min-width: 865px) { .search-news .article-item--4 .title { line-height: 20px; max-height: 60px; } }
@media screen and (min-width: 1289px) { .search-news .article-item--4 .brief { line-height: 18px; max-height: 144px; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .search-news .article-item--4 .brief { line-height: 18px; max-height: 54px; } }
.search-news .article-group { float: left; margin: 0 16px 16px 0; width: 302px; }
.search-news .article-group .article-item { float: none; margin-right: 0; }
.search-news .article-group .article-item:last-child { margin: 0; }
@media screen and (min-width: 1289px) { .search-news .article-group .article-item .text { height: 91px; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .search-news .article-group .article-item .text { height: 121px; } }
@media screen and (min-width: 1289px) { .search-news .article-group .article-item .type { margin: 0 0 12px; } }
@media screen and (min-width: 865px) { .search-news .article-group .article-item .title { line-height: 20px; margin: 0; } }
@media screen and (min-width: 1289px) { .search-news .article-group .article-item .title { max-height: 60px; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .search-news .article-group .article-item .title { max-height: 80px; } }
@media screen and (min-width: 865px) { .search-news .news-line { margin-bottom: -16px; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .search-news .news-line .article-item, .search-news .news-line .article-group { width: 408px; } }
@media screen and (max-width: 864px) { .search-news .news-line .article-item, .search-news .news-line .article-group { float: none; margin-right: 0; width: auto; } }
@media screen and (min-width: 1289px) { .search-news .news-line .article-item:nth-child(4n), .search-news .news-line .article-group:nth-child(4n) { margin-right: 0; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .search-news .news-line .article-item:nth-child(even), .search-news .news-line .article-group:nth-child(even) { margin-right: 0; } }
@media screen and (max-width: 864px) { .search-news .news-line .article-item:last-child, .search-news .news-line .article-group:last-child { margin: 0; } }

/*----------------------------------------------------- */
/* SEARCH OFFERS */
/*----------------------------------------------------- */
.search-offer { background: white; border-radius: 5px; float: left; margin: 0 16px 16px 0; padding: 20px; transition: background 0.18s, color 0.18s; width: 580px; }
@media screen and (min-width: 865px) and (max-width: 1288px) { .search-offer { width: 368px; } }
@media screen and (max-width: 864px) { .search-offer { float: none; margin-right: 0; width: auto; } }
@media screen and (max-width: 440px) { .search-offer { padding: 14px; } }
.search-offer:nth-child(even) { margin-right: 0; }
@media screen and (min-width: 865px) { .search-offer:nth-last-child(2):nth-child(odd) { margin-bottom: 0; } }
.search-offer:last-child { margin-bottom: 0; }

.search-offer_image { background: white; border-radius: 5px; display: block; text-align: center; }
@media screen and (min-width: 1289px) { .search-offer_image { float: left; height: 142px; line-height: 142px; margin-right: 16px; width: 138px; } }
@media screen and (min-width: 441px) and (max-width: 1288px) { .search-offer_image { margin-bottom: 20px; } }
@media screen and (max-width: 440px) { .search-offer_image { margin: 0 0 16px; padding: 16px; } }
.search-offer_image img { max-height: 100%; max-width: 100%; }

.search-offer_info { overflow: hidden; }
.search-offer_info .title { font-size: 18px; font-weight: normal; margin: 0 0 8px; }
@media screen and (min-width: 441px) { .search-offer_info .title { height: 44px; line-height: 44px; overflow: hidden; } }
.search-offer_info .title a { color: #34393c; }
@media screen and (min-width: 441px) { .search-offer_info .title a { display: inline-block; line-height: 22px; vertical-align: bottom; } }
.search-offer_info .title a:hover { text-decoration: underline; }
.search-offer_info .type { color: #b2b4b7; font-size: 14px; line-height: 18px; margin: 0 0 12px; overflow: hidden; }
.search-offer_info .rating { height: 16px; line-height: 16px; margin: 0 0 14px; }
.search-offer_info .rating:last-child { margin: 0; }
.search-offer_info .rating .star { color: #cbccce; display: inline-block; }
.search-offer_info .rating .star.is-active { color: #ffc600; }
.search-offer_info .price { float: left; margin-left: 10px; }
.search-offer_info .price:first-child { margin-left: 0; }
@media screen and (max-width: 440px) { .search-offer_info .price { margin-bottom: 12px; } }
.search-offer_info .price span { border-radius: 15px; border-bottom-left-radius: 0; color: white; display: inline-block; font-size: 21px; font-weight: normal; height: 34px; line-height: 34px; padding: 0 12px; }
.search-offer_info .price small { font-size: 18px; }
.search-offer_info .price--current span { background: #0cb28b; }
.search-offer_info .price--new span { background: #f77b28; }
.search-offer_info .price--old span { background: #cbccce; text-decoration: line-through; }
.search-offer_info .buy { float: right; padding: 0; width: 120px; }
@media screen and (max-width: 440px) { .search-offer_info .buy { clear: both; float: none; width: 100%; } }
.catalog-item {
    background: white;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #34393c;
    display: block;
    float: left;
    font-weight: normal;
    margin: 0 16px 16px 0;
    padding: 20px;
    position: relative;
    text-align: center;
    -webkit-transition: color 0.18s, -webkit-box-shadow 0.18s;
    transition: color 0.18s, -webkit-box-shadow 0.18s;
    -o-transition: box-shadow 0.18s, color 0.18s;
    transition: box-shadow 0.18s, color 0.18s;
    transition: box-shadow 0.18s, color 0.18s, -webkit-box-shadow 0.18s;
    width: 196px;
}

.catalog-item .image {
    display: block;
    height: 78px;
    line-height: 78px;
    margin: 0 0 16px;

}

.share{
      margin-top: 40px;
}

/*----------------------------------------------------- */
/* MEDIA PRINT */
/*----------------------------------------------------- */
@media print {
    .page-container { width: 100%; }
    .header, .footer, .news-filter, .breadcrumbs, iframe { display: none; }
}

/*----------------------------------------------------- */
/* TEG */
/*----------------------------------------------------- */
.tag-list { float: right; }
@media screen and (max-width: 864px) { .tag-list { float: none; } }
.tag-list .button-teg { background: #0cb28b; border: 1px solid #0cb28b; color: white; margin: 0px 0px 10px 10px; border-radius: 22px; height: 36px; line-height: 33px; }
@media screen and (max-width: 864px) { .tag-list .button-teg { display: flex; margin: 5px 0px; } }
.tag-list .button-teg:hover { background: #41ba88; -webkit-box-shadow: 0 6px 12px 0 rgba(65, 186, 136, 0.3); box-shadow: 0 6px 12px 0 rgba(65, 186, 136, 0.3); }

/*----------------------------------------------------- */
/* IFRAME */
/*----------------------------------------------------- */
@media screen and (max-width: 864px) { .iframe-global { display: flex; } }
.iframe-text { display: none; }
@media screen and (max-width: 864px) { .iframe-text { color: #b2b4b7; float: left; display: block; word-wrap: break-word; width: 7ch; line-height: 1; margin-right: 5px; font-weight: bold; font-size: 16px;} }
@media screen and (max-width: 427px) { .iframe-text { width: 1ch; margin-right: 10px;} }
@media screen and (max-width: 372px) { .iframe-text { margin-bottom: 5px; width: 7ch;} }

@media screen and (max-width: 864px) { iframe {float: none !important; display: block;} }

@media screen and (max-width: 440px) {
    .size_autox230 { height: 170px; }
}

@media screen and (max-width: 360px) {
    .size_autox230 { height: 150px; }
    .article-item--4 .size_autox348 { height: 150px; }
    .article-item--2 .size_autox170 { height: 150px; }
}

/*----------------------------------------------------- */
/* COOKIE WARNING */
/*----------------------------------------------------- */
.cookie-warning { background: #eff1f1; border-top: 1px solid #cbccce; bottom: 0; left: 0; padding: 15px 0; position: fixed; right: 0; z-index: 7777; }
.cookie-warning .brief { margin: 0 0 15px; }
.cookie-warning .button { float: left; margin-right: 10px; }
.cookie-warning .button:last-child { margin-right: 0; }
.cookie-warning .button--1 { border: 1px solid #0cb28b; color: #0cb28b; }
@media screen and (max-width: 440px) {.cookie-warning .button--1 { margin-top: 15px;}}
.cookie-warning .button--1:hover { color: white; }


div.beono-flashmessage{
	background: #0cb28b !important;
    border-color: #0cb28b !important;
    color: white;
}

div.beono-flashmessage a{
    color: white;
}

/*----------------------------------------------------- */
/* EXPERT LINK */
/*----------------------------------------------------- */
@media screen and (min-width: 1871px) {
    .expert-block {
        display: flex;
        justify-content: space-between;
    }
    .expert-left-part {
        display: flex;
        flex-basis:1;
    }
    .expert-right-part {
        display: flex;
        flex-basis:3;
        justify-content: end;
        align-items: end;
    }
    .expert-photo {
        min-width:70px;
        border-radius:7px;
    }
    .expert-description {
        flex-direction: column;
        margin-left:15px;
        display: flex;
        justify-content: center;
    }
    .expert-logo {
        display: flex;
        margin-right:10px;
    }
}
@media screen and (min-width: 1445px) and (max-width: 1870px) {
    .expert-left-part {
        display: flex;
        flex-direction: row;
    }
    .expert-photo {
        min-width:70px;
        border-radius:7px;
    }
    .expert-logo {
        display: flex;
        margin-right:10px;
    }
    .expert-description {
        flex-direction: column;
        margin-left:15px;
        display: flex;
        justify-content: center;
    }
    .expert-right-part {
        display: flex;
        justify-content: space-between;
        align-items: end;
        margin-top: 20px;
    }
}
@media screen and (min-width: 441px) and (max-width: 1444px) {
    .expert-left-part {
        display: flex;
        flex-direction: row;
    }
    .expert-photo {
        min-width:70px;
        border-radius:7px;
    }
    .expert-logo {
        display: flex;
        margin-right:10px;
    }
    .expert-description {
        flex-direction: column;
        margin-left:15px;
        display: flex;
        justify-content: center;
    }
    .expert-right-part {
        display: inline-block;
        justify-content: space-between;
        align-items: end;
        margin-top: 20px;
    }
    .expert-button {
        margin-top: 20px;
    }
}
@media screen and (min-width: 441px) and (max-width: 668px) {
    .expert-right-part {
        display: inline-block;
        justify-content: space-between;
        align-items: end;
        margin-top: 20px;
        width:100%;
    }
}

.flag-icon-background {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
}
.flag-icon {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 1.33333333em;
    line-height: 1em;
}
.flag-icon:before {
    content: "\00a0";
}
.flag-icon.flag-icon-squared {
    width: 1em;
}
.flag-icon-ru {
    background-image: url(../img/4x3_ru.svg);
  }
  .flag-icon-ru.flag-icon-squared {
    background-image: url(../img/1x1_ru.svg);
  }


.otech-po-button{
    padding: 0 10px !important;
    color: #fff !important;
    margin-right: 11px !important;
}

/*----------------------------------------*/
/* 26.05.2022 EXPERT BLOCK FIX */
/*----------------------------------------*/
.expert-block .expert-button {
    overflow: hidden;
    line-height: 81px;
}
.expert-block .expert-logo > span {
    background-size: contain;
    height: 60px;
    margin-bottom: 10px;
    width: 250px;
}
@media screen and (max-width: 1870px) {
    .expert-block .expert-logo > span {
        margin-bottom: 0;
    }
}
@media screen and (max-width: 1444px) {
    .expert-block .expert-button > a {
        margin: 0;
    }
}

.samord-tippy-init {
    background: #f2f2f2;
}