@charset "utf-8";

body { overflow-x: hidden; margin-top: 0px; }

img { display: inline; }

a { cursor: pointer; transition: 0.5s ease-in-out; }

a:focus, a:hover { outline: 0px; text-decoration: none; }

.m-t-25 { margin-top: 25px !important; }

.m-b-30 { margin-bottom: 30px !important; }

.m-b-8 { margin-bottom: 8px !important; }

.m-b-5 { margin-bottom: 5px !important; }

.m-b-steps { float: left; font-size: 90px; text-align: center; font-weight: 700; margin-left: 5px !important; }

.p-l-0 { padding-left: 0px !important; }

.p-b-0 { padding-bottom: 0px !important; }

.p-r-5 { padding-right: 5px !important; }

.p-l-5 { padding-left: 5px !important; }

.no-border-top { border-top: none !important; }

@media only screen and (max-width: 767px) {
  .p-l-15-mobile { padding-left: 15px !important; }
}

.navbar { margin-bottom: 0px; }

.navbar-default { border-radius: 0px; border: none; background: rgb(255, 255, 255); }

.navbar-brand { padding: 2px 10px; }

.navbar-brand img { width: 150%; max-width: 150px; }

.navbar-nav { float: left; }

.navbar-nav > li { text-align: center; }

.navbar-default .navbar-nav > li > a { font-family: Arial; text-shadow: none; color: rgb(51, 51, 51); font-size: 13px; font-weight: 700; }

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { text-shadow: rgb(119, 119, 119) 0px 2px 2px; color: rgb(255, 255, 255); }

@media only screen and (max-width: 767px) {
  .navbar-nav { display: block; width: auto; float: none; }
  .navbar-nav > li { display: block; }
  .navbar-default .navbar-toggle { border-color: rgb(0, 0, 0); background: 0px 0px; color: rgb(0, 0, 0); float: right; }
  .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background: 0px 0px; color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); }
  .navbar-header { text-align: center; }
  .navbar-brand { padding: 5px 10px; margin: 0px auto; display: block; float: left; width: 120px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .navbar-default .navbar-nav > li > a { font-size: 16px; padding: 15px 8px; }
}

.content-box { background: rgb(255, 255, 255); }

.content h1 { font-family: OpenSans-Bold; margin: 30px 0px 16px; color: rgb(34, 34, 34); font-size: 38px; line-height: 42px; }

.content .img-responsive { margin: 0px auto 5px; }

.content p { font-family: Verdana; margin: 0px 0px 20px; line-height: 26px; font-size: 17px; color: rgb(34, 34, 34); }

.content p.small-text { font-size: 15px; padding: 15px 5px; border-top: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); line-height: 23px; }

.content p.pink-text { color: rgb(1, 152, 189); }

.content p.update { border: 1px dotted rgb(0, 0, 0); background: rgb(239, 255, 247); padding: 4px 9px; }

.content p.update .red-text { color: red; }

.content h5 { font-family: Georgia; color: rgb(34, 34, 34); margin: 8px 0px 20px; font-size: 20px; line-height: 28px; }

.content h5.pink-border-bottom { color: rgb(102, 102, 102); border-bottom: 2px solid rgb(1, 152, 189); margin-bottom: 15px; }

.content h4 { font-family: OpenSans-Bold; font-size: 21px; line-height: 28px; color: rgb(34, 34, 34); margin: 0px 0px 20px; }

.content p a { color: rgb(1, 152, 189); }

.content p a:focus, .content p a:hover { color: rgb(1, 152, 189); }

.content h3 { font-family: OpenSans-Bold; color: rgb(34, 34, 34); margin: 26px 0px; font-size: 26px; }

.content .top-bottom-border { width: 100%; height: 13px; background: 0px 0px; border-top: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); margin: 30px 0px; }

.grey-box { padding-top: 15px; background: rgb(204, 204, 204); margin: 0px 0px 20px; }

.content .grey-box h4 { margin-top: 5px; }

.grey-box .box-inner { margin-bottom: 20px; }

.content .revival-box { margin-left: 0px; margin-right: 0px; border: 1px solid rgb(204, 204, 204); padding-top: 20px; padding-bottom: 10px; margin-bottom: 15px; }

.content .revival-box2 { margin-left: 0px; margin-right: 0px; border: 1px solid rgb(204, 204, 204); background: rgb(245, 249, 250); padding: 10px; margin-bottom: 15px; }

.content .revival-box .button { margin-left: 0px; margin-right: 0px; margin-bottom: 20px; }

@media only screen and (max-width: 767px) {
  .content .grey-box .img-responsive { margin-bottom: 15px; }
  .content .revival-text { text-align: center; }
  .content .revival-box .rev { margin-bottom: 15px; }
  .content .revival-box .button { margin: 0px auto 20px; }
  .content h1 { font-size: 30px; }
}

.comments { background: rgb(255, 255, 255); padding-bottom: 30px; }

.recent { margin-left: 0px; margin-right: 0px; padding-top: 15px; padding-bottom: 20px; }

.recent a, .recent p { font-family: Tahoma; font-size: 14px; margin: 0px; line-height: 18px; color: rgb(59, 89, 152); }

.recent p { font-weight: 700; }

.media { margin: 0px; padding: 8px 0px; border-top: 1px solid rgb(226, 226, 226); }

.media.border-bottom { border-bottom: 1px solid rgb(226, 226, 226); }

.media-left img { margin-top: 6px; }

.media-body h4 a { font-family: Tahoma; font-size: 13px; color: rgb(59, 89, 152); margin: 0px 0px 5px; line-height: 14px; font-weight: 700; }

.media-body h4 a:focus, .media-body h4 a:hover { color: rgb(59, 89, 152); }

.media-body p { font-family: Tahoma; font-size: 12px; color: rgb(26, 26, 26); line-height: 15px; margin: 0px 0px 5px; }

.media-body p.bottom { color: rgb(59, 89, 152); }

.media-body p.bottom .like { margin-left: 8px; }

.media-body p.bottom .time { color: grey; border-bottom: 1px dotted grey; }

.comments p.small { font-family: Tahoma; font-size: 11px; color: rgb(59, 89, 152); margin: 10px 0px; }

.footer { width: 100%; height: 100px; background: rgb(0, 0, 0); text-align: center; padding-top: 30px; }

.footer a { color: rgb(105, 105, 105); }

.timer { position: fixed; width: 100%; background: rgb(51, 51, 51); bottom: 0px; padding: 8px 0px; }

.timer p { font-family: Opensans-Regular; margin: 0px; color: rgb(255, 255, 255); }

.timer p #countdown { font-weight: 700; }

.timer .btn { font-family: Opensans-Regular; margin-top: 3px; }

#advertisement { text-align: center; color: rgb(169, 169, 169); font-size: 10px; font-family: Arial; }

.col-md-4 { padding-top: 30px; }

img.checkmark { border: 0px; display: block; float: left; height: 29px; margin: 10px 0px 0px 12px; width: 30px; }

div.steps { float: left; font-size: 22px; font-weight: 700; padding: 22px 0px 0px; }

a.offer:link, a.offer:visited { color: rgb(0, 0, 238); text-decoration: underline; }

a.offer:active, a.offer:hover { text-decoration: none; }

div.warning { color: rgb(67, 67, 67); font-family: OpenSans-Bold; padding: 22px 12px 0px; text-align: center; }

@media only screen and (max-width: 992px) {
  .col-md-4 { display: none; }
}

.hamburder-menu-icon { position: absolute; top: 20px; right: 20px; width: 30px; height: 30px; }

.main-menu ul li { padding: 0px 10px; line-height: 20px; border-bottom: 4px solid transparent; border-top: 4px solid transparent; float: none; position: relative; text-align: right; display: block; color: rgb(0, 0, 0); }

.hamburder-menu-icon img { width: 33px; }

.hamburder-menu-icon a { font-size: 17px; color: rgb(0, 0, 0); min-height: 40px; line-height: 40px; float: right; }

.main-menu { float: right; width: 100%; display: none; position: relative; z-index: 30; margin-bottom: 30px; }

.main-menu.open-menu { display: block; }

@media (min-width: 767px) {
  .hamburder-menu-icon, .main-menu { display: none; }
}

.desktop-menu { display: block; }

.mobile-menu { display: none; overflow: hidden; padding: 20px 20px 0px; }

.desktop-menu img { padding: 0px; width: 100%; }

.mobile-menu img { padding: 0px; }

.mobile-menu .hum-img { width: 30px; float: right; }

.mobile-menu .logo-img { float: left; }

@media only screen and (max-width: 800px) {
  .desktop-menu { display: none; }
  .mobile-menu { display: block; }
  .mobile-menu .logo-img { width: 90px; }
}

@media only screen and (max-width: 500px) {
  .mobile-menu .logo-img { width: 70px; }
}

.reg-step li { list-style: none; }

#comments { max-width: 100%; }

.clearfix::after { content: ""; }

.btn { cursor: pointer; }

.btn:hover, a { text-decoration: none; }

.dropdown-menu, ul { list-style: none; }

* { box-sizing: border-box; }

button.alert { width: 100%; }

.children .post::after, .comment-footer__menu::after, .dropdown-menu a, .nav::after, .post-content .post-menu::after, .post-content .post-message::after, .post-content footer, .post-content::after, .post-list .post::after, .textarea-wrapper::after { clear: both; }

body, html { margin: 0px; padding: 0px; }

a, button, form, h2, img, li, p, ul { margin: 0px; padding: 0px; border: 0px; font-weight: 400; font-style: normal; font-size: 100%; line-height: 1; font-family: inherit; }

html { overflow-y: scroll; font-size: 100%; text-size-adjust: 100%; }

a:active, a:hover { outline: 0px; }

footer, header, section { display: block; }

img { border: 0px; }

button, input, textarea { font-size: 100%; margin: 0px; vertical-align: baseline; }

button, input { line-height: normal; }

button { cursor: pointer; appearance: button; }

.textarea-wrapper { appearance: none; }

textarea { overflow: auto; vertical-align: top; }

.post-content .post-body { overflow: hidden; }

body { margin: 0px; line-height: 20px; background-color: rgb(255, 255, 255); }

.dropdown { position: relative; }

.btn { margin-bottom: 0px; font-size: 14px; text-align: center; vertical-align: middle; background-color: rgb(245, 245, 245); background-image: linear-gradient(rgb(255, 255, 255), rgb(230, 230, 230)); background-repeat: repeat-x; box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px inset, rgba(0, 0, 0, 0.05) 0px 1px 2px; }

.btn:active, .btn:hover { color: rgb(101, 108, 122); background-color: rgb(230, 230, 230); }

.btn:hover { background-color: rgb(230, 230, 230); background-position: 0px -15px; transition: background-position 0.1s linear; }

.btn:focus { outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; }

.dropdown-toggle:active, .post-content:focus, a:focus { outline: 0px; }

.btn:active { background-color: rgb(230, 230, 230); background-image: none; outline: 0px; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 4px inset, rgba(0, 0, 0, 0.05) 0px 1px 2px; }

.btn-primary { text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px; background-repeat: repeat-x; color: rgb(255, 255, 255); }

.btn-primary { background-color: rgb(0, 76, 214); background-image: linear-gradient(rgb(0, 105, 214), rgb(0, 34, 214)); border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); }

.btn-primary:active, .btn-primary:hover { color: rgb(255, 255, 255); background-color: rgb(0, 34, 214); }

.dropdown-menu { position: absolute; left: 0px; float: left; display: none; max-width: 220px; padding: 4px 0px; margin: 0px; background-color: rgb(255, 255, 255); background-clip: padding-box; }

button.alert { display: block; }

.dropdown-menu a { display: block; font-weight: 500; line-height: 18px; white-space: nowrap; }

.dropdown-menu li > a:hover { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(46, 159, 255); }

p { margin: 0px 0px 1.5em; }

body { background: 0px 0px; color: rgb(42, 46, 46); font-family: "Helvetica Neue", arial, sans-serif; font-size: 15px; -webkit-font-smoothing: antialiased; }

a:active, a:hover { text-decoration: none; }

a { color: rgb(40, 140, 228); transition: color 0.1s linear; }

a:hover { color: rgb(25, 119, 202); }

.btn { border: none; background: rgba(29, 47, 58, 0.6); display: inline-block; padding: 10px 16px; color: rgb(255, 255, 255); line-height: 1.1; border-radius: 3px; font-weight: 500; transition: background 0.2s; text-shadow: none; }

.btn:hover { background: rgba(29, 47, 58, 0.7); color: rgb(255, 255, 255); }

.btn:active { transition: none; background: rgb(46, 159, 255); }

@font-face { font-family: icons; font-weight: 400; font-style: normal; }

[class*=" icon-"]::before, [class^="icon-"]::before { font-family: icons; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; }

.icon-arrow-2::before { content: "△"; }

.icon-arrow::before { content: "▽"; }

.icon-checkmark::before { content: "✔"; }

.icon-export::before { content: "⤤"; }

.icon-flag::before { content: "⚑"; }

.icon-forward::before { content: ">"; }

.icon-heart::before { content: ""; }

#no-posts { opacity: 0.6; line-height: 107px; text-align: center; }

.avatar .user, .avatar img { display: block; border-radius: 3px; }

.avatar { float: left; }

.wrapper .main_container .content .avatar img { width: 48px; height: 48px; }

.avatar .user { position: relative; z-index: 100; background: rgb(219, 223, 228); padding: 0px; }

.post .avatar { margin-right: 12px; }

.dropdown-menu--coachmark { padding: 15px; text-align: center; max-width: 280px; width: 280px; border: 1px solid rgb(219, 223, 228); box-shadow: rgb(219, 223, 228) 0px 1px 3px; top: 26px; left: 3px; }

@media (min-width: 460px) {
  .dropdown-menu--coachmark { max-width: 300px; width: 300px; }
}

.dropdown-menu--coachmark::after, .dropdown-menu--coachmark::before { bottom: 100%; left: 50%; border: 10px solid transparent; content: " "; height: 0px; width: 0px; position: absolute; pointer-events: none; margin-left: -96px; }

.dropdown-menu--coachmark::after { border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgb(255, 255, 255); }

.dropdown-menu--coachmark::before { border-color: rgba(204, 204, 204, 0) rgba(204, 204, 204, 0) rgb(73, 78, 88); }

.coachmark__description { line-height: 1.4em; margin-bottom: 10px; margin-top: 5px; font-size: 13px; color: rgb(101, 108, 122); }

.coachmark__heading { font-size: 14px; font-weight: 700; line-height: 1.4em; color: rgb(42, 46, 46); }

@media (min-width: 460px) {
  .coachmark__description { font-size: 14px; }
  .coachmark__heading { font-size: 15px; }
}

.coachmark__button { display: block; padding: 10px 0px; background: rgb(46, 159, 255); font-weight: 700; color: rgb(255, 255, 255) !important; }

.post-list { list-style-type: none; margin: 0px; }

.post-list .post::after, .post-list .post::before { display: table; content: ""; line-height: 0; }

.children .post::after, .children .post::before, .post-content::after, .post-content::before { display: table; line-height: 0; content: ""; }

.children .post { margin-left: 60px; }

.children .post .avatar .user img { width: 36px; height: 36px; }

.children .post .indicator { height: 36px; }

.post-content { position: relative; margin-bottom: 0px; transition: 0.2s ease-in-out; }

.post-content .indicator { position: absolute; top: 0px; left: 0px; width: 5px; height: 48px; border-radius: 3px; }

.comment-footer__menu > li a:focus, .post-content .post-menu .collapse a:focus, .post-content .post-menu .dropdown-toggle:focus, .post-content .post-menu .expand a:focus { outline: auto; }

.wrapper .main_container .post-content .post-menu { opacity: 0; visibility: hidden; position: absolute; top: 3px; right: 0px; }

.post-content .post-menu::after, .post-content .post-menu::before { display: table; content: ""; line-height: 0; }

.post-content .post-menu .dropdown-toggle { border-left: 2px solid rgb(231, 233, 238); border-top-color: rgb(231, 233, 238); border-right-color: rgb(231, 233, 238); border-bottom-color: rgb(231, 233, 238); padding-left: 5px; }

.post-content .post-menu > li { float: left; margin: 0px 0px 0px 8px; }

.post-content .post-menu > li a { color: rgb(101, 108, 122) !important; }

.post-content .post-menu .collapse a, .post-content .post-menu .expand a { font-size: 20px; opacity: 0.6; position: relative; top: -6px; padding: 10px 0px 10px 10px; }

.post-content .post-menu .collapse a:hover, .post-content .post-menu .expand a:hover { opacity: 1; }

.post-content .post-menu .expand { display: none; }

.post-content .post-message-container { position: relative; overflow: hidden; zoom: 1; width: 100%; }

.post-content .post-message { line-height: 21px; }

.post-content .post-message::after, .post-content .post-message::before { display: table; content: ""; line-height: 0; }

.post-content .post-message p { line-height: 21px; margin: 0px 0px 15px; }

.wrapper .main_container .post-content .post-message p:last-child { margin: 0px; font-size: 14px; }

.post-content:hover .post-menu { opacity: 1; visibility: visible !important; }

.post-content:focus-within .post-menu { opacity: 1; transform: none; visibility: visible !important; }

.see-more, .share__button, .vote-down:hover, .vote-up:hover { cursor: pointer; }

.updatable { transition: 0.3s linear; }

.bullet { padding: 0px; color: rgb(194, 198, 204); line-height: 1.4; }

.nav { position: relative; margin: 0px 0px -6px; padding: 0px; }

.nav::after, .nav::before { display: table; content: ""; line-height: 0; }

.nav-secondary { margin: -12px 0px 6px; }

.nav-tab > a { color: rgb(101, 108, 122); display: block; margin: 0px; padding: 0px; font-weight: 700; line-height: 1; position: relative; transition: 0.2s ease-in-out; }

.nav-tab > a:hover { color: rgb(42, 46, 46); }

.nav-tab--secondary { margin-bottom: 15px; }

.nav-tab--secondary > a, .nav-tab--secondary > div a { width: auto; font-size: 13px; }

.recommend { float: left; margin-right: 15px; }

.recommend .label { font-weight: 700; }

.share-menu { float: left; max-width: none; margin-top: 2px; }

.share-menu .dropdown-toggle { padding-right: 0px; }

.share-menu .dropdown-menu { padding: 0px; }

.share-menu .share-menu__label { padding: 4px 15px; white-space: nowrap; color: rgb(104, 122, 134); font-size: 13px; position: relative; font-weight: 500; }

.sorting { margin-left: 12px; }

.sorting .dropdown-toggle { padding-right: 14px; }

.thread-likes a { position: relative; z-index: 100; margin-right: 0px; }

.thread-likes a:hover { transform: translate3d(0px, 0px, 0px); }

.thread-likes .label-recommended { display: none; }

.dropdown-toggle { position: relative; padding-right: 12px; background: 0px 0px !important; color: rgb(101, 108, 122) !important; }

.dropdown-toggle:hover { color: rgb(42, 46, 46) !important; }

.dropdown-menu { font-size: 13px; border: 2px solid rgb(104, 122, 134); border-radius: 3px; background: rgb(255, 255, 255); box-shadow: none; min-width: 130px; z-index: 1001; top: 20px; }

.dropdown-menu.pull-right { right: 0px; left: auto; }

.dropdown-menu a { transition: none; color: rgb(104, 122, 134); padding: 4px 15px; position: relative; }

.dropdown-menu a:focus { background-color: rgb(46, 159, 255); }

.dropdown-menu .icon-checkmark::before { display: none; font-size: 11px; position: absolute; right: 10px; top: 7px; }

.comment-footer__menu::after, .comment-footer__menu::before, .see-more::before, .textarea-wrapper::after, .textarea-wrapper::before, .vote-up::after { content: ""; }

.icon-export:hover, .label:hover { color: rgb(42, 46, 46); transition: color 250ms ease-in-out; }

.icon-export::before { position: relative; top: 0.31em; margin-right: -1px; line-height: 0; font-size: 19px; }

.recommend-icon { color: rgb(240, 95, 112); margin-right: 1px; }

.recommend-icon::before { position: relative; top: 0.18em; font-size: 13px; padding-left: 0.5px; line-height: 0; }

.load-more { margin: 0px 0px 24px; }

.load-more__button { font-size: 13px; font-weight: 500; display: block; text-align: center; padding: 11px 14px; }

.comment__footer .vote-down, .comment__footer a, .comment__header a { color: rgb(101, 108, 122); font-weight: 500; }

.comment__footer .vote-down:hover, .comment__footer a:hover, .comment__header a:hover { color: rgb(42, 46, 46); }

.comment__header .author { color: rgb(101, 108, 122); font-weight: 700; }

.vote-down, .vote-up { display: inline-block; }

.parent-link, .time-ago { font-weight: 500; font-size: 12px; color: rgb(104, 122, 134); }

.parent-link { position: relative; }

.vote-down, .vote-up { position: relative; padding: 0px 3px; line-height: 0.85; height: 11px; min-height: 14px; overflow: hidden; }

.vote-down .control, .vote-up .control { font-size: 16px; font-weight: 700; opacity: 0.7; }

.vote-down { padding-right: 0px; padding-left: 6px; border-left: 2px solid rgb(231, 233, 238); }

.vote-up { padding-left: 0px; }

.vote-up::after { display: block; position: absolute; inset: -10px -3px -10px -5px; }

.vote-up .count { color: gray; position: relative; top: -3px; font-size: 13px; }

.vote-up.count-0 { margin-left: -3px; }

.vote-up.count-0 .count { display: none; }

.comment__header { line-height: 1; font-size: 13px; padding-right: 46px; margin-bottom: 3px; }

.comment__header .author a { font-weight: 700; }

.comment__footer { color: rgb(101, 108, 122); margin: 4px 0px 0px; }

.comment__footer .bullet { line-height: 1.45; }

.comment-footer__menu { margin: 0px; padding: 0px; }

.comment-footer__menu::after, .comment-footer__menu::before { display: table; line-height: 0; }

.wrapper .main_container #comments .comment-footer__menu > li { float: left; list-style-type: none; padding: 0px; font-size: 13px; line-height: 15px; margin-right: 7px; margin-left: 5px; }

.alert { font-weight: 700; line-height: 20px; }

.comment-footer__menu > li.comment__share { margin-right: 0px; }

.comment-footer__menu > li.realtime { float: right; }

.reply a { padding: 2px 0px; border-radius: 4px; }

.comment__share { position: relative; margin-right: 0px; }

.comment__share .toggle { position: relative; z-index: 100; cursor: pointer; }

.comment-share__buttons { opacity: 0; visibility: hidden; white-space: nowrap; display: block; }

.comment__share:hover .comment-share__buttons { opacity: 1; visibility: visible !important; }

.wrapper .main_container .content .comment-share__buttons li { float: none; transition: right 0.4s ease-in-out; opacity: 0; position: absolute; right: 30px; top: -2px; padding-left: 8px; }

.comment-share__buttons li.link .share__button { opacity: 0; }

.comment__share:hover .comment-share__buttons li { opacity: 1; }

.comment__share:hover .comment-share__buttons li.twitter { right: -28px; }

.comment__share:hover .comment-share__buttons li.facebook { right: -52px; }

.comment__share:hover .comment-share__buttons li.link { right: -230px; }

.comment__share:hover .comment-share__buttons li.link .share__button { transition: opacity 0.3s ease-in-out 0.2s; opacity: 0.6; }

.comment__share:focus-within .comment-share__buttons { opacity: 1; visibility: visible !important; }

.comment__share:focus-within .comment-share__buttons li { opacity: 1; }

.comment__share:focus-within .comment-share__buttons li.twitter { right: -28px; }

.comment__share:focus-within .comment-share__buttons li.facebook { right: -52px; }

.comment__share:focus-within .comment-share__buttons li.link { right: -230px; }

.comment__share:focus-within .comment-share__buttons li.link .share__button { transition: opacity 0.3s ease-in-out 0.2s; opacity: 0.6; }

.share__button { display: inline-block; padding: 0px 0px 0px 18px; overflow: hidden; border: none; opacity: 0.6; width: 18px !important; height: 18px !important; }

.facebook .share__button, .link .share__button, .twitter .share__button { height: 18px; }

.share__button:hover { opacity: 0.8; }

.twitter .share__button { background-position: 0px -56px; width: 18px; }

.facebook .share__button { background-position: 0px -16px; width: 18px; }

.link .share__button { background-position: 0px -36px; padding: 0px 0px 2px 20px; text-decoration: underline; width: 172px !important; }

.post-meta { display: inline-block; }

.realtime-replies { color: rgb(104, 122, 134); font-size: 85%; }

.realtime-button:hover, .see-more { color: rgb(101, 108, 122); }

.realtime-button { transition: right 0.2s ease-in-out; display: inline; font-size: 10px; padding: 0px 0px 0px 14px; position: relative; right: -100%; }

.see-more { z-index: 901; text-align: center; font-size: 12px; font-weight: 700; padding: 10px 0px; border-top: 2px solid rgb(231, 233, 238); display: block; }

.see-more::before { display: block; height: 3px; box-shadow: rgba(0, 0, 0, 0.08) 0px -3px 3px; position: relative; top: -11px; }

.see-more.hidden { display: none; }

.alert { background: rgb(59, 70, 77); padding: 10px 35px 10px 14px; border: none; margin-bottom: 24px; border-radius: 4px; color: rgb(255, 255, 255); font-size: 13px; }

.alert.alert--realtime { background: rgb(46, 159, 255); }

.textarea-wrapper { background: rgb(255, 255, 255); border: 2px solid rgb(219, 223, 228); position: relative; border-radius: 4px; margin: 0px 0px 0px 48px; }

.textarea-wrapper::after, .textarea-wrapper::before { display: table; line-height: 0; }

.textarea-wrapper:focus { border: 2px solid rgb(194, 198, 204); }

.textarea-wrapper--top-level .textarea-wrapper { margin-left: 60px; }

@media (max-width: 500px) {
  .textarea-wrapper--top-level .textarea-wrapper { margin-left: 0px; }
  .textarea-wrapper--top-level .avatar { display: none; }
}

.textarea-wrapper--top-level .avatar { position: absolute; left: 0px; transition: left 0.2s linear; }

.textarea { color: rgb(42, 46, 46); cursor: text; resize: none; border: 0px; display: block; padding: 6px 10px 8px; margin: 0px; width: 100%; min-height: 44px; height: auto; line-height: 1.4; font-size: 14px; font-family: "Helvetica Neue", arial, sans-serif; overflow-y: scroll; transition: 0.15s ease-in-out; }

.textarea:focus { outline: 0px; }

.postbox { position: relative; margin-left: 60px; }

.textarea-wrapper--top-level .postbox { margin: 0px 0px 24px; }

.row::after { clear: both; }

.row::after, .row::before { display: table; content: ""; }

.row::after, .row::before { line-height: 0; }

.hidden { display: none; }

.pull-right { float: right !important; }

@media screen and (max-width: 480px) {
  .hidden-sm { display: none !important; }
}

.wrapper .main_container .content ul li { list-style: none; background-size: 20px; background-repeat: no-repeat; background-position: left top; margin: 10px 0px; color: rgb(38, 38, 38); }

.wrapper .main_container .content ul li { list-style: none; font-weight: bold; }

.wrapper .main_container .content ul li.post ul.children { padding: 0px 0px 0px 30px; }