@font-face {
  font-family: TMSans;
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/TMSans-Regular.eot?b2396ce6757db9cf9fa65002cbd24a21?#iefix) format("embedded-opentype"),
       url(/assets/fonts/TMSans-Regular.woff?ac0ba247f27b68ca1063e7af9d90dbbd) format("woff"),
       url(/assets/fonts/TMSans-Regular.ttf?60fdd911ec87fac82bc1bc867c132dc7) format("truetype"),
       url(/assets/fonts/TMSans-Regular.svg?da7b3b9d4aa5fbc02cc9ca06819de265#TMSans-Regular) format("svg");
}

@font-face {
  font-family: TMSans;
  font-style: normal;
  font-weight: 700;
  src: url(/assets/fonts/TMSans-Bold.eot?32cc918b84d0a941fb3ae33adb2188a0?#iefix) format("embedded-opentype"),
       url(/assets/fonts/TMSans-Bold.woff?0f3c3d64168f36f570978cd4155d4dab) format("woff"),
       url(/assets/fonts/TMSans-Bold.ttf?8c0e77caa9063153b8adbd972c593365) format("truetype"),
       url(/assets/fonts/TMSans-Bold.svg?206dd4a9d2d8203fd898c4d17e5a7360#TMSans-Bold) format("svg");
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-family: sans-serif;
  scroll-behavior: smooth; /* Плавная прокрутка */
}

body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  background: #f8f9fa; /* Чуть мягче фон для контраста с карточками */
  font-family: Helvetica, Arial, sans-serif;
  font-size: 100%;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: static;
}

* {
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
}

progress, sub, sup { vertical-align: baseline; }
button, hr, input { overflow: visible; }
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
iframe, object { border: 0; min-width: 100%; width: 100%; }

a {
  -webkit-text-decoration-skip: objects;
  background-color: transparent;
  text-decoration: none;
  transition: color 0.2s ease;
}

a:active, a:hover { outline-width: 0; }
abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; }
b, strong { font-weight: bolder; }
dfn { font-style: italic; }
h1 { font-size: 2em; margin: .67em 0; }
mark { background-color: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sub { bottom: -.25em; }
sup { top: -.5em; }
img { border-style: none; }
svg:not(:root) { overflow: hidden; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
figure { margin: 1em 40px; }
hr { box-sizing: content-box; height: 0; }
button, input, select, textarea { font: inherit; margin: 0; }
optgroup { font-weight: 700; }
button, select { text-transform: none; }

[type=reset], [type=submit], button, html [type=button] { -webkit-appearance: button; }
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0; }
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: 1px dotted ButtonText; }
fieldset { border: 0; margin: 0 2px; padding: .35em .625em .75em; }
legend { color: inherit; display: table; max-width: 100%; white-space: normal; }
[type=checkbox], [type=radio], legend { box-sizing: border-box; padding: 0; }
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; }
[type=search] { -webkit-appearance: textfield; outline-offset: -2px; }
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-input-placeholder { color: inherit; opacity: .54; }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }

.mt20 { margin-top: 20px !important; }
.mb20 { margin-bottom: 20px !important; }
.mt10 { margin-top: 10px !important; }
.mb10px { margin-bottom: 10px !important; }

@-webkit-keyframes slideUpAnimation { 0% { bottom: -60px; } to { bottom: 0; } }
@keyframes slideUpAnimation { 0% { bottom: -60px; } to { bottom: 0; } }
@keyframes rotate { to { transform: rotate(1turn); } }
@-webkit-keyframes rotate { to { -webkit-transform: rotate(1turn); } }
@keyframes dash { 0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35; } to { stroke-dasharray: 90, 150; stroke-dashoffset: -124; } }
@-webkit-keyframes dash { 0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35; } to { stroke-dasharray: 90, 150; stroke-dashoffset: -124; } }

.visible { display: block; }
.hide { display: none; }
.left { float: left; }
.right { float: right; }
.is-visible { display: block !important; }
.is-hide { display: none; }

.clear:after, .clear:before, .clearfix:after, .clearfix:before { content: " "; display: table; }
.visible-mobile, .visible-phone { display: none !important; }

.clear:after, .clear:before, .clearfix:after, .clearfix:before, .container:after, .content-header__container:after, .content-header__container__right__social__share__item:after, .font-dropdown:after, .header__appbar--left__menu__list:after, .header__searchbar__container:after, .header__tabbar:after, .headline__wrapper:after, .notification-dropdown--top:after, .notification-dropdown__body:after, .share-dropdown .dropdown-container__item:after { clear: both; }

*, .card, .content-card, .sidebar-video { box-sizing: border-box; }

.lazyload { opacity: 0; }
@-webkit-keyframes animateLazyLoad { 0% { opacity: 0; } to { opacity: 1; } }
@keyframes animateLazyLoad { 0% { opacity: 0; } to { opacity: 1; } }
.lazyloaded {
  -webkit-animation-duration: .7s;
  animation-duration: .7s;
  -webkit-animation-name: animateLazyLoad;
  animation-name: animateLazyLoad;
  opacity: 1;
}

.ads-300x250-center { height: 250px; margin: 0 auto; width: 300px; }
.ads-300x250-content { float: left; height: 250px; margin-bottom: 16px; margin-right: 16px; width: 300px; }
.ads-728x90-content-bottom { height: 90px; margin: 30px auto 0; width: 728px; }
.ads-300x250-sidebar { display: block; position: relative; }

.container:after, .container:before { content: ""; display: table; }
.buzz-container { padding-top: 60px; }
.global-container { padding: 0; }

.mode-add {
  background: url(/assets/images/bggray.png?b24645598b07ff1a908d50d892cf5c0d) !important;
  background-attachment: fixed;
}
.mode-add .add-container {
  background-color: #fff;
  box-shadow: 0 -4px 15px rgba(0,0,0,.1);
  padding-top: 0 !important;
  border-radius: 12px 12px 0 0;
}
.mode-add .content { border-right: 1px solid #e3e3e3; width: 860px; }

.container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  position: relative;
}

.content {
  display: block;
  float: left;
  height: auto;
  padding-bottom: 30px;
  position: relative;
  width: 880px;
  border-radius: 12px; /* Скругление основного контента */
  background: #fff;
}

.sidebar, .sidebar--fixed {
  height: auto;
  position: relative;
  width: 300px;
  border-radius: 12px; /* Скругление сайдбара */
  background: #fff;
}

.sidebar {
  display: block;
  float: left !important;
  margin-left: 20px;
  z-index: 0;
  box-shadow: 0 4px 12px rgba(0,0,0,0.03);
}

.sidebar--fixed { margin-bottom: 20px !important; }

.content-header, .header {
  box-shadow: 0 4px 12px rgba(0,0,0,.08); /* Более мягкая тень */
}

.hide-web { display: none !important; }
.show-web { display: block !important; }

@media (max-width: 1199px) and (min-width: 1048px) {
  .content { width: 716px !important; }
  .container { width: 1048px; }
}

@media (max-width: 1047px) {
  .buzz-container { padding-top: 64px !important; width: 100% !important; }
  .hide-mobile { display: none !important; }
  .visible-mobile { display: inline-block !important; }
  .container { padding: 0 16px; }
  .content, .content-timeline, .content-timeline_right, .sidebar {
    border: 0 !important; margin: 0 !important; width: 100% !important;
    border-radius: 0; /* На мобильных убираем скругление по краям экрана */
  }
}

@media (min-width: 320px) and (max-width: 767px) {
  .hide-phone { display: none !important; }
  .visible-phone { display: block !important; }
  .ads-300x250-content { float: none !important; margin: 0 auto 16px !important; }
}

@media (max-width: 767px) {
  .visiblesidebar-onmobile .sidebar--fixed { position: relative !important; width: 100% !important; }
}

.ads { display: block; overflow: hidden; }
.overlay, body.drawer-active { height: 100%; position: fixed; width: 100%; }
.overlay {
  background: rgba(0,0,0,.6);
  bottom: 0; cursor: pointer; left: 0; overflow: hidden !important; right: 0; top: 0; z-index: 998;
  backdrop-filter: blur(2px); /* Современное размытие фона */
}

.back-to-top, .content-spinner, .content-spinner_right, .ie7 .spinner-container, .ie7 .spinner-container .path, .ie8 .spinner-container, .ie8 .spinner-container .path, .ie9 .spinner-container, .ie9 .spinner-container .path, .overlay { display: none; }

.content-spinner, .content-spinner_right {
  align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center;
  margin: 20px 0; padding: 20px 0; position: relative; -webkit-user-select: none; width: 100%; z-index: 98;
}

.spinner-container {
  -webkit-animation: rotate 2s linear infinite; animation: rotate 2s linear infinite;
  left: 50%; margin-left: -22px; position: absolute; top: 0; z-index: 124;
}
.spinner-container .path {
  stroke-dasharray: 1, 150; stroke-dashoffset: 0; stroke: #f44336 !important; stroke-linecap: round;
  -webkit-animation: dash 1.5s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite;
}

.header, .header__searchbar { -webkit-transition: all .3s; width: 100%; }
.header {
  background: #fff;
  box-shadow: 0 2px 10px rgba(0,0,0,.08);
  height: 60px; left: 0; max-height: 115px; position: fixed; top: 0;
  -khtml-transform: translateY(0); transform: translateY(0); transition: all .3s; z-index: 99;
}

.header__searchbar__container:after, .header__searchbar__container:before { content: ""; display: table; }
.header.is-passive { -khtml-transform: translateY(-114px) translateZ(0); transform: translateY(-114px) translateZ(0); }
.header.is-active-searchbar { -khtml-transform: translateY(60px) translateZ(0); transform: translateY(60px) translateZ(0); }
.header.is-active-tabbar { -khtml-transform: translateY(-60px) translateZ(0); transform: translateY(-60px) translateZ(0); }

.header__searchbar {
  background: #fff; color: #252525; height: 58px; margin-top: -60px; position: fixed; transition: all .3s; z-index: 9;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}
.header__searchbar.is-active { margin-top: 0; }

.header__searchbar__container { margin-left: auto; margin-right: auto; max-width: 1200px; min-height: 58px; padding: 0; position: relative; }

.header__searchbar__container__input {
  background-clip: padding-box; background-color: #f5f7fa; border: 1px solid transparent;
  border-radius: 30px; /* Современная форма "пилюли" */
  color: #000; font-size: 1.25em; font-style: normal; font-weight: 400; height: 40px; line-height: normal;
  margin: 12px 0; outline: 0; padding-right: 24px; padding-left: 20px;
  transition: all .3s; width: calc(100% - 37px);
}
.header__searchbar__container__input:focus {
  background-color: #fff;
  border-color: #00adee;
  box-shadow: 0 0 0 3px rgba(0, 173, 238, 0.15);
}

.header__appbar, .header__tabbar { -webkit-transition: all .2s ease-out; }
.header__searchbar__container__input::-webkit-input-placeholder { color: #999; }
.header__searchbar__container__input:-moz-placeholder, .header__searchbar__container__input::-moz-placeholder { color: #999; opacity: 1; }
.header__searchbar__container__input:-ms-input-placeholder { color: #999; }
.header__searchbar__container__input:-moz-placeholder-shown { color: #999; }
.header__searchbar__container__input:placeholder-shown { color: #999; }

.header__searchbar__container__close {
  bottom: auto; color: #333; cursor: pointer; left: auto; position: absolute !important; right: 0;
  top: calc(50% - 18px); z-index: 1; transition: color 0.2s;
}
.header__searchbar__container__close:hover { color: #f44336; }

.header__appbar {
  border-top: 3px solid #00558a; height: 58px; position: relative; transition: all .2s ease-out; width: 100%; z-index: 8;
}
.header__appbar.is-passive { margin-top: -60px; }
.header__appbar--left { float: left; }

.header__appbar--left__nav {
  bottom: auto; color: #000; cursor: pointer; display: none; float: left; font-size: 1.625em; font-style: normal;
  font-weight: 700; left: 0; line-height: 0; margin: 20px 0 20px 40px; max-height: 58px; overflow: hidden;
  position: relative; right: auto; text-align: center; top: 0; z-index: 4;
}

.header__appbar--left__logo, .header__appbar--left__menu { bottom: auto; float: left; left: auto; right: auto; top: auto; z-index: 1; }
.header__appbar--left__menu__list__item__badge, .header__appbar--left__menu__list__item a, .header__appbar--right__notice .count { font-family: TMSans; font-style: normal; line-height: normal; }

.header__appbar--left__logo { display: block; height: 58px; position: relative; width: 122px; }
.header__appbar--left__logo img { bottom: 0; margin: auto; max-width: 102px; position: absolute; top: 0; border-radius: 12px; }
.header__appbar--left__logo a { height: 100%; vertical-align: middle; width: 142px; }
.header__appbar--left__menu { display: block; height: 58px; width: auto; }
.header__appbar--left__menu__list { display: inline-block; height: 100%; list-style: none; margin: 0; padding: 0; width: auto; }
.header__appbar--left__menu__list:after, .header__appbar--left__menu__list:before { content: ""; display: table; }
.header__appbar--left__menu__list__item { float: left; height: 100%; position: relative; }
.header__appbar--left__menu__list__item--disabled { opacity: .6; }
.header__appbar--left__menu__list__item--disabled a { pointer-events: none; }

.header__appbar--left__menu__list__item > a {
  align-items: center; color: rgba(0,0,0,.7); cursor: pointer; display: flex; font-family: TMSans;
  font-size: .9975em; font-style: normal; font-weight: 700; height: 58px; letter-spacing: 0; line-height: normal;
  padding: 0 15px; text-decoration: none; text-transform: uppercase; transition: all .3s;
  border-radius: 6px; margin: 4px 0;
}
.header__appbar--left__menu__list__item > a > i { font-size: 20px; }
.header__appbar--left__menu__list__item > a > .menu-icon { display: inline-flex; margin-right: 5px; }
.header__appbar--left__menu__list__item > a:hover {
  background-color: rgba(0,0,0,0.05);
  color: #000;
}

.category-dropdown-button.is-active { -ms-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important; }

.category-dropdown {
  border: 1px solid #e1e0e0; margin-left: -324px; padding: 0 !important; width: 700px !important;
  border-radius: 12px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}
.category-dropdown:after, .category-dropdown:before {
  border: solid transparent; bottom: 100%; content: " "; height: 0; left: 50%; pointer-events: none; position: absolute; width: 0;
}
.category-dropdown:after { border-color: rgba(136,183,213,0) rgba(136,183,213,0) #fff; border-width: 10px; margin-left: -10px; }
.category-dropdown:before { border-color: rgba(194,225,245,0) rgba(194,225,245,0) #c8c8c8; border-width: 11px; margin-left: -11px; }

.category-dropdown_sec { padding: 10px; }
.category-dropdown_sec.sec_cat1 { padding: 15px 10px 10px 30px; }
.category-dropdown_sec .category-dropdown_community { float: left; width: 250px; }
.category-dropdown_sec .category-dropdown_community .community_title { font-size: 1.05em; font-weight: 600; line-height: 1.8em; }
.category-dropdown_sec .category-dropdown_community .community_desc { font-size: .8em; font-weight: 400; line-height: 1.1em; }
.category-dropdown_sec .category-dropdown_community .community_desc a { color: #00558a; }
.category-dropdown_sec.sec_cat2 { border-bottom: 2px solid #efefef; border-top: 1px solid #f5f5f5; padding: 10px; }
.category-dropdown_sec.sec_cat2 .dropdown-container__item { float: left; font-size: 1.1em; font-weight: 600; width: 25%; }
.category-dropdown_sec.sec_cat2 .dropdown-container__item a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.category-dropdown_sec.sec_cat3 { background-color: #f4f4f4 !important; padding: 20px 25px; }

.reaction-emojis { float: right; }
.reaction-emojis a img { transition: all .4s ease; }
.reaction-emojis a img:hover { transform: translateY(-6px); }
.reaction-emojis a .reaction_name { color: #999; font-size: 12px; font-weight: 400; margin-top: 5px; }
.reaction-emojis a:hover .reaction_name { font-weight: 700; }
.reaction-emojis a.selected {
  background: #f1f1f1; border: 1px solid #ccc; border-radius: 12px; padding: 10px 15px !important; position: relative;
}
.reaction-emojis a.selected:after, .reaction-emojis a.selected:before {
  border: solid transparent; content: " "; height: 0; left: 50%; pointer-events: none; position: absolute; top: 100%; width: 0;
}
.reaction-emojis a.selected:after { border-color: #efefef rgba(136,183,213,0) rgba(136,183,213,0); border-width: 10px; margin-left: -10px; }
.reaction-emojis a.selected:before { border-color: #cac9c9 rgba(194,225,245,0) rgba(194,225,245,0); border-width: 11px; margin-left: -11px; }

.header__appbar--left__menu__list__item > a.is-active, .header__appbar--left__menu__list__item > a:focus {
  -ms-box-shadow: inset 0 -2px 0 0 #00558a; -o-box-shadow: inset 0 -2px 0 0 #00558a; box-shadow: inset 0 -2px 0 0 #00558a; color: #000;
}

.header__appbar--left__menu__list__item__title { display: block; position: relative; }
.header__appbar--left__menu__list__item__badge {
  background-clip: padding-box; background-color: rgba(244, 67, 54, 0.9); border-radius: 14px; color: #fff;
  display: block; font-size: .625em; font-weight: 500; padding: 2px 9px; position: absolute; right: -8px; text-align: center; top: 8px; z-index: 10;
}

.header__appbar--right { align-items: center; display: block; display: flex; float: right; height: 58px; padding-right: 0; width: auto; }
.header__appbar--right__notice, .header__appbar--right__search { bottom: auto; color: #000; display: inline-block; left: auto; position: relative; right: auto; top: auto; z-index: 1; }
.header__appbar--right .material-button:hover { background-color: rgba(0,0,0,.05) !important; }
.header__appbar--right__settings { bottom: auto; color: #fff; display: inline-block; left: auto; margin: 0 0 0 5px; position: relative; right: auto; top: auto; z-index: 1; }

@media (max-width: 1047px) {
  .header.is-passive { top: -70px; }
  .header__searchbar__container { padding: 0 16px; }
  .header__searchbar__container__close { right: 4px !important; }
  .header__appbar.is-passive { margin-top: -60px; }
  .header__appbar--left__nav { margin: 18px 10px 18px 0; }
  .header__appbar--right { padding-right: 0; }
  .header__appbar--right__settings { margin: 15px 0 15px 4px; }
  .announcement { margin-top: 60px; }
  .announcement__close { right: 16px; }
}

.drawer {
  background-color: #fafafa;
  box-shadow: 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12), 0 5px 5px -3px rgba(0,0,0,.4);
  color: #455a64; height: 100%; left: -320px; overflow-x: auto; position: fixed; top: 0; transition: all .2s; width: 300px; z-index: 999;
  border-radius: 0 12px 12px 0;
}
.drawer__menu__item--active a, .drawer__menu__item:hover a { background-color: #eee; border-radius: 0 24px 24px 0; }
.drawer__header { border-bottom: 1px solid #cfd8dc; display: block; height: 61px; padding: 0 20px; position: relative; width: 100%; }
.drawer__header__logo { display: block; float: left; margin: 5px 0; width: 100px; }
.drawer__header__logo img { width: 100px; }
.drawer__header__close { color: #455a64; cursor: pointer; float: right; line-height: 0; padding: 20px 0; border-radius: 50%; transition: background 0.2s; }
.drawer__header__close:hover { background: rgba(0,0,0,0.05); }
.drawer__menu { display: block; margin: 0; padding: 0; width: 100%; }
.drawer__menu__item { display: block; font-size: 14px; font-weight: 500; position: relative; width: 100%; }
.drawer__menu__item__icon { font-size: 18px; }
.drawer__menu__item__icon, .drawer__menu__item__title { display: table-cell; height: 50px; line-height: 0; vertical-align: middle; }
.drawer__menu__item--active .drawer__menu__item__icon { color: #f44336; }
.drawer__menu__item--disable { opacity: .5; }
.drawer__menu__item--disable .drawer__menu__item__icon { color: #455a64 !important; }
.drawer__menu__item--disable a { background-color: transparent !important; color: #455a64 !important; pointer-events: none; }
.drawer__menu__item--border { border-top: 1px solid #cfd8dc; margin-bottom: 10px; margin-top: 10px; }
.drawer__menu__item__title { padding-left: 35px; }
.drawer__menu__item__link {
  color: #455a64; display: block; height: 50px; line-height: 50px; margin-top: 10px; opacity: .85; overflow: hidden;
  padding-left: 20px; position: relative; text-decoration: none; transition: all .3s; border-radius: 0 24px 24px 0;
}
.drawer__menu__item:last-child { margin-bottom: 10px; }
.drawer-active .drawer { display: block; left: 0; }
.drawer-active .overlay { background-color: rgba(0,0,0,.5); visibility: visible; }
.drawer-active .overlay, .header { display: block; }
body.drawer-active { overflow-y: scroll; }

.content-mosts, .content-mosts__navigation { display: block; position: relative; width: 100%; }
.footer-site-logo { float: left; margin-right: 20px; width: 50px; }
.footer-left { float: left; width: 450px; }
.footer-menu { margin: 0 !important; padding: 0 !important; }
.footer-menu ul { list-style: none; margin: 0; padding: 0; }
.footer-menu a { color: #222; float: left; font-size: 1em !important; font-weight: 500; line-height: 1.3 !important; margin-right: 12px; }
.footer-menu a:hover { color: #000; }
.footer-copyright { color: #999; font-size: .91em !important; font-weight: 400; line-height: 1.3 !important; padding-top: 10px; }

.language-links { float: right; margin-top: 6px; position: relative; }
.language-links .button {
  background: #e6e6e6; border: 1px solid #cbcbcb; border-radius: 8px; box-shadow: inset 0 1px 1px #fff;
  color: #07e; display: inline-block; float: left; font-size: 16px; padding: 4px 11px !important; position: relative; transition: all 0.2s;
}
.language-links .button:hover { background: #dcdcdc; }
.language-links .button i { font-size: 16px; margin-right: 9px; }
.language-links .sub-nav { display: none; position: absolute; }
.language-links:hover .sub-nav {
  background: #fff; border-radius: 8px; bottom: auto; box-shadow: 0 4px 15px rgba(0,0,0,0.1);
  box-sizing: content-box; display: block; margin-right: 3px; max-height: 250px; overflow-x: auto; padding: 10px; right: 0; top: 25px; z-index: 999;
}
.language-links:hover .sub-nav li { display: block; min-width: 83px; text-align: left; width: 100%; }
.language-links:hover .sub-nav li a { color: #999; line-height: 1.9em; border-radius: 4px; padding: 4px 8px; display: block; }
.language-links:hover .sub-nav li a:hover { background: #f5f5f5; color: #000; }
.language-links:hover .sub-nav:before { display: none; }

.footer-bottom { border-top: 1px solid #e6e6e6; padding: 30px 0 !important; }
.footer-bottom .container { align-items: center; background-color: transparent; display: flex; }
.footer-bottom .footer-site-logo { width: 60px; }
.footer-bottom .language-links { margin-left: auto; position: relative; }
.footer-bottom .language-links:hover .sub-nav { border-radius: 8px; bottom: 12px; display: block; margin-left: 32px; padding: 10px; top: auto; z-index: 999; }
.footer-bottom .language-links:hover .sub-nav:before { display: none; }

@media (max-width: 767px) {
  .footer-bottom .container { background-color: transparent; display: flex; flex-direction: column; flex-wrap: wrap; text-align: center; }
  .footer-bottom .container .footer-site-logo { margin: 0; }
  .footer-bottom .container .footer-menu { margin-top: 10px; }
  .footer-bottom .container .footer-menu li { float: left; }
  .footer-bottom .container .footer-menu a { display: inline-block; float: none; margin: 0 7px; padding: 7px 0; }
  .footer-bottom .container .language-links { float: none; margin: 20px 0 0; }
  .footer-bottom .footer-left { float: none; width: 100%; }
}

.global-title { color: #ff5722 !important; font-family: TMSans !important; font-size: 1.375em !important; font-weight: 700 !important; }
.sidebar-title { display: block; margin-top: 32px; text-decoration: none; }
.sidebar-trend { counter-reset: li-counter; list-style-type: none; }
.sidebar-trend, .sidebar-trend__item, .sidebar-trend__item__body { display: block; position: relative; }
.sidebar-trend__item--bottom { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#00000000",GradientType=0); }
.sidebar-trend__item__title { font-family: Roboto; }
.sidebar-mosts__item:before, .sidebar-mosts__item__view__count, .sidebar-title { font-family: inherit; font-style: normal; }

.sidebar-title { color: #333; font-size: 1.125em; font-weight: 500; line-height: normal; margin-bottom: 10px; }
.sidebar-title__fobito { color: #00bcd4; font-weight: 700; }
.sidebar-block { margin-top: 20px; }
.sidebar-block:first-child { margin-top: 0; }
.sidebar-trend { height: auto; margin: 0; padding: 0; width: 100%; }

.sidebar-trend__item {
  height: auto; margin-bottom: 1px; max-height: 170px; overflow: hidden; width: 100%;
  border-radius: 12px; /* Скругление элемента тренда */
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.sidebar-trend__item:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}
.sidebar-trend__item:last-child { margin-bottom: 0; }
.sidebar-trend__item:hover .sidebar-trend__item--bottom { padding-top: 100px; }
.sidebar-trend__item__link { color: #fff; text-decoration: none; }
.sidebar-trend__item__body { height: auto; line-height: 0; margin: 0; padding: 0; width: 100%; }
.sidebar-trend__item__image { height: auto; max-height: 170px; width: 100%; }
.sidebar-trend__item__caption { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.sidebar-trend__item--bottom {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLW9wYWNpdHk9IjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3Atb3BhY2l0eT0iLjY1Ii8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBmaWxsPSJ1cmwoI2EpIiBkPSJNMCAwaDF2MUgweiIvPjwvc3ZnPg==);
  background: linear-gradient(180deg,transparent,#000);
  bottom: 0; display: block; left: 0; padding: 30px 10px 15px; position: absolute; transition: all .3s; width: 100%;
  border-radius: 0 0 12px 12px;
}

.sidebar-trend__item__icon { display: table-cell; height: 32px; vertical-align: middle; width: 32px; }
.sidebar-trend__item__icon i.material-icons { font-size: 32px; }
.sidebar-trend__item__title {
  display: table-cell; font-family: inherit; font-size: 1em; font-style: normal; font-weight: 700;
  line-height: 1.25em; margin: 0 0 0 5px; padding: 0 0 0 10px; text-shadow: 1px 2px 2px rgba(0,0,0,.3); vertical-align: middle;
}

.sidebar-mosts { display: block; height: auto; margin: 0; padding: 0; position: relative; width: 100%; }
.sidebar-mosts--shared .sidebar-mosts__item:before { border: 2px solid #1194f6; box-shadow: 1px 1px 20px rgba(17,148,246,.75); }
.sidebar-mosts--readed .sidebar-mosts__item:before { border: 2px solid #f44336; box-shadow: 1px 1px 20px rgba(244,67,54,.75); }

.sidebar-mosts__item {
  border-bottom: 1px solid #fff; box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.1); display: block; margin: 0 0 25px;
  padding-bottom: 15px; position: relative; width: 100%; border-radius: 8px; transition: background 0.2s;
}
.sidebar-mosts__item:hover { background: #fafafa; }

.column_list .sidebar-mosts__item, .timeline_right .sidebar-mosts__item { border-bottom: 0; box-shadow: none; padding-bottom: 0; }
.column_list .sidebar-mosts__item { display: inline-block; float: left; margin: 0; }
.column_list .sidebar-mosts__item .sidebar-mosts__item__body { padding: 0 5px; }
.column_list .sidebar-mosts__item:first-child .sidebar-mosts__item__body { padding-left: 0; }
.column_list .sidebar-mosts__item:last-child .sidebar-mosts__item__body { padding-right: 0; }
.column_list.tree_column { margin-left: -5px; margin-right: -5px; }
.column_list.tree_column .sidebar-mosts__item { width: 33%; }
.column_list.tree_column .sidebar-mosts__item .sidebar-mosts__item__image__item { height: auto !important; margin-left: 5px; margin-right: 5px; width: 100%; }
.column_list.tree_column .sidebar-mosts__item .sidebar-mosts__item__image { height: auto !important; border-radius: 8px; overflow: hidden; }
.column_list.tree_column .sidebar-mosts__item .sidebar-mosts__item__title { font-size: .925em; font-weight: 600; line-height: 1.25em; }
.column_list.sec_column .sidebar-mosts__item { width: 50%; }
.column_list.sec_column .sidebar-mosts__item .sidebar-mosts__item__image__item { height: auto !important; }
.column_list.sec_column .sidebar-mosts__item .sidebar-mosts__item__image { height: auto !important; width: 100%; border-radius: 8px; overflow: hidden; }
.column_list.sec_column .sidebar-mosts__item .sidebar-mosts__item__title { font-size: 1.05em; line-height: 1.25em; }

.sidebar-mosts__item:hover .sidebar-mosts__item__title { color: #f44336; }

.sidebar-mosts__item:before {
  background-clip: padding-box; background-color: #000; border-radius: 100%; color: #fff; content: counter(li-counter);
  counter-increment: li-counter; font-size: .9375em; font-weight: 700; height: 34px; left: 10px; line-height: 34px;
  max-height: 34px; max-width: 34px; overflow: hidden; padding: 0; position: absolute; text-align: center; top: -17px; width: 34px; z-index: 9;
}
.column_list .sidebar-mosts__item:before, .timeline_right .sidebar-mosts__item:before { display: none; }
.sidebar-mosts__item__link { color: #333; text-decoration: none; }
.sidebar-mosts__item__body { display: block; height: auto; line-height: 0; margin: 0; padding: 0; position: relative; width: 100%; }

.sidebar-mosts__item__image {
  height: 140px; overflow: hidden; position: relative; width: 100%; border-radius: 8px;
}
.timeline_right .sidebar-mosts__item__image { height: 180px; }

.sidebar-mosts__item__image__item {
  height: auto; transition: all .3s; width: 100%;
  object-fit: cover; /* Современное масштабирование без искажений */
}
.sidebar-mosts__item__image__item:hover { transform: scale(1.05); }

.sidebar-mosts__item__caption { display: block; position: relative; width: 100%; }
.sidebar-mosts__item__view {
  background-color: rgba(0,0,0,.6); backdrop-filter: blur(4px); display: block; line-height: 11px !important;
  margin: 0; padding: 5px 10px; position: absolute; right: 0; top: -28px; z-index: 10; border-radius: 12px 0 0 0;
}
.sidebar-mosts__item__view__count { color: hsla(0,0%,100%,.8); display: inline-block; font-size: .6875em; font-weight: 700; line-height: normal; vertical-align: top; }
.sidebar-mosts__item__view__icon { display: inline-block; line-height: 10px !important; vertical-align: top; }
.sidebar-app, .sidebar-app__navigation { display: block; position: relative; width: 100%; }
.sidebar-mosts__item__view__icon i.material-icons { color: #4caf50; font-size: 16px !important; line-height: 11px; }

.sidebar-mosts__item__title {
  color: #333; font-family: inherit; font-size: 1.125em; font-style: normal; font-weight: 700;
  line-height: 1.25em; margin: 5px 0 0; padding: 0; transition: all .3s;
}
.sidebar-mosts__item:last-child { border: none; box-shadow: none; margin: 0; padding: 0; }

.sidebar-app { background-color: #37474f; padding: 20px 0; border-radius: 12px; }
.sidebar-app__navigation { margin: 0 20px; min-height: 36px; padding: 0; }
.sidebar-app__content:after, .sidebar-app__content:before { content: ""; display: table; }
.sidebar-app__navigation__tab {
  color: hsla(0,0%,100%,.4); cursor: pointer; font-weight: 400; height: 36px; line-height: 2.25em !important;
  padding: 0 17px !important; border-radius: 18px; transition: all 0.2s;
}
.sidebar-app__content__more, .sidebar-app__navigation__tab.is-active { font-family: inherit; font-size: .875em; font-style: normal; font-weight: 500; }
.sidebar-app__navigation__tab.is-active { color: #fff; line-height: normal; background: rgba(255,255,255,0.1); }
.sidebar-app__navigation__tab:after { background-color: #00bcd4 !important; height: 3px !important; }
.sidebar-app__content { list-style: none; margin: 10px 0 0; padding: 0; position: relative; width: 100%; }
.sidebar-app__content__more {
  background: 0 0 !important; color: #00bcd4 !important; display: block; float: right; line-height: 2.25em;
  margin-right: 20px; padding: 0 16px; position: relative; text-decoration: none; border-radius: 4px;
}
.sidebar-app__content__more.material-button:hover { background: rgba(255,255,255,0.05) !important; }
.fobito_icon, .tooltip-view { background-clip: padding-box; }

.sidebar-video__list__item { font-family: Roboto; font-style: normal; font-weight: 400; }
.sidebar-video { background-color: #fff; overflow: hidden; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); }
.sidebar-video__iframe { background-color: #000; height: auto; max-height: 168px; overflow: hidden; width: 100%; }
.sidebar-video__iframe__item { display: none; }
.sidebar-video__iframe__item .content-iframe { margin: 0 !important; padding-top: 0; width: 100% !important; }
.sidebar-video__list { margin: 0; padding: 0; }
.sidebar-video__list li { line-height: 0; margin: 0; padding: 0; position: relative; width: 100%; }

.sidebar-video__list__item {
  background-color: #37474f; border-bottom: 1px solid #47555d; color: #fff; display: block; font-size: 1em;
  line-height: 1.5em; padding: 20px; position: relative; text-decoration: none; transition: all .3s; width: 100%;
}
.sidebar-video__list__item.is-active, .sidebar-video__list__item:hover { background-color: #455a64 !important; }
.sidebar-video__list__item__icon { color: hsla(0,0%,100%,.2); display: table-cell; height: 32px; transition: all .3s; vertical-align: top; width: 32px; }
.sidebar-video__list__item.is-active .sidebar-video__list__item__icon, .sidebar-video__list__item:hover .sidebar-video__list__item__icon { color: #fff; }
.sidebar-video__list__item__title { display: table-cell; font-family: inherit; font-size: 1em; font-style: normal; font-weight: 700; line-height: 1.25em; margin: 0 0 0 5px; padding: 0 0 0 10px; vertical-align: top; }
.sidebar-video__list li:last-child a { border: none; }

.sidebar-social { display: block; margin: 0; padding: 0; position: relative; width: 100%; }
.sidebar-social__item { border-right: 1px solid #f5f5f5; list-style: none; width: 24.9975%; }
.sidebar-social__item:nth-child(1n) { clear: none; float: left; margin-right: 0; }
.sidebar-social__item:last-child { border: none; margin-right: 0; }
.sidebar-more, .tooltip-view { border-radius: 8px; text-align: center; }
.sidebar-social__item:nth-child(0) { float: right; margin-right: 0; }
.sidebar-social__item:first-child { clear: left; }

.card:after, .content-mosts__item--bottom:after, .content-mosts__item__body:after, .content-mosts__item__social-share__item:after, .push-notification:after { clear: both; }
.sidebar-more, .sidebar-social__item__title { font-family: inherit; font-style: normal; font-weight: 500; }
.sidebar-social__item__title { color: #ccc; display: block; font-size: .6875em; line-height: normal; margin-top: 5px; }

.card:after, .card:before, .push-notification:after, .push-notification:before { content: ""; display: table; }
.sidebar-more {
  background-color: #ddd; color: #333; float: right; font-size: .875em; height: 36px; line-height: 36px;
  margin-top: 10px; min-width: 64px; overflow: hidden; padding: 0 16px; position: relative;
  transition: box-shadow .2s cubic-bezier(.4,0,1,1), background-color .2s cubic-bezier(.4,0,.2,1), color .2s cubic-bezier(.4,0,.2,1);
  border-radius: 18px;
}
.sidebar-more:hover { background-color: #ccc; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }

.colheader { border-bottom: 2px solid #eee; display: block; margin: 0 0 10px; }
.colheader:after { clear: both; content: ""; display: table; }
.colheader .header-title {
  border-bottom: 2px solid transparent; display: block; float: left; font-family: inherit; font-size: 18px;
  font-weight: 600; line-height: 180%; margin-bottom: -2px; padding: 0 20px 0 0;
}
.colheader.rosy .header-title { border-color: #e32; color: #e32; }
.colheader.sea .header-title { border-color: #004b90; color: #004b90; }
.colheader.formula .header-title { border-color: #90281b; color: #90281b; }
.colheader.darken .header-title { border-color: #170a1d; color: #170a1d; }
.colheader.trend .header-title { border-color: #e88900; color: #e88900; }
.colheader.none { border-color: transparent; }
.colheader.none .header-title { border-color: transparent; color: #555; }

.headline-cats { background-color: #fdfdfd; border-bottom: 1px solid #eaecef; padding: 14px 0; position: relative; z-index: 10; }
.headline-cats h1 { font-family: TMSans; margin: 0 25px 0 0; }
.headline-cats .headline-cats-wrap { align-items: center; display: flex; }
.headline-cats .cat-list { justify-content: flex-end; margin-left: auto; }
.headline-cats .cat_link {
  background-color: #fff; border: 1px solid rgba(0,0,0,.1); border-radius: 20px; box-shadow: 0 1px 1px hsla(0,3%,67%,.1);
  color: #222; display: inline-block; font-size: 14px; font-weight: 600; letter-spacing: 0; line-height: 20px;
  margin: .15rem; padding: .3rem 1em; transition: all 0.2s;
}
.headline-cats .cat_link.active, .headline-cats .cat_link:hover { background-color: #0080ce; color: #fff; box-shadow: 0 4px 10px rgba(0,128,206,0.3); }

.headline-mosts { box-shadow: inset 0 10px 20px 0 rgba(0,0,0,.1); text-align: center; width: 100%; }
.headline-mosts__title { color: #fff; font-size: 2.25em; font-weight: 700; line-height: normal; margin: 0; padding: 60px 0; }
.content-mosts__item:before, .content-mosts__item__category, .content-mosts__navigation__tab, .headline-mosts__title { font-family: inherit; font-style: normal; }

.content-mosts__navigation { line-height: 0; margin: 20px 0; text-align: center; }
.content-mosts__navigation__tab {
  color: #90a4ae; cursor: pointer; display: inline-block; float: none; font-size: .875em; font-weight: 500;
  height: 30px; line-height: 1.875em; padding: 0 6px; border-radius: 15px; transition: all 0.2s;
}
.content-mosts__navigation__tab.is-active { color: #fff; font-weight: 500; background: #455a64; }
.content-mosts__navigation__tab.is-active:after { background-color: #455a64 !important; }

.content-mosts__list { margin: 0; padding: 0; position: relative; width: 100%; }

.content-mosts__item {
  background-color: #fff; box-shadow: 0 3px 5px 0 rgba(0,0,0,.08); display: block; margin: 0 0 20px;
  padding: 0; position: relative; transition: all .3s; width: 100%; border-radius: 12px; overflow: hidden;
}
.content-mosts__item:hover {
  box-shadow: 0 10px 30px 0 rgba(0,0,0,.1);
  transform: translateY(-4px);
}
.content-mosts__item:hover .content-mosts__item__title { color: #f44336; }
.content-mosts__item:hover .content-mosts__item__media__image { transform: scale(1.1); }

.content-mosts__item__media { display: block; float: left; height: 215px; overflow: hidden; position: relative; width: 45%; }
.content-mosts__item__media:before {
  bottom: 0; box-shadow: inset 0 0 15px rgba(0,0,0,.1); content: ""; height: 100%; left: 0;
  position: absolute; right: 0; top: 0; width: 100%; z-index: 25;
}
.content-mosts__item__media__image {
  display: block; height: 100%; line-height: 0; position: relative; transition: all .3s; width: 100%;
  object-fit: cover;
}
.content-mosts__item__body:after, .content-mosts__item__body:before { content: ""; display: table; }
.content-mosts__item__media__icon { left: 50%; margin: -42px; position: absolute; top: 50%; z-index: 10; }
.content-mosts__item__media__icon:before {
  background-clip: padding-box; background-color: rgba(0,0,0,.6); border-radius: 100%; content: "";
  height: 65px; left: 9px; position: absolute; top: 9px; width: 65px; z-index: -1;
}
.content-mosts__item__media__icon i.material-icons { color: #fff; font-size: 84px; text-shadow: 1px 1px 40px rgba(0,0,0,.3); }

.content-mosts__item__category {
  background-clip: padding-box; background-color: rgba(0,0,0,.6); backdrop-filter: blur(4px);
  border-radius: 6px; color: hsla(0,0%,100%,.8); font-size: 11px; font-weight: 500; line-height: normal;
  padding: 6px 12px; position: absolute; right: 10px; top: 10px;
}
.content-mosts__item__link { color: #333; text-decoration: none; }
.content-mosts__item__body { margin: 0; padding: 0; }
.content-mosts__item__caption { display: block; float: left; min-height: 215px; padding: 20px; position: relative; width: 55%; }

.content-mosts__item__title {
  color: #333; font-family: inherit; font-size: 1.275em; font-style: normal; font-weight: 700;
  line-height: normal; margin: 0; padding: 0; transition: all .3s;
}
.content-mosts__item__author { color: #999; display: block; font-family: inherit; font-size: .875em; font-style: normal; font-weight: 400; line-height: normal; margin: 10px 0; position: relative; width: 100%; }
.content-mosts__item--bottom:after, .content-mosts__item--bottom:before { content: ""; display: table; }
.content-mosts__item__author a { color: #4363a2; font-weight: 400; text-decoration: none; }
.content-mosts__item--bottom { bottom: 30px; position: absolute; }

@media (min-width: 768px) and (max-width: 1047px) {
  .content-mosts__item:before { font-size: .9375em !important; height: 34px; left: 15px; line-height: 34px; max-height: 34px; max-width: 34px; padding: 0; top: 15px; width: 34px; }
  .content-mosts__item__media { float: left; height: auto; max-height: 156px; position: relative; width: 283px; }
  .content-mosts__item__caption { float: left; height: 156px; min-height: 156px; padding: 20px; width: calc(100% - 283px); }
  .content-mosts__item__title { font-size: 1.5em; max-height: 58px; overflow: hidden; }
  .content-mosts__item--bottom { bottom: 20px; }
}

@media (max-width: 767px) {
  .headline-mosts { background-size: 400px; }
  .headline-mosts__title { font-size: 1.5em; padding: 30px 20px; }
  .content-mosts { margin-top: -20px; }
  .content-mosts__navigation { margin: 20px 0; }
  .content-mosts__navigation__tab { padding: 0 4px; }
  .content-mosts__item:before { font-size: .9375em; height: 34px; left: 15px; line-height: 34px; max-height: 34px; max-width: 34px; padding: 0; top: 15px; width: 34px; }
  .content-mosts__item__media { float: none; height: auto; max-height: none; position: relative; width: 100%; z-index: 0; }
  .content-mosts__item__media__icon { left: 50%; margin: -52px -32px; position: absolute; top: 50%; z-index: 10; }
  .content-mosts__item__media__icon:before { background-clip: padding-box; background-color: rgba(0,0,0,.6); border-radius: 100%; content: ""; height: 45px; left: 9px; position: absolute; top: 9px; width: 45px; z-index: -1; }
  .content-mosts__item__media__icon i.material-icons { font-size: 64px !important; }
  .content-mosts__item__caption {
    background-color: #fff; display: block; float: none; height: auto; margin: -40px 10px 10px;
    min-height: 100%; padding: 20px 20px 0; position: relative; width: calc(100% - 20px); z-index: 9;
    border-radius: 0 0 12px 12px;
  }
  .content-mosts__item__title { font-size: 1.25em; max-height: none; overflow: visible; }
  .content-mosts__item--bottom { bottom: 0; display: block; margin-top: 20px; position: relative; }
}

.content-timeline { display: block; float: left; position: relative; width: 535px; }
.timeline-title { border-bottom: 1px solid #e6e6e6; color: #333 !important; font-family: inherit !important; font-size: 1.175em !important; font-weight: 700 !important; line-height: 30px; margin-bottom: 10px; }
.content-timeline_right { display: block; float: left; margin-left: 20px; position: relative; width: 325px; }
.content-timeline__list { margin-top: 10px; }

.content-timeline__item {
  display: block; height: auto; margin-top: 25px; opacity: 0; position: relative;
  transform: translateY(75px) translateZ(0); transition: all .3s; width: 100%;
  border-radius: 12px; overflow: hidden; background: #fff; box-shadow: 0 4px 12px rgba(0,0,0,0.04);
}
.content-timeline__item:after, .content-timeline__item:before { content: ""; display: table; }
.content-timeline__item:first-child { margin-top: 0; }
.content-timeline__item.is-active { opacity: 1; transform: none; }
.content-timeline__item:last-child { margin-bottom: 0; }
.content-timeline__item a { text-decoration: none; }
.content-timeline__item:first-child .content-timeline--left:before { top: 0; }
.content-timeline__item:hover { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(0,0,0,0.08); }

.content-timeline--left { height: 100%; left: 0; position: absolute; top: 0; width: 70px; }
.content-timeline--left:after, .content-timeline--left:before { background-color: #e4e7ea; content: ""; margin-left: 35px; position: absolute; width: 1px; z-index: -1; }
.content-timeline--left:before { bottom: 50%; top: -10px; }
.content-timeline--left:after { bottom: 0; top: 50%; }
.content-timeline--right { background: #fff; display: block; height: 100%; position: relative; border-radius: 12px; }
.content-timeline__link { display: block; height: 100%; position: relative; width: 100%; }
.content-timeline__link:hover .content-timeline__detail__title { color: #f44336; }

.content-timeline__time {
  background-color: #f5f5f5; cursor: pointer; left: 0; padding: 10px 0; position: absolute;
  text-align: center; top: calc(50% - 24.5px); width: 100%; z-index: 0; border-radius: 8px;
}
.content-timeline__time__icon {
  background-clip: padding-box; border-radius: 50%; color: #fff; display: block; height: 32px;
  line-height: 0; margin: 0 auto; overflow: hidden; padding: 7px; text-align: center; width: 32px;
}
.content-timeline__time__icon i.material-icons { font-size: 1.125em !important; }
.content-timeline__time__icon--news { background-color: #ff9800; }
.content-timeline__time__icon--list { background-color: #2196f3; }
.content-timeline__time__icon--product, .content-timeline__time__icon--video { background-color: #3f51b5; }
.content-timeline__time__icon--gallery { background-color: #e91e63; }
.content-timeline__time__timeago { color: #999; display: block; font-family: inherit; font-size: .6875em; font-style: normal; font-weight: 400; line-height: normal; margin-top: 10px; position: relative; text-align: center; width: 100%; }

.content-timeline__media { float: left; height: 120px; margin: 0 10px 0 0; overflow: hidden; position: relative; width: 190px; z-index: 0; border-radius: 8px; }
.content-timeline__media.media-video { float: none; height: 100%; width: 100%; }
.content-timeline__media.media-video .content-timeline__media__image { height: 100%; position: relative; width: 100%; }
.content-timeline__media.media-video .content-timeline__media__detail { bottom: 20px; left: 20px; width: calc(100% - 40px); }
.content-timeline__media.media-video img { height: auto; width: 100%; z-index: 0; }
.content-timeline__media__iframe { display: none; height: calc(100% - 40px); left: 20px; position: absolute; top: 20px; width: calc(100% - 40px); z-index: 9; }
.content-timeline__media__image { line-height: 0; margin: 0; overflow: hidden; padding: 0; }

.content-timeline__media__image img {
  height: auto; position: relative; transition: all .3s; width: 100%; z-index: 4;
  object-fit: cover;
}
.content-timeline__media__image img:hover { transform: scale(1.05); }

.content-timeline__media__icon { left: 50%; margin: -42px; position: absolute; top: 50%; z-index: 10; }
.content-timeline__media__icon:before { background-clip: padding-box; background-color: rgba(0,0,0,.6); border-radius: 100%; content: ""; height: 65px; left: 9px; position: absolute; top: 9px; width: 65px; z-index: -1; }
.content-timeline__media__rating, .content-timeline__media__squares, .content-timeline__media__squares__item { height: 100%; position: absolute; width: 100%; }
.content-timeline__media__icon i.material-icons { color: #fff; font-size: 84px; text-shadow: 1px 1px 40px rgba(0,0,0,.3); }
.content-timeline__media__squares { left: 0; top: 0; }
.content-timeline__media__squares__item.is-first { background-color: #2196f3; left: 5px; top: 5px; z-index: 3; }
.content-timeline__media__squares__item.is-second { background-color: #90caf9; left: 10px; top: 10px; z-index: 2; }
.content-timeline__media__squares__item.is-third { background-color: #e3f2fd; left: 15px; top: 15px; z-index: 1; }
.content-timeline__media__rating { background: linear-gradient(180deg,transparent,#000); left: 0; top: 0; z-index: 4; }
.content-timeline__media__rating .rating-circle { height: 70px; left: 50%; margin: -35px; position: absolute; top: 50%; width: 70px; z-index: 4; }

.content-timeline__media__detail {
  background: linear-gradient(180deg,transparent,#000); bottom: 0; height: 145px; left: 0;
  position: absolute; width: 100%; z-index: 8; border-radius: 0 0 8px 8px;
}
.rating-circle, .rating-circle .circle-inset { background-clip: padding-box; position: absolute; }
.content-timeline__media__detail .detail-content { bottom: 20px; height: auto; left: 10px; position: absolute; width: 100%; z-index: 9; }
.content-timeline__media__detail .detail-content__row { height: auto; position: relative; width: 85%; }
.content-timeline__media__detail .detail-content__category { background-color: #fff; color: #3f51b5; display: table-cell; padding: 10px 20px; position: relative; }
.content-timeline__media__detail .detail-content__category:after { background-color: #ddd; content: ""; height: 100%; left: -10px; position: absolute; top: 5px; transform: skew(180deg,135deg); width: 10px; z-index: -1; }
.content-timeline__media__detail .detail-content__category h5 { display: block; font-family: inherit; font-size: .6875em; font-style: normal; font-weight: 700; line-height: normal; margin: 0; padding: 0; width: auto; }
.content-timeline__media__detail .detail-content__time { background-color: rgba(0,0,0,.7); color: #fff; display: table-cell; font-family: inherit; font-size: .6875em; font-style: normal; font-weight: 700; line-height: normal; padding: 10px; }
.content-timeline__media__detail .detail-content__title { background-color: #3f51b5; color: #fff; display: table-cell; margin-right: 20px; padding: 10px 20px; position: relative; width: auto; }
.content-timeline__media__detail .detail-content__title:after { background-color: #283593; content: ""; height: 100%; left: -10px; position: absolute; top: 5px; transform: skew(180deg,135deg); width: 10px; z-index: -1; }
.content-timeline__media__detail .detail-content__title h3 { display: block; font-family: inherit; font-size: 1.25em; font-style: normal; font-weight: 700; line-height: normal; margin: 0; padding: 0; width: auto; }

.content-timeline__detail { float: left; width: calc(100% - 205px); }
.content-timeline__detail__category { color: #c0c3ca; font-family: inherit; font-size: .6875em; font-style: normal; font-weight: 500; line-height: normal; margin: 0; padding: 0; text-transform: uppercase; }
.content-timeline__detail__title { color: #000; font-family: inherit; font-size: 1.15em; font-style: normal; font-weight: 700; line-height: normal; margin: 2px 0 5px; padding: 0; transition: all .3s; }
.content-timeline__detail__desc { color: #444; margin: 10px 0; padding: 0; }
.content-timeline__detail--bottom { display: block; margin-top: 3px; position: relative; }
.content-timeline__detail--bottom:after, .content-timeline__detail--bottom:before { clear: both; content: ""; display: table; }
.content-timeline__detail--bottom .content-timeline__detail__author { color: #999; display: table-cell; font-size: 13px; font-weight: 400; height: 18px; line-height: normal; padding-right: 11px; text-decoration: none; vertical-align: middle; }
.content-timeline__detail--bottom .content-timeline__detail__date { color: #9b9b9b; display: table-cell; font-family: inherit; font-size: .78em; font-weight: 400; letter-spacing: normal; line-height: normal; padding-right: 8px; text-decoration: none; vertical-align: middle; }
.content-timeline__detail--bottom .content-timeline__detail__date:after { background: #ddd; content: ""; height: 16px; margin-left: 9px; margin-top: 2px; position: absolute; width: 1px; }
.content-timeline__detail--bottom .content-timeline__detail__social-media { color: #ccc; cursor: pointer; display: table-cell; height: 18px; line-height: 0; padding-left: 8px; position: relative; vertical-align: middle; width: 18px; }
.content-timeline__detail--bottom .content-timeline__detail__social-media i.material-icons { filter: FlipH; -ms-filter: "FlipH"; font-size: 18px; transform: scaleX(-1); }

.content-timeline__more, .content-timeline_right__more { cursor: pointer; display: none; margin: 20px auto; max-width: 300px; position: relative; text-align: center; }
.content-timeline__more:hover .content-timeline__more__icon, .content-timeline_right__more:hover .content-timeline__more__icon { background-color: #757575; box-shadow: 0 2px 8px 0 rgba(50,50,50,.6); }
.content-timeline__more__icon { background-clip: padding-box; background-color: #999; border-radius: 50%; color: #fff; display: inline-block; padding: 6px; transition: all .3s; }
.content-timeline__more__text { color: #999; display: inline-block; font-family: inherit; font-size: 1em; font-style: normal; font-weight: 700; line-height: 0; margin: -10px 0 0 20px; padding: 11px 0; vertical-align: middle; }
.content-timeline__social-media { color: #c0c3ca; cursor: pointer; display: block; height: 24px; line-height: 0; position: absolute; right: 5px; top: 16px; width: 24px; }
.content-timeline__social-media--wide { color: #fff; right: 25px; top: 36px; z-index: 9; }
.content-timeline__detail__social-media { color: #ccc; cursor: pointer; display: table-cell; height: 18px; line-height: 0; padding-left: 8px; position: relative; vertical-align: middle; width: 18px; }
.content-timeline__detail__social-media:hover { color: #555; }

@media (min-width: 768px) {
  .content-timeline__media__icon--play-button { cursor: pointer; transition: all .3s; }
  .content-timeline__media__icon--play-button:before { transition: all .3s; }
  .content-timeline__media__icon--play-button:hover:before { background-color: #3f51b5; }
}
@media (min-width: 768px) and (max-width: 1047px) {
  .content-timeline__media.media-video img { height: auto; width: 100%; }
}
@media (max-width: 767px) {
  .content-timeline__media { float: none; height: auto !important; margin: 0; width: 100% !important; }
  .content-timeline__media__image { display: block; height: auto; position: relative; width: 100% !important; }
  .content-timeline--left, .content-timeline--right:before { display: none !important; }
  .content-timeline__media__image img { height: auto; width: 100%; }
  .content-timeline__media__rating .rating-circle { height: 56px; transform: translate(-33px,-53px); width: 56px; }
  .content-timeline__media__icon { left: 50%; margin: -52px -32px; position: absolute; top: 50%; z-index: 10; }
  .content-timeline__media__icon:before { background-clip: padding-box; background-color: rgba(0,0,0,.6); border-radius: 100%; content: ""; height: 45px; left: 9px; position: absolute; top: 9px; width: 45px; z-index: -1; }
  .content-timeline__media__icon i.material-icons { font-size: 64px !important; }
  .content-timeline__media.media-video .content-timeline__media__icon { z-index: 0; }
  .content-timeline--right { margin-left: 0; width: 100%; }
  .content-timeline__link { padding: 0; }
  .content-timeline__detail { float: none; height: auto !important; margin: 0; position: relative; width: 100% !important; z-index: 1; }
  .content-timeline__detail__container { background-color: #fff; display: block; height: auto; margin: -30px 0 0; padding: 7px 0 0; position: relative; width: 100%; border-radius: 0 0 12px 12px; }
  .content-timeline__detail--top:after, .content-timeline__detail--top:before { content: ""; display: table; }
  .content-timeline__detail--top:after { clear: both; }
  .content-timeline__detail__category { float: left; margin: 0; }
  .content-timeline__detail__time { color: #c0c3ca; display: block !important; float: right; font-family: inherit; font-size: .6875em; font-style: normal; font-weight: 500; line-height: normal; }
  .content-timeline__author { display: none; }
  .content-timeline__social-media { bottom: 10px !important; color: #c0c3ca !important; margin: 0; right: 5px !important; top: auto; z-index: 9; }
}

.headline__wrapper:after, .headline__wrapper:before { content: ""; display: table; }
@-webkit-keyframes border-expand { 0% { opacity: 0; width: 0; } to { opacity: 1; width: 100%; } }
@keyframes border-expand { 0% { opacity: 0; width: 0; } to { opacity: 1; width: 100%; } }

.headline, .headline__wrapper { bottom: auto; left: auto; position: relative; right: auto; top: auto; width: 100%; z-index: 1; }
.headline {
  background-color: #e5e5e5; border-bottom: 1px solid #fff; box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.05);
  padding-bottom: 20px; padding-top: 148px;
}
.category-page .headline { background-color: transparent; border-bottom: 0; box-shadow: none; }

.headline__item--little, .headline__item--tall, .headline__item--wide { border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; }
.headline__block, .headline__column--double { width: 49.9999995%; }
.headline__block:nth-child(1n) { clear: none; float: left; margin-right: 0; }
.headline__block:last-child { margin-right: 0; }
.headline__block:nth-child(0n) { float: right; margin-right: 0; }
.headline__block:nth-child(0n+1) { clear: left; }
.headline__column--double:nth-child(1n) { clear: none; float: left; margin-right: 0; }
.headline__column--double:last-child { margin-right: 0; }
.headline__column--double:nth-child(0n) { float: right; margin-right: 0; }
.headline__column--double:nth-child(0n+1) { clear: left; }

.content-card:after, .content-timeline__item:after, .content-timeline__tab:after, .fobito_rss li:after, .headline-articles__content__row:after, .headline-slider:after, .headline__content__row:after, .sidebar-app__content:after { clear: both; }

.headline__item { bottom: auto; left: 0; overflow: hidden; right: auto; top: 0; z-index: 1; }
.headline__item, .headline__item a { display: block; position: relative; width: 100%; }
.headline__item a { color: #fff; height: 100%; text-decoration: none; }
.headline__item--wide { height: 295px; width: 100%; }
.headline__item--wide .headline__content { padding: 0 30px 30px; }
.headline__item--little .headline__content, .headline__item--tall .headline__content { padding: 0 20px 20px; }
.headline__item--wide .headline__content__title { font-size: 1.875em; }
.headline__item--little { height: 147px; width: 100%; }
.headline__item--little .headline__content__title { font-size: 1.125em; }
.headline__item--tall { height: 295px; width: 100%; }
.headline__item--tall .headline__content__title { font-size: 1.25em; }
.headline__item--news .headline__content__category { background-color: #ff9800; }
.headline__item--review .headline__content__category, .headline__item--video .headline__content__category { background-color: #3f51b5; }
.headline__item--listing .headline__content__category { background-color: #2196f3; }

.headline__image { margin: 0; padding: 0; }
.headline__image img { transition: all .3s; }
.headline__image:after {
  background-color: transparent; bottom: auto; content: ""; height: 100%; left: 0; position: absolute;
  right: auto; top: 0; transition: all .3s; width: 100%; z-index: 0;
}

.headline__content, .headline__content:before { bottom: 0; position: absolute; right: auto; top: auto; width: 100%; }
.headline__content { left: auto; transition: all .3s; z-index: 2; }
.headline__content:before {
  background: linear-gradient(180deg,transparent,#000); content: ""; display: inline-block;
  height: 100%; left: 0; z-index: -1;
}
.headline__icon:before, .headline__slider .slider__navigation, .slider__bullet { background-clip: padding-box; border-radius: 100%; }

.headline__content__category { color: #fff; display: table-cell; float: left; font-size: .625em; padding: 4px 6px 3px; text-align: center; text-transform: uppercase; width: auto; }
.headline__content__title { color: #fff; font-size: .6875em; margin: 5px 0 0; padding: 0; text-shadow: 1px 2px 2px rgba(0,0,0,.3); }
.headline__content__row { display: block; position: relative; width: 100%; }
.headline__content__row:after, .headline__content__row:before { content: ""; display: table; }
.headline__content__time { color: #fff; display: table-cell; font-family: inherit; font-size: 12px; font-style: normal; font-weight: 500; line-height: normal; margin-left: 5px; opacity: 1; text-shadow: 1px 2px 2px rgba(0,0,0,.3); transition: all .3s; }
.headline__content__time time { bottom: auto; display: table-cell; height: 19px; left: auto; padding-left: 5px; position: relative; right: auto; top: auto; vertical-align: middle; z-index: 1; }
.headline__icon { position: absolute; right: 5px; top: 5px; z-index: 9; }
.headline__icon:before { background-color: rgba(0,0,0,.6); content: ""; height: 40px; left: 4px; position: absolute; top: 4px; width: 40px; z-index: -1; }
.headline__icon i.material-icons { color: #fff; font-size: 48px; text-shadow: 1px 1px 40px rgba(0,0,0,.3); }

.headline__slider .slider__navigation--next:before, .headline__slider .slider__navigation--prev:before { -webkit-font-feature-settings: "liga"; color: hsla(0,0%,100%,.3); font-family: Material Icons; font-size: 24px; }
.headline__slider .slider__navigation { background-color: hsla(0,0%,100%,.2); height: 60px; margin-top: -30px; padding: 18px 5px; width: 60px; border-radius: 50%; transition: all 0.3s; }
.headline__slider .slider__navigation--prev { left: -30px; }
.headline__slider .slider__navigation--prev:before { content: "chevron_left"; }
.headline__slider .slider__navigation--next { right: -30px; }
.headline__slider .slider__navigation--next:before { content: "chevron_right"; }
.headline__slider .slider__navigation:hover { background-color: rgba(255,255,255,0.4); }

@media (min-width: 768px) {
  .headline__item { border-radius: 12px; overflow: hidden; }
  .headline__item:hover .headline__image img { transform: scale(1.1); }
  .headline__item:hover .headline__content:before { background-color: transparent; }
  .headline__item--news:hover .headline__image:after { background-color: #ff9800; opacity: .5; }
  .headline__item--review:hover .headline__image:after, .headline__item--video:hover .headline__image:after { background-color: #3f51b5; opacity: .5; }
  .headline__item--listing:hover .headline__image:after { background-color: #2196f3; opacity: .5; }
  .headline-articles__box:hover .headline-articles__image img { transform: scale(1.1); }
  .headline-articles__box:hover .headline-articles__content:before { background-color: transparent; }
  .headline-articles__box--news:hover .headline-articles__image:after { background-color: #ff9800; opacity: .5; }
  .headline-articles__box--review:hover .headline-articles__image:after, .headline-articles__box--video:hover .headline-articles__image:after { background-color: #3f51b5; opacity: .5; }
  .headline-articles__box--listing:hover .headline-articles__image:after { background-color: #2196f3; opacity: .5; }
}

.slider { display: block; height: auto; margin: 0; overflow: hidden; padding: 0; }
.slider, .slider__item, .slider__list { bottom: auto; left: auto; position: relative; right: auto; top: auto; width: 100%; z-index: 1; }
.slider__item, .slider__list { height: 100%; }
.slider__list { display: flex; margin: 0; padding: 0; }
.slider__item { align-items: center; background-color: transparent; display: flex; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; font-family: inherit; font-size: 18px; font-style: normal; font-weight: 400; justify-content: center; line-height: normal; }
.headline-articles__content__category, .headline-articles__content__title { font-family: inherit; font-style: normal; font-weight: 700; }

.slider__navigation { bottom: auto; cursor: pointer; left: auto; opacity: 1; position: absolute; right: auto; text-align: left; top: 50%; transition: all .3s; visibility: visible; z-index: 9; }
.slider__navigation--prev { left: 0; text-align: right; }
.slider__navigation--next { right: 0; text-align: left; }
.slider__navigation--disabled { opacity: 0; pointer-events: none; visibility: hidden; }
.slider__pagination { margin: 0; padding: 0; position: absolute; right: 10px; top: 10px; z-index: 9; }
.slider__bullet { background-color: transparent; border: 2px solid hsla(0,0%,100%,.6); color: #fff; cursor: pointer; display: inline-block; height: 8px; margin-right: 3px; width: 8px; }
.ie7 .slider__bullet, .ie8 .slider__bullet, .ie9 .slider__bullet { display: none !important; }
.headline-slider:after, .headline-slider:before { content: ""; display: table; }
.slider__bullet--active { background: #f57c00; border-color: #f57c00; }
.slider__bullet:last-child { margin-right: 0; }

.headline-slider { overflow: hidden; position: relative; width: 100%; }
.headline-slider .badges { display: none !important; }
.headline-slider__container { left: 0; position: absolute; top: 0; }
.headline-slider__navigation {
  background-clip: padding-box; background-color: rgba(0,0,0,.4); border: 2px solid hsla(0,0%,100%,.4);
  border-radius: 50%; color: hsla(0,0%,100%,.6); cursor: pointer; font-size: 1.5em; height: 40px;
  padding: 6px; position: absolute; top: 20px; transition: all .3s; width: 40px; z-index: 9;
}
.headline-slider__navigation:hover { background-color: rgba(0,0,0,.8); border: 2px solid hsla(0,0%,100%,.8); color: #fff; }
.headline-slider__navigation--prev { left: 20px; }
.headline-slider__navigation--next { right: 20px; }

.headline-articles { background: #e7e7e7; height: 175px; position: relative; width: 100%; }
.headline-articles .content-spinner { background: #263238; height: 100%; left: 0; margin-top: 0; position: absolute; top: 0; width: 100%; z-index: 9 !important; }
.headline-articles .spinner-container { margin-top: -22px; top: 50%; }
.headline-articles__container { width: 2100px; }

.headline-articles__box {
  border-right: 1px solid #f5f5f5; display: block; float: left; height: 169px; max-height: 169px;
  opacity: 0; overflow: hidden; position: relative; transform: translateX(20px); transition: all .3s ease-in-out; width: 300px;
}
.headline-articles__box.is-active { opacity: 1; transform: translateX(0); }
.headline-articles__box:last-child { border: none; }
.headline-articles__box a { color: #fff; display: block; height: 100%; position: relative; text-decoration: none; width: 100%; }
.headline-articles__box--news .headline-articles__content__category { background-color: #ff9800; }
.headline-articles__box--review .headline-articles__content__category, .headline-articles__box--video .headline-articles__content__category { background-color: #3f51b5; }
.headline-articles__box--listing .headline-articles__content__category { background-color: #2196f3; }

.headline-articles__image { margin: 0; padding: 0; }
.headline-articles__image img { transition: all .3s; }
.headline-articles__image:after { background-color: transparent; content: ""; height: 100%; left: 0; position: absolute; top: 0; transition: all .3s; width: 100%; z-index: 0; }

.content-timeline__media__rating, .headline-articles__content:before {
  background: linear-gradient(180deg,transparent,#000);
}
.headline-articles__content { bottom: 0; padding: 0 20px 20px; position: absolute; transition: all .3s; width: 100%; z-index: 2; }
.headline-articles__content:before { bottom: 0; content: ""; display: inline-block; height: 100%; left: 0; position: absolute; width: 100%; z-index: -1; }
.headline-articles__content__row:after, .headline-articles__content__row:before { content: ""; display: table; }
.headline-articles__content__category { color: #fff; display: table-cell; float: left; font-size: .625em; line-height: normal; padding: 4px 6px 3px; text-align: center; text-transform: uppercase; width: auto; }
.headline-articles__content__title { color: #fff; font-size: 1em; line-height: 1.25em; margin: 5px 0 0; padding: 0; text-shadow: 1px 2px 2px rgba(0,0,0,.3); }
.headline-articles__content__time { color: #fff; display: table-cell; float: left; font-family: inherit; font-size: .75em; font-style: normal; font-weight: 500; line-height: normal; margin-left: 5px; text-shadow: 1px 2px 2px rgba(0,0,0,.3); transition: all .3s; }
.headline-articles__content__time time { display: table-cell; height: 19px; padding-left: 5px; position: relative; vertical-align: middle; }
.headline-articles__icon { position: absolute; right: 5px; top: 5px; z-index: 9; }
.headline-articles__icon:before { background-clip: padding-box; background-color: rgba(0,0,0,.6); border-radius: 100%; content: ""; height: 40px; left: 4px; position: absolute; top: 4px; width: 40px; z-index: -1; }
.headline-articles__icon i.material-icons { color: #fff; font-size: 48px; text-shadow: 1px 1px 40px rgba(0,0,0,.3); }

.headline-articles--wide { height: 295px; }
.headline-articles--wide .headline-articles__container { width: 3144px; }
.headline-articles--wide .headline-articles__box { height: 295px; max-height: 295px; width: 524px; }
.headline-articles--wide .headline-articles__content { padding: 0 30px 30px; }
.headline-articles--wide .headline-articles__content__title { font-size: 1.875em; line-height: normal; }

@media (min-width: 768px) and (max-width: 1047px) {
  .headline { margin-top: -64px; padding-top: 84px; }
  .headline-articles--wide .headline-articles__content, .headline .headline-articles--wide .headline-articles__content { padding: 0 20px 20px !important; }
  .headline .headline__item--wide .headline__content__title { font-size: 1.5em; }
  .headline .headline__item--little .headline__content__title, .headline .headline__item--tall .headline__content__title { font-size: 1em; }
  .headline-articles { height: 169px; }
  .headline-articles__container { width: 1800px !important; }
  .headline-articles__box { height: 169px !important; width: 300px !important; }
  .headline-articles__content__title { font-size: 1em !important; }
  .headline-articles__image img { height: 100%; width: 100%; }
}

@media (max-width: 767px) {
  .headline-cats .headline-cats-wrap { display: block; }
  .headline-cats .container { padding: 0 15px !important; }
  .headline-cats .cat_link { color: #999; float: left; font-size: 16px; margin-left: 0; margin-right: 10px; margin-top: 5px; padding: .1rem .5em; }
  .headline-cats h1 { display: block; margin: 0; padding: 0; width: 100%; }
  .headline-articles__content__title, .headline .headline__content__title { font-size: 1.25em !important; line-height: 1.1; }
  .headline-articles { height: 169px; max-height: 169px; }
  .headline-articles__container { width: 1800px !important; }
  .headline-articles__box { height: 169px !important; width: 300px !important; }
  .headline-articles__icon { right: 16px; top: 16px; }
  .headline-articles__content { padding: 0 20px 20px !important; }
  .headline-articles__navigation { display: none; }
  .headline__image, .headline__image img { display: block; position: relative; width: 100%; }
  .headline { background-color: transparent; margin: 0; padding: 58px 0 0 !important; }
  .headline__item { border: none; }
  .headline__image img { height: auto; }
  .headline__content { padding: 0 20px 20px !important; }
  .headline__icon { left: 16px !important; top: 16px !important; }
  .headline__wrapper { display: none; }
  .headline .headline__item--wide .headline__content__title { font-size: 1.5em; }
  .headline .headline__item--little .headline__content__title, .headline .headline__item--tall .headline__content__title { font-size: 1em; }
}

.headline { background-color: #f6f6f6; margin-top: -60px; padding: 64px 4px 4px; position: relative; width: 100%; }
.headline:after, .headline:before { clear: both; content: ""; display: table; }

.headline__blocks {
  float: left; overflow: hidden; position: relative; transition: all .2s linear;
  border-radius: 12px; /* Скругление блоков заголовка */
  box-shadow: 0 4px 15px rgba(0,0,0,0.06);
}
.headline__blocks .badges { left: auto; position: absolute; right: 50px; top: 20px; }
.headline__blocks:hover { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(0,0,0,0.1); }
.headline__blocks:hover .headline__blocks__image:after { opacity: 1; }

.headline__blocks--large { height: 374px; width: 46%; }
.headline__blocks--tall { height: 374px; width: 28%; }
.headline__blocks--small { height: 187px; width: 26%; }

.headline__blocks__image {
  background-position: 50%; background-size: cover; bottom: 4px; left: 4px; position: absolute;
  right: 4px; top: 4px; z-index: 1; border-radius: 8px; overflow: hidden;
}
.headline__blocks__image:after {
  background: linear-gradient(180deg,transparent 45%,#000 99%,#000); bottom: 0; content: ""; display: block;
  left: 0; opacity: .8; position: absolute; right: 0; top: 0; transition: opacity .4s ease; will-change: opacity; z-index: 2;
}
.content-card, .slider__navigation { cursor: pointer; -webkit-transition: all .3s; }
.headline__blocks__icon i.material-icons { color: #fff; left: calc(50% - 12px); position: absolute; top: calc(50% - 12px); }
.headline__blocks__link { bottom: 0; display: block; left: 0; position: absolute; right: 0; top: 0; z-index: 5; }

.headline__blocks__header {
  bottom: 4px; left: 4px; padding: 16px 16px 10px; position: absolute; z-index: 3;
  background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);
  border-radius: 0 0 8px 8px; width: calc(100% - 8px);
}
.headline__blocks__header__category { color: #fff; display: table-cell; font-family: inherit; font-size: .625em; font-style: normal; font-weight: 700; line-height: normal; margin: 0; padding: 4px 6px 2px; border-radius: 4px; }
.headline__blocks__header__category--news { background-color: #ff9800; }
.headline__blocks__header__category--review, .headline__blocks__header__category--video { background-color: #3f51b5; }
.headline__blocks__header__category--listing { background-color: #2196f3; }
.headline__blocks__header__title { color: #fff; margin: 0; }
.headline__blocks__header__title--large { font-family: TMSans; font-size: 1.7em; font-style: normal; font-weight: 700; line-height: normal; }
.headline__blocks__header__title--small, .headline__blocks__header__title--tall { font-family: TMSans; font-size: 1.2em; font-style: normal; font-weight: 700; line-height: normal; }
.headline__blocks__header__title--tall { font-size: 1.5em; }
.headline__blocks__header__other, .slider__item { font-family: inherit; font-style: normal; font-weight: 400; line-height: normal; }

.headline__blocks__header__other {
  color: #999; filter: alpha(opacity=0); font-size: .8125em; list-style: none; margin: 0; max-height: 0;
  -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; overflow: hidden; padding: 0; position: relative; transition: all .1s linear;
}
.headline__blocks:hover .headline__blocks__header__other { filter: alpha(opacity=100); margin: 5px 0; max-height: 100px; -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; }
.headline__blocks__header__other:after, .headline__blocks__header__other:before { content: ""; display: table; }
.headline__blocks__header__other:after { clear: both; }
.headline__blocks__header__other li { display: table-cell; height: 16px; padding-right: 16px; vertical-align: middle; }
.headline__blocks__header__other i.material-icons { float: left; font-size: 16px; }
.headline__blocks__header__other time { float: left; margin-left: 5px; }

.share_counts:after { display: none; }
.share_counts span { color: #d0d0d0; display: inline-block; font-family: inherit; font-size: 12px; margin-right: 10px; }
.share_counts span i { border-radius: 3px; color: #d0d0d0; font-size: 18px; margin-left: 2px; margin-right: 2px; padding: 3px 0; position: relative; text-align: center; top: 1px; }
.share_counts span i.fa-facebook { font-size: 18px; margin-right: 4px; }
.share_counts span i.fa-twitter { font-size: 18px; top: 1px; }
.share_counts span i.fa-whatsapp { font-size: 18px; margin-right: 4px; }

@media (max-width: 767px) {
  .headline__blocks--phone { float: left; height: 300px; padding: 0; width: 100%; }
}

.news__item { margin-top: 30px; }
.news__item:first-child { margin-top: 0; }
.post-content { border-right: 1px solid #e3e3e3; padding-top: 20px; }
.content-comments { display: block; margin-top: 30px; padding: 0; }

.comments-show {
  background-clip: padding-box; background-color: #fff; border: 2px solid #ff9800; border-radius: 20px;
  color: #ff9800; cursor: pointer; font-family: inherit; font-size: .875em; font-style: normal; font-weight: 500;
  line-height: normal; padding: 10px 0; text-align: center; transition: all .3s; width: 100%;
}
.comments-show:hover { background-color: #ff9800; color: #fff; }
.comments-show span { font-weight: 400; }
.buzzy-comments { display: none; }

.content-chart { display: inline-block; height: 70px; position: relative; text-align: center; width: 70px; }
.content-chart canvas { left: 0; position: absolute; top: 0; }
.content-chart__percpercent { display: inline-block; line-height: 70px; z-index: 2; }
.content-iframe { margin: 0 -20px; width: calc(100% + 40px); }

.content-more {
  background: linear-gradient(180deg,#fff,hsla(0,0%,100%,0)); display: block; margin: -20px 10px 0;
  min-height: 44px; padding-top: 30px; position: relative; text-align: center; width: calc(100% - 20px);
}
.content-more:before { background-color: #d9d9d9; content: ""; height: 1px; left: 0; margin-top: 11px; position: absolute; top: 50%; width: 100%; }
.content-more__button {
  background-clip: padding-box; background-color: #fff !important; border: 1px solid #d9d9d9; border-radius: 20px;
  color: #333; cursor: pointer; display: inline-block; font-family: inherit; font-size: .9375em; font-style: normal;
  font-weight: 700; line-height: .9375em; margin: 0 auto; padding: 12px 16px; position: relative; text-align: center; transition: all .3s;
}
.content-more__button:hover { border-color: #aaa; color: #000 !important; box-shadow: 0 4px 10px rgba(0,0,0,0.05); }

.content-source-url { margin: 10px 30px 0; padding: 5px 20px; transition: all .3s; border-radius: 8px; }
.content-header {
  background: #fff; box-shadow: 0 2px 5px rgba(0,0,0,.26); height: 58px; left: 0; position: fixed; top: 0;
  transform: translateY(-115px) translateZ(0); transition: all .3s; width: 100%; z-index: 100;
}
.content-header.is-active { transform: translate(0) translateZ(0); }
.content-header__container { display: block; margin: 0 auto; position: relative; width: 1200px; }
.content-header__container:after, .content-header__container:before { content: ""; display: table; }
.content-header__container__left { float: left; line-height: 3.8em; max-width: 728px; }
.content-header__container__left__home { display: block; left: 0; line-height: normal; padding: 16px 14px; position: absolute; top: 0; }
.content-header__container__left__home a { color: #333; text-decoration: none; transition: all .3s; }
.content-header__container__left__home a:hover { color: #000; }
.content-header__container__left__title {
  border-left: 1px solid #eee; color: #333; font-family: inherit; font-size: 1.075em; font-weight: 500;
  height: 58px; margin-left: 55px; overflow: hidden; padding: 0 0 0 25px; text-overflow: ellipsis; white-space: nowrap; width: 728px;
}
.content-header__progress--container { background: #fff; height: 2px; position: absolute; top: 58px; width: 100%; }
.content-header__progress--container__progress { background: #ff9800; height: 2px; transition: all .3s; width: 0; }
.content-info, .content-title h1 { font-style: normal; line-height: normal; }

.list__item, .news__item { margin-top: 32px; }
.list__item:after, .news__item+.news__item:before { background: #ccc; content: ""; display: block; height: 2px; margin-bottom: 32px; width: 100%; }
.content-title, .content-title h1 { display: block; margin: 0; max-width: 100%; padding: 0; position: relative; width: 100%; }
.list__item:first-child, .news__item:first-child { margin-top: 0; }
.content-title h1 { color: #000; font-family: TMSans; font-size: 2.25em; font-weight: 700; }
.content-title a { color: #000; text-decoration: none; }
.content-info { color: #999; font-family: inherit; font-size: 1em; font-weight: 400; margin-top: 15px; }
.content-info span { display: table-cell; }

.user-info { float: left; font-family: inherit; width: 70%; }
.user-info .avatar { float: left; margin-right: 10px; }
.user-info .avatar img { height: 45px; width: 45px; border-radius: 50%; }
.user-info .info { position: relative; width: 100%; }
.user-info .info .content-info__author { color: #0574ee; font-size: 16px; font-weight: 600; text-decoration: none; }
.user-info .info .content-info__author:hover { color: #555; }
.user-info .info .detail { color: #888; display: block; font-size: 14px; margin-top: 4px; }

.item_category a {
  background-color: #bababa; color: #fff; display: inline-block; float: left; font-size: 12px;
  line-height: 12px; margin: 0 5px 5px 0; padding: 4px 8px; text-decoration: none; text-transform: uppercase;
  border-radius: 4px; transition: background 0.2s;
}
.item_category a:hover { background-color: #33495e; color: #fff; }
@media (max-width: 728px) {
  .content-info .item_category { clear: both; display: block; margin-top: 10px; }
  .content-info .item_category a { float: none; }
}
.content-info__line { display: inline-block; padding: 0 2px; }

.content-body { color: #222; display: block; position: relative; width: 100%; }
.content-body:after, .content-body:before { clear: both; content: ""; display: table; }
.content-body--left { display: block; float: left; min-height: 296px; padding-top: 10px; width: 48px; }
.content-body--right { float: left; margin-left: 22px; padding-right: 20px; width: calc(100% - 80px); }
.content-body__image { margin: 10px 0 0; padding: 0; position: relative; width: 100%; }
.content-body__description, .content-body__detail { font-style: normal; font-weight: 400; margin-top: 16px; }
.content-body__image img { display: block; height: auto; max-height: 443px; max-width: 788px; position: relative; width: 100%; z-index: 1; border-radius: 8px; }
.content-body__detail iframe, .content-body__detail img { max-width: 100%; width: 100%; }
.content-body__description { font-family: TMSans; font-size: 1.5em; line-height: 1.3em; }
.content-body__detail { font-family: inherit; font-size: 1.135em; line-height: 1.75em; }
.content-body__detail--listing { margin-top: 8px; }
.content-body__detail p:first-child { margin-top: 0; padding-top: 0; }
.content-body__detail p:last-child { margin-bottom: 0; padding-bottom: 0; }
.content-body__detail img { height: auto !important; }
.content-body__detail table { border-collapse: collapse; border-spacing: 0; margin: 15px 0; table-layout: fixed; width: 100%; }
.content-body__detail table thead { background-color: #f9f9f9; }
.content-body__detail table td, .content-body__detail table th { border: 1px solid #ccc; box-sizing: border-box; height: 30px; min-width: 40px; padding: 2px 4px; text-align: left; vertical-align: top; }
.content-body__detail a { color: #ff5722; font-weight: 700; text-decoration: none; }
.content-body__detail a:hover { text-decoration: underline; }
.content-body__detail h2, .content-body__detail h3, .content-body__detail h4, .content-body__detail h5, .content-body__detail h6 { font-family: TMSans; }
.content-body__detail h2, .content-body__detail h3 { clear: both; font-weight: 700; margin-bottom: 5px; padding: 5px 0; }
.content-body__detail ol, .content-body__detail ul { margin: 0; padding: 0 20px; }
.content-body__detail .fb-post, .content-body__detail iframe { border: 0; margin-bottom: 40px; min-height: 450px; min-width: 100%; width: 100%; }

.content-iframe { height: 0; margin-top: 16px; overflow: hidden; padding-bottom: 56.25%; padding-top: 1.38889rem; position: relative; width: calc(100% + 60px); border-radius: 8px; }
.content-iframe__item { bottom: auto; height: 100% !important; left: 0; position: absolute; right: auto; top: 0; width: 100% !important; z-index: 1; }
.content-body__detail small { font-size: 12px; line-height: 14px; }

.content-source-url {
  border: 1px dashed #ccc; color: inherit; display: block; font-family: Arial; font-size: 14px;
  margin-top: 16px; padding: 8px 16px; text-decoration: none; width: calc(100% + 60px); border-radius: 8px;
}
.content-share__icon, .content-share__item { background-clip: padding-box; border-radius: 100%; }
.content-source-url:hover { background: #f5f5f5; }
.content-source-url__subtitle { float: left; font-weight: 700; min-width: 63px; }
.content-source-url__content { color: #999; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: calc(100% - 63px); }

.content-tags { color: #999; font-family: inherit; font-size: 1.125em; font-style: normal; font-weight: 700; line-height: normal; margin-top: 15px; max-width: 100%; }
.content-comments__title, .content-ligatus__title { margin: 16px 0; padding: 0; }
.content-tags b { color: #222; }
.content-tags a { color: #ff5722; text-decoration: none; }
.content-ligatus { display: block; max-width: 100%; }
.content-share, .content-share__icon, .content-share__item { display: block; position: relative; }
.content-share { width: 48px; }
.content-share__item { cursor: pointer; height: 48px; line-height: 0; margin-top: 8px; padding: 8px; width: 48px; border-radius: 50%; transition: transform 0.2s; }
.content-share__item:hover { opacity: .9; transform: scale(1.1); }
.content-share__item:first-child { margin-top: 0; }
.content-share__icon { background-image: url(/assets/images/sprite.png?13c09c4b7ae8b24454f13c45aaadb304); height: 32px; width: 32px; }
.content-share__item.facebook { background-color: #4363a2; }
.content-share__item.facebook .content-share__icon { background-position: -4px -79px; height: 32px; width: 32px; }
.content-share__item.twitter { background-color: #60b5f1; }
.content-share__item.twitter .content-share__icon { background-position: -37px -46px; height: 32px; width: 32px; }
.content-share__item.pinterest { background-color: #c52027; }
.content-share__item.pinterest .content-share__icon { background-position: -4px -111px; height: 32px; width: 32px; }
.content-share__item.whatsapp { background-color: #34af23; }
.content-share__item.whatsapp .content-share__icon { background-position: -4px -47px; height: 32px; width: 32px; }
.content-share__item.mail { background-color: #8bc34a; }
.content-share__item.mail .content-share__icon { background-position: -37px -79px; height: 32px; width: 32px; }

.content-share__badge {
  background-clip: padding-box; background-color: #ff9800; border: 2px solid #fff; border-radius: 24px;
  color: #fff; display: none; font-family: Arial; font-size: .8125em; font-style: normal; font-weight: 700;
  height: 24px; line-height: 12px; min-width: 24px; padding: 4px; position: absolute; right: -8px; text-align: center; top: -8px;
}

.content-font { margin-top: 16px; padding-top: 16px; position: relative; }
.content-font.admin_setting { margin: 0 0 16px; padding: 0 0 16px; }
.content-font.admin_setting .material-icons { margin-left: 2px; margin-top: -2px; }
.content-font:before { background: #ddd; content: ""; display: block; height: 2px; left: 12px; margin: 0 auto; position: absolute; top: 0; width: 24px; }
.content-font.admin_setting:before { bottom: 0; top: auto; }

.content-font__item {
  background-clip: padding-box; border: 2px solid #ddd; border-radius: 100%; cursor: pointer;
  display: block; height: 48px; padding: 12px 8px; position: relative; width: 48px; transition: all 0.2s;
}
.content-font__item:hover { border-color: #999; background: #f5f5f5; }
.content-font__item:hover .content-font__icon { opacity: 1; }
.content-font__icon { background-image: url(/assets/images/sprite.png?13c09c4b7ae8b24454f13c45aaadb304); display: block; height: 19px; opacity: .6; position: relative; width: 25px; }

@media (max-width: 767px) {
  .content-title h1 { font-size: 1.5em; }
  .content-body__description { font-size: 1.1875em; margin-top: 8px; width: 100%; }
  .content-body__detail { font-size: 1.0625em; width: 100%; }
  .content-body--right { margin: 0; padding: 0; width: 100%; }
  .content-body--left { bottom: 0; left: 0; min-height: 0; position: fixed; width: 100%; z-index: 999; }
  .content-comments, .content-ligatus, .content-more, .content-share, .content-source-url, .content-tags, .gallery-widget { width: 100%; }
  .content-share:after, .content-share:before { content: ""; display: table; }
  .content-sticky { margin-top: 5px; position: relative; transform: none; }
  .content-share { bottom: 0; height: 46px; left: 0; position: fixed; z-index: 99999999; background: #fff; box-shadow: 0 -2px 10px rgba(0,0,0,0.1); }
  .content-share__item { background-clip: padding-box; border-radius: 0; display: block; margin: 0; opacity: 1 !important; padding: 7px 0; text-align: center; width: 24.99999975%; }
  .content-share__item:nth-child(1n) { clear: none; float: left; margin-right: 0; }
  .content-share__item:nth-child(0n+1) { clear: left; }
  .content-share__item:last-child { margin-right: 0; }
  .content-share__item.facebook { background-color: #4363a2; }
  .content-share__item.twitter { background-color: #60b5f1; }
  .content-share__item.pinterest { background-color: #c52027; display: none; }
  .content-share__item.whatsapp { background-color: #34af23; }
  .content-share__item.mail { background-color: #8bc34a; }
  .content-share__icon { background-clip: padding-box; border-radius: 100%; display: block; height: 32px; margin: 0 auto; position: relative; width: 32px; }
  .content-share__item.facebook .content-share__icon { background-position: -75px -68px; }
  .content-share__item.twitter .content-share__icon { background-position: -75px -35px; }
  .content-share__item.whatsapp .content-share__icon { background-position: -107px -35px; }
  .content-share__item.mail .content-share__icon { background-position: -75px -100px; }
  .content-share__item.gplus { display: none; }
}

.user-reactions { margin-top: 40px; }
.user-reactions .percentage-bar { display: flex; flex-wrap: wrap; margin-bottom: -10px; margin-top: 5px; }
.user-reactions .percentage-bar div.bar { display: block; height: 70px; margin-top: 20px; padding: 0; position: relative; text-align: center; width: 70px; }
.user-reactions .percentage-bar .count { background-color: #8cda9d; bottom: 0; display: block; left: 2px; position: absolute; text-align: center; width: 70px; }
.user-reactions .percentage-bar .count.f { background-color: #8cda9d; margin-bottom: 2px; transition: all 1s ease; }
.user-reactions .percentage-bar span.count-text { color: #424242; display: block; font-size: 14px; position: absolute; top: -22px; width: 100%; }
.user-reactions .reaction-emoji { display: inline-block; margin-bottom: 40px; padding: 2px; }
.user-reactions .reaction-emoji a {
  background-color: #f1f1f1; border: none; border-bottom: 2px; display: inline-block; height: 75px;
  margin-right: 10px; padding: 8px; width: 75px; border-radius: 12px; transition: all 0.2s;
}
.user-reactions .reaction-emoji a:first-child { margin-left: 0; }
.user-reactions .reaction-emoji a:last-child { margin-right: 0; }
.user-reactions .reaction-emoji a img { margin-left: 7px; margin-top: 2px; }
.user-reactions .reaction-emoji a span.text { color: #9a9a9a; display: block; font-size: 12px; margin-left: -5px; margin-top: 20px; position: absolute; text-align: center; width: 72px; }
.user-reactions .reaction-emoji a.active { background-color: #dadd85 !important; cursor: default; opacity: 1 !important; }
.user-reactions .reaction-emoji a:hover { background-color: #ddd; transform: translateY(-3px); }
.user-reactions .reaction-emoji a.off { cursor: default; opacity: .7; }
.user-reactions .reaction-emoji a.off:hover { background-color: #f1f1f1; }
.user-reactions .reaction-emoji a.off:hover span.text { color: #666; }

@media (max-width: 728px) {
  .user-reactions { margin-top: 40px; }
  .user-reactions .percentage-bar { margin-bottom: -10px; margin-top: 5px; }
  .user-reactions .percentage-bar div.bar { height: 34px; margin-top: 20px; width: 34px; }
  .user-reactions .percentage-bar .count { width: 32px; }
  .user-reactions .percentage-bar span.count-text { color: #424242; display: block; font-size: 14px; position: absolute; top: -22px; width: 100%; }
  .user-reactions .reaction-emoji { display: inline-block; margin-bottom: 20px; }
  .user-reactions .reaction-emoji a { border: none; height: 38px; margin-right: 5px; padding: 2px; width: 38px; }
  .user-reactions .reaction-emoji a img { height: 28px !important; margin-left: 3px; margin-top: 3px; width: 28px !important; }
  .user-reactions .reaction-emoji a span.text { display: none; }
}

.post-pagination { padding: 0 !important; }
.post-pagination a { text-decoration: none !important; }

.option-selection { border-collapse: separate; display: table; margin: 0 !important; padding: 0 !important; position: relative; width: 100%; }
.option-selection:after { clear: both; content: ""; display: table; }
.option-selection li { display: table-cell; float: left; margin-bottom: 15px; overflow: hidden; vertical-align: top; width: 33.3333333333%; }
.option-selection.thlarge li { width: 50%; }
.option-selection.thlist li { width: 100%; }
.option-selection.thlist li .item-media-placeholder { display: none; }
.option-selection.thlist li .answerinput { height: 60px; }
.option-selection .answer-check { font-size: 22px; left: 0; position: absolute; top: 0; width: 10px; }

.option-selection a {
  background-color: #f9f9f9; border: 1px solid #d8d8d8; clear: left; display: block; height: 100%;
  margin-left: 15px; padding-bottom: 2px; position: relative; border-radius: 8px; transition: all 0.2s;
}
.option-selection a:after { clear: both; content: ""; display: table; }
.option-selection a.closed { cursor: default !important; }
.option-selection a .answer-cover { display: block; padding: 9px 10px; }
.option-selection a .answer-cover img { display: block; margin-bottom: 10px; max-width: 100%; width: 100%; border-radius: 4px; }
.option-selection a .answer-cover .option-sel { color: #333; font-weight: 600; position: relative; }
.option-selection a .answer-cover .option-sel i { float: left; width: 22px; }
.option-selection a .answer-cover .option-sel .option-text { word-wrap: break-word; color: #3d3d3d; display: block; font-size: 18px; font-weight: 600; line-height: 21px; margin-left: 28px; vertical-align: top; }
.option-selection a:hover { background-color: #fff195; text-decoration: none; border-color: #ffe066; }
.option-selection a:hover .buzz-icon { background-position: -25px -148px !important; }
.option-selection a.active { background-color: #8ac5ff; cursor: default; text-decoration: none; border-color: #6ab0f7; }
.option-selection a.active .buzz-icon { background-position: -25px -148px !important; }
.option-selection a.off { cursor: default; }
.option-selection a.off i { font-feature-settings: "liga" 1 !important; -webkit-font-feature-settings: "liga" 1 !important; color: #e8e8e8; }
.option-selection a .meta { color: #444; font-size: 15px; position: absolute; right: 5px; top: 12px; }

.entry.quizquestion { margin-bottom: 50px; }
.entry.results {
  background-color: #fefefe; border: 1px solid #ddd; display: none; margin: 120px 0 150px;
  padding: 20px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}
.entry.results .post-title { color: #797979; font-size: 15px; font-weight: 600; line-height: 23px; margin: 0 0 10px; padding: 0; }
.entry.results .quiz_result { display: none; }
.entry.results .quiz_headline { color: #222; font-size: 30px; font-weight: 600; line-height: 37px; margin: 0 0 20px; }
.entry.results .quiz_text { float: left; font-size: 16px; font-weight: 600; overflow-x: hidden; padding-top: 5px; text-overflow: ellipsis; width: 50%; }
.entry.results .quiz_img { float: right; margin: 0; position: relative; width: 50%; }
.entry.results .quiz_img img { margin-left: 15px; width: 95%; border-radius: 8px; }
.entry.results .quiz_result_share { border-top: 1px solid #dadada; margin-top: 30px; padding-top: 30px; }

.BuzzyQuizAlert { margin-left: -356px !important; padding-bottom: 0 !important; width: 658px; }
.BuzzyQuizAlert h2 { font-size: 28px !important; line-height: 32px !important; margin: 0 !important; }
.BuzzyQuizAlert p { font-size: 20px; font-weight: 400; padding-top: 20px; }
.BuzzyQuizAlert .sa-icon { height: auto !important; margin-top: 0 !important; min-height: 350px !important; width: 100% !important; }
.BuzzyQuizAlert .external-sign-in strong, .BuzzyQuizAlert .sa-button-container { display: none; }
.BuzzyQuizAlert .sa-button-container button { margin: 0 !important; }

@media (max-width: 680px) {
  .BuzzyQuizAlert { bottom: 0 !important; left: 0 !important; margin: 0 !important; padding: 0 !important; right: 0 !important; top: 0 !important; width: 100% !important; }
  .BuzzyQuizAlert h2 { font-size: 18px !important; padding: 10px !important; }
  .BuzzyQuizAlert p { font-size: 16px !important; font-weight: 400; padding-top: 10px !important; }
  .BuzzyQuizAlert .sa-icon { margin-top: 10px !important; min-height: 150px !important; }
  .BuzzyQuizAlert .external-sign-in span { display: none; }
  .BuzzyQuizAlert .external-sign-in strong, .BuzzyQuizAlert .sa-button-container { display: block; }
  .BuzzyQuizAlert .cancel { padding: 7px 12px; position: absolute; right: 5px; top: 10px; }
  .answer { width: 105% !important; }
  .option-selection .option-text { font-size: 12px !important; line-height: 16px !important; margin-left: 15px !important; }
  .option-selection a .answer-cover { padding: 3px 4px !important; }
  .option-selection .answer-check { font-size: 14px !important; width: 10px !important; }
}

.embed-containera iframe { max-width: 100% !important; width: 100% !important; }

span.tagy a {
  background: #f3f3f3; border: 1px solid #e5e5e5; border-radius: 6px; color: #212020; display: inline-block;
  font-size: 16px; font-weight: 600; line-height: 24px; margin-bottom: 10px; margin-right: 10px; outline: 0;
  padding: 0 11px; position: relative; text-decoration: none; text-shadow: 0 1px 0 hsla(0,0%,100%,.7); transition: all .2s ease-in-out; vertical-align: middle;
}
span.tagy a:after, span.tagy a:before { border: solid transparent; bottom: 100%; content: " "; height: 0; left: 20px; pointer-events: none; position: absolute; width: 0; }
span.tagy a:before { border-color: hsla(0,0%,90%,0) hsla(0,0%,90%,0) #e5e5e5; border-width: 6px; margin-left: -6px; }
span.tagy a:after { border-color: hsla(0,0%,95%,0) hsla(0,0%,95%,0) #f3f3f3; border-width: 5px; margin-left: -5px; }
span.tagy a:hover { background: #e5e5e5; border-color: #e5e5e5; color: #58585a; }
span.tagy a:hover:after, span.tagy a:hover:before { border-bottom-color: #e5e5e5; }
span.tagy a i { color: #999; margin-right: 3px; vertical-align: middle; }

.profile-splash { margin-top: 60px; position: relative; }
.profile-splash .profile-splash-cov { background: linear-gradient(0deg,rgba(0,0,0,.6),transparent 40%); border-radius: 12px; bottom: 0; left: 0; pointer-events: none; position: absolute; right: 0; top: 0; }
.profile-splash .profile-image {
  background: #fff; border: 1px solid #dedede; bottom: -30px; box-sizing: border-box; height: 220px;
  left: 20px; padding: 5px; position: absolute; width: 220px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}
.profile-splash .profile-display-name { bottom: 10px; font-family: inherit; font-size: 30px; font-weight: 600; left: 280px; line-height: 24px; margin-bottom: 14px; position: absolute; }
.profile-splash .profile-display-name a { color: #fff; text-shadow: 0 1px 4px rgba(0,0,0,.8); }
.profile-splash .profile-follow { bottom: 20px; position: absolute; right: 20px; }
.profile-wrap { background: #f9f9f9; }
.profile-wrap:after { clear: both; content: ""; display: table; }
.profile-wrap .profile-content { padding: 0; }
.profile-wrap .profile-content:after { clear: both; content: ""; display: table; }
.profile-wrap .profile-content .profile-sidebar { border-right: 1px solid #d8d8d8; float: left; font-size: 13px; margin: 0; padding: 30px 0 0; position: relative; width: 270px; z-index: 10; }
.profile-wrap .profile-content .profile-sidebar .profile-section { border-bottom: 1px solid #e8e8e8; padding: 20px 20px 25px; }
.profile-wrap .profile-content .profile-sidebar .profile-section:after { clear: both; content: ""; display: table; }
.profile-wrap .profile-content .profile-sidebar .profile-section .profile-sidebar-label { color: #999; margin-bottom: 10px; }
.profile-wrap .profile-content .profile-sidebar .profile-section .profile-details { margin-left: 0; }
.profile-wrap .profile-content .profile-sidebar .profile-section .profile-details .profile-detail { display: block; font-size: 16px; line-height: 12px; margin-bottom: 5px; }
.profile-wrap .profile-content .profile-sidebar .profile-section .profile-details .profile-detail strong { color: #aaa; display: block; font-size: 14px; line-height: 27px; }
.profile-wrap .profile-content .profile-sidebar .profile-section .set-button { font-size: 16px; margin-top: 10px; padding: 6px 0; }
.profile-wrap .profile-content .profile-sidebar .profile-section .profile-stat { height: 16px; margin-bottom: 14px; }
.profile-wrap .profile-content .profile-sidebar .profile-section .profile-stat .profile-stat-label { background: none; clear: left; color: #333; display: block; float: left; font-size: 13px; line-height: 16px; text-transform: uppercase; }
.profile-wrap .profile-content .profile-sidebar .profile-section .profile-stat .profile-stat-label i { width: 20px; }
.profile-wrap .profile-content .profile-sidebar .profile-section .profile-stat .profile-stat-count { color: #3c3c3c; float: right; font-size: 16px; font-weight: 600; }
.profile-wrap .profile-content .profile-sidebar .profile-section .external-sign-in a { float: left; height: 40px; margin-right: 10px; padding: 0; width: 40px; }
.profile-wrap .profile-content .profile-main { background: #fff; border-left: 1px solid #d8d8d8; left: -1px; margin-left: 270px; min-height: 800px; overflow: hidden; padding: 20px 20px 0; position: relative; width: auto; }
.profile-wrap .profile-content .profile-main .profile-section-header { border-bottom: 1px solid #e8e8e8; box-sizing: border-box; height: 44px; line-height: 42px; margin: 0 -20px 30px; min-width: 100%; padding: 0 30px; text-align: center; white-space: nowrap; }
.profile-wrap .profile-content .profile-main .profile-section-header .profile-section-item { color: #3c3c3c; display: inline-block; font-size: 14px; margin: 0 6px; padding: 0 20px; }
.profile-wrap .profile-content .profile-main .profile-section-header .profile-section-item.active { border-bottom: 2px solid #1769ff; color: #2b2b2b; font-weight: 600; }
.profile-wrap .profile-content .profile-main .profile-section-header .profile-section-item:hover { border-bottom: 2px solid #333; color: #5b5b5b; }
.profile-wrap .profile-content .profile-main .setting-form .diviner { border-bottom: 1px solid #eee; color: #000; font-size: 16px; font-weight: 700; margin-bottom: 10px; margin-top: 30px; padding: 10px 0; text-transform: uppercase; }
.profile-wrap .profile-content .profile-main .setting-form .form-group { margin-bottom: 15px; }
.profile-wrap .profile-content .profile-main .setting-form .form-group label { color: #aaa; display: block; font-size: 13px; margin: 5px 0; }
.profile-wrap .follow-images .profile-sidebar-label { text-transform: uppercase; }
.profile-wrap .follow-images .more_follow { color: #999; float: right; }
.profile-wrap .follow-images .follow-image { float: left; margin-bottom: 5px; margin-right: 5px; overflow: hidden; }
.profile-wrap .follow-images .follow-image img { border-radius: 8px; }
.profile-wrap .follow-images .follow-image span { color: #333; display: block; max-width: 85px; overflow: hidden; padding: 5px 2px; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.profile-wrap .follow-images .follow-image.big { margin-bottom: 20px; margin-right: 20px; }

@media (max-width: 991px) {
  .profile-splash .profile-image { height: 140px !important; width: 140px !important; }
  .profile-display-name { left: 170px !important; }
  .profile-display-name a { font-size: 22px; }
  .profile-sidebar { border-right: 0 !important; float: none !important; width: auto !important; }
  .profile-main { border-left: 0 !important; margin-left: 0 !important; width: auto !important; }
  .profile-section-header { margin: 0 -20px 30px !important; padding: 0 !important; }
  .profile-section-header .profile-section-item { margin: 0 6px !important; padding: 0 5px !important; }
}
@media (max-width: 481px) {
  .profile-splash .profile-image { height: 90px !important; width: 90px !important; }
  .profile-display-name { bottom: 0 !important; left: 130px !important; }
  .profile-display-name a { font-size: 16px; }
  .profile-follow { bottom: 0; top: 15px; }
}

.modeempty-header { background-color: #f8f8f8; border: 1px solid #e5e5e5; border-radius: 8px; position: relative; }
.modeempty-header .modeempty_text { display: block; height: 100%; padding: 40px 0; text-align: center; vertical-align: middle; }
.modeempty-header .modeempty_text i { color: #999; font-size: 36px; }
.modeadmin_header { background-color: #ed1c24; border: 1px solid #e5e5e5; border-radius: 8px; position: relative; }
.modeadmin_header .modeadmin_text { color: #fff; display: block; height: 100%; padding: 10px; }
.modeadmin_header .modeadmin_text i { color: #fff; float: left; font-size: 22px; margin-right: 15px; margin-top: -4px; }

.user_messages_header { align-items: center; display: flex; justify-content: space-between; }
.user_messages_header h2 { color: #666; }
.user_messages_header a { color: #000; }

.user_messages .message {
  border-radius: 12px; box-shadow: 0 2px 4px 0 rgba(0,0,0,.1); display: flex; margin-bottom: 15px;
  padding: 20px; width: 100%; transition: transform 0.2s;
}
.user_messages .message:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
.user_messages .message:nth-child(odd) { background-color: #f9f9f9; }
.user_messages .message-user-icon { margin-right: 20px; }
.user_messages .message-user-icon img { width: 60px; border-radius: 50%; }
.user_messages .message-body { flex: 1; }
.user_messages .message-body p { margin: 0; }
.user_messages .message-meta { align-items: center; display: flex; margin-bottom: 15px; }
.user_messages .message-meta small { color: #ccc; margin: 0 10px; }
.user_messages .message-heading { color: #000; font-weight: 700; }
.user_messages .message-date { color: #aaa; font-size: 12px; font-weight: 400; }
.user_messages .message-pagination { text-align: center; }
.user_messages .message-reply-form { padding: 20px 0; }

.user_threads_header { align-items: center; display: flex; justify-content: space-between; }
.user_threads { border-collapse: collapse; border-color: inherit; border-radius: 8px; box-shadow: 0 2px 4px 0 rgba(0,0,0,.1); text-indent: 0; width: 100%; overflow: hidden; }
.user_threads .thread_header { background-color: #f9fafb; border-radius: 8px 0 0 8px; text-transform: uppercase; }
.user_threads .thread_header th { color: #6b7280; font-size: 12px; font-weight: 700; letter-spacing: .05em; padding: 10px 12px; text-align: left; }
.user_threads tbody { border-radius: 0 8px 8px 0; }
.user_threads .thread { border-top: 1px solid #e5e7eb; padding: 15px 0; }
.user_threads .thread.unreaded { background-color: #eef2ff; }
.user_threads .thread td { padding: 15px 12px; }
.user_threads .thread-body { flex: 1; }
.user_threads .thread-body .thread-heading { font-size: 15px; font-weight: 700; margin-bottom: 10px; position: relative; }
.user_threads .thread-body .thread-heading a { color: #000; }
.user_threads .thread-body p { color: #666; font-size: 13px; margin: 0; }
.user_threads .thread-message-count span { background-color: red; border-radius: 50%; color: #fff; font-size: 11px; font-weight: 600; line-height: 12px; padding: 1px 4px; }
.user_threads .thread-date { color: #aaa; font-size: 14px; font-weight: 400; width: 120px; }
.user_threads .thread-participants { width: 170px; }
.user_threads .thread-actions { position: relative; width: 40px; }
.user_threads .thread-actions .thread-actions-button { color: inherit; height: 40px; position: relative; width: 40px; z-index: 0; }
.user_threads .thread-pagination { text-align: center; }

.thread-participants-list a { border-radius: 50%; display: inline; margin-left: -15px; position: relative; width: 38px; }
.thread-participants-list a img { border: 3px solid #fff; border-radius: 50%; width: 38px; }
.thread-participants-list a:first-child { margin-left: 0; }
@media (max-width: 768px) { .user_threads_table_container { overflow-x: auto; } }

.profile-verified { align-items: center; display: flex; margin-top: 10px; }
.profile-verified span { align-items: center; display: flex; margin-right: 10px; }
.profile-verified span.verified { color: green; }
.profile-verified span.not_verified { color: red; }

.button {
  zoom: 1; border-radius: 8px; box-shadow: 0 1px 2px rgba(0,0,0,.2); cursor: pointer; display: inline-block;
  *display: inline; font: 14px/100% inherit; margin: 0 2px; outline: none; padding: .5em 2em .55em;
  text-align: center; text-decoration: none; vertical-align: baseline; transition: all 0.2s;
}
.button i.iconp { margin-right: 7px; }
.button .material-icons { vertical-align: middle; }
.button:hover { text-decoration: none; transform: translateY(-1px); box-shadow: 0 4px 8px rgba(0,0,0,0.15); }
.button.button-bigrounded { border-radius: 2em; }
.button.button-medium { font-size: 16px; padding: .4em 1.5em .42em; }
.button.button-small { font-size: 14px; padding: .2em 1em .275em; }
.button.button-big { font-size: 18px; padding: .2em 1em .275em; }
.button.button-full { font-size: 22px; padding: .2em 1em .275em; width: 100%; }

.button.button-black { background-color: #666; background-image: linear-gradient(180deg,#666,#000); border: 1px solid #333; color: #d7d7d7; }
.button.button-black:hover { background-color: #444; background-image: linear-gradient(180deg,#444,#000); }
.button.button-black:active { background-color: #000; background-image: linear-gradient(180deg,#000,#444); color: #666; }

.button.button-gray { background-color: #888; background-image: linear-gradient(180deg,#888,#575757); border: 1px solid #555; color: #e9e9e9; }
.button.button-gray:hover { background-color: #757575; background-image: linear-gradient(180deg,#757575,#4b4b4b); }
.button.button-gray:active { background-color: #575757; background-image: linear-gradient(180deg,#575757,#888); color: #afafaf; }

.button.button-white { background-color: #fff; background-image: linear-gradient(180deg,#fff,#ededed); border: 1px solid #b7b7b7; color: #606060; }
.button.button-white:hover { background-color: #fff; background-image: linear-gradient(180deg,#fff,#dcdcdc); }
.button.button-white:active { background-color: #ededed; background-image: linear-gradient(180deg,#ededed,#fff); color: #999; }

.button.button-orange { background-color: #faa51a; background-image: linear-gradient(180deg,#faa51a,#f47a20); border: 1px solid #da7c0c; color: #fef4e9; }
.button.button-orange:hover { background-color: #f88e11; background-image: linear-gradient(180deg,#f88e11,#f06015); }
.button.button-orange:active { background-color: #f47a20; background-image: linear-gradient(180deg,#f47a20,#faa51a); color: #fcd3a5; }

.button.button-red { background-color: #ed1c24; background-image: linear-gradient(180deg,#ed1c24,#aa1317); border: 1px solid #980c10; color: #faddde; }
.button.button-red:hover { background-color: #c9151b; background-image: linear-gradient(180deg,#c9151b,#a11115); }
.button.button-red:active { background-color: #aa1317; background-image: linear-gradient(180deg,#aa1317,#ed1c24); color: #de898c; }

.button.button-blue { background-color: #00adee; background-image: linear-gradient(180deg,#00adee,#0078a5); border: 1px solid #0076a3; color: #d9eef7; }
.button.button-blue:hover { background-color: #0095cc; background-image: linear-gradient(180deg,#0095cc,#00678e); }
.button.button-blue:active { background-color: #0078a5; background-image: linear-gradient(180deg,#0078a5,#00adee); color: #80bed6; }

.button.button-create {
  background-color: #c15aff; background-image: linear-gradient(180deg,#c15aff,#bc49ff); border-color: #bc49ff;
  color: #fff; margin-top: -2px; padding: 7px 18px; border-radius: 8px;
}
.button.button-create:active, .button.button-create:hover { background-color: #b63eff !important; border-color: #b63eff !important; }
.button.button-create i { display: none; font-size: 18px; margin-top: -3px; vertical-align: middle; }
@media (max-width: 479px) {
  .button.button-create i { display: block; }
  .button.button-create b { display: none; }
}

.button.button-rosy { background-color: #f16c7c; background-image: linear-gradient(180deg,#f16c7c,#bf404f); border: 1px solid #b73948; color: #fae7e9; }
.button.button-rosy:hover { background-color: #cf5d6a; background-image: linear-gradient(180deg,#cf5d6a,#a53845); }
.button.button-rosy:active { background-color: #bf404f; background-image: linear-gradient(180deg,#bf404f,#f16c7c); color: #dca4ab; }

.button.button-green { background-color: #7db72f; background-image: linear-gradient(180deg,#7db72f,#4e7d0e); border: 1px solid #538312; color: #e8f0de; }
.button.button-green:hover { background-color: #6b9d28; background-image: linear-gradient(180deg,#6b9d28,#436b0c); }
.button.button-green:active { background-color: #4e7d0e; background-image: linear-gradient(180deg,#4e7d0e,#7db72f); color: #a9c08c; }

.button.button-pink { background-color: #feb1d3; background-image: linear-gradient(180deg,#feb1d3,#f171ab); border: 1px solid #d2729e; color: #feeef5; }
.button.button-pink:hover { background-color: #f4aacb; background-image: linear-gradient(180deg,#f4aacb,#e86ca4); }
.button.button-pink:active { background-color: #f171ab; background-image: linear-gradient(180deg,#f171ab,#feb1d3); color: #f3c3d9; }

.button.button-instagram { background: #3f729b; border: 1px solid #3f729b; color: #feeef5; }
.button.button-instagram:hover { background: #2e5883; }
.button.button-soundcloud { background: #f50; border: 1px solid #f50; color: #fff; }
.button.button-soundcloud:hover { background: #ce4400; }

.external-sign-in { margin: 0 auto; max-width: 100%; padding: 1em 0 .5em; width: 100%; }
.Facebook, .Google, .Instagram, .Pinterest, .Reddit, .Rss, .Twitter, .Vkontakte, .Weburl {
  background: #eee; background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fdfdfd),color-stop(100%,#e0e0e0));
  background-image: -moz-linear-gradient(to bottom,#fdfdfd,#e0e0e0); color: #fff; font-size: 16px; font-weight: 400; overflow: hidden; padding: 0; position: relative;
}
.Facebook:hover, .Google:hover, .Instagram:hover, .Pinterest:hover, .Reddit:hover, .Rss:hover, .Twitter:hover, .Vkontakte:hover, .Weburl:hover { transition: background-color .3s ease 0s; }
.Facebook.do-signup, .Google.do-signup, .Instagram.do-signup, .Pinterest.do-signup, .Reddit.do-signup, .Rss.do-signup, .Twitter.do-signup, .Vkontakte.do-signup, .Weburl.do-signup {
  border: 1px solid transparent; border-radius: 8px; box-sizing: border-box; color: #fff; cursor: pointer;
  display: inline-block; font-family: inherit; font-size: 16px; margin: 0; padding: 12px 10px 12px 16px;
  text-align: left; text-decoration: none; white-space: nowrap; width: 100%; transition: transform 0.2s;
}
.Facebook.do-signup:hover, .Google.do-signup:hover, .Instagram.do-signup:hover, .Pinterest.do-signup:hover, .Reddit.do-signup:hover, .Rss.do-signup:hover, .Twitter.do-signup:hover, .Vkontakte.do-signup:hover, .Weburl.do-signup:hover {
  transform: translateY(-2px); box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
.Facebook.do-signup:after, .Google.do-signup:after, .Instagram.do-signup:after, .Pinterest.do-signup:after, .Reddit.do-signup:after, .Rss.do-signup:after, .Twitter.do-signup:after, .Vkontakte.do-signup:after, .Weburl.do-signup:after { left: 5px; top: 5px; }
.Facebook.mini, .Google.mini, .Instagram.mini, .Pinterest.mini, .Reddit.mini, .Rss.mini, .Twitter.mini, .Vkontakte.mini, .Weburl.mini { float: left; height: 40px; margin-bottom: 10px; margin-left: 0; margin-right: 10px; padding: 0; width: 40px; border-radius: 8px; }
.Facebook.mini .buzz-icon, .Google.mini .buzz-icon, .Instagram.mini .buzz-icon, .Pinterest.mini .buzz-icon, .Reddit.mini .buzz-icon, .Rss.mini .buzz-icon, .Twitter.mini .buzz-icon, .Vkontakte.mini .buzz-icon, .Weburl.mini .buzz-icon { margin-left: 7px; margin-right: 0; margin-top: 7px; }

button, button::-moz-focus-inner { border: none; outline: none; }
.Facebook { background: #3b5998; } .Facebook:hover { background: #243d7f; }
.Google { background: #cd3627; } .Google:hover { background: #be1f14; }
.Twitter { background: #6aadd1; } .Twitter:hover { background: #4e97c3; }
.Instagram { background: #3f729b; } .Instagram:hover { background: #2e5883; }
.Reddit { background: #7db3ef; } .Reddit:hover { background: #77abe4; }
.Pinterest { background: #d30005; } .Pinterest:hover { background: #c80005; }
.Vkontakte { background: #587ea3; } .Vkontakte:hover { background: #6590ba; }
.Rss { background: #f4851f; } .Rss:hover { background: #c56b19; }
.Weburl { background: #333; text-align: center; } .Weburl i { font-size: 22px; }

.social_links { margin: 0 auto; max-width: 100%; width: 100%; }
.social_links a {
  align-items: center; border-radius: 8px; box-sizing: border-box; color: #333; cursor: pointer;
  display: flex; font-family: inherit; font-size: 16px; line-height: 1; margin: 0 0 5px; padding: 10px 10px 10px 16px;
  text-align: left; text-decoration: none; white-space: nowrap; width: 100%; transition: all 0.2s;
}
.social_links a:hover { opacity: .9; background: #f5f5f5; }
.social_links a img { margin-right: 10px; }
.social_links.only_icons { display: flex; flex-wrap: wrap; }
.social_links.only_icons a { height: 40px; margin: 0 2px 5px; padding: 0; text-align: center; width: 40px; }
.social_links.only_icons a img { margin: 0 auto; }
.sidebar-block .social_links { padding: 1em 0 .5em; }

.btn-more {
  background: #fff; border: 1px solid #333; box-sizing: border-box; clear: both; color: #333; display: block;
  font-size: 16px; margin: 0 auto; max-width: 600px; padding: 15px 20px; text-align: center; text-transform: uppercase;
  width: 100%; border-radius: 8px; transition: all 0.2s;
}
.btn-more:hover { background-color: #1880bc; border-color: #155cbc; color: #fff; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(24,128,188,0.2); }

.label { border-radius: .25em; color: #fff; display: inline-block; font-size: 75%; font-weight: 700; line-height: 1; padding: .2em .6em .3em; position: relative; text-align: center; vertical-align: baseline; white-space: nowrap; }
.label-staff { background-color: #f0ad4e; }
.label-admin { background-color: #d9534f; }
.label-banned { background-color: #000; }

.share_social {
  border: 1px solid #ddd; border-radius: 50%; color: #fbfbfb; display: block; float: left; font-size: .9em;
  height: 25px; line-height: 30px; margin-left: 3px; margin-top: -5px; text-align: center; transition: border .085s linear, color .085s linear; width: 25px;
}
.share_social i { color: #ddd; font-size: 17px; }
.share_social:hover.is-twitter { border-color: #21c7e5; color: #21c7e5; }
.share_social:hover.is-twitter i { color: #21c7e5; }
.share_social:hover.is-facebook { border-color: #416ebe; color: #416ebe; }
.share_social:hover.is-facebook i { color: #416ebe; }

.content-mosts__list, .sidebar-mosts, .sidebar-trend { counter-reset: li-counter; list-style-type: none; }

.material-icons {
  word-wrap: normal; font-feature-settings: "liga"; direction: ltr; display: inline-block; font-family: Material Icons;
  font-size: 24px; font-style: normal; font-weight: 400; letter-spacing: normal; line-height: 1; text-transform: none; white-space: nowrap;
}
.material-button, .sidebar-more { cursor: pointer; letter-spacing: 0; text-decoration: none; }
.material-button {
  background: 0 0; border: none; border-radius: 8px; color: #000; display: inline-block; font-family: Roboto,Helvetica,Arial,sans-serif;
  font-size: .875em; font-weight: 500; height: 36px; line-height: 36px; min-width: 64px; outline: 0; overflow: hidden;
  padding: 0 16px; position: relative; text-align: center; text-transform: uppercase; transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1); vertical-align: middle;
}
.material-button--icon { border-radius: 50%; font-size: 1.5em; height: 32px; line-height: normal; margin-left: 0; margin-right: 0; min-width: 32px; overflow: hidden; padding: 0; width: 32px; }
.material-button .material-icons { left: 50%; line-height: 24px; margin: -12px; position: absolute; top: 50%; width: 24px; }
.material-button::-moz-focus-inner { border: 0; }
.material-button:hover { background-color: hsla(0,0%,62%,.2) !important; }
.material-button:focus:not(:active) { background-color: rgba(0,0,0,.12); }
.material-button:active { background-color: hsla(0,0%,62%,.4); }
.material-button--raised { background: hsla(0,0%,62%,.2); box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12); }
.material-button--raised:hover { background: hsla(0,0%,62%,.2); box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15); }
.material-button--raised .material-icons { font-size: 1.3rem; line-height: inherit; }
.material-button--raised .material-icons.left { margin-right: 15px; }
.material-button--raised .material-icons.right { margin-left: 15px; }
.material-button--floating {
  border-radius: 50%; cursor: pointer; display: inline-block; height: 37px; line-height: 37px; overflow: hidden;
  padding: 0; position: relative; transition: .3s; vertical-align: middle; width: 37px; z-index: 1;
}
.material-button--floating .material-icons { color: #fff; display: inline-block; font-size: 1.6rem; line-height: 37px; text-align: center; width: inherit; }

.material-shadow--1dp { box-shadow: 0 2px 2px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.1),0 1px 5px 0 rgba(0,0,0,.1); }
.material-shadow--2dp { box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12); }
.material-shadow--3dp { box-shadow: 0 3px 4px 0 rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.2),0 1px 8px 0 rgba(0,0,0,.12); }
.material-shadow--4dp { box-shadow: 0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2); }
.material-shadow--6dp { box-shadow: 0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.2); }
.material-shadow--8dp { box-shadow: 0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2); }
.material-shadow--16dp { box-shadow: 0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2); }
.material-shadow--24dp { box-shadow: 0 9px 46px 8px rgba(0,0,0,.14),0 11px 15px -7px rgba(0,0,0,.12),0 24px 38px 3px rgba(0,0,0,.2); }

.ripple-wrapper { background: hsla(0,0%,100%,.4); border-radius: 100%; display: block; position: absolute; transform: scale(0); }
.ripple-wrapper.animated { animation: ripple .85s linear; -webkit-animation: ripple .85s linear; -moz-animation: ripple .85s linear; -o-animation: ripple .85s linear; }
.has-ripple { user-over: none; outline: 0; overflow: hidden; position: relative; z-index: 9; }
@keyframes ripple { to { opacity: 0; transform: scale(2.5); } }
@-webkit-keyframes ripple { to { opacity: 0; transform: scale(2.5); } }

.auth-modal {
  background: #f8f8f8 !important; border-radius: 12px !important; bottom: auto !important; margin-top: 0 !important;
  padding: 0 !important; top: 75px !important; vertical-align: top; width: 420px !important; box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}
@media (max-width: 479px) { .auth-modal { width: 320px !important; } }

.login-form, .signup-form { padding: 0 30px; }
.login-form label, .signup-form label { color: #2e2e2e; display: block; float: left; font-size: 16px; font-weight: 400; line-height: 16px; margin-bottom: 5px; margin-top: 10px; }
.login-form form, .signup-form form { padding: 0; position: relative; width: 100%; }
.login-form .signup-container.step-one, .signup-form .signup-container.step-one { padding-top: 15px; }
.login-form .connect-with-email, .signup-form .connect-with-email { color: #999; display: inline-block; font-size: 14px; font-weight: 400; margin-top: 10px; text-decoration: underline; }
.login-form .under-email-signin, .signup-form .under-email-signin { display: block; padding: 7px 0 10px; width: 100%; }
.login-form .under-email-signin:after, .signup-form .under-email-signin:after { clear: both; content: ""; display: table; }
.login-form .under-email-signin .rememberme, .signup-form .under-email-signin .rememberme { align-items: center; display: flex; float: left; line-height: 18px; margin: 10px 0 0; position: relative; width: 50%; }
.login-form .under-email-signin .rememberme label, .signup-form .under-email-signin .rememberme label { margin: 0 !important; }
.login-form .under-email-signin .forgot-pass, .signup-form .under-email-signin .forgot-pass { float: right; font-size: 13px; line-height: 18px; padding: 5px 0 0; }
.login-form .step-actions, .signup-form .step-actions { border-top: 1px solid #d2d2d0; font-size: 13px; margin: 20px 0 0; padding: 20px 0 0; }
.login-form .step-actions:after, .signup-form .step-actions:after { clear: both; content: ""; display: table; }
.login-form .step-actions a, .signup-form .step-actions a { color: #999; display: inline-block; font-size: 16px; margin: 0 0 8px; }

.connect-forms { padding: 18px 0 0; }
.connect-forms .hdr { color: #000; font-size: 20px; font-weight: 700; margin: 0 0 .3em; }
.connect-forms .external-sign-in button { font-size: 22px; height: auto; line-height: 55px; width: 100%; border-radius: 8px; }
.connect-forms .external-sign-in button:after { height: 90%; margin-top: 5px; }
.connect-forms .external-sign-in .mini { display: none; }

.email-form { padding: 18px 0 0; }
.email-form .hdr { color: #000; font-size: 20px; font-weight: 700; margin: 0 0 .3em; }
.email-form .emailbox { padding: 5px 0; }
.signup-terms { color: #999; font-size: 14px; padding: 1.5em 0 2em; }
.signup-terms a { color: #999; text-decoration: underline; }

ul.tagit {
  border: 1px solid #aaa; border-radius: 8px; box-shadow: inset 0 0 4px 0 #ccc; box-sizing: border-box;
  margin: 0; margin-left: inherit; margin-right: inherit; overflow: auto; padding: 4px 6px;
}
ul.tagit li { display: block; float: left; margin: 2px 5px 2px 0; }
ul.tagit li.tagit-choice { background: #dfeffc; border: 1px solid #c5dbec; color: #2e6e9e; font-weight: 700; line-height: inherit; padding: 4px 0; position: relative; border-radius: 4px; }
input.tagit-hidden-field { display: none; }
ul.tagit li.tagit-choice-read-only { padding: .2em .5em; }
ul.tagit li.tagit-choice-editable { padding: .2em 18px .2em .5em; }
ul.tagit li.tagit-new { padding: .25em 4px .25em 0; }
ul.tagit li.tagit-choice a.tagit-label { cursor: pointer; text-decoration: none; }
ul.tagit li.tagit-choice .tagit-close { cursor: pointer; line-height: 17px; margin-top: -10px; position: absolute; right: .3em; top: 50%; }
ul.tagit li.tagit-choice input { display: block; float: left; margin: 2px 5px 2px 0; }
ul.tagit input[type=text] { background-color: inherit; border: none; box-shadow: none; box-sizing: border-box; margin: 0; outline: none; padding: 0; width: inherit; }

.dropdown-container {
  background-color: #fff; bottom: auto; box-shadow: 0 10px 30px rgba(0,0,0,0.15); left: auto; padding: 8px 0;
  position: absolute; right: auto; top: auto; transform: scale(0); transition: transform .3s ease; z-index: 9;
  border-radius: 12px; overflow: hidden;
}
.dropdown-container ul { list-style: none; margin: 0; padding: 0; }
.badge-count { background-color: red; border-radius: 50%; color: #fff; font-size: 11px; font-weight: 600; line-height: 12px; padding: 1px 4px; position: absolute; right: 0; top: 0; z-index: 9; }

.dropdown-container__item { cursor: pointer; display: block; line-height: 1; list-style: none; padding: 0 16px; position: relative; transition: all .3s; }
.dropdown-container__item .badge-count { right: 10px; top: 10px; }
.dropdown-container__item a {
  align-items: center; color: #333; display: flex; font-size: .875em; font-weight: 400; height: 30px; line-height: 1em;
  max-width: 250px; overflow: hidden; text-decoration: none; text-overflow: ellipsis; transition: all .3s; white-space: nowrap;
}
.dropdown-container__item a i { font-size: 14px; line-height: normal; margin-right: 10px; vertical-align: middle; }
.dropdown-container__item:hover { background: #f5f5f5; }
.dropdown-container__item:hover a { color: #000; }
.dropdown-container__item:last-child { padding-bottom: 0; }
.dropdown-container.is-visible { transform: scale(1); }

.category-dropdown .dropdown-container__item, .settings-dropdown .dropdown-container__item { line-height: 0; padding: 0; }
.category-dropdown .dropdown-container__item a, .settings-dropdown .dropdown-container__item a { cursor: pointer; display: block; line-height: 2.375em; list-style: none; padding: 0 16px; transition: all .3s; }
.md-tabs__tab, .share-dropdown { font-family: inherit; font-size: .875em; }

.share-dropdown { background-color: #f5f5f5; font-style: normal; font-weight: 400; line-height: normal; padding: 10px 0 !important; border-radius: 12px; }
.share-dropdown .dropdown-container__item { cursor: pointer; height: auto !important; line-height: 0; min-width: 160px; padding: 10px 20px !important; }
.share-dropdown .dropdown-container__item:hover .share-dropdown__title { color: #000; }
.share-dropdown .dropdown-container__item:hover .share-dropdown__icon { opacity: 1; }

.share-dropdown__icon { background-image: url(/assets/images/sprite.png?13c09c4b7ae8b24454f13c45aaadb304); display: block; float: left; height: 16px; line-height: normal; opacity: .7; transition: all .3s; width: 20px; }
.share-dropdown__icon--facebook { background-position: 0 -22px; height: 16px; width: 20px; }
.share-dropdown__icon--twitter { background-position: -19px -22px; height: 16px; width: 20px; }
.share-dropdown__icon--google { background-position: -58px -128px; height: 16px; width: 20px; }
.share-dropdown__icon--mail { background-position: -38px -128px; height: 16px; width: 20px; }
.share-dropdown__icon--whatsapp { background-position: -39px -22px; height: 16px; width: 20px; }
.share-dropdown__title { color: #333; display: block; float: left; line-height: normal; margin-left: 20px; transition: all .3s; }

.font-dropdown:after, .font-dropdown:before { content: ""; display: table; }
.font-dropdown { box-shadow: 0 -10px 50px 0 rgba(0,0,0,.2); margin: 0; min-width: 115px; padding: 0; border-radius: 8px; }
.font-dropdown:before { border-bottom: 5px solid #fff; height: 0; left: 18px; position: absolute; top: -5px; width: 0; }
.font-dropdown__item { border-right: 1px solid #eee; float: left; }
.font-dropdown__item:last-child { border: none; }
.font-dropdown__item__icon { cursor: pointer; display: block; height: 15px; margin: 20px 0; opacity: .7; position: relative; width: 29px; }
.font-dropdown__item__icon--minus, .font-dropdown__item__icon--plus { background-image: url(/assets/images/sprite.png?13c09c4b7ae8b24454f13c45aaadb304); background-position: -25px 0; height: 19px; width: 25px; }
.font-dropdown__item__icon--minus { background-position: -51px 0; height: 19px; width: 25px; }

@media (min-width: 768px) and (max-width: 1047px) { .notification-dropdown { margin: 4px -5px 0 0; } }
@media (max-width: 1047px) { .notification-dropdown__arrow { right: 12px; } }
@media (max-width: 767px) {
  .notification-dropdown { margin: 4px -5px 0 0; }
  .notification-dropdown__status { max-width: 250px; min-width: 250px; }
  .notification-dropdown__status__button, .notification-dropdown__status__notice { display: block; width: 100%; }
  .notification-dropdown__link { min-width: 100%; width: 100%; }
  .notification-dropdown__list { margin: 0; padding: 0; }
  .notification-dropdown__item { max-width: 250px; min-width: 250px; }
  .notification-dropdown__image { display: none; float: none; height: auto; line-height: 0; width: 100%; }
  .notification-dropdown__image img { height: auto; width: 100%; }
  .notification-dropdown__caption { float: none; margin: 0; width: 100%; }
  .notification-dropdown__title { margin-top: 5px; }
}

.back-to-top {
  background-clip: padding-box; background-color: rgba(0,0,0,.6); border-radius: 50%; bottom: 20px; color: #fff;
  cursor: pointer; line-height: 0; padding: 12px; position: fixed; right: 20px; transition: all .3s; z-index: 999;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}
.back-to-top:hover { background-color: #4e5bff; transform: translateY(-3px); }
.back-to-top i.material-icons { height: 24px; width: 24px; }

.blocker { z-index: 999 !important; }
.modal {
  background: #fff; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,.45); display: none;
  padding: 15px 30px; width: 400px;
}
.modal a.close-modal { right: -8.5px; top: -12.5px; }
@media (max-width: 479px) {
  .modal { bottom: 0 !important; left: 0 !important; margin: 0 !important; right: 0 !important; top: 0 !important; width: 100% !important; border-radius: 12px 12px 0 0; }
  .modal a.close-modal { right: 10px !important; top: 10px !important; }
  .modal .external-sign-in .mini { display: block; }
  .modal .external-sign-in .do-signup { display: none; }
}

.pagination {
  border-radius: 8px; box-shadow: 0 3px 5px 0 rgba(0,0,0,.08); display: inline-block; list-style: none;
  margin: 20px 0; overflow: hidden; padding: 0;
}
.pagination li {
  background: #fff; border-right: 1px solid #eee; color: #999; cursor: pointer; display: block; float: left;
  font-size: 1em; font-weight: 700; height: 44px; line-height: 44px; text-align: center; text-decoration: none !important; transition: all .3s; width: 44px;
}
.pagination li:not(.disabled):hover { background: #f1f1f1; color: #000; }
.pagination li.active, .pagination li.active:hover { background: #f44336; color: #fff; }
.pagination li.disabled a, .pagination li.disabled span { opacity: .3; }
.pagination li a { color: inherit; display: block; font-size: 16px; font-weight: 700; text-decoration: none; }
@media (max-width: 767px) { .pagination li { font-size: .875em; height: 35px; line-height: 35px; width: 35px; } }

.buzz-icon { background-image: url(/assets/images/sprite.png?13c09c4b7ae8b24454f13c45aaadb304); display: inline-block; vertical-align: middle; }
.buzz-icon.buzz-facebook { background-position: -4px -20px; height: 18px; margin-top: -4px; opacity: .2; width: 16px; }
.buzz-icon.buzz-twitter { background-position: -16px -20px; height: 20px; margin-top: -1px; opacity: .2; width: 26px; }
.buzz-icon.buzz-whatsapp { background-position: -38px -20px; height: 20px; margin-top: -2px; opacity: .2; width: 26px; }
.buzz-icon.buzz-facebook-big { background-position: -78px -70px; }
.buzz-icon.buzz-facebook-big, .buzz-icon.buzz-twitter-big { height: 26px; margin-right: 10px; margin-top: -4px; opacity: 1; width: 26px; }
.buzz-icon.buzz-twitter-big { background-position: -78px -37px; }
.buzz-icon.buzz-google-big { background-position: -111px -4px; }
.buzz-icon.buzz-google-big, .buzz-icon.buzz-ingtagram-big { height: 26px; margin-right: 10px; margin-top: -4px; opacity: 1; width: 26px; }
.buzz-icon.buzz-ingtagram-big { background-position: -78px -4px; }
.buzz-icon.buzz-vkontakte-big { background-position: -111px -71px; }
.buzz-icon.buzz-vkontakte-big, .buzz-icon.buzz-weburl-big { height: 26px; margin-right: 10px; margin-top: -4px; opacity: 1; width: 26px; }
.buzz-icon.buzz-weburl-big { background-position: -111px -104px; }
.buzz-icon.buzz-answer-circle { background-position: -3px -148px; float: left; height: 22px; opacity: 1; width: 22px; }

.badge {
  background-color: #ffc90f; border-radius: 50%; color: #2b2b2b; font-size: 12px; height: 38px; left: -10px;
  line-height: 14px; padding: 4px; position: absolute; text-transform: uppercase; top: -10px; width: 38px; z-index: 90;
}
.badge .badge-img { background-repeat: no-repeat; background-size: contain; display: block; height: 30px; line-height: 1; margin: 0; padding: 0; width: 30px; }
.badge.featured { background-color: #ed1c24; }
.badge.featured .badge-img { background-image: url(/assets/images/26a1.png?b219c0455823f67ceac1ccac2ffa4ec6); }
.badge.rocket { background-color: #ffc90f; }
.badge.rocket .badge-img { background-image: url(/assets/images/rocket.png?88ab6ad08e07aea206fc80f2af482e77); }
.badge.quiz { background-color: #17b02f; }
.badge.quiz .badge-img { background-image: url(/assets/images/quiz.png?b644be1359cd5c00f7a94c61b9474bdd); margin: 1.5%; }
.badge.poll { background-color: #17b02f; }
.badge.poll .badge-img { background-image: url(/assets/images/poll.png?6d0a0e52df6cf5e32e276ebb720ed522); margin: 1.5%; }

.buzz-author-box {
  background-color: #fff; border: 1px solid rgba(0,0,0,.1); border-radius: 16px; margin: 20px 0 25px;
  overflow: hidden; padding: 30px; position: relative; box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}
.buzz-author-box.author-has-cover { padding-top: 85px; }
.buzz-author-box .buzz-author-splash { height: 130px; position: relative; }
.buzz-author-box .buzz-author-splash img { width: 100%; }
.buzz-author-box .buzz-author-cover {
  background: #f6f6f6; background-position: top; background-repeat: no-repeat; background-size: cover;
  display: block; height: 130px; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 0;
}
.buzz-author-box .buzz-author-image { margin: 0 auto; position: relative; text-align: center; width: 90px; }
.buzz-author-box .buzz-author-image img.avatar {
  background-color: #fff; border-radius: 50%; box-shadow: 0 0 5px 0 rgba(0,0,0,.1); height: 90px; margin: 0 auto; padding: 5px; width: 90px;
}
.buzz-author-box .buzz-author-image .author-image-rank { bottom: -10px; left: auto; max-height: 40px; position: absolute; right: -10px; width: 40px; }
.buzz-author-box .buzz-author-actions { margin-top: 10px; }
.buzz-author-box .buzz-author-info { color: #a0a0a0; font-size: 16px; text-align: center; }
.buzz-author-box .buzz-author-info > div { margin: 15px 0 0; }
.buzz-author-box .buzz-author-description { line-height: 1.4; margin-bottom: 1em; }
.buzz-author-box h3.buzz-author-name { display: inline-block; font-size: 20px; font-weight: 700; line-height: 1; margin: 0; position: relative; z-index: 1; }
.buzz-author-box h3.buzz-author-name a { color: #000; }
.buzz-author-box .buzz-author-social .social_links a { background: transparent !important; border: transparent !important; height: auto; margin-right: 6px; padding: 0; width: auto; }
.buzz-author-box .buzz-user-counters { background: #f6f6f6; display: flex; flex-wrap: wrap; }
.buzz-author-box .buzz-user-counters .buzz-counter-item { border-left: 1px solid #f4f4f4; flex: 1; padding: 10px 2px; text-align: center; }
.buzz-author-box .buzz-user-counters .buzz-counter-item .item-count { color: #53585c; font-size: 18px; font-weight: 600; line-height: 1.2em; }
.buzz-author-box .buzz-user-counters .buzz-counter-item .item-label { color: #a0a0a0; font-size: 12px; font-weight: 400; line-height: 1em; }

@media only screen and (min-width: 782px) {
  .buzz-author-box.center-items .buzz-author-image { float: left; }
  .buzz-author-box.center-items .buzz-author-actions { display: inline-block; margin-left: 15px; margin-top: 0; }
  .buzz-author-box.center-items .buzz-author-info { margin-left: 120px; text-align: left; }
  .buzz-author-box.center-items:not(.author-has-cover) .buzz-author-box-name { margin-top: 0; }
  .buzz-author-box.center-items .buzz-author-bax-footer { align-items: center; display: flex; justify-content: space-between; }
}

.question-post-form fieldset { border: 0; margin: 0; padding: 0; }
.buzzeditor legend { color: #111; font-family: inherit; font-size: 17px; font-weight: 600; margin: 0; padding: 15px 0 5px; }
.buzzeditor legend:after { clear: both; content: ""; display: table; }
.buzzeditor iframe, .buzzeditor object { min-height: 450px; }

section.form { border-bottom: 1px solid #e3e3e3; color: #111; font-family: inherit; margin: 0; max-width: 100%; padding: 10px 20px 20px; }
section.form:after { clear: both; content: ""; display: table; }
section.form.last { border-bottom: 0; }

.simditor .simditor-toolbar > ul { opacity: .9; padding: 0; }
.cd-form { max-width: 100%; width: 100%; }
.cd-form:after { clear: both; content: ""; display: table; }
.cd-form .cd-label { color: #94aab0; display: block; font-size: 14px; margin-bottom: 10px; }
.cd-form input[type=checkbox], .cd-form input[type=radio] { left: 0; margin: 0; opacity: 0; padding: 0; position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; }
.cd-form input[type=checkbox] + label, .cd-form input[type=radio] + label { font-size: 13px; padding-left: 24px; }
.cd-form input[type=checkbox] + label:after, .cd-form input[type=checkbox] + label:before, .cd-form input[type=radio] + label:after, .cd-form input[type=radio] + label:before { content: ""; display: block; height: 16px; left: 0; margin-top: -10px; position: absolute; top: 50%; width: 16px; }
.cd-form input[type=checkbox] + label:before, .cd-form input[type=radio] + label:before { background: #fff; border: 1px solid #cfd9db; box-shadow: inset 0 1px 1px rgba(0,0,0,.08); }
.cd-form input[type=radio] + label:after, .cd-form input[type=radio] + label:before { border-radius: 50%; }
.cd-form input[type=checkbox] + label:after, .cd-form input[type=checkbox] + label:before { border-radius: .25em; }
.cd-form input[type=checkbox] + label:after, .cd-form input[type=radio] + label:after { background-color: #2c97de; background-position: 50%; background-repeat: no-repeat; box-shadow: 0 0 5px rgba(44,151,222,.4); display: none; }
.cd-form input[type=checkbox]:focus + label:before, .cd-form input[type=radio]:focus + label:before { box-shadow: 0 0 5px rgba(44,151,222,.6); }
.cd-form input[type=checkbox]:checked + label:after, .cd-form input[type=radio]:checked + label:after { display: block; }
.cd-form input[type=checkbox]:checked + label:after, .cd-form input[type=checkbox]:checked + label:before, .cd-form input[type=radio]:checked + label:after, .cd-form input[type=radio]:checked + label:before { -webkit-animation: bounce .3s infinite alternate; animation: bounce .3s infinite alternate; }
.cd-form-list:after { clear: both; content: ""; display: table; }
.cd-form-list li { display: inline-block; float: left; margin: 0 26px 16px 0; position: relative; }

input, label, select, textarea { color: #2b3e51; font-family: inherit; font-size: 16px; }

.cd-input, select, textarea {
  background: #fff; border: 1px solid #d0d0d0; border-radius: 8px; box-shadow: inset 0 1px 1px rgba(0,0,0,.1);
  box-sizing: border-box; display: block; overflow: hidden; padding: 10px; position: relative; width: 100%; z-index: 1;
  transition: border-color 0.3s, box-shadow 0.3s;
}
.cd-input:focus, select:focus, textarea:focus {
  border-color: #00adee;
  box-shadow: 0 0 0 3px rgba(0, 173, 238, 0.15), inset 0 1px 1px rgba(0,0,0,.1);
  outline: none;
}
select { cursor: pointer; }
textarea { min-height: 35px; overflow: auto; resize: vertical; }

.question-post-form:after { clear: both; content: ""; display: table; }
.question-post-form .createtitle { margin-top: 15px; padding-left: 20px; }
.question-post-form h3 { font-size: 22px; font-weight: 400; margin-top: 10px; }
.question-post-form .submit-button { float: left; margin-top: 15px; width: auto; }
.question-post-form .submit-button i { margin-right: 10px; }
.question-post-form textarea.question { height: 75px !important; min-height: 75px !important; }
.question-post-form .fr-box.fr-basic .fr-element { font-family: inherit; font-size: 17px; line-height: 1.75em; }
.question-post-form .fr-box.fr-basic .fr-second-toolbar, .question-post-form .fr-box.fr-basic .fr-toolbar.fr-top, .question-post-form .fr-box.fr-basic .fr-wrapper { border-color: #aaa; }
.question-post-form .fr-box.fr-basic .fr-toolbar.fr-top { border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; }
.question-post-form .fr-box.fr-basic .fr-second-toolbar { border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; }
.question-post-form .tox-tinymce { border-color: #aaa; border-radius: 5px; }
.question-post-form .simditor, .question-post-form .tox-tinymce iframe, .question-post-form .tox-tinymce img { max-width: 100%; }
.question-post-form .simditor .simditor-toolbar { background: #f1f1f1; border-bottom: 1px solid #eee; position: relative; width: 100%; z-index: 10; }
.question-post-form .simditor .simditor-toolbar > ul > li > .toolbar-item { color: #000; display: block; float: left; font-size: 15px; height: 36px; line-height: 38px; outline: none; text-align: center; text-decoration: none; width: 36px; }
.question-post-form .simditor .simditor-toolbar > ul > li > .toolbar-item.active { background: #ccc; }
.question-post-form .simditor .simditor-body { min-height: 200px; }
.question-post-form .simditor .simditor-body, .question-post-form .simditor .simditor-body p { font-family: inherit; font-size: 16px; line-height: 24px; word-break: break-all; }
.question-post-form .simditor .simditor-body iframe, .question-post-form .simditor .simditor-body img { max-width: 100%; }
.question-post-form .simditor .simditor-popover .settings-field { height: auto; }
.question-post-form .simditor .simditor-popover .settings-field input[type=text] { font-size: 11px; margin-bottom: 10px; padding: 4px; }

.question-post-form .title-input {
  border: 1px solid #d0d0d0; border-radius: 8px; box-shadow: inset 0 1px 1px rgba(0,0,0,.1);
  box-sizing: border-box; font-size: 20px; font-weight: 700; overflow: hidden; padding: 12px 7px; position: relative; z-index: 1;
}

.question-post-form .entry {
  background-color: #f3f3f3; background-image: linear-gradient(180deg,#f8f8f8,#f3f3f3); background-repeat: repeat-x;
  border: 1px solid #aaa; border-radius: 8px; box-shadow: 0 0 10px rgba(0,0,0,.2); font-size: 12px;
  margin-bottom: 20px; min-height: 160px; padding: 10px 12px 10px 50px; position: relative; width: 100%;
}
.question-post-form .entry:first-child .up-entry, .question-post-form .entry:last-child .down-entry { display: none; }
.question-post-form .entry input {
  border: 1px solid #aaa; border-radius: 8px; box-shadow: none; box-sizing: border-box; color: #444;
  font-family: inherit; font-size: 13px; font-weight: 700; padding: 10px; width: 100%;
}
.question-post-form .entry .imagearea { position: relative; }
.question-post-form .entry .imagearea img { max-width: 100% !important; width: 100%; border-radius: 4px; }
.question-post-form .entry .imagearea .thumbactions { bottom: 25px; left: 5px; opacity: .7; position: absolute; }
.question-post-form .entry .imagearea .thumbactions a { padding: 4px 5px; }
.question-post-form .entry .imagearea:hover .thumbactions { opacity: 1; }
.question-post-form .entry h3 { border-bottom: 2px solid #ddd; color: #444; font-size: 16px; font-weight: 700; height: 30px; line-height: 26px; margin: 0 0 20px; text-indent: 2px; }
.question-post-form .entry h3 i { color: #767676; margin-right: 5px; }
.question-post-form .entry .entryactions { background: rgba(0,0,0,.075); border-right: 1px solid #ccc; bottom: 0; left: 0; position: absolute; top: 0; width: 40px; }
.question-post-form .entry .entryactions .get-button { color: #767676; cursor: pointer; height: 30px; margin-left: 5px; margin-top: 5px; padding: 2px 7px; width: auto; border-radius: 4px; }
.question-post-form .entry .entryactions .get-button.delete-entry { background: #ed1c24; bottom: 5px; color: #fff; left: 0; margin-left: 5px; margin-top: 5px; position: absolute; top: auto; }
.question-post-form .entry:hover > .entryactions { opacity: 1; }
.question-post-form .entry div.inpunting { padding-bottom: 10px; position: relative; }
.question-post-form .entry .wysiwyg-container { background-color: #fff; }
.question-post-form .entry .get-button { border-radius: 4px; color: #565656; font-size: 14px; margin: 0; outline: none; padding: 0; text-align: center; transition: none; }
.question-post-form .entry .get-button.button-white { background-image: linear-gradient(180deg,#fcfcfc,#eee); }
.question-post-form .entry .get-button.button-white:hover { border: 1px solid #ccc; }
.question-post-form .entry .note { color: #777; font-family: inherit; font-size: 12px; line-height: 16px; margin-top: 15px; text-align: center; }
.question-post-form .entry .getvideoinput { position: relative; }
.question-post-form .entry .getvideoinput button {
  border-bottom-left-radius: 0; border-top-left-radius: 0; bottom: 0; box-shadow: 0; color: #fff; float: right;
  font-weight: 700; margin-left: -3px; position: absolute; right: 0; top: 0; width: 90px; z-index: 5;
}
.question-post-form .entry .getvideoinput button i { font-size: 16px; margin-left: 10px; }

.question-post-form .entry .item-media-placeholder {
  background-color: #fff; border: 2px dashed #cacaca; color: #999; cursor: pointer; font-size: 22px;
  margin-bottom: 10px; padding: 40px 10px; position: relative; text-align: center; border-radius: 8px; transition: all 0.2s;
}
.question-post-form .entry .item-media-placeholder input.uploadaimage { bottom: 0; cursor: pointer; display: block; height: 100%; left: 0; margin: 0; opacity: 0; padding: 0; position: absolute; right: 0; top: 0; width: 100%; }
.question-post-form .entry .item-media-placeholder .image-upload-actions { font-size: 14px; margin-top: 5px; position: relative; z-index: 5; }
.question-post-form .entry .item-media-placeholder .image-upload-actions .getimageurl { background-color: #f5f5f6; box-shadow: none; }
.question-post-form .entry .item-media-placeholder .image-upload-actions .getimageurl i { margin-left: 5px; }
.question-post-form .entry .item-media-placeholder:hover { background-color: #fefefe; border-color: #0076a3; }
.question-post-form .entry .item-media-placeholder:hover i { color: #0076a3; }

.question-post-form .moredetail { display: block; width: 100%; }
.question-post-form .moredetail:after { clear: both; content: ""; display: table; }
.question-post-form .moredetail a.trigger { color: #888; display: block; font-size: 12px; font-weight: 400; line-height: 26px; text-align: center; text-indent: 2px; }
.question-post-form .moredetail a.trigger .up { display: none; }
.question-post-form .lists-types { margin: 0; }
.question-post-form .lists-types .button { border-radius: 8px; box-sizing: border-box; cursor: pointer; float: left; font-size: 14px; margin: 0 12px 0 0; width: 32%; }
.question-post-form .lists-types .button i { float: left; font-size: 18px; }
.question-post-form .lists-types .button.last { float: right; margin: 0; }

.question-post-form .order-number, .question-post-form .order-number:hover {
  background-color: #fcfcfc; background-image: linear-gradient(180deg,#fcfcfc,#eee); border: 0;
  border-bottom-left-radius: 8px; border-bottom-right-radius: 0; border-right: 1px solid #b6b6b6;
  border-top-left-radius: 8px; border-top-right-radius: 0; box-shadow: none; color: #333; cursor: default;
  float: left; font-size: 16px; font-weight: 700; height: 35px; left: -1px; padding: .5em .8em; position: absolute; top: 1px; width: auto; z-index: 5;
}
.question-post-form .ordering input { padding-left: 50px; }
.question-post-form .ordering.noorder .order-number { display: none; }
.question-post-form .ordering.noorder input { padding-left: 10px; }
.question-post-form .ordering.noorder.pushpoll .order-number { display: block !important; }
.question-post-form .ordering.noorder.pushpoll input { padding-left: 50px; }

.question-post-form .poll-wrapper { margin-bottom: 20px; }
.question-post-form .poll-wrapper .poll-options { margin-top: 0; }
.question-post-form .poll-wrapper .poll-options .poll-option { display: block; float: none; width: 100%; }
.question-post-form .poll-wrapper .poll-options .poll-option input { padding: 7px; }
.question-post-form .poll-wrapper .actions p { color: #999; float: left; }
.question-post-form .poll-wrapper .actions a { color: #f8a42e; float: right; }

.question-post-form .answers .answer {
  border-radius: 8px; box-shadow: none; float: left; margin: 0 0 15px; padding: 0; position: relative; width: 33.3333333333%;
}
.question-post-form .answers .answer .answer-wrapper { background: #fff; border: 1px solid #dcdbdb; margin-left: 14px; border-radius: 8px; overflow: hidden; }
.question-post-form .answers .answer .entryactions { background: transparent; border: 0; bottom: auto; box-shadow: none; left: auto; opacity: 1; position: absolute; right: -5px; top: -5px; width: auto; z-index: 100; }
.question-post-form .answers .answer .entryactions .delete-entry { background: #fff; border-radius: 100%; box-shadow: none; font-size: 10px; height: 18px; padding: 0; position: relative; width: 18px; z-index: 100; }
.question-post-form .answers .answer .entryactions .delete-entry i { color: #333; margin: 0; }
.question-post-form .answers .answer .entryactions .delete-entry:hover { background: red; }
.question-post-form .answers .answer .entryactions .delete-entry:hover i { color: #fff; }
.question-post-form .answers .answer .drag-handle { background-color: #999; color: #fff; cursor: move; cursor: -webkit-grabbing; display: none; font-size: 7px; left: 25px; padding: 3px; position: absolute; top: 10px; z-index: 100; }
.question-post-form .answers .answer .drag-handle:hover { background-color: #444; }
.question-post-form .answers .answer:hover .drag-handle { display: block; }
.question-post-form .answers .answer .item-media-placeholder { border-color: #ccc; font-size: 14px; margin: 10px 10px 0; padding-bottom: 57px; padding-top: 57px; }
.question-post-form .answers .answer .item-media-placeholder .upload-or-url { color: #ccc; font-size: 12px; }
.question-post-form .answers .answer .item-media-placeholder:hover { border-color: #0076a3; }
.question-post-form .answers .answer .imagearea img { min-height: 180px; width: 100%; }
.question-post-form .answers .answer .answerinput { border: 0; border-bottom: 1px solid #ddd; height: 70px; margin: 0 !important; resize: none; }
.question-post-form .answers .answer .getassignres { background: #fbfbfb; border: 0 !important; color: #888 !important; margin: 0; padding: 10px 10px 10px 7px; }
.question-post-form .answers .answer .getassignres:hover { background-color: #f1f1f1; }
.question-post-form .answers.thlarge .answer { width: 50%; }
.question-post-form .answers.thlist .answer { width: 100%; }
.question-post-form .answers.thlist .answer .item-media-placeholder, .question-post-form .answers.thlist .answer .mediaupload { display: none; }
.question-post-form .answers.thlist .answer .answerinput { height: 60px; }
.question-post-form .answerbutton { border: 1px solid #ddd; box-shadow: none; display: block; float: none; padding-left: 0; padding-right: 0; width: auto; }

.answertypeselection { float: left; height: 50px; margin-top: -20px; }
.answertypeselection .clickanswertype { font-size: 20px; padding: 2px 6px; }

.question-post-side-bar-form { padding: 20px 0; }
.question-post-side-bar-form:after { clear: both; content: ""; display: table; }
.question-post-side-bar-form .thumbwrapper .preview-placeholder {
  background: #fff; border: 3px dashed #e8e8e8; color: #aaa; cursor: pointer; display: block; font-size: 22px;
  padding: 40px 0 26px; position: relative; text-align: center; border-radius: 8px;
}
.question-post-side-bar-form .thumbwrapper .preview-placeholder input { bottom: 0; cursor: pointer; left: 0; margin: 0; opacity: 0; padding: 0; position: absolute; right: 0; top: 0; }
.question-post-side-bar-form .thumbwrapper .preview-placeholder .image-upload-actions { font-size: 14px; margin-top: 5px; position: relative; z-index: 5; }
.question-post-side-bar-form .thumbwrapper .preview-placeholder .image-upload-actions .getimageurl { background-color: #f5f5f6; box-shadow: none; }
.question-post-side-bar-form .thumbwrapper .preview-placeholder .image-upload-actions .getimageurl i { margin-left: 5px; }
.question-post-side-bar-form .previewshow { background: #f6f6f6; display: none; max-height: 160px; overflow: hidden; position: relative; text-align: center; width: 100%; border-radius: 8px; }
.question-post-side-bar-form .previewshow img { margin: 0 auto; max-width: 100%; }
.question-post-side-bar-form .previewshow .thumbactions { bottom: 5px; position: absolute; right: 5px; }
.question-post-side-bar-form .previewshow .thumbactions a { padding: 4px 5px; }
.question-post-side-bar-form .sidebar-actions { margin-top: 20px; }
.question-post-side-bar-form .sidebar-actions .button { margin-bottom: 10px; padding-left: 0; padding-right: 0; }

@media (max-width: 480px) {
  .answers .answer { width: 100% !important; }
  #addnew .button { display: block !important; float: none !important; }
  .lists-types a { margin-bottom: 5px !important; width: 100% !important; }
}
@media (max-width: 990px) {
  .add-form .mainside { border-right: 0 !important; margin-left: -20px; margin-right: -20px; width: auto; }
  section.form { padding: 10px 0 20px !important; }
}
@media (min-width: 990px) and (max-width: 1200px) {
  .add-form .mainside { width: 650px !important; }
}

.instagram-media { max-width: 100% !important; }

div.tagsinput {
  background: #fff; border: 1px solid #aaa; border-radius: 8px; box-shadow: inset 0 0 4px 0 #ccc;
  height: auto; overflow-y: auto; padding: 5px 5px 0; width: 100%;
}
div.tagsinput span.tag {
  background: #cde69c; border: 1px solid #a5d24a; border-radius: 4px; color: #638421; display: block;
  float: left; font-family: helvetica; font-size: 13px; margin-bottom: 5px; margin-right: 5px; padding: 5px; text-decoration: none;
}
div.tagsinput span.tag a { color: #82ad2b; font-size: 11px; font-weight: 700; text-decoration: none; }
div.tagsinput input { background: transparent; border: 1px solid transparent; color: #000; font-family: helvetica; font-size: 13px; margin: 0 5px 5px 0; outline: 0; padding: 5px; width: 80px; }
div.tagsinput div { display: block; float: left; }
.tags_clear { clear: both; height: 0; width: 100%; }
.not_valid { background: #fbd8db !important; color: #90111a !important; }

section.layout a {
  border: 1px solid transparent; border-right-color: #efefef; box-sizing: border-box; color: #a6a6a6;
  cursor: pointer; display: inline-block; float: left; font-family: inherit; font-size: 14px; padding: 10px 0 12px;
  position: relative; text-align: center; width: 20%; border-radius: 8px 8px 0 0; transition: all 0.2s;
}
section.layout a:hover { background: #f4f4f4; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; }
section.layout a.selected { background: #efefef; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; color: #000; }
section.layout a.selected:after, section.layout a.selected:before { border: solid transparent; content: " "; height: 0; left: 50%; pointer-events: none; position: absolute; top: 100%; width: 0; }
section.layout a.selected:after { border-color: #efefef rgba(136,183,213,0) rgba(136,183,213,0); border-width: 10px; margin-left: -10px; }
section.layout a.selected:before { border-color: #cac9c9 rgba(194,225,245,0) rgba(194,225,245,0); border-width: 11px; margin-left: -11px; }
section.layout a:first-child.selected { border-left: 0; }
section.layout a:last-child.selected { border-right: 0; }
section.layout a i { display: block; font-size: 28px; margin-bottom: 5px; margin-top: 5px; text-align: center; }
section.layout a strong { font-size: 15px; font-weight: 400; margin-bottom: 5px; }

.moreentrywidget { display: none; }
.moreentrywidget.show { display: block; }

.slug-container { float: right; padding: 15px 0 5px; text-align: right; width: 50%; }
.slug-container .post_slug_text { color: #a6a6a6; cursor: pointer; font-size: 13px; }
.slug-container .post_slug_edit { margin-left: 10px; }
.slug-container .post_slug_input, .slug-container.show_input .post_slug_text { display: none; }
.slug-container.show_input .post_slug_input { display: flex; }
.slug-container.show_input .post_slug_input input { padding: 5px 8px; border-radius: 4px; border: 1px solid #ccc; }

.fb-comments { margin-bottom: 30px; width: 102%; }
.fb-comments iframe { margin: -7px; width: 102%; }
.fb_iframe_widget { display: block !important; }
.fb-post > span, .fb_iframe_widget iframe { width: 100% !important; }

.swal-title { color: #575757; display: block; font-size: 30px; font-weight: 600; line-height: 40px; margin: 25px 0; padding: 0; position: relative; text-align: center; text-transform: none; }
.swal-footer { margin-top: 32px; overflow: hidden; text-align: center; }
.swal-footer .swal-button { font-size: 17px; border-radius: 8px; }
.swal-button { padding: 10px 32px; border-radius: 8px; }
.swal-button--cancel { background-color: #c1c1c1; color: #fff; }
.swal-button--cancel:not([disabled]):hover { background-color: #a8a8a8; }

#nprogress .bar { background: #f8a42e; }
#nprogress .peg { box-shadow: 0 0 10px #f8a42e, 0 0 5px #f8a42e; }
#nprogress .spinner-icon { border-left-color: #f8a42e; border-top-color: #f8a42e; }

.content-sidebar-mosts__item__image, .content-timeline__media, .sidebar-mosts__item__image { position: relative; }
.content-sidebar-mosts__item__image:after, .content-timeline__media:after, .sidebar-mosts__item__image:after {
  background: #f7f7f7 url(/assets/images/preloader.gif?d2ef22f50071cd07aa3f977728cbeb24);
  background-position: 50%; background-size: cover; bottom: 0; content: ""; height: 100%; left: 0;
  opacity: 1; position: absolute; right: 0; top: 0; z-index: 0;
}
.content-sidebar-mosts__item__image .sidebar-mosts__item__image__item, .content-timeline__media .sidebar-mosts__item__image__item, .sidebar-mosts__item__image .sidebar-mosts__item__image__item { position: relative; z-index: 1; }

.comment-heading { border-bottom: 2px solid #eee; display: flex; margin-bottom: 20px; }
.comment-heading .header-title { border-bottom: 2px solid #000; display: inline-flex; font-family: inherit; font-size: 18px; font-weight: 600; line-height: 180%; margin-bottom: -2px; margin-top: 0; padding: 0 20px 0 0; }
.comment-heading span { color: #000; display: inline-block; font-size: 14px; }
.comment-short { display: inline-flex; margin-left: auto; }
.comment-short a { align-items: center; color: #aaa; display: flex; font-size: 12px; font-weight: 400; height: 26px; line-height: 1.2; padding: 2px 9px; border-radius: 4px; transition: all 0.2s; }
.comment-short a.active { background-color: #eee; border-radius: 5px; color: #000; }
.comment-pagination { display: block; text-align: center; }
.comment-pagination li { font-size: .875em; height: 35px; line-height: 35px; width: 35px; }

.add-comment { border-color: rgba(0,39,59,.18); margin-bottom: 25px; position: relative; }
.add-comment h3 { color: #697279; font-size: 18px; margin-bottom: 20px; }
.add-comment img.usericont { border-radius: 50%; float: left; height: 48px; width: 48px; }
.add-comment .add-comment-form { padding-left: 60px; }
.add-comment .add-comment-form > div {
  border: 2px solid #d4d7d8; border-radius: 12px; transition: border-color 0.3s;
}
.add-comment .add-comment-form > div:focus-within { border-color: #00adee; }
.add-comment .add-comment-form > div textarea {
  background-color: transparent; border: none; box-sizing: border-box; color: #6c7477; display: block;
  font-size: 16px; height: 36px; line-height: 18px; outline: none; overflow: auto; padding: 15px; resize: none; width: 100%;
}
.add-comment .add-comment-form > div textarea::-webkit-input-placeholder, .add-comment .add-comment-form > div textarea:-moz-placeholder, .add-comment .add-comment-form > div textarea::-moz-placeholder, .add-comment .add-comment-form > div textarea:-ms-input-placeholder { line-height: 24px; }
.add-comment .add-comment-form > div .add-comment-form-actions {
  background-color: #f5f5f5; background-color: hsla(0,0%,93%,.51); border-radius: 0 0 10px 10px;
  border-top: 2px solid #d4d7d8; display: none; line-height: 32px; min-height: 30px; position: relative;
}
.add-comment .add-comment-form > div .add-comment-form-actions:after { clear: both; content: ""; display: block; }
.add-comment .add-comment-form > div .add-comment-form-actions button {
  align-items: center; background-color: #08c; border: none; border-left: 2px solid #d4d7d8; bottom: 0;
  color: #fefafa; cursor: pointer; display: flex; font-size: 13px; font-weight: 400; justify-content: center;
  line-height: 28px; overflow: hidden; padding: 0 10px; position: absolute; right: 0; text-align: center;
  text-overflow: ellipsis; top: 0; transition: background-color .3s; white-space: nowrap; width: 110px; z-index: 1;
}
.add-comment .add-comment-form > div .add-comment-form-actions button:hover { background-color: #035e8b; }
.add-comment .add-comment-form > div .add-comment-form-actions label { color: #a3adb2; cursor: pointer; font-size: 12px; padding-left: 25px; position: relative; }
.add-comment-loading { display: none; }
.form-active .add-comment-loading { display: block; }
.form-active .add_new_comment span { display: none; }

.add-subcomment { display: none; margin-bottom: 0; margin-top: 20px; position: relative; }
.add-subcomment img.usericont { border-radius: 50%; float: left; height: 40px; width: 40px; }
.add-subcomment .comment .comment .comment-content { padding-left: 50px !important; }
.add-subcomment .add-comment-form { padding-left: 50px; }
.add-subcomment .add-comment-form > div textarea { height: 40px; padding: 10px; }

.comment {
  border-bottom: 1px solid #fafafb; margin-bottom: 15px; padding-bottom: 15px; position: relative;
  border-radius: 8px; padding: 15px; transition: background 0.2s;
}
.comment:hover { background: #fcfcfc; }
.comment:after, .comment:before { content: " "; display: table; }
.comment:after { clear: both; }
.comment .avatar { border-radius: 50%; float: left; height: 48px; width: 48px; }
.comment .comment-content { padding-left: 60px; position: relative; }
.comment .comment-content .comment-top { margin-bottom: 3px; }
.comment .comment-content .comment-top a { color: #288ce4; font-size: 15px; font-weight: 600; position: relative; }
.comment .comment-content .comment-top a:hover .dropdown-menu.top { display: block !important; }
.comment .comment-content .comment-top a.guest { color: #000; }
.comment .comment-content .comment-top a.admin { color: #d75959; }
.comment .comment-content .comment-top a.mod { color: #92d663; }
.comment .comment-content .comment-top .date { color: rgba(0,39,59,.35); font-size: 14px; font-weight: 500; padding-left: 12px; }
.comment .comment-content .comment-top .date span { color: #e4e4e4; left: -6px; position: relative; }
.comment .comment-content .comment-top .date a { color: rgba(0,39,59,.35); font-size: 14px; font-weight: 400; }
.comment .comment-content .comment-top .report { display: none; position: absolute; right: 5px; }
.comment .comment-content .comment-top .report a { color: #566267; }
.comment .comment-content .comment-top .report .material-icons { font-size: 16px; }
.comment .comment-content:hover > .comment-top > .report { display: block; }
.comment .comment-content .comment-text-p p { color: #000; font-size: 15px; font-weight: 400; line-height: 22px; margin: 0; opacity: .9; padding: 7px 0; }
.comment .comment-content .comment-text-p p a { color: rgba(0,0,247,.65); font-weight: 500; }
.comment .comment-content .comment-text-p p a:hover { text-decoration: underline; }
.comment .comment-content .comment-text-p p a.reply_user { color: #288ce4; }
.comment .comment-content .comment-spoiler-text { background-color: #ddd; color: #4d4d4d; cursor: pointer; display: none; font-size: 15px; line-height: 38px; margin: 11px 0; text-align: center; border-radius: 4px; }
.comment .comment-content .comment-spoiler-text span { color: #382903; text-decoration: underline; }
.comment .comment-content.spoiler-content .comment-text-p { display: none; }
.comment .comment-content.spoiler-content .comment-spoiler-text { display: block; }

.comment .comment-content .comment-actions {
  align-items: center; color: rgba(39,39,39,.65); display: flex; font-size: 13px; font-weight: 600; margin-top: 3px;
}
.comment .comment-content .comment-actions a {
  align-items: center; color: rgba(39,39,39,.65); display: inline-flex; font-size: 13px; font-weight: 500; padding-left: 0;
}
.comment .comment-content .comment-actions a:hover { color: #9ba5a9; }
.comment .comment-content .comment-actions a .material-icons { color: rgba(0,39,59,.25); font-size: 16px; }
.comment .comment-content .comment-actions a .material-icons:hover { color: #9ba5a9; }
.comment .comment-content .comment-actions > .like { color: #6dad85; text-decoration: none; }
.comment .comment-content .comment-actions > .like .material-icons { margin-left: 5px; }
.comment .comment-content .comment-actions > .dislike { color: #ad756d; text-decoration: none; }
.comment .comment-content .comment-actions > .dislike .material-icons { margin-left: 5px; }
.comment .comment-content .comment-actions > span { color: rgba(0,39,59,.35); cursor: pointer; font-size: 10px; padding: 0 5px; text-decoration: none; }

.comment-replies { position: relative; margin-left: 20px; border-left: 2px solid #eee; padding-left: 15px; }
.comment-replies .comment { border-bottom: none; margin-bottom: 0; margin-top: 20px; padding-bottom: 0; }
.comment-replies .comment .avatar { height: 40px; width: 40px; }
.comment-replies .comment .comment-content { padding-left: 50px; }

.load-more-comment { color: #63add6; display: block; font-size: 13px; margin-top: 15px; }
.load-more-comment:hover { text-decoration: underline; }
.load-more-comment .material-icons { color: #171b1d; font-size: 18px; margin-left: 6px; position: relative; top: 2px; }

.tag { border-radius: 3px; display: inline-block; font-size: 10px; font-weight: 700; line-height: 1.1; margin-left: 5px; padding: 1px 3px; text-transform: capitalize; top: -1px; }
.tag.guest { background: rgba(34,59,74,.04); color: #adadad; }
.tag.staff { background: linear-gradient(180deg,#74c57b,#5cbb64); color: #fff; }
.tag.admin, .tag.banned { background: linear-gradient(180deg,#f1564a,#d61f11); color: #fff; }

.user-guest { color: #222 !important; }
.user-mod { color: #5cbb64 !important; }
.user-admin { color: #f1564a !important; }

.add-comment-action-inputs { padding: 5px 10px; }
.add-comment-action-input { display: block; padding: 0 135px 5px 0; }
.add-comment-action-input input {
  border: 2px solid rgba(0,39,59,.2); border-radius: 8px; font-size: 12px; letter-spacing: 1.1px;
  line-height: 14px; margin: 0; padding: 5px 7px; width: 100%; transition: border-color 0.3s;
}
.add-comment-action-input input:focus { border-color: #00adee; outline: none; }
.add-comment-action-spoiler-input { align-items: center; display: flex; height: 26px; position: relative; }

.dropdown-menu {
  background-clip: padding-box; background-color: #fff; border: 1px solid rgba(0,0,0,.2); border-radius: 8px;
  box-shadow: 0 5px 15px rgba(0,0,0,.15); display: none; float: left; left: 0; list-style: none; margin: 0;
  min-width: 120px; padding: 4px 0; position: absolute; top: 100%; z-index: 1000;
}
.dropdown-menu.top { border-color: rgba(0,0,0,.1); bottom: 150%; min-width: 220px; padding: 10px; top: auto; border-radius: 8px; }
.dropdown-menu.top .topicon { border: 1px solid rgba(0,0,0,.1); float: left; height: 90px; padding: 1px; width: 90px; border-radius: 8px; overflow: hidden; }
.dropdown-menu.top .topcontent { font-size: 14px; font-weight: 600; line-height: 100%; margin-left: 104px; }
.dropdown-menu.top .topcontent h3 { margin-bottom: 5px; }
.dropdown-menu.top .topcontent .infos span { color: #ddd; display: block; font-size: 11px; font-weight: 400; margin-top: 5px; }
.dropdown-menu.top .topcontent .infos strong { color: #aaa; display: block; font-size: 11px; font-weight: 400; margin-top: 2px; }
.dropdown-menu:before { border-bottom: 7px solid #fff; border-left: 7px solid transparent; border-right: 7px solid transparent; content: ""; display: inline-block; left: 9px; position: absolute; top: -5px; }
.dropdown-menu.top:before { border: 7px solid transparent; border-top-color: #fff; bottom: -13px; left: 9px; top: auto; }
.dropdown-menu.top .loader { opacity: .5; }
.dropdown-menu a { clear: both; color: #333; display: block; font-size: 14px; font-weight: 400; line-height: 18px; padding: 6px 15px; white-space: nowrap; border-radius: 4px; margin: 0 4px; }
.dropdown-menu .active > a, .dropdown-menu .active > a:hover, .dropdown-menu li > a:hover { background-color: #08c; color: #fff; text-decoration: none; }
.pull-right .dropdown-menu { left: auto; right: 0; }
.pull-right .dropdown-menu:before { left: auto; right: 9px; }

#comments-wrapper .colheader { margin-bottom: 20px; }
.no-comment { color: #999; font-size: 14px; padding-bottom: 80px; padding-top: 60px; text-align: center; }
.loading { opacity: .3; }
.form-loader { background: url(/images/ajax-loader.gif) no-repeat 50%; display: none; height: 100%; left: 0; opacity: .8; position: absolute; top: 0; width: 100%; z-index: 99; }
.loading .form-loader { display: block; }
.loader-ajax { background: url(/images/ajax-loader.gif) no-repeat 50%; display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 2; }
.form-active .formm { opacity: .3; }
.form-active .loader-ajax { display: block; }
.popular-comments .comment:last-child { border-bottom: none !important; padding-bottom: 10px !important; }