@font-face {
    font-family: TMSans;
    src        : url(/assets/fonts/TMSans-Regular.eot?e8762dedef808041aefe9a392ef6a4d0) format("embedded-opentype"), url(/assets/fonts/TMSans-Regular.woff?ce27f8f46fea507dd97c8d393a0e2a87) format("woff"), url(/assets/fonts/TMSans-Regular.ttf?f1090e85c0a8ae127a6df1976daee5da) format("truetype"), url(/assets/fonts/TMSans-Regular.svg?f2bc736f3389b28693e86ede0f61ae58) format("svg");
    font-weight: 400;
    font-style : normal
}

@font-face {
    font-family: TMSans;
    src        : url(/assets/fonts/TMSans-Bold.eot?ca1cf1ecf910582311c8e0d26ec0f327) format("embedded-opentype"), url(/assets/fonts/TMSans-Bold.woff?adedf4f877c6af8c3043ea26e1014e0c) format("woff"), url(/assets/fonts/TMSans-Bold.ttf?74a25c7883f371cd2475d73646ffa060) format("truetype"), url(/assets/fonts/TMSans-Bold.svg?559dee2b1196b48d789ede3f4e6670a9) format("svg");
    font-weight: 700;
    font-style : normal
}

html {
    font-family             : sans-serif;
    -ms-text-size-adjust    : 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin                 : 0;
    background             : #fff;
    overflow-x             : hidden;
    font-size              : 100%;
    position               : static;
    overflow-y             : auto;
    font-family            : Helvetica, Arial, sans-serif;
    -webkit-font-smoothing : antialiased;
    text-rendering         : optimizeLegibility;
    -moz-osx-font-smoothing: grayscale
}

.header .container {
    max-width: 98%;
}



.doviz_box {
    margin-top:30px;
    width:100%!important;
}

.doviz_box div {
    width:100%!important;
}
.content-body {
    margin-top:100px;
}

* {
    -webkit-tap-highlight-color: transparent
}

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;
    width    : 100%;
    min-width: 100%
}

a {
    text-decoration             : none;
    background-color            : transparent;
    -webkit-text-decoration-skip: objects
}

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

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-name    : animateLazyLoad;
    -webkit-animation-duration: .7s;
    animation-name            : animateLazyLoad;
    animation-duration        : .7s;
    opacity                   : 1
}

.ads-300x250-center {
    width : 300px;
    height: 250px;
    margin: 0 auto
}

.ads-300x250-content {
    float        : left;
    margin-right : 16px;
    margin-bottom: 16px;
    width        : 300px;
    height       : 250px
}

.ads-728x90-content-bottom {
    margin: 30px auto 0;
    width : 728px;
    height: 90px
}

.ads-300x250-sidebar {
    position: relative;
    display : block
}

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

.buzz-container {
    padding-top: 130px
}

.global-container {
    padding: 0
}

.mode-add {
    background           : url(/assets/images/bggray.png?974e5649d430f1bd01734e82f2bd250a) !important;
    background-attachment: fixed
}

.mode-add .add-container {
    background-color: #fff;
    padding-top     : 0 !important;
    box-shadow      : 0 -4px 5px 1px rgba(0, 0, 0, .2)
}

.mode-add .content {
    width       : 860px;
    border-right: 1px solid #e3e3e3
}

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

.content {
    float         : left;
    width         : 880px;
    padding-bottom: 30px;
    height        : auto;
    display       : block;
    position      : relative
}

.sidebar,
.sidebar--fixed {
    width   : 300px;
    height  : auto;
    position: relative
}

.sidebar {
    float      : left !important;
    display    : block;
    margin-left: 20px;
    z-index    : 0
}

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

.content-header,
.header {
    box-shadow: 0 2px 5px rgba(0, 0, 0, .26)
}

.hide-web {
    display: none !important
}

.show-web {
    display: block !important
}

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

@media (max-width:1199px) and (min-width:1048px) {
    .container {
        width: 1048px
    }
}

@media (max-width:1047px) {
    .buzz-container {
        width      : 100% !important;
        padding-top: 64px !important
    }

    .hide-mobile {
        display: none !important
    }

    .visible-mobile {
        display: inline-block !important
    }

    .container {
        padding: 0 16px
    }

    .content,
    .content-timeline,
    .content-timeline_right,
    .sidebar {
        width : 100% !important;
        border: 0 !important;
        margin: 0 !important
    }
}

@media (min-width:320px) and (max-width:767px) {
    .hide-phone {
        display: none !important
    }

    .visible-phone {
        display: block !important
    }

    .ads-300x250-content {
        margin: 0 auto 16px !important;
        float : none !important
    }
}

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

.ads {
    overflow: hidden;
    display : block
}

.overlay,
body.drawer-active {
    width   : 100%;
    height  : 100%;
    position: fixed
}

.overlay {
    background: rgba(0, 0, 0, .55);
    z-index   : 998;
    cursor    : pointer;
    left      : 0;
    top       : 0;
    right     : 0;
    bottom    : 0;
    overflow  : hidden !important
}

.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 {
    width                  : 100%;
    -webkit-user-select    : none;
    align-items            : center;
    justify-content        : center;
    -webkit-align-items    : center;
    -webkit-justify-content: center;
    z-index                : 98;
    position               : relative;
    padding                : 20px 0;
    margin                 : 20px 0
}

.spinner-container {
    -webkit-animation: rotate 2s linear infinite;
    animation        : rotate 2s linear infinite;
    z-index          : 124;
    position         : absolute;
    left             : 50%;
    margin-left      : -22px;
    top              : 0
}

.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 {
    width             : 100%;
    -webkit-transition: all .3s
}

.header {
    position        : fixed;
    z-index         : 99;
    left            : 0;
    top             : 0;
    height          : 60px;
    max-height      : 115px;
    background      : #fff;
    -ms-box-shadow  : 0 1px 8px 0 rgba(0, 0, 0, .1);
    box-shadow      : 0 1px 8px 0 rgba(0, 0, 0, .1);
    -khtml-transform: translateY(0);
    transform       : translateY(0);
    transition      : all .3s
}

.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.is-active-tabbar .kur-box {
    display:none;
}

.header__searchbar {
    height    : 58px;
    background: #fff;
    transition: all .3s;
    color     : #252525;
   /* margin-top: -60px;*/
    position  : fixed;
    z-index   : 9
        margin-top:0;
    opacity:0!important;
}

.header__searchbar.is-active {
    margin-top: -21px;
    opacity:1!important;
    z-index:9999;
}

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

.header__searchbar__container__input {
    background-color: transparent;
    border          : none;
    border-radius   : 0;
    background-clip : padding-box;
    outline         : 0;
    width           : calc(100% - 37px);
    height          : 40px;
    font-size       : 1.25em;
    line-height     : normal;
    font-weight     : 400;
    font-style      : normal;
    padding-right   : 24px;
    transition      : all .3s;
    margin          : 12px 0;
    color           : #000
}

.header__appbar,
.header__tabbar {
    -webkit-transition: all .2s ease-out
}

.header__searchbar__container__input::-webkit-input-placeholder {
    color: #333
}

.header__searchbar__container__input:-moz-placeholder,
.header__searchbar__container__input::-moz-placeholder {
    color  : #333;
    opacity: 1
}

.header__searchbar__container__input:-ms-input-placeholder {
    color: #333
}

.header__searchbar__container__input:-moz-placeholder-shown {
    color: #333
}

.header__searchbar__container__input:placeholder-shown {
    color: #333
}

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

.header__appbar {
    width     : 100%;
    height    : 58px;
    position  : relative;
    transition: all .2s ease-out;
    border-top: 3px solid #00558a;
    z-index   : 0;
    background:#fff;
    margin-top:-21px;
}

.header__appbar.is-passive {
    margin-top: -60px
}

.header__appbar--left {
    float: left
}

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

.header__appbar--left__logo,
.header__appbar--left__menu {
    z-index: 1;
    top    : auto;
    right  : auto;
    bottom : auto;
    left   : auto;
    float  : left
}

.header__appbar--left__menu__list__item__badge,
.header__appbar--left__menu__list__item a,
.header__appbar--right__notice .count {
    line-height: normal;
    font-style : normal;
    font-family: TMSans
}

.header__appbar--left__logo {
    width   : 122px;
    display : block;
    height  : 58px;
    position: relative
}

.header__appbar--left__logo img {
    max-width: 102px;
    position : absolute;
    top      : 0;
    bottom   : 0;
    margin   : auto
}

.header__appbar--left__logo a {
    width         : 142px;
    height        : 100%;
    vertical-align: middle
}

.header__appbar--left__menu {
    width  : auto;
    height : 58px;
    display: block
}

.header__appbar--left__menu__list {
    list-style: none;
    margin    : 0;
    padding   : 0;
    display   : inline-block;
    width     : auto;
    height    : 100%
}

.header__appbar--left__menu__list:after,
.header__appbar--left__menu__list:before {
    content: "";
    display: table
}

.header__appbar--left__menu__list__item {
    height  : 100%;
    float   : left;
    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 {
    display        : flex;
    align-items    : center;
    height         : 58px;
    padding        : 0 15px;
    color          : rgba(0, 0, 0, .7);
    text-decoration: none;
    transition     : all .3s;
    font-family    : TMSans;
    font-size      : .9975em;
    line-height    : normal;
    font-weight    : 700;
    text-transform : uppercase;
    font-style     : normal;
    letter-spacing : 0;
    cursor         : pointer
}

.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
}

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

.category-dropdown {
    width      : 700px !important;
    margin-left: -324px;
    border     : 1px solid #e1e0e0;
    padding    : 0 !important
}

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

.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-weight: 600;
    font-size  : 1.05em;
    line-height: 1.8em
}

.category-dropdown_sec .category-dropdown_community .community_desc {
    font-weight: 400;
    font-size  : .8em;
    line-height: 1.1em
}

.category-dropdown_sec .category-dropdown_community .community_desc a {
    color: #00558a
}

.category-dropdown_sec.sec_cat2 {
    padding      : 10px;
    border-top   : 1px solid #f5f5f5;
    border-bottom: 2px solid #efefef
}

.category-dropdown_sec.sec_cat2 .dropdown-container__item {
    font-size  : 1.1em;
    font-weight: 600;
    float      : left;
    width      : 25%
}

.category-dropdown_sec.sec_cat2 .dropdown-container__item a {
    white-space  : nowrap;
    overflow     : hidden;
    text-overflow: ellipsis
}

.category-dropdown_sec.sec_cat3 {
    padding         : 20px 25px;
    background-color: #f4f4f4 !important
}

.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 {
    margin-top : 5px;
    font-size  : 12px;
    font-weight: 400;
    color      : #999
}

.reaction-emojis a:hover .reaction_name {
    font-weight: 700
}

.reaction-emojis a.selected {
    position     : relative;
    border       : 1px solid #ccc;
    border-radius: 4px;
    background   : #f1f1f1;
    padding      : 10px 15px !important
}

.reaction-emojis a.selected:after,
.reaction-emojis a.selected:before {
    top           : 100%;
    left          : 50%;
    border        : solid transparent;
    content       : " ";
    height        : 0;
    width         : 0;
    position      : absolute;
    pointer-events: none
}

.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,
.header__appbar--left__menu__list__item>a:hover {
    color         : #000;
    -ms-box-shadow: inset 0 -2px 0 0 #333;
    -o-box-shadow : inset 0 -2px 0 0 #333;
    box-shadow    : inset 0 -2px 0 0 #333
}

.header__appbar--left__menu__list__item__title {
    display : block;
    position: relative
}

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

.header__appbar--right {
    width        : auto;
    height       : 58px;
    float        : right;
    display      : block;
    padding-right: 0;
    display      : flex;
    align-items  : center
}

.header__appbar--right__notice,
.header__appbar--right__search {
    display : inline-block;
    position: relative;
    z-index : 1;
    top     : auto;
    right   : auto;
    color   : #000;
    bottom  : auto;
    left    : auto
}

.header__appbar--right .material-button:hover {
    background-color: rgba(0, 0, 0, .05) !important
}

.header__appbar--right__settings {
    display : inline-block;
    color   : #fff;
    position: relative;
    z-index : 1;
    top     : auto;
    right   : auto;
    bottom  : auto;
    left    : auto;
    margin  : 0 0 0 5px
}

@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 {
    width           : 300px;
    position        : fixed;
    top             : 0;
    height          : 100%;
    z-index         : 999;
    background-color: #fafafa;
    left            : -320px;
    transition      : all .2s;
    color           : #455a64;
    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);
    overflow-x      : auto
}

.drawer__menu__item--active a,
.drawer__menu__item:hover a {
    background-color: #eee
}

.drawer__header {
    width        : 100%;
    height       : 61px;
    position     : relative;
    display      : block;
    border-bottom: 1px solid #cfd8dc;
    padding      : 0 20px
}

.drawer__header__logo {
    float  : left;
    display: block;
    width  : 100px;
    margin : 5px 0
}

.drawer__header__logo img {
    width: 100px
}

.drawer__header__close {
    float      : right;
    line-height: 0;
    padding    : 20px 0;
    cursor     : pointer;
    color      : #455a64
}

.drawer__menu {
    margin : 0;
    padding: 0;
    display: block;
    width  : 100%
}

.drawer__menu__item {
    width      : 100%;
    font-size  : 14px;
    font-weight: 500;
    display    : block;
    position   : relative
}

.drawer__menu__item__icon {
    font-size: 18px
}

.drawer__menu__item__icon,
.drawer__menu__item__title {
    display       : table-cell;
    line-height   : 0;
    height        : 50px;
    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;
    pointer-events  : none;
    color           : #455a64 !important
}

.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;
    text-decoration: none;
    margin-top     : 10px;
    padding-left   : 20px;
    height         : 50px;
    overflow       : hidden;
    line-height    : 50px;
    opacity        : .85;
    display        : block;
    position       : relative;
    transition     : all .3s
}

.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;
    width   : 100%;
    position: relative
}

.footer-site-logo {
    float       : left;
    width       : 50px;
    margin-right: 20px
}

.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 {
    float       : left;
    margin-right: 12px;
    color       : #222;
    font-size   : 1em !important;
    font-weight : 500;
    line-height : 1.3 !important
}

.footer-menu a:hover {
    color: #000
}

.footer-copyright {
    padding-top: 10px;
    font-size  : .91em !important;
    line-height: 1.3 !important;
    font-weight: 400;
    color      : #999
}

.language-links {
    float     : right;
    margin-top: 6px;
    position  : relative
}

.language-links .button {
    float         : left;
    position      : relative;
    -ms-box-shadow: inset 0 1px 1px #fff;
    -o-box-shadow : inset 0 1px 1px #fff;
    box-shadow    : inset 0 1px 1px #fff;
    background    : #e6e6e6;
    border-radius : 3px;
    border        : 1px solid #cbcbcb;
    color         : #07e;
    display       : inline-block;
    font-size     : 16px;
    padding       : 4px 11px !important
}

.language-links .button i {
    margin-right: 9px;
    font-size   : 16px
}

.language-links .sub-nav {
    display : none;
    position: absolute
}

.language-links:hover .sub-nav {
    display       : block;
    top           : 25px;
    right         : 0;
    bottom        : auto;
    z-index       : 999;
    border-radius : 0 0 3px 3px;
    padding       : 10px;
    -ms-box-shadow: 0 1px 3px #999;
    -o-box-shadow : 0 1px 3px #999;
    box-shadow    : 0 1px 3px #999;
    background    : #fff;
    box-sizing    : content-box;
    margin-right  : 3px
}

.language-links:hover .sub-nav li {
    text-align: left;
    display   : block;
    width     : 100%;
    min-width : 83px
}

.language-links:hover .sub-nav li a {
    color      : #999;
    line-height: 1.9em
}

.language-links:hover .sub-nav:before {
    display: none
}

.footer-bottom {
    padding   : 30px 0 !important;
    border-top: 1px solid #e6e6e6
}

.footer-bottom .container {
    background-color: transparent;
    display         : flex;
    align-items     : center
}

.footer-bottom .footer-site-logo {
    width: 60px
}

.footer-bottom .language-links {
    margin-left: auto;
    position   : relative
}

.footer-bottom .language-links:hover .sub-nav {
    display      : block;
    top          : auto;
    bottom       : 12px;
    z-index      : 999;
    border-radius: 3px;
    padding      : 10px;
    margin-left  : 32px
}

.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;
        text-align      : center;
        flex-wrap       : wrap
    }

    .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 {
        float  : none;
        padding: 7px 0;
        display: inline-block;
        margin : 0 7px
    }

    .footer-bottom .container .language-links {
        margin: 20px 0 0;
        float : none
    }

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

.global-title {
    font-family: TMSans !important;
    font-size  : 1.375em !important;
    font-weight: 700 !important;
    color      : #ff5722 !important
}

.sidebar-title {
    margin-top     : 32px;
    text-decoration: none;
    display        : block
}

.sidebar-trend {
    list-style-type: none;
    counter-reset  : li-counter
}

.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 {
    font-size    : 1.125em;
    line-height  : normal;
    font-weight  : 500;
    color        : #333;
    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 {
    width  : 100%;
    height : auto;
    padding: 0;
    margin : 0
}

.sidebar-trend__item {
    width        : 100%;
    height       : auto;
    max-height   : 170px;
    overflow     : hidden;
    margin-bottom: 1px
}

.sidebar-trend__item:last-child {
    margin-bottom: 0
}

.sidebar-trend__item:hover .sidebar-trend__item--bottom {
    padding-top: 100px
}

.sidebar-trend__item__link {
    text-decoration: none;
    color          : #fff
}

.sidebar-trend__item__body {
    margin     : 0;
    padding    : 0;
    line-height: 0;
    width      : 100%;
    height     : auto
}

.sidebar-trend__item__image {
    width     : 100%;
    height    : auto;
    max-height: 170px
}

.sidebar-trend__item__caption {
    position: absolute;
    width   : 100%;
    height  : 100%;
    left    : 0;
    top     : 0
}

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

.sidebar-trend__item__icon {
    width         : 32px;
    height        : 32px;
    display       : table-cell;
    vertical-align: middle
}

.sidebar-trend__item__icon i.material-icons {
    font-size: 32px
}

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

.sidebar-mosts {
    width   : 100%;
    height  : auto;
    position: relative;
    display : block;
    padding : 0;
    margin  : 0
}

.sidebar-mosts--shared .sidebar-mosts__item:before {
    border        : 2px solid #1194f6;
    -ms-box-shadow: 1px 1px 20px rgba(17, 148, 246, .75);
    -o-box-shadow : 1px 1px 20px rgba(17, 148, 246, .75);
    box-shadow    : 1px 1px 20px rgba(17, 148, 246, .75)
}

.sidebar-mosts--readed .sidebar-mosts__item:before {
    border        : 2px solid #f44336;
    -ms-box-shadow: 1px 1px 20px rgba(244, 67, 54, .75);
    -o-box-shadow : 1px 1px 20px rgba(244, 67, 54, .75);
    box-shadow    : 1px 1px 20px rgba(244, 67, 54, .75)
}

.sidebar-mosts__item {
    width         : 100%;
    position      : relative;
    display       : block;
    margin        : 0 0 25px;
    padding-bottom: 15px;
    border-bottom : 1px solid #fff;
    -ms-box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .1);
    -o-box-shadow : inset 0 -1px 0 0 rgba(0, 0, 0, .1);
    box-shadow    : inset 0 -1px 0 0 rgba(0, 0, 0, .1)
}

.column_list .sidebar-mosts__item,
.timeline_right .sidebar-mosts__item {
    border-bottom : 0;
    -ms-box-shadow: none;
    -o-box-shadow : none;
    box-shadow    : none;
    padding-bottom: 0
}

.column_list .sidebar-mosts__item {
    float  : left;
    display: inline-block;
    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 {
    width       : 100%;
    height      : auto !important;
    margin-left : 5px;
    margin-right: 5px
}

.column_list.tree_column .sidebar-mosts__item .sidebar-mosts__item__image {
    height: auto !important
}

.column_list.tree_column .sidebar-mosts__item .sidebar-mosts__item__title {
    font-size  : .925em;
    line-height: 1.25em;
    font-weight: 600
}

.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 {
    width : 100%;
    height: auto !important
}

.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 {
    position         : absolute;
    left             : 10px;
    top              : -17px;
    width            : 34px;
    height           : 34px;
    max-width        : 34px;
    max-height       : 34px;
    padding          : 0;
    text-align       : center;
    background-color : #000;
    color            : #fff;
    font-size        : .9375em;
    font-weight      : 700;
    overflow         : hidden;
    content          : counter(li-counter);
    counter-increment: li-counter;
    border-radius    : 100%;
    background-clip  : padding-box;
    z-index          : 9;
    line-height      : 34px
}

.column_list .sidebar-mosts__item:before,
.timeline_right .sidebar-mosts__item:before {
    display: none
}

.sidebar-mosts__item__link {
    text-decoration: none;
    color          : #333
}

.sidebar-mosts__item__body {
    width      : 100%;
    display    : block;
    position   : relative;
    height     : auto;
    line-height: 0;
    margin     : 0;
    padding    : 0
}

.sidebar-mosts__item__image {
    width   : 100%;
    height  : 140px;
    overflow: hidden;
    position: relative
}

.timeline_right .sidebar-mosts__item__image {
    height: 180px
}

.sidebar-mosts__item__image__item {
    width     : 100%;
    height    : auto;
    transition: all .3s
}

.sidebar-mosts__item__caption {
    width   : 100%;
    position: relative;
    display : block
}

.sidebar-mosts__item__view {
    position        : absolute;
    display         : block;
    top             : -28px;
    z-index         : 10;
    right           : 0;
    margin          : 0;
    line-height     : 11px !important;
    padding         : 5px 10px;
    background-color: rgba(0, 0, 0, .4)
}

.sidebar-mosts__item__view__count {
    font-size     : .6875em;
    line-height   : normal;
    font-weight   : 700;
    color         : hsla(0, 0%, 100%, .8);
    display       : inline-block;
    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;
    width   : 100%;
    position: relative
}

.sidebar-mosts__item__view__icon i.material-icons {
    color      : #4caf50;
    line-height: 11px;
    font-size  : 16px !important
}

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

.sidebar-mosts__item:last-child {
    margin        : 0;
    padding       : 0;
    border        : none;
    -ms-box-shadow: none;
    -o-box-shadow : none;
    box-shadow    : none
}

.sidebar-app {
    background-color: #37474f;
    padding         : 20px 0
}

.sidebar-app__navigation {
    margin    : 0 20px;
    padding   : 0;
    min-height: 36px
}

.sidebar-app__content:after,
.sidebar-app__content:before {
    content: "";
    display: table
}

.sidebar-app__navigation__tab {
    padding    : 0 17px !important;
    cursor     : pointer;
    color      : hsla(0, 0%, 100%, .4);
    font-weight: 400;
    height     : 36px;
    line-height: 2.25em !important
}

.sidebar-app__content__more,
.sidebar-app__navigation__tab.is-active {
    font-family: inherit;
    font-size  : .875em;
    font-weight: 500;
    font-style : normal
}

.sidebar-app__navigation__tab.is-active {
    color      : #fff;
    line-height: normal
}

.sidebar-app__navigation__tab:after {
    height          : 3px !important;
    background-color: #00bcd4 !important
}

.sidebar-app__content {
    width     : 100%;
    list-style: none;
    position  : relative;
    margin    : 10px 0 0;
    padding   : 0
}

.sidebar-app__content__more {
    display        : block;
    position       : relative;
    color          : #00bcd4 !important;
    text-decoration: none;
    float          : right;
    padding        : 0 16px;
    line-height    : 2.25em;
    background     : 0 0 !important;
    margin-right   : 20px
}

.sidebar-app__content__more.material-button:hover {
    background: 0 0 !important
}

.fobito_icon,
.tooltip-view {
    background-clip: padding-box
}

.sidebar-video__list__item {
    font-weight: 400;
    font-style : normal;
    font-family: Roboto
}

.sidebar-video {
    background-color: #fff;
    overflow        : hidden
}

.sidebar-video__iframe {
    width           : 100%;
    height          : auto;
    background-color: #000;
    max-height      : 168px;
    overflow        : hidden
}

.sidebar-video__iframe__item {
    display: none
}

.sidebar-video__iframe__item .content-iframe {
    padding-top: 0;
    margin     : 0 !important;
    width      : 100% !important
}

.sidebar-video__list {
    margin : 0;
    padding: 0
}

.sidebar-video__list li {
    margin     : 0;
    padding    : 0;
    width      : 100%;
    position   : relative;
    line-height: 0
}

.sidebar-video__list__item {
    width           : 100%;
    position        : relative;
    display         : block;
    padding         : 20px;
    border-bottom   : 1px solid #47555d;
    color           : #fff;
    font-size       : 1em;
    line-height     : 1.5em;
    text-decoration : none;
    transition      : all .3s;
    background-color: #37474f
}

.sidebar-video__list__item.is-active,
.sidebar-video__list__item:hover {
    background-color: #455a64 !important
}

.sidebar-video__list__item__icon {
    width         : 32px;
    height        : 32px;
    display       : table-cell;
    vertical-align: top;
    transition    : all .3s;
    color         : hsla(0, 0%, 100%, .2)
}

.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;
    vertical-align: top;
    font-family   : inherit;
    font-size     : 1em;
    line-height   : 1.25em;
    font-weight   : 700;
    font-style    : normal;
    margin        : 0 0 0 5px;
    padding       : 0 0 0 10px
}

.sidebar-video__list li:last-child a {
    border: none
}

.sidebar-social {
    width   : 100%;
    position: relative;
    display : block;
    padding : 0;
    margin  : 0
}

.sidebar-social__item {
    width       : 24.9975%;
    border-right: 1px solid #f5f5f5;
    list-style  : none
}

.sidebar-social__item:nth-child(1n) {
    float       : left;
    margin-right: 0;
    clear       : none
}

.sidebar-social__item:last-child {
    margin-right: 0;
    border      : none
}

.sidebar-more,
.tooltip-view {
    border-radius: 2px;
    text-align   : center
}

.sidebar-social__item:nth-child(0) {
    margin-right: 0;
    float       : right
}

.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-weight: 500;
    font-style : normal
}

.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;
    overflow        : hidden;
    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);
    font-size       : .875em;
    position        : relative;
    height          : 36px;
    min-width       : 64px;
    padding         : 0 16px;
    line-height     : 36px;
    margin-top      : 10px
}

.sidebar-more:hover {
    background-color: #ccc
}

.colheader {
    display      : block;
    border-bottom: 2px solid #eee;
    margin       : 0 0 10px
}

.colheader:after {
    clear  : both;
    content: "";
    display: table
}

.colheader h1 {
    float        : left;
    font-family  : inherit;
    display      : block;
    padding      : 0 20px 0 0;
    font-size    : 18px;
    line-height  : 180%;
    font-weight  : 600;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px
}

.colheader.rosy h1 {
    border-color: #e32;
    color       : #e32
}

.colheader.sea h1 {
    color       : #004b90;
    border-color: #004b90
}

.colheader.formula h1 {
    color       : #90281b;
    border-color: #90281b
}

.colheader.darken h1 {
    color       : #170a1d;
    border-color: #170a1d
}

.colheader.trend h1 {
    color       : #e88900;
    border-color: #e88900
}

.colheader.none,
.colheader.none h1 {
    border-color: transparent
}

.colheader.none h1 {
    color: #555
}

.headline-cats {
    z-index         : 10;
    position        : relative;
    padding         : 14px 0;
    background-color: #fdfdfd;
    border-bottom   : 1px solid #eaecef
}

.headline-cats h1 {
    font-family: TMSans;
    margin     : 0 25px 0 0
}

.headline-cats .headline-cats-wrap {
    display    : flex;
    align-items: center
}

.headline-cats .cat-list {
    margin-left    : auto;
    justify-content: flex-end
}

.headline-cats .cat_link {
    font-size       : 16px;
    color           : #999;
    display         : inline-block;
    font-size       : 14px;
    line-height     : 20px;
    border-radius   : 3px;
    color           : #222;
    background-color: #fff;
    font-weight     : 600;
    letter-spacing  : 0;
    padding         : .3rem 1em;
    margin          : .15rem;
    box-shadow      : 0 1px 1px hsla(0, 3%, 66.9%, .1);
    border          : 1px solid rgba(0, 0, 0, .1)
}

.headline-cats .cat_link.active,
.headline-cats .cat_link:hover {
    color           : #fff;
    background-color: #0080ce
}

.headline-mosts {
    width     : 100%;
    text-align: center;
    box-shadow: inset 0 10px 20px 0 rgba(0, 0, 0, .1)
}

.headline-mosts__title {
    font-size  : 2.25em;
    line-height: normal;
    font-weight: 700;
    color      : #fff;
    padding    : 60px 0;
    margin     : 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 {
    text-align : center;
    margin     : 20px 0;
    line-height: 0
}

.content-mosts__navigation__tab {
    display    : inline-block;
    float      : none;
    font-size  : .875em;
    line-height: 1.875em;
    font-weight: 500;
    color      : #90a4ae;
    padding    : 0 6px;
    height     : 30px;
    cursor     : pointer
}

.content-mosts__navigation__tab.is-active {
    color      : #455a64;
    font-weight: 500
}

.content-mosts__navigation__tab.is-active:after {
    background-color: #455a64 !important
}

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

.content-mosts__item {
    width           : 100%;
    margin          : 0 0 20px;
    padding         : 0;
    position        : relative;
    display         : block;
    background-color: #fff;
    -ms-box-shadow  : 0 3px 5px 0 rgba(0, 0, 0, .08);
    -o-box-shadow   : 0 3px 5px 0 rgba(0, 0, 0, .08);
    box-shadow      : 0 3px 5px 0 rgba(0, 0, 0, .08);
    transition      : all .3s
}

.content-mosts__item:hover {
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .1)
}

.content-mosts__item:hover .content-mosts__item__title {
    color: #f44336
}

.content-mosts__item:hover .content-mosts__item__media__image {
    -khtml-transform: scale(1.1);
    transform       : scale(1.1)
}

.content-mosts__item__media {
    width   : 45%;
    float   : left;
    display : block;
    position: relative;
    height  : 215px;
    overflow: hidden
}

.content-mosts__item__media:before {
    width         : 100%;
    height        : 100%;
    content       : "";
    position      : absolute;
    top           : 0;
    bottom        : 0;
    left          : 0;
    right         : 0;
    z-index       : 25;
    -ms-box-shadow: inset 0 0 15px rgba(0, 0, 0, .1);
    -o-box-shadow : inset 0 0 15px rgba(0, 0, 0, .1);
    box-shadow    : inset 0 0 15px rgba(0, 0, 0, .1)
}

.content-mosts__item__media__image {
    width      : 100%;
    height     : 100%;
    position   : relative;
    display    : block;
    line-height: 0;
    transition : all .3s
}

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

.content-mosts__item__media__icon {
    position: absolute;
    left    : 50%;
    top     : 50%;
    margin  : -42px;
    z-index : 10
}

.content-mosts__item__media__icon:before {
    content         : "";
    position        : absolute;
    left            : 9px;
    top             : 9px;
    width           : 65px;
    height          : 65px;
    z-index         : -1;
    border-radius   : 100%;
    background-clip : padding-box;
    background-color: rgba(0, 0, 0, .6)
}

.content-mosts__item__media__icon i.material-icons {
    font-size  : 84px;
    color      : #fff;
    text-shadow: 1px 1px 40px rgba(0, 0, 0, .3)
}

.content-mosts__item__category {
    padding         : 6px 12px;
    background-color: rgba(0, 0, 0, .6);
    position        : absolute;
    top             : 10px;
    right           : 10px;
    border-radius   : 2px;
    background-clip : padding-box;
    color           : hsla(0, 0%, 100%, .8);
    font-size       : 11px;
    line-height     : normal;
    font-weight     : 500
}

.content-mosts__item__link {
    color          : #333;
    text-decoration: none
}

.content-mosts__item__body {
    margin : 0;
    padding: 0
}

.content-mosts__item__caption {
    float     : left;
    width     : 55%;
    display   : block;
    position  : relative;
    padding   : 20px;
    min-height: 215px
}

.content-mosts__item__title {
    margin     : 0;
    padding    : 0;
    font-family: inherit;
    font-size  : 1.275em;
    line-height: normal;
    font-weight: 700;
    font-style : normal;
    color      : #333;
    transition : all .3s
}

.content-mosts__item__author {
    margin     : 10px 0;
    width      : 100%;
    display    : block;
    position   : relative;
    color      : #999;
    font-family: inherit;
    font-size  : .875em;
    line-height: normal;
    font-weight: 400;
    font-style : normal
}

.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 {
    position: absolute;
    bottom  : 30px
}

@media (min-width:768px) and (max-width:1047px) {
    .content-mosts__item:before {
        left       : 15px;
        top        : 15px;
        font-size  : .9375em !important;
        width      : 34px;
        height     : 34px;
        max-width  : 34px;
        max-height : 34px;
        padding    : 0;
        line-height: 34px
    }

    .content-mosts__item__media {
        float     : left;
        width     : 283px;
        height    : auto;
        max-height: 156px;
        position  : relative
    }

    .content-mosts__item__caption {
        float     : left;
        width     : calc(100% - 283px);
        height    : 156px;
        min-height: 156px;
        padding   : 20px
    }

    .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 {
        left       : 15px;
        top        : 15px;
        font-size  : .9375em;
        width      : 34px;
        height     : 34px;
        max-width  : 34px;
        max-height : 34px;
        padding    : 0;
        line-height: 34px
    }

    .content-mosts__item__media {
        float     : none;
        width     : 100%;
        height    : auto;
        max-height: none;
        position  : relative;
        z-index   : 0
    }

    .content-mosts__item__media__icon {
        position: absolute;
        left    : 50%;
        top     : 50%;
        margin  : -52px -32px;
        z-index : 10
    }

    .content-mosts__item__media__icon:before {
        content         : "";
        position        : absolute;
        left            : 9px;
        top             : 9px;
        width           : 45px;
        height          : 45px;
        z-index         : -1;
        border-radius   : 100%;
        background-clip : padding-box;
        background-color: rgba(0, 0, 0, .6)
    }

    .content-mosts__item__media__icon i.material-icons {
        font-size: 64px !important
    }

    .content-mosts__item__caption {
        float           : none;
        min-height      : 100%;
        width           : calc(100% - 20px);
        height          : auto;
        position        : relative;
        display         : block;
        margin          : -40px 10px 10px;
        background-color: #fff;
        padding         : 20px 20px 0;
        z-index         : 9
    }

    .content-mosts__item__title {
        font-size : 1.25em;
        max-height: none;
        overflow  : visible
    }

    .content-mosts__item--bottom {
        position  : relative;
        display   : block;
        bottom    : 0;
        margin-top: 20px
    }
}

.content-timeline {
    float   : left;
    width   : 535px;
    position: relative;
    display : block
}

.timeline-title {
    margin-bottom: 10px;
    font-family  : inherit !important;
    font-size    : 1.175em !important;
    font-weight  : 700 !important;
    color        : #333 !important;
    line-height  : 30px;
    border-bottom: 1px solid #e6e6e6
}

.content-timeline_right {
    float      : left;
    width      : 325px;
    margin-left: 20px;
    position   : relative;
    display    : block
}

.content-timeline__list {
    margin-top: 10px
}

.content-timeline__item {
    width           : 100%;
    height          : auto;
    display         : block;
    position        : relative;
    margin-top      : 25px;
    opacity         : 0;
    transition      : all .3s;
    -khtml-transform: translateY(75px) translateZ(0);
    transform       : translateY(75px) translateZ(0)
}

.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;
    -khtml-transform: none;
    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--left {
    width   : 70px;
    height  : 100%;
    position: absolute;
    left    : 0;
    top     : 0
}

.content-timeline--left:after,
.content-timeline--left:before {
    position        : absolute;
    width           : 1px;
    background-color: #e4e7ea;
    margin-left     : 35px;
    z-index         : -1;
    content         : ""
}

.content-timeline--left:before {
    top   : -10px;
    bottom: 50%
}

.content-timeline--left:after {
    top   : 50%;
    bottom: 0
}

.content-timeline--right {
    display   : block;
    height    : 100%;
    position  : relative;
    background: #fff
}

.content-timeline__link {
    width   : 100%;
    height  : 100%;
    display : block;
    position: relative
}

.content-timeline__link:hover .content-timeline__detail__title {
    color: #f44336
}

.content-timeline__time {
    position        : absolute;
    left            : 0;
    width           : 100%;
    text-align      : center;
    top             : calc(50% - 24.5px);
    background-color: #f5f5f5;
    z-index         : 0;
    padding         : 10px 0;
    cursor          : pointer
}

.content-timeline__time__icon {
    color          : #fff;
    display        : block;
    line-height    : 0;
    width          : 32px;
    height         : 32px;
    border-radius  : 50%;
    background-clip: padding-box;
    padding        : 7px;
    text-align     : center;
    overflow       : hidden;
    margin         : 0 auto
}

.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 {
    font-family: inherit;
    font-size  : .6875em;
    line-height: normal;
    font-weight: 400;
    font-style : normal;
    color      : #999;
    width      : 100%;
    position   : relative;
    text-align : center;
    display    : block;
    margin-top : 10px
}

.content-timeline__media {
    float   : left;
    margin  : 0 10px 0 0;
    width   : 190px;
    height  : 120px;
    position: relative;
    overflow: hidden;
    z-index : 0
}

.content-timeline__media.media-video {
    width : 100%;
    height: 100%;
    float : none
}

.content-timeline__media.media-video .content-timeline__media__image {
    width   : 100%;
    height  : 100%;
    position: relative
}

.content-timeline__media.media-video .content-timeline__media__detail {
    width : calc(100% - 40px);
    left  : 20px;
    bottom: 20px
}

.content-timeline__media.media-video img {
    width  : 100%;
    height : auto;
    z-index: 0
}

.content-timeline__media__iframe {
    width   : calc(100% - 40px);
    height  : calc(100% - 40px);
    position: absolute;
    left    : 20px;
    top     : 20px;
    display : none;
    z-index : 9
}

.content-timeline__media__image {
    margin     : 0;
    padding    : 0;
    line-height: 0;
    overflow   : hidden
}

.content-timeline__media__image img {
    position  : relative;
    width     : 100%;
    height    : auto;
    z-index   : 4;
    transition: all .3s
}

.content-timeline__media__icon {
    position: absolute;
    left    : 50%;
    top     : 50%;
    margin  : -42px;
    z-index : 10
}

.content-timeline__media__icon:before {
    content         : "";
    position        : absolute;
    left            : 9px;
    top             : 9px;
    width           : 65px;
    height          : 65px;
    z-index         : -1;
    border-radius   : 100%;
    background-clip : padding-box;
    background-color: rgba(0, 0, 0, .6)
}

.content-timeline__media__rating,
.content-timeline__media__squares,
.content-timeline__media__squares__item {
    width   : 100%;
    height  : 100%;
    position: absolute
}

.content-timeline__media__icon i.material-icons {
    font-size  : 84px;
    color      : #fff;
    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 {
    left            : 5px;
    top             : 5px;
    z-index         : 3;
    background-color: #2196f3
}

.content-timeline__media__squares__item.is-second {
    left            : 10px;
    top             : 10px;
    z-index         : 2;
    background-color: #90caf9
}

.content-timeline__media__squares__item.is-third {
    left            : 15px;
    top             : 15px;
    z-index         : 1;
    background-color: #e3f2fd
}

.content-timeline__media__rating {
    left      : 0;
    top       : 0;
    z-index   : 4;
    background: linear-gradient(180deg, transparent 0, #000)
}

.content-timeline__media__rating .rating-circle {
    position: absolute;
    width   : 70px;
    height  : 70px;
    left    : 50%;
    top     : 50%;
    margin  : -35px;
    z-index : 4
}

.content-timeline__media__detail {
    width     : 100%;
    height    : 145px;
    bottom    : 0;
    left      : 0;
    position  : absolute;
    z-index   : 8;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLW9wYWNpdHk9IjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3Atb3BhY2l0eT0iLjY1Ii8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBmaWxsPSJ1cmwoI2EpIiBkPSJNMCAwaDF2MUgweiIvPjwvc3ZnPg==);
    background: linear-gradient(180deg, transparent 0, #000)
}

.rating-circle,
.rating-circle .circle-inset {
    background-clip: padding-box;
    position       : absolute
}

.content-timeline__media__detail .detail-content {
    position: absolute;
    bottom  : 20px;
    left    : 10px;
    width   : 100%;
    height  : auto;
    z-index : 9
}

.content-timeline__media__detail .detail-content__row {
    width   : 85%;
    height  : auto;
    position: relative
}

.content-timeline__media__detail .detail-content__category {
    background-color: #fff;
    position        : relative;
    padding         : 10px 20px;
    display         : table-cell;
    color           : #3f51b5
}

.content-timeline__media__detail .detail-content__category:after {
    content         : "";
    width           : 10px;
    height          : 100%;
    position        : absolute;
    background-color: #ddd;
    top             : 5px;
    left            : -10px;
    z-index         : -1;
    -khtml-transform: skew(180deg, 135deg);
    transform       : skew(180deg, 135deg)
}

.content-timeline__media__detail .detail-content__category h5 {
    display    : block;
    width      : auto;
    margin     : 0;
    padding    : 0;
    font-family: inherit;
    font-size  : .6875em;
    line-height: normal;
    font-weight: 700;
    font-style : normal
}

.content-timeline__media__detail .detail-content__time {
    color           : #fff;
    display         : table-cell;
    background-color: rgba(0, 0, 0, .7);
    padding         : 10px;
    font-family     : inherit;
    font-size       : .6875em;
    line-height     : normal;
    font-weight     : 700;
    font-style      : normal
}

.content-timeline__media__detail .detail-content__title {
    background-color: #3f51b5;
    color           : #fff;
    padding         : 10px 20px;
    display         : table-cell;
    margin-right    : 20px;
    width           : auto;
    position        : relative
}

.content-timeline__media__detail .detail-content__title:after {
    content         : "";
    width           : 10px;
    height          : 100%;
    position        : absolute;
    background-color: #283593;
    top             : 5px;
    left            : -10px;
    z-index         : -1;
    -khtml-transform: skew(180deg, 135deg);
    transform       : skew(180deg, 135deg)
}

.content-timeline__media__detail .detail-content__title h3 {
    display    : block;
    width      : auto;
    margin     : 0;
    padding    : 0;
    font-family: inherit;
    font-size  : 1.25em;
    line-height: normal;
    font-weight: 700;
    font-style : normal
}

.content-timeline__detail {
    float: left;
    width: calc(100% - 205px)
}

.content-timeline__detail__category {
    margin        : 0;
    padding       : 0;
    font-family   : inherit;
    font-size     : .6875em;
    line-height   : normal;
    font-weight   : 500;
    font-style    : normal;
    color         : #c0c3ca;
    text-transform: uppercase
}

.content-timeline__detail__title {
    font-family: inherit;
    font-size  : 1.15em;
    line-height: normal;
    font-weight: 700;
    font-style : normal;
    color      : #000;
    margin     : 2px 0 5px;
    padding    : 0;
    transition : all .3s
}

.content-timeline__detail__desc {
    padding: 0;
    margin : 10px 0;
    color  : #444
}

.content-timeline__detail--bottom {
    margin-top: 3px;
    display   : block;
    position  : relative
}

.content-timeline__detail--bottom:after,
.content-timeline__detail--bottom:before {
    display: table;
    content: "";
    clear  : both
}

.content-timeline__detail--bottom .content-timeline__detail__author {
    color          : #999;
    text-decoration: none;
    font-size      : 13px;
    line-height    : normal;
    font-weight    : 400;
    padding-right  : 11px;
    display        : table-cell;
    vertical-align : middle;
    height         : 18px
}

.content-timeline__detail--bottom .content-timeline__detail__date {
    color          : #9b9b9b;
    text-decoration: none;
    font-family    : inherit;
    font-size      : .78em;
    line-height    : normal;
    letter-spacing : normal;
    font-weight    : 400;
    padding-right  : 8px;
    display        : table-cell;
    vertical-align : middle
}

.content-timeline__detail--bottom .content-timeline__detail__date:after {
    content    : "";
    height     : 16px;
    width      : 1px;
    background : #ddd;
    position   : absolute;
    margin-left: 9px;
    margin-top : 2px
}

.content-timeline__detail--bottom .content-timeline__detail__social-media {
    width         : 18px;
    height        : 18px;
    display       : table-cell;
    color         : #ccc;
    cursor        : pointer;
    line-height   : 0;
    vertical-align: middle;
    padding-left  : 8px;
    position      : relative
}

.content-timeline__detail--bottom .content-timeline__detail__social-media i.material-icons {
    font-size     : 18px;
    transform     : scaleX(-1);
    -webkit-filter: FlipH;
    filter        : FlipH;
    -ms-filter    : "FlipH"
}

.content-timeline__more,
.content-timeline_right__more {
    max-width : 300px;
    margin    : 20px auto;
    position  : relative;
    text-align: center;
    cursor    : pointer;
    display   : none
}

.content-timeline__more:hover .content-timeline__more__icon,
.content-timeline_right__more:hover .content-timeline__more__icon {
    background-color: #757575;
    -ms-box-shadow  : 0 2px 8px 0 rgba(50, 50, 50, .6);
    -o-box-shadow   : 0 2px 8px 0 rgba(50, 50, 50, .6);
    box-shadow      : 0 2px 8px 0 rgba(50, 50, 50, .6)
}

.content-timeline__more__icon {
    background-color: #999;
    color           : #fff;
    border-radius   : 50%;
    background-clip : padding-box;
    padding         : 6px;
    display         : inline-block;
    transition      : all .3s
}

.content-timeline__more__text {
    display       : inline-block;
    color         : #999;
    vertical-align: middle;
    font-family   : inherit;
    font-size     : 1em;
    font-weight   : 700;
    font-style    : normal;
    margin        : -10px 0 0 20px;
    padding       : 11px 0;
    line-height   : 0
}

.content-timeline__social-media {
    width      : 24px;
    height     : 24px;
    display    : block;
    position   : absolute;
    right      : 5px;
    top        : 16px;
    color      : #c0c3ca;
    cursor     : pointer;
    line-height: 0
}

.content-timeline__social-media--wide {
    right  : 25px;
    top    : 36px;
    color  : #fff;
    z-index: 9
}

.content-timeline__detail__social-media {
    width         : 18px;
    height        : 18px;
    display       : table-cell;
    color         : #ccc;
    cursor        : pointer;
    line-height   : 0;
    vertical-align: middle;
    padding-left  : 8px;
    position      : relative
}

.content-timeline__detail__social-media:hover {
    color: #555
}

@media (min-width:768px) {
    .content-timeline__media__icon--play-button {
        transition: all .3s;
        cursor    : pointer
    }

    .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 {
        width : 100%;
        height: auto
    }
}

@media (max-width:767px) {
    .content-timeline__media {
        margin: 0;
        width : 100% !important;
        height: auto !important;
        float : none
    }

    .content-timeline__media__image {
        width   : 100% !important;
        position: relative;
        display : block;
        height  : auto
    }

    .content-timeline--left,
    .content-timeline--right:before {
        display: none !important
    }

    .content-timeline__media__image img {
        width : 100%;
        height: auto
    }

    .content-timeline__media__rating .rating-circle {
        width           : 56px;
        height          : 56px;
        -khtml-transform: translate(-33px, -53px);
        transform       : translate(-33px, -53px)
    }

    .content-timeline__media__icon {
        position: absolute;
        left    : 50%;
        top     : 50%;
        margin  : -52px -32px;
        z-index : 10
    }

    .content-timeline__media__icon:before {
        content         : "";
        position        : absolute;
        left            : 9px;
        top             : 9px;
        width           : 45px;
        height          : 45px;
        z-index         : -1;
        border-radius   : 100%;
        background-clip : padding-box;
        background-color: rgba(0, 0, 0, .6)
    }

    .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 {
        width      : 100%;
        margin-left: 0
    }

    .content-timeline__link {
        padding: 0
    }

    .content-timeline__detail {
        width   : 100% !important;
        height  : auto !important;
        margin  : 0;
        float   : none;
        position: relative;
        z-index : 1
    }

    .content-timeline__detail__container {
        width           : 100%;
        height          : auto;
        position        : relative;
        display         : block;
        margin          : -30px 0 0;
        background-color: #fff;
        padding         : 7px 0 0
    }

    .content-timeline__detail--top:after,
    .content-timeline__detail--top:before {
        content: "";
        display: table
    }

    .content-timeline__detail--top:after {
        clear: both
    }

    .content-timeline__detail__category {
        margin: 0;
        float : left
    }

    .content-timeline__detail__time {
        float      : right;
        display    : block !important;
        color      : #c0c3ca;
        font-family: inherit;
        font-size  : .6875em;
        line-height: normal;
        font-weight: 500;
        font-style : normal
    }

    .content-timeline__author {
        display: none
    }

    .content-timeline__social-media {
        right  : 5px !important;
        top    : auto;
        bottom : 10px !important;
        z-index: 9;
        margin : 0;
        color  : #c0c3ca !important
    }
}

.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 {
    top     : auto;
    left    : auto;
    width   : 100%;
    z-index : 1;
    position: relative;
    right   : auto;
    bottom  : auto
}

.headline {
    background-color: #e5e5e5;
    padding-top     : 148px;
    padding-bottom  : 20px;
    border-bottom   : 1px solid #fff;
    -ms-box-shadow  : inset 0 -1px 0 0 rgba(0, 0, 0, .05);
    -o-box-shadow   : inset 0 -1px 0 0 rgba(0, 0, 0, .05);
    box-shadow      : inset 0 -1px 0 0 rgba(0, 0, 0, .05)
}

.category-page .headline {
    background-color: transparent;
    border-bottom   : 0;
    -ms-box-shadow  : none;
    -o-box-shadow   : none;
    box-shadow      : none
}

.headline__item--little,
.headline__item--tall,
.headline__item--wide {
    border-right : 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5
}

.headline__block,
.headline__column--double {
    width: 50%
}

.headline__block:nth-child(1n) {
    float       : left;
    margin-right: 0;
    clear       : none
}

.headline__block:last-child {
    margin-right: 0
}

.headline__block:nth-child(0n) {
    margin-right: 0;
    float       : right
}

.headline__block:nth-child(0n+1) {
    clear: left
}

.headline__column--double:nth-child(1n) {
    float       : left;
    margin-right: 0;
    clear       : none
}

.headline__column--double:last-child {
    margin-right: 0
}

.headline__column--double:nth-child(0n) {
    margin-right: 0;
    float       : right
}

.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 {
    z-index : 1;
    top     : 0;
    right   : auto;
    bottom  : auto;
    left    : 0;
    overflow: hidden
}

.headline__item,
.headline__item a {
    width   : 100%;
    position: relative;
    display : block
}

.headline__item a {
    height         : 100%;
    text-decoration: none;
    color          : #fff
}

.headline__item--wide {
    width : 100%;
    height: 295px
}

.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 {
    width : 100%;
    height: 147px
}

.headline__item--little .headline__content__title {
    font-size: 1.125em
}

.headline__item--tall {
    width : 100%;
    height: 295px
}

.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 {
    content         : "";
    position        : absolute;
    z-index         : 0;
    top             : 0;
    right           : auto;
    bottom          : auto;
    left            : 0;
    transition      : all .3s;
    width           : 100%;
    height          : 100%;
    background-color: transparent
}

.headline__content,
.headline__content:before {
    position: absolute;
    bottom  : 0;
    width   : 100%;
    top     : auto;
    right   : auto
}

.headline__content {
    z-index   : 2;
    left      : auto;
    transition: all .3s
}

.headline__content:before {
    content   : "";
    left      : 0;
    height    : 100%;
    display   : inline-block;
    z-index   : -1;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLW9wYWNpdHk9IjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3Atb3BhY2l0eT0iLjY1Ii8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBmaWxsPSJ1cmwoI2EpIiBkPSJNMCAwaDF2MUgweiIvPjwvc3ZnPg==);
    background: linear-gradient(180deg, transparent 0, #000)
}

.headline__icon:before,
.headline__slider .slider__navigation,
.slider__bullet {
    border-radius  : 100%;
    background-clip: padding-box
}

.headline__content__category {
    padding       : 4px 6px 3px;
    text-align    : center;
    color         : #fff;
    font-size     : .625em;
    width         : auto;
    display       : table-cell;
    text-transform: uppercase;
    float         : left
}

.headline__content__title {
    font-size  : .6875em;
    color      : #fff;
    text-shadow: 1px 2px 2px rgba(0, 0, 0, .3);
    margin     : 5px 0 0;
    padding    : 0
}

.headline__content__row {
    width   : 100%;
    position: relative;
    display : block
}

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

.headline__content__time {
    color      : #fff;
    font-family: inherit;
    font-size  : 12px;
    line-height: normal;
    font-weight: 500;
    font-style : normal;
    transition : all .3s;
    text-shadow: 1px 2px 2px rgba(0, 0, 0, .3);
    opacity    : 1;
    display    : table-cell;
    margin-left: 5px
}

.headline__content__time time {
    position      : relative;
    z-index       : 1;
    top           : auto;
    right         : auto;
    bottom        : auto;
    left          : auto;
    display       : table-cell;
    vertical-align: middle;
    height        : 19px;
    padding-left  : 5px
}

.headline__icon {
    position: absolute;
    z-index : 9;
    top     : 5px;
    right   : 5px
}

.headline__icon:before {
    content         : "";
    position        : absolute;
    left            : 4px;
    top             : 4px;
    width           : 40px;
    height          : 40px;
    z-index         : -1;
    background-color: rgba(0, 0, 0, .6)
}

.headline__icon i.material-icons {
    font-size  : 48px;
    color      : #fff;
    text-shadow: 1px 1px 40px rgba(0, 0, 0, .3)
}

.headline__slider .slider__navigation--next:before,
.headline__slider .slider__navigation--prev:before {
    font-family                  : Material Icons;
    -webkit-font-feature-settings: "liga";
    font-size                    : 24px;
    color                        : hsla(0, 0%, 100%, .3)
}

.headline__slider .slider__navigation {
    width           : 60px;
    height          : 60px;
    background-color: hsla(0, 0%, 100%, .2);
    padding         : 18px 5px;
    margin-top      : -30px
}

.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"
}

@media (min-width:768px) {
    .headline__item:hover .headline__image img {
        -khtml-transform: scale(1.1);
        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 {
        -khtml-transform: scale(1.1);
        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 {
    height  : auto;
    overflow: hidden;
    display : block;
    margin  : 0;
    padding : 0
}

.slider,
.slider__item,
.slider__list {
    width   : 100%;
    position: relative;
    z-index : 1;
    top     : auto;
    right   : auto;
    bottom  : auto;
    left    : auto
}

.slider__item,
.slider__list {
    height: 100%
}

.slider__list {
    display: flex;
    margin : 0;
    padding: 0
}

.slider__item {
    -webkit-flex-shrink: 0;
    -ms-flex           : 0 0 auto;
    flex-shrink        : 0;
    font-family        : inherit;
    font-size          : 18px;
    line-height        : normal;
    font-weight        : 400;
    font-style         : normal;
    background-color   : transparent;
    display            : flex;
    justify-content    : center;
    align-items        : center
}

.headline-articles__content__category,
.headline-articles__content__title {
    font-family: inherit;
    font-weight: 700;
    font-style : normal
}

.slider__navigation {
    position  : absolute;
    z-index   : 9;
    top       : 50%;
    right     : auto;
    bottom    : auto;
    left      : auto;
    text-align: left;
    opacity   : 1;
    visibility: visible;
    transition: all .3s;
    cursor    : pointer
}

.slider__navigation--prev {
    left      : 0;
    text-align: right
}

.slider__navigation--next {
    right     : 0;
    text-align: left
}

.slider__navigation--disabled {
    pointer-events: none;
    opacity       : 0;
    visibility    : hidden
}

.slider__pagination {
    position: absolute;
    z-index : 9;
    right   : 10px;
    top     : 10px;
    padding : 0;
    margin  : 0
}

.slider__bullet {
    display         : inline-block;
    color           : #fff;
    width           : 8px;
    height          : 8px;
    border          : 2px solid hsla(0, 0%, 100%, .6);
    margin-right    : 3px;
    background-color: transparent;
    cursor          : pointer
}

.ie7 .slider__bullet,
.ie8 .slider__bullet,
.ie9 .slider__bullet {
    display: none !important
}

.headline-slider:after,
.headline-slider:before {
    display: table;
    content: ""
}

.slider__bullet--active {
    border-color: #f57c00;
    background  : #f57c00
}

.slider__bullet:last-child {
    margin-right: 0
}

.headline-slider {
    width   : 100%;
    position: relative;
    overflow: hidden
}

.headline-slider .badges {
    display: none !important
}

.headline-slider__container {
    position: absolute;
    top     : 0;
    left    : 0
}

.headline-slider__navigation {
    position        : absolute;
    z-index         : 9;
    background-color: rgba(0, 0, 0, .4);
    top             : 20px;
    font-size       : 1.5em;
    padding         : 6px;
    border          : 2px solid hsla(0, 0%, 100%, .4);
    color           : hsla(0, 0%, 100%, .6);
    border-radius   : 50%;
    background-clip : padding-box;
    cursor          : pointer;
    transition      : all .3s;
    width           : 40px;
    height          : 40px
}

.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 {
    width     : 100%;
    position  : relative;
    height    : 175px;
    background: #e7e7e7
}

.headline-articles .content-spinner {
    top       : 0;
    left      : 0;
    position  : absolute;
    margin-top: 0;
    width     : 100%;
    height    : 100%;
    background: #263238;
    z-index   : 9 !important
}

.headline-articles .spinner-container {
    top       : 50%;
    margin-top: -22px
}

.headline-articles__container {
    width: 2100px
}

.headline-articles__box {
    position    : relative;
    display     : block;
    float       : left;
    height      : 169px;
    width       : 300px;
    max-height  : 169px;
    overflow    : hidden;
    border-right: 1px solid #f5f5f5;
    transform   : translateX(20px);
    transition  : all .3s ease-in-out;
    opacity     : 0
}

.headline-articles__box.is-active {
    transform: translateX(0);
    opacity  : 1
}

.headline-articles__box:last-child {
    border: none
}

.headline-articles__box a {
    position       : relative;
    display        : block;
    width          : 100%;
    height         : 100%;
    text-decoration: none;
    color          : #fff
}

.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 {
    content         : "";
    position        : absolute;
    z-index         : 0;
    left            : 0;
    top             : 0;
    transition      : all .3s;
    width           : 100%;
    height          : 100%;
    background-color: transparent
}

.content-timeline__media__rating,
.headline-articles__content:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLW9wYWNpdHk9IjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3Atb3BhY2l0eT0iLjY1Ii8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBmaWxsPSJ1cmwoI2EpIiBkPSJNMCAwaDF2MUgweiIvPjwvc3ZnPg==)
}

.headline-articles__content {
    width     : 100%;
    position  : absolute;
    z-index   : 2;
    bottom    : 0;
    transition: all .3s;
    padding   : 0 20px 20px
}

.headline-articles__content:before {
    content   : "";
    position  : absolute;
    z-index   : -1;
    left      : 0;
    bottom    : 0;
    width     : 100%;
    height    : 100%;
    display   : inline-block;
    background: linear-gradient(180deg, transparent 0, #000)
}

.headline-articles__content__row:after,
.headline-articles__content__row:before {
    display: table;
    content: ""
}

.headline-articles__content__category {
    padding       : 4px 6px 3px;
    text-align    : center;
    color         : #fff;
    font-size     : .625em;
    line-height   : normal;
    width         : auto;
    display       : table-cell;
    text-transform: uppercase;
    float         : left
}

.headline-articles__content__title {
    font-size  : 1em;
    line-height: 1.25em;
    color      : #fff;
    text-shadow: 1px 2px 2px rgba(0, 0, 0, .3);
    margin     : 5px 0 0;
    padding    : 0
}

.headline-articles__content__time {
    float      : left;
    color      : #fff;
    font-family: inherit;
    font-size  : .75em;
    line-height: normal;
    font-weight: 500;
    font-style : normal;
    transition : all .3s;
    text-shadow: 1px 2px 2px rgba(0, 0, 0, .3);
    display    : table-cell;
    margin-left: 5px
}

.headline-articles__content__time time {
    position      : relative;
    display       : table-cell;
    vertical-align: middle;
    height        : 19px;
    padding-left  : 5px
}

.headline-articles__icon {
    position: absolute;
    z-index : 9;
    top     : 5px;
    right   : 5px
}

.headline-articles__icon:before {
    content         : "";
    position        : absolute;
    left            : 4px;
    top             : 4px;
    width           : 40px;
    height          : 40px;
    z-index         : -1;
    border-radius   : 100%;
    background-clip : padding-box;
    background-color: rgba(0, 0, 0, .6)
}

.headline-articles__icon i.material-icons {
    font-size  : 48px;
    color      : #fff;
    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 {
    width     : 524px;
    max-height: 295px;
    height    : 295px
}

.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 {
        width : 300px !important;
        height: 169px !important
    }

    .headline-articles__content__title {
        font-size: 1em !important
    }

    .headline-articles__image img {
        width : 100%;
        height: 100%
    }
}

@media (max-width:767px) {
    .headline-cats .headline-cats-wrap {
        display: block
    }

    .headline-cats .container {
        padding: 0 15px !important
    }

    .headline-cats .cat_link {
        float       : left;
        font-size   : 16px;
        margin-left : 0;
        margin-right: 10px;
        margin-top  : 5px;
        padding     : .1rem .5em;
        color       : #999
    }

    .headline-cats h1 {
        padding: 0;
        margin : 0;
        display: block;
        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 {
        width : 300px !important;
        height: 169px !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 {
        width   : 100%;
        display : block;
        position: relative
    }

    .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 {
    position        : relative;
    width           : 100%;
    background-color: #f6f6f6;
    margin-top      : -60px;
    padding         : 64px 4px 4px
}

.headline:after,
.headline:before {
    display: table;
    content: "";
    clear  : both
}

.headline__blocks {
    position  : relative;
    transition: all .2s linear;
    float     : left;
    overflow  : hidden
}

.headline__blocks .badges {
    top     : 20px;
    right   : 50px;
    left    : auto;
    position: absolute
}

.headline__blocks:hover .headline__blocks__image:after {
    opacity: 1
}

.headline__blocks--large {
    width : 46%;
    height: 374px
}

.headline__blocks--tall {
    width : 28%;
    height: 374px
}

.headline__blocks--small {
    width : 26%;
    height: 187px
}

.headline__blocks__image {
    background-size    : cover;
    background-position: 50%;
    top                : 4px;
    z-index            : 1;
    bottom             : 4px;
    left               : 4px;
    position           : absolute;
    right              : 4px
}

.headline__blocks__image:after {
    content    : "";
    transition : opacity .4s ease;
    display    : block;
    will-change: opacity;
    z-index    : 2;
    position   : absolute;
    bottom     : 0;
    left       : 0;
    right      : 0;
    top        : 0;
    background : linear-gradient(180deg, transparent 45%, #000 99%, #000);
    filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#000000", GradientType=0);
    opacity    : .8
}

.content-card,
.slider__navigation {
    -webkit-transition: all .3s;
    cursor            : pointer
}

.headline__blocks__icon i.material-icons {
    position: absolute;
    left    : calc(50% - 12px);
    top     : calc(50% - 12px);
    color   : #fff
}

.headline__blocks__link {
    display : block;
    z-index : 5;
    bottom  : 0;
    left    : 0;
    position: absolute;
    right   : 0;
    top     : 0
}

.headline__blocks__header {
    position: absolute;
    bottom  : 4px;
    left    : 4px;
    padding : 16px 16px 10px;
    z-index : 3
}

.headline__blocks__header__category {
    font-family: inherit;
    font-size  : .625em;
    line-height: normal;
    font-weight: 700;
    font-style : normal;
    margin     : 0;
    padding    : 4px 6px 2px;
    display    : table-cell;
    color      : #fff
}

.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;
    line-height: normal;
    font-weight: 700;
    font-style : normal
}

.headline__blocks__header__title--small,
.headline__blocks__header__title--tall {
    font-family: TMSans;
    font-size  : 1.2em;
    line-height: normal;
    font-weight: 700;
    font-style : normal
}

.headline__blocks__header__title--tall {
    font-size: 1.5em
}

.headline__blocks__header__other,
.slider__item {
    font-family: inherit;
    font-weight: 400;
    line-height: normal;
    font-style : normal
}

.headline__blocks__header__other {
    position      : relative;
    list-style    : none;
    margin        : 0;
    padding       : 0;
    font-size     : .8125em;
    color         : #999;
    overflow      : hidden;
    max-height    : 0;
    filter        : alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity  : 0;
    opacity       : 0;
    transition    : all .1s linear
}

.headline__blocks:hover .headline__blocks__header__other {
    max-height    : 100px;
    margin        : 5px 0;
    filter        : alpha(opacity=100);
    -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 {
    padding-right : 16px;
    display       : table-cell;
    vertical-align: middle;
    height        : 16px
}

.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 {
    display     : inline-block;
    color       : #d0d0d0;
    font-family : inherit;
    font-size   : 12px;
    margin-right: 10px
}

.share_counts span i {
    color        : #d0d0d0;
    font-size    : 18px;
    padding      : 3px 0;
    text-align   : center;
    border-radius: 3px;
    position     : relative;
    top          : 1px;
    margin-right : 2px;
    margin-left  : 2px
}

.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 {
    margin-right: 4px;
    font-size   : 18px
}

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

.news__item {
    margin-top: 30px
}

.news__item:first-child {
    margin-top: 0
}

.content-comments {
    display   : block;
    margin-top: 50px;
    padding   : 0
}

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

.comments-show:hover {
    background-color: #ff9800;
    color           : #fff
}

.comments-show span {
    font-weight: 400
}

.buzzy-comments {
    display: none
}

.content-chart {
    position  : relative;
    display   : inline-block;
    width     : 70px;
    height    : 70px;
    text-align: center
}

.content-chart canvas {
    position: absolute;
    top     : 0;
    left    : 0
}

.content-chart__percpercent {
    display    : inline-block;
    line-height: 70px;
    z-index    : 2
}

.content-iframe {
    width : calc(100% + 40px);
    margin: 0 -20px
}

.content-more {
    width      : calc(100% - 20px);
    text-align : center;
    display    : block;
    min-height : 44px;
    position   : relative;
    background : linear-gradient(180deg, #fff 0, hsla(0, 0%, 100%, 0));
    filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#00ffffff", GradientType=0);
    padding-top: 30px;
    margin     : -20px 10px 0
}

.content-more:before {
    content         : "";
    position        : absolute;
    height          : 1px;
    background-color: #d9d9d9;
    top             : 50%;
    left            : 0;
    width           : 100%;
    margin-top      : 11px
}

.content-more__button {
    position        : relative;
    display         : inline-block;
    margin          : 0 auto;
    background-color: #fff !important;
    text-align      : center;
    cursor          : pointer;
    padding         : 12px 16px;
    border          : 1px solid #d9d9d9;
    border-radius   : 2px;
    background-clip : padding-box;
    font-family     : inherit;
    font-size       : .9375em;
    line-height     : .9375em;
    font-weight     : 700;
    font-style      : normal;
    transition      : all .3s;
    color           : #333
}

.content-more__button:hover {
    color       : #000 !important;
    border-color: #aaa
}

.content-source-url {
    padding   : 5px 20px;
    margin    : 10px 30px 0;
    transition: all .3s
}

.content-header {
    position        : fixed;
    height          : 58px;
    background      : #fff;
    width           : 100%;
    z-index         : 100;
    transition      : all .3s;
    left            : 0;
    top             : 0;
    -ms-box-shadow  : 0 2px 5px rgba(0, 0, 0, .26);
    box-shadow      : 0 2px 5px rgba(0, 0, 0, .26);
    -khtml-transform: translateY(-115px) translateZ(0);
    transform       : translateY(-115px) translateZ(0)
}

.content-header.is-active {
    -khtml-transform: translate(0) translateZ(0);
    transform       : translate(0) translateZ(0)
}

.content-header__container {
    margin  : 0 auto;
    width   : 1200px;
    display : block;
    position: relative
}

.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;
    line-height: normal;
    padding    : 16px 14px;
    position   : absolute;
    left       : 0;
    top        : 0
}

.content-header__container__left__home a {
    text-decoration: none;
    color          : #333;
    transition     : all .3s
}

.content-header__container__left__home a:hover {
    color: #000
}

.content-header__container__left__title {
    padding      : 0 0 0 25px;
    height       : 58px;
    margin-left  : 55px;
    font-size    : 1.075em;
    font-weight  : 500;
    color        : #333;
    font-family  : inherit;
    white-space  : nowrap;
    overflow     : hidden;
    text-overflow: ellipsis;
    width        : 728px;
    border-left  : 1px solid #eee
}

.content-header__progress--container {
    background: #fff;
    width     : 100%;
    height    : 2px;
    top       : 58px;
    position  : absolute
}

.content-header__progress--container__progress {
    width     : 0;
    height    : 2px;
    background: #ff9800;
    transition: all .3s
}

.content-info,
.content-title h1 {
    line-height: normal;
    font-style : normal
}

.list__item,
.news__item {
    margin-top: 32px
}

.list__item:after,
.news__item+.news__item:before {
    content      : "";
    display      : block;
    width        : 100%;
    height       : 2px;
    background   : #ccc;
    margin-bottom: 32px
}

.content-title,
.content-title h1 {
    margin   : 0;
    padding  : 0;
    display  : block;
    max-width: 100%;
    width    : 100%;
    position : relative
}

.list__item:first-child,
.news__item:first-child {
    margin-top: 0
}

.content-title h1 {
    font-family: TMSans;
    font-size  : 2.25em;
    font-weight: 700;
    color      : #000
}

.content-title a {
    color          : #000;
    text-decoration: none
}

.content-info {
    margin-top : 15px;
    font-family: inherit;
    font-size  : 1em;
    font-weight: 400;
    color      : #999
}

.content-info span {
    display: table-cell
}

.user-info {
    font-family: inherit;
    float      : left;
    width      : 70%
}

.user-info .avatar {
    margin-right: 10px;
    float       : left
}

.user-info .avatar img {
    width : 45px;
    height: 45px
}

.user-info .info {
    width   : 100%;
    position: relative
}

.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 {
    display   : block;
    color     : #888;
    font-size : 14px;
    margin-top: 4px
}

.item_category a {
    float           : right;
    display         : inline-block;
    margin          : 0 0 5px;
    background-color: #bababa;
    padding         : 4px 8px;
    font-size       : 12px;
    line-height     : 12px;
    color           : #fff;
    text-transform  : uppercase;
    text-decoration : none
}

.item_category a:hover {
    background-color: #33495e;
    color           : #fff
}

@media (max-width:728px) {
    .content-info .item_category {
        display   : block;
        margin-top: 10px;
        clear     : both
    }

    .content-info .item_category a {
        float: none
    }
}

.content-info__line {
    display: inline-block;
    padding: 0 2px
}

.content-body {
    width   : 100%;
    position: relative;
    display : block;
    color   : #222
}

.content-body:after,
.content-body:before {
    display: table;
    content: "";
    clear  : both
}

.content-body--left {
    float      : left;
    width      : 48px;
    display    : block;
    min-height : 296px;
    padding-top: 10px
}

.content-body--right {
    float        : left;
    width        : calc(100% - 80px);
    margin-left  : 22px;
    padding-right: 20px
}

.content-body__image {
    width   : 100%;
    margin  : 10px 0 0;
    padding : 0;
    position: relative
}

.content-body__description,
.content-body__detail {
    font-weight: 400;
    margin-top : 16px;
    font-style : normal
}

.content-body__image img {
    position  : relative;
    display   : block;
    z-index   : 1;
    width     : 100%;
    max-width : 788px;
    max-height: 443px;
    height    : auto
}

.content-body__detail iframe,
.content-body__detail img {
    max-width: calc(100% + 60px)
}

.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 {
    width          : 100%;
    table-layout   : fixed;
    border-collapse: collapse;
    border-spacing : 0;
    margin         : 15px 0
}

.content-body__detail table thead {
    background-color: #f9f9f9
}

.content-body__detail table td,
.content-body__detail table th {
    min-width     : 40px;
    height        : 30px;
    border        : 1px solid #ccc;
    vertical-align: top;
    padding       : 2px 4px;
    text-align    : left;
    box-sizing    : border-box
}

.content-body__detail a {
    color          : #ff5722;
    text-decoration: none;
    font-weight    : 700;
    position       : relative
}

.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 {
    font-weight  : 700;
    padding      : 5px 0;
    margin-bottom: 5px;
    clear        : both
}

.content-body__detail ol,
.content-body__detail ul {
    margin : 0;
    padding: 0 20px
}

.content-iframe {
    height        : 0;
    overflow      : hidden;
    padding-bottom: 56.25%;
    padding-top   : 1.38889rem;
    position      : relative;
    width         : calc(100% + 60px);
    margin-top    : 16px
}

.content-iframe__item {
    height  : 100% !important;
    position: absolute;
    z-index : 1;
    top     : 0;
    right   : auto;
    bottom  : auto;
    left    : 0;
    width   : 100% !important
}

.content-body__detail small {
    font-size  : 12px;
    line-height: 14px
}

.content-source-url {
    border         : 1px dashed #ccc;
    padding        : 8px 16px;
    font-size      : 14px;
    margin-top     : 16px;
    display        : block;
    color          : inherit;
    text-decoration: none;
    width          : calc(100% + 60px);
    font-family    : Arial
}

.content-share__icon,
.content-share__item {
    border-radius  : 100%;
    background-clip: padding-box
}

.content-source-url:hover {
    background: #f5f5f5
}

.content-source-url__subtitle {
    font-weight: 700;
    float      : left;
    min-width  : 63px
}

.content-source-url__content {
    color        : #999;
    white-space  : nowrap;
    overflow     : hidden;
    text-overflow: ellipsis;
    float        : left;
    width        : calc(100% - 63px)
}

.content-tags {
    width      : calc(100% + 60px);
    margin-top : 16px;
    font-family: inherit;
    font-size  : 1.125em;
    line-height: normal;
    font-weight: 700;
    font-style : normal;
    color      : #999
}

.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-tags a:hover {
    text-decoration: underline
}

.content-ligatus {
    width  : calc(100% + 60px);
    display: block
}

.content-share,
.content-share__icon,
.content-share__item {
    position: relative;
    display : block
}

.content-share {
    width: 48px
}

.content-share__item {
    width      : 48px;
    height     : 48px;
    line-height: 0;
    padding    : 8px;
    margin-top : 8px;
    cursor     : pointer
}

.content-share__item:hover {
    opacity: .9
}

.content-share__item:first-child {
    margin-top: 0
}

.content-share__icon {
    background-image: url(/assets/images/sprite.png?811f4d5820fcca59fcdb13d07c0ba4d4);
    width           : 32px;
    height          : 32px
}

.content-share__item.facebook {
    background-color: #4363a2
}

.content-share__item.facebook .content-share__icon {
    background-position: -4px -79px;
    width              : 32px;
    height             : 32px
}

.content-share__item.twitter {
    background-color: #60b5f1
}

.content-share__item.twitter .content-share__icon {
    background-position: -37px -46px;
    width              : 32px;
    height             : 32px
}

.content-share__item.pinterest {
    background-color: #c52027
}

.content-share__item.pinterest .content-share__icon {
    background-position: -4px -111px;
    width              : 32px;
    height             : 32px
}

.content-share__item.whatsapp {
    background-color: #34af23
}

.content-share__item.whatsapp .content-share__icon {
    background-position: -4px -47px;
    width              : 32px;
    height             : 32px
}

.content-share__item.mail {
    background-color: #8bc34a
}

.content-share__item.mail .content-share__icon {
    background-position: -37px -79px;
    width              : 32px;
    height             : 32px
}

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

.content-font {
    padding-top: 16px;
    margin-top : 16px;
    position   : relative
}

.content-font.admin_setting {
    padding: 0 0 16px;
    margin : 0 0 16px
}

.content-font.admin_setting .material-icons {
    margin-left: 2px;
    margin-top : -2px
}

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

.content-font.admin_setting:before {
    top   : auto;
    bottom: 0
}

.content-font__item {
    width          : 48px;
    height         : 48px;
    position       : relative;
    display        : block;
    border-radius  : 100%;
    background-clip: padding-box;
    border         : 2px solid #ddd;
    padding        : 12px 8px;
    cursor         : pointer
}

.content-font__item:hover {
    border-color: #999
}

.content-font__item:hover .content-font__icon {
    opacity: 1
}

.content-font__icon {
    position           : relative;
    display            : block;
    background-image   : url(/assets/images/sprite.png?811f4d5820fcca59fcdb13d07c0ba4d4);
    background-position: 0 0;
    width              : 25px;
    height             : 19px;
    opacity            : .6
}

@media (max-width:767px) {
    .content-title h1 {
        font-size: 1.5em
    }

    .content-body__description {
        width     : 100%;
        font-size : 1.1875em;
        margin-top: 8px
    }

    .content-body__detail {
        width    : 100%;
        font-size: 1.0625em
    }

    .content-body--right {
        width  : 100%;
        margin : 0;
        padding: 0
    }

    .content-body--left {
        position  : fixed;
        bottom    : 0;
        left      : 0;
        width     : 100%;
        min-height: 0;
        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 {
        position  : relative;
        margin-top: 5px;
        transform : none
    }

    .content-share {
        position: fixed;
        bottom  : 0;
        left    : 0;
        z-index : 99999999;
        height  : 46px
    }

    .content-share__item {
        width          : 25%;
        margin         : 0;
        display        : block;
        padding        : 7px 0;
        text-align     : center;
        border-radius  : 0;
        background-clip: padding-box;
        opacity        : 1 !important
    }

    .content-share__item:nth-child(1n) {
        float       : left;
        margin-right: 0;
        clear       : none
    }

    .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
    }
}

@media (max-width:767px) {
    .content-share__icon {
        width          : 32px;
        height         : 32px;
        border-radius  : 100%;
        background-clip: padding-box;
        position       : relative;
        display        : block;
        margin         : 0 auto
    }

    .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 {
    margin-top   : 5px;
    margin-bottom: -10px
}

.user-reactions .percentage-bar div.bar {
    width     : 70px;
    display   : block;
    padding   : 0;
    text-align: center;
    position  : relative;
    height    : 70px;
    margin-top: 20px
}

.user-reactions .percentage-bar .count {
    text-align      : center;
    display         : block;
    width           : 70px;
    background-color: #8cda9d;
    position        : absolute;
    bottom          : 0;
    left            : 2px
}

.user-reactions .percentage-bar .count.f {
    margin-bottom   : 2px;
    background-color: #8cda9d;
    transition      : all 1s ease
}

.user-reactions .percentage-bar span.count-text {
    display  : block;
    position : absolute;
    width    : 100%;
    top      : -22px;
    font-size: 14px;
    color    : #424242
}

.user-reactions .reaction-emoji {
    display      : inline-block;
    padding      : 2px;
    margin-bottom: 40px
}

.user-reactions .reaction-emoji a {
    width           : 75px;
    height          : 75px;
    padding         : 8px;
    border          : none;
    background-color: #f1f1f1;
    display         : inline-block;
    margin-right    : 10px;
    border-bottom   : 2px
}

.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 {
    position   : absolute;
    margin-top : 20px;
    margin-left: -5px;
    width      : 72px;
    text-align : center;
    color      : #9a9a9a;
    font-size  : 12px;
    display    : block
}

.user-reactions .reaction-emoji a.active {
    background-color: #dadd85 !important;
    cursor          : default;
    opacity         : 1 !important
}

.user-reactions .reaction-emoji a:hover {
    background-color: #ddd
}

.user-reactions .reaction-emoji a.off {
    opacity: .7;
    cursor : default
}

.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-top   : 5px;
        margin-bottom: -10px
    }

    .user-reactions .percentage-bar div.bar {
        width     : 34px;
        height    : 34px;
        margin-top: 20px
    }

    .user-reactions .percentage-bar .count {
        width: 32px
    }

    .user-reactions .percentage-bar span.count-text {
        display  : block;
        position : absolute;
        width    : 100%;
        top      : -22px;
        font-size: 14px;
        color    : #424242
    }

    .user-reactions .reaction-emoji {
        display      : inline-block;
        padding      : 0;
        margin-bottom: 20px
    }

    .user-reactions .reaction-emoji a {
        width       : 38px;
        height      : 38px;
        padding     : 2px;
        border      : none;
        margin-right: 5px
    }

    .user-reactions .reaction-emoji a img {
        margin-left: 3px;
        margin-top : 3px;
        width      : 28px !important;
        height     : 28px !important
    }

    .user-reactions .reaction-emoji a span.text {
        display: none
    }
}

.option-selection {
    width          : 100%;
    margin         : 0 !important;
    padding        : 0 !important;
    position       : relative;
    display        : table;
    border-collapse: separate
}

.option-selection:after {
    clear  : both;
    content: "";
    display: table
}

.option-selection li {
    float         : left;
    width         : 33.3333333333%;
    margin-bottom : 15px;
    display       : table-cell;
    vertical-align: top;
    overflow      : hidden
}

.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 {
    position : absolute;
    left     : 0;
    top      : 0;
    width    : 10px;
    font-size: 22px
}

.option-selection a {
    clear           : left;
    background-color: #f9f9f9;
    border          : 1px solid #d8d8d8;
    position        : relative;
    padding-bottom  : 2px;
    margin-left     : 15px;
    display         : block;
    height          : 100%
}

.option-selection a:after {
    clear  : both;
    content: "";
    display: table
}

.option-selection a.closed {
    cursor: default !important
}

.option-selection a .answer-cover {
    padding: 9px 10px;
    display: block
}

.option-selection a .answer-cover img {
    width        : 100%;
    display      : block;
    max-width    : 100%;
    margin-bottom: 10px
}

.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;
    font-weight   : 600;
    font-size     : 18px;
    line-height   : 21px;
    color         : #3d3d3d;
    vertical-align: top;
    margin-left   : 28px;
    display       : block
}

.option-selection a:hover {
    background-color: #fff195;
    text-decoration : none
}

.option-selection a:hover .buzz-icon {
    background-position: -25px -148px !important
}

.option-selection a.active {
    background-color: #8ac5ff;
    cursor          : default;
    text-decoration : none
}

.option-selection a.active .buzz-icon {
    background-position: -25px -148px !important
}

.option-selection a.off {
    cursor: default
}

.option-selection a.off i {
    color                        : #e8e8e8;
    font-feature-settings        : "liga"1 !important;
    -webkit-font-feature-settings: "liga"1 !important
}

.option-selection a .meta {
    position : absolute;
    top      : 12px;
    right    : 5px;
    font-size: 15px;
    color    : #444
}

.entry.quizquestion {
    margin-bottom: 50px
}

.entry.results {
    display         : none;
    background-color: #fefefe;
    border          : 1px solid #ddd;
    padding         : 20px;
    margin          : 120px 0 150px
}

.entry.results .post-title {
    font-size  : 15px;
    line-height: 23px;
    font-weight: 600;
    color      : #797979;
    margin     : 0 0 10px;
    padding    : 0
}

.entry.results .quiz_result {
    display: none
}

.entry.results .quiz_headline {
    font-size  : 30px;
    line-height: 37px;
    font-weight: 600;
    margin     : 0 0 20px;
    color      : #222
}

.entry.results .quiz_text {
    width        : 50%;
    overflow-x   : hidden;
    text-overflow: ellipsis;
    float        : left;
    font-size    : 16px;
    font-weight  : 600;
    padding-top  : 5px
}

.entry.results .quiz_img {
    position: relative;
    width   : 50%;
    float   : right;
    margin  : 0
}

.entry.results .quiz_img img {
    width      : 95%;
    margin-left: 15px
}

.entry.results .quiz_result_share {
    margin-top : 30px;
    border-top : 1px solid #dadada;
    padding-top: 30px
}

.BuzzyQuizAlert {
    width         : 658px;
    margin-left   : -356px !important;
    padding-bottom: 0 !important
}

.BuzzyQuizAlert h2 {
    font-size  : 28px !important;
    margin     : 0 !important;
    line-height: 32px !important
}

.BuzzyQuizAlert p {
    padding-top: 20px;
    font-weight: 400;
    font-size  : 20px
}

.BuzzyQuizAlert .sa-icon {
    margin-top: 0 !important;
    width     : 100% !important;
    min-height: 350px !important;
    height    : auto !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 {
        top    : 0 !important;
        left   : 0 !important;
        right  : 0 !important;
        bottom : 0 !important;
        width  : 100% !important;
        margin : 0 !important;
        padding: 0 !important
    }

    .BuzzyQuizAlert h2 {
        padding  : 10px !important;
        font-size: 18px !important
    }

    .BuzzyQuizAlert p {
        padding-top: 10px !important;
        font-weight: 400;
        font-size  : 16px !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 {
        position: absolute;
        top     : 10px;
        right   : 5px;
        padding : 7px 12px
    }

    .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 {
        width    : 10px !important;
        font-size: 14px !important
    }
}

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

span.tagy a {
    display        : inline-block;
    border         : 1px solid #e5e5e5;
    background     : #f3f3f3;
    padding        : 0 11px;
    line-height    : 24px;
    margin-right   : 10px;
    margin-bottom  : 10px;
    position       : relative;
    font-size      : 16px;
    font-weight    : 600;
    text-shadow    : 0 1px 0 hsla(0, 0%, 100%, .7);
    border-radius  : 3px;
    vertical-align : middle;
    color          : #212020;
    outline        : 0;
    text-decoration: none;
    transition     : all .2s ease-in-out
}

span.tagy a:after,
span.tagy a:before {
    bottom        : 100%;
    left          : 20px;
    border        : solid transparent;
    content       : " ";
    height        : 0;
    width         : 0;
    position      : absolute;
    pointer-events: none
}

span.tagy a:before {
    border-color: hsla(0, 0%, 89.8%, 0) hsla(0, 0%, 89.8%, 0) #e5e5e5;
    border-width: 6px;
    margin-left : -6px
}

span.tagy a:after {
    border-color: hsla(0, 0%, 95.3%, 0) hsla(0, 0%, 95.3%, 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 {
    vertical-align: middle;
    margin-right  : 3px;
    color         : #999
}

.profile-splash {
    position  : relative;
    margin-top: 60px
}

.profile-splash .profile-splash-cov {
    background    : linear-gradient(0deg, rgba(0, 0, 0, .6), transparent 40%);
    border-radius : 3px;
    bottom        : 0;
    left          : 0;
    pointer-events: none;
    position      : absolute;
    right         : 0;
    top           : 0
}

.profile-splash .profile-image {
    -khtml-box-sizing: border-box;
    -ms-box-sizing   : border-box;
    -o-box-sizing    : border-box;
    box-sizing       : border-box;
    background       : #fff;
    width            : 220px;
    height           : 220px;
    position         : absolute;
    left             : 20px;
    bottom           : -30px;
    padding          : 5px;
    border           : 1px solid #dedede
}

.profile-splash .profile-display-name {
    position     : absolute;
    left         : 280px;
    bottom       : 10px;
    font-family  : inherit;
    font-size    : 30px;
    font-weight  : 600;
    line-height  : 24px;
    margin-bottom: 14px
}

.profile-splash .profile-display-name a {
    color      : #fff;
    text-shadow: 0 1px 4px rgba(0, 0, 0, .8)
}

.profile-splash .profile-follow {
    position: absolute;
    bottom  : 20px;
    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 {
    width       : 270px;
    float       : left;
    border-right: 1px solid #d8d8d8;
    position    : relative;
    z-index     : 10;
    padding     : 30px 0 0;
    margin      : 0;
    font-size   : 13px
}

.profile-wrap .profile-content .profile-sidebar .profile-section {
    padding      : 20px 20px 25px;
    border-bottom: 1px solid #e8e8e8
}

.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;
    margin-bottom: 5px;
    font-size    : 16px;
    line-height  : 12px
}

.profile-wrap .profile-content .profile-sidebar .profile-section .profile-details .profile-detail strong {
    display    : block;
    color      : #aaa;
    font-size  : 14px;
    line-height: 27px
}

.profile-wrap .profile-content .profile-sidebar .profile-section .set-button {
    margin-top: 10px;
    padding   : 6px 0;
    font-size : 16px
}

.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 {
    clear         : left;
    float         : left;
    display       : block;
    font-size     : 13px;
    line-height   : 16px;
    color         : #333;
    background    : none;
    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;
    width       : 40px;
    height      : 40px;
    padding     : 0;
    margin-right: 10px
}

.profile-wrap .profile-content .profile-main {
    background : #fff;
    width      : auto;
    overflow   : hidden;
    margin-left: 270px;
    min-height : 800px;
    padding    : 20px 20px 0;
    position   : relative;
    left       : -1px;
    border-left: 1px solid #d8d8d8
}

.profile-wrap .profile-content .profile-main .profile-section-header {
    border-bottom: 1px solid #e8e8e8;
    height       : 44px;
    line-height  : 42px;
    margin       : 0 -20px 30px;
    text-align   : center;
    padding      : 0 30px;
    min-width    : 100%;
    white-space  : nowrap;
    box-sizing   : border-box
}

.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 {
    font-weight  : 600;
    border-bottom: 2px solid #1769ff;
    color        : #2b2b2b
}

.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 {
    color         : #000;
    font-size     : 16px;
    padding       : 10px 0;
    font-weight   : 700;
    text-transform: uppercase;
    border-bottom : 1px solid #eee;
    margin-top    : 30px;
    margin-bottom : 10px
}

.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;
    font-size: 13px;
    margin   : 5px 0;
    display  : block
}

.profile-wrap .follow-images .profile-sidebar-label {
    text-transform: uppercase
}

.profile-wrap .follow-images .more_follow {
    float: right;
    color: #999
}

.profile-wrap .follow-images .follow-image {
    float        : left;
    margin-right : 5px;
    margin-bottom: 5px;
    overflow     : hidden
}

.profile-wrap .follow-images .follow-image img {
    border-radius: 4px
}

.profile-wrap .follow-images .follow-image span {
    display      : block;
    width        : 100%;
    padding      : 5px 2px;
    max-width    : 85px;
    text-align   : center;
    overflow     : hidden;
    white-space  : nowrap;
    text-overflow: ellipsis;
    color        : #333
}

.profile-wrap .follow-images .follow-image.big {
    margin-right : 20px;
    margin-bottom: 20px
}

@media (max-width:991px) {
    .profile-splash .profile-image {
        width : 140px !important;
        height: 140px !important
    }

    .profile-display-name {
        left: 170px !important
    }

    .profile-display-name a {
        font-size: 22px
    }

    .profile-sidebar {
        width       : auto !important;
        float       : none !important;
        border-right: 0 !important
    }

    .profile-main {
        width      : auto !important;
        margin-left: 0 !important;
        border-left: 0 !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 {
        width : 90px !important;
        height: 90px !important
    }

    .profile-display-name {
        left  : 130px !important;
        bottom: 0 !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   : 5px;
    position        : relative
}

.modeempty-header .modeempty_text {
    padding       : 40px 0;
    display       : block;
    text-align    : center;
    vertical-align: middle;
    height        : 100%
}

.modeempty-header .modeempty_text i {
    font-size: 36px;
    color    : #999
}

.modeadmin_header {
    background-color: #ed1c24;
    border          : 1px solid #e5e5e5;
    border-radius   : 5px;
    position        : relative
}

.modeadmin_header .modeadmin_text {
    padding: 10px;
    display: block;
    height : 100%;
    color  : #fff
}

.modeadmin_header .modeadmin_text i {
    float       : left;
    font-size   : 22px;
    color       : #fff;
    margin-right: 15px;
    margin-top  : -4px
}

.user_messages_header {
    display        : flex;
    justify-content: space-between;
    align-items    : center
}

.user_messages_header h2 {
    color: #666
}

.user_messages_header a {
    color: #000
}

.user_messages .message {
    padding      : 20px;
    box-shadow   : 0 2px 4px 0 rgba(0, 0, 0, .1);
    margin-bottom: 15px;
    border-radius: 10px;
    width        : 100%;
    display      : flex
}

.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
}

.user_messages .message-body {
    flex: 1
}

.user_messages .message-body p {
    margin: 0
}

.user_messages .message-meta {
    display      : flex;
    align-items  : center;
    margin-bottom: 15px
}

.user_messages .message-meta small {
    color : #ccc;
    margin: 0 10px
}

.user_messages .message-heading {
    font-weight: 700;
    color      : #000
}

.user_messages .message-date {
    font-weight: 400;
    font-size  : 12px;
    color      : #aaa
}

.user_messages .message-pagination {
    text-align: center
}

.user_messages .message-reply-form {
    padding: 20px 0
}

.user_threads_header {
    display        : flex;
    align-items    : center;
    justify-content: space-between
}

.user_threads {
    width          : 100%;
    border-radius  : 5px;
    box-shadow     : 0 2px 4px 0 rgba(0, 0, 0, .1);
    border-collapse: collapse;
    text-indent    : 0;
    border-color   : inherit
}

.user_threads .thread_header {
    border-radius   : 5px 0 0 5px;
    background-color: #f9fafb;
    text-transform  : uppercase
}

.user_threads .thread_header th {
    padding       : 10px 12px;
    color         : #6b7280;
    letter-spacing: .05em;
    font-size     : 12px;
    font-weight   : 700;
    text-align    : left
}

.user_threads tbody {
    border-radius: 0 5px 5px 0
}

.user_threads .thread {
    padding   : 15px 0;
    border-top: 1px solid #e5e7eb
}

.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 {
    position     : relative;
    margin-bottom: 10px;
    font-weight  : 700;
    font-size    : 15px
}

.user_threads .thread-body .thread-heading a {
    color: #000
}

.user_threads .thread-body p {
    margin   : 0;
    color    : #666;
    font-size: 13px
}

.user_threads .thread-message-count span {
    background-color: red;
    border-radius   : 50%;
    padding         : 1px 4px;
    color           : #fff;
    font-size       : 11px;
    line-height     : 12px;
    font-weight     : 600
}

.user_threads .thread-date {
    width      : 120px;
    font-weight: 400;
    font-size  : 14px;
    color      : #aaa
}

.user_threads .thread-participants {
    width: 170px
}

.user_threads .thread-actions {
    position: relative;
    width   : 40px
}

.user_threads .thread-actions .thread-actions-button {
    position: relative;
    width   : 40px;
    height  : 40px;
    color   : inherit;
    z-index : 0
}

.user_threads .thread-pagination {
    text-align: center
}

.thread-participants-list a {
    position     : relative;
    display      : inline;
    width        : 38px;
    border-radius: 50%;
    margin-left  : -15px
}

.thread-participants-list a img {
    width        : 38px;
    border-radius: 50%;
    border       : 3px solid #fff
}

.thread-participants-list a:first-child {
    margin-left: 0
}

@media (max-width:768px) {
    .user_threads_table_container {
        overflow-x: auto
    }
}

.button {
    display        : inline-block;
    zoom           : 1;
    *display       : inline;
    vertical-align : baseline;
    margin         : 0 2px;
    outline        : none;
    cursor         : pointer;
    text-align     : center;
    text-decoration: none;
    font           : 14px/100% inherit;
    padding        : .5em 2em .55em;
    border-radius  : .2em;
    box-shadow     : 0 1px 2px rgba(0, 0, 0, .2)
}

.button i.iconp {
    margin-right: 7px
}

.button .material-icons {
    vertical-align: middle
}

.button:hover {
    text-decoration: none
}

.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 {
    width    : 100%;
    font-size: 22px;
    padding  : .2em 1em .275em
}

.button.button-black {
    color           : #d7d7d7;
    border          : 1px solid #333;
    background-color: #666;
    background-image: linear-gradient(180deg, #666, #000);
    filter          : progid:DXImageTransform.Microsoft.gradient(start-colourStr="#666", end-colourStr="#000")
}

.button.button-black:hover {
    background-color: #444;
    background-image: linear-gradient(180deg, #444, #000);
    filter          : progid:DXImageTransform.Microsoft.gradient(start-colourStr="#444", end-colourStr="#000")
}

.button.button-black:active {
    color           : #666;
    background-color: #000;
    background-image: linear-gradient(180deg, #000, #444);
    filter          : progid:DXImageTransform.Microsoft.gradient(start-colourStr="#000", end-colourStr="#444")
}

.button.button-gray {
    color           : #e9e9e9;
    border          : 1px solid #555;
    background-color: #888;
    background-image: linear-gradient(180deg, #888, #575757);
    filter          : progid:DXImageTransform.Microsoft.gradient(start-colourStr="#888", end-colourStr="#575757")
}

.button.button-gray:hover {
    background-color: #757575;
    background-image: linear-gradient(180deg, #757575, #4b4b4b);
    filter          : progid:DXImageTransform.Microsoft.gradient(start-colourStr="#757575", end-colourStr="#4b4b4b")
}

.button.button-gray:active {
    color           : #afafaf;
    background-color: #575757;
    background-image: linear-gradient(180deg, #575757, #888);
    filter          : progid:DXImageTransform.Microsoft.gradient(start-colourStr="#575757", end-colourStr="#888")
}

.button.button-white {
    color           : #606060;
    border          : 1px solid #b7b7b7;
    background-color: #fff;
    background-image: linear-gradient(180deg, #fff, #ededed);
    filter          : progid:DXImageTransform.Microsoft.gradient(start-colourStr="#fff", end-colourStr="#ededed")
}

.button.button-white:hover {
    background-color: #fff;
    background-image: linear-gradient(180deg, #fff, #dcdcdc);
    filter          : progid:DXImageTransform.Microsoft.gradient(start-colourStr="#fff", end-colourStr="#dcdcdc")
}

.button.button-white:active {
    color           : #999;
    background-color: #ededed;
    background-image: linear-gradient(180deg, #ededed, #fff);
    filter          : progid:DXImageTransform.Microsoft.gradient(start-colourStr="#ededed", end-colourStr="#fff")
}

.button.button-orange {
    color           : #fef4e9;
    border          : 1px solid #da7c0c;
    background-color: #faa51a;
    background-image: linear-gradient(180deg, #faa51a, #f47a20);
    filter          : progid:DXImageTransform.Microsoft.gradient(start-colourStr="#faa51a", end-colourStr="#f47a20")
}

.button.button-orange:hover {
    background-color: #f88e11;
    background-image: linear-gradient(180deg, #f88e11, #f06015);
    filter          : progid:DXImageTransform.Microsoft.gradient(start-colourStr="#f88e11", end-colourStr="#f06015")
}

.button.button-orange:active {
    color           : #fcd3a5;
    background-color: #f47a20;
    background-image: linear-gradient(180deg, #f47a20, #faa51a);
    filter          : progid:DXImageTransform.Microsoft.gradient(start-colourStr="#f47a20", end-colourStr="#faa51a")
}

.button.button-red {
    color           : #faddde;
    border          : 1px solid #980c10;
    background-color: #ed1c24;
    background-image: linear-gradient(180deg, #ed1c24, #aa1317);
    filter          : progid:DXImageTransform.Microsoft.gradient(start-colourStr="#ed1c24", end-colourStr="#aa1317")
}

.button.button-red:hover {
    background-color: #c9151b;
    background-image: linear-gradient(180deg, #c9151b, #a11115);
    filter          : progid:DXImageTransform.Microsoft.gradient(start-colourStr="#c9151b", end-colourStr="#a11115")
}

.button.button-red:active {
    color           : #de898c;
    background-color: #aa1317;
    background-image: linear-gradient(180deg, #aa1317, #ed1c24);
    filter          : progid:DXImageTransform.Microsoft.gradient(start-colourStr="#aa1317", end-colourStr="#ed1c24")
}

.button.button-blue {
    color           : #d9eef7;
    border          : 1px solid #0076a3;
    background-color: #00adee;
    background-image: linear-gradient(180deg, #00adee, #0078a5);
    filter          : progid:DXImageTransform.Microsoft.gradient(start-colourStr="#00adee", end-colourStr="#0078a5")
}

.button.button-blue:hover {
    background-color: #0095cc;
    background-image: linear-gradient(180deg, #0095cc, #00678e);
    filter          : progid:DXImageTransform.Microsoft.gradient(start-colourStr="#0095cc", end-colourStr="#00678e")
}

.button.button-blue:active {
    color           : #80bed6;
    background-color: #0078a5;
    background-image: linear-gradient(180deg, #0078a5, #00adee);
    filter          : progid:DXImageTransform.Microsoft.gradient(start-colourStr="#0078a5", end-colourStr="#00adee")
}

.button.button-create {
    color           : #fff;
    background-color: #bc49ff;
    border-color    : #bc49ff;
    background-color: #c15aff;
    background-image: linear-gradient(180deg, #c15aff, #bc49ff);
    filter          : progid:DXImageTransform.Microsoft.gradient(start-colourStr="#c15aff", end-colourStr="#bc49ff");
    margin-top      : -2px;
    padding         : 7px 18px
}

.button.button-create:active,
.button.button-create:hover {
    background-color: #b63eff !important;
    border-color    : #b63eff !important
}

.button.button-create i {
    display       : none;
    margin-top    : -3px;
    vertical-align: middle;
    font-size     : 18px
}

@media (max-width:479px) {
    .button.button-create i {
        display: block
    }

    .button.button-create b {
        display: none
    }
}

.button.button-rosy {
    color           : #fae7e9;
    border          : 1px solid #b73948;
    background-color: #f16c7c;
    background-image: linear-gradient(180deg, #f16c7c, #bf404f);
    filter          : progid:DXImageTransform.Microsoft.gradient(start-colourStr="#f16c7c", end-colourStr="#bf404f")
}

.button.button-rosy:hover {
    background-color: #cf5d6a;
    background-image: linear-gradient(180deg, #cf5d6a, #a53845);
    filter          : progid:DXImageTransform.Microsoft.gradient(start-colourStr="#cf5d6a", end-colourStr="#a53845")
}

.button.button-rosy:active {
    color           : #dca4ab;
    background-color: #bf404f;
    background-image: linear-gradient(180deg, #bf404f, #f16c7c);
    filter          : progid:DXImageTransform.Microsoft.gradient(start-colourStr="#bf404f", end-colourStr="#f16c7c")
}

.button.button-green {
    color           : #e8f0de;
    border          : 1px solid #538312;
    background-color: #7db72f;
    background-image: linear-gradient(180deg, #7db72f, #4e7d0e);
    filter          : progid:DXImageTransform.Microsoft.gradient(start-colourStr="#7db72f", end-colourStr="#4e7d0e")
}

.button.button-green:hover {
    background-color: #6b9d28;
    background-image: linear-gradient(180deg, #6b9d28, #436b0c);
    filter          : progid:DXImageTransform.Microsoft.gradient(start-colourStr="#6b9d28", end-colourStr="#436b0c")
}

.button.button-green:active {
    color           : #a9c08c;
    background-color: #4e7d0e;
    background-image: linear-gradient(180deg, #4e7d0e, #7db72f);
    filter          : progid:DXImageTransform.Microsoft.gradient(start-colourStr="#4e7d0e", end-colourStr="#7db72f")
}

.button.button-pink {
    color           : #feeef5;
    border          : 1px solid #d2729e;
    background-color: #feb1d3;
    background-image: linear-gradient(180deg, #feb1d3, #f171ab);
    filter          : progid:DXImageTransform.Microsoft.gradient(start-colourStr="#feb1d3", end-colourStr="#f171ab")
}

.button.button-pink:hover {
    background-color: #f4aacb;
    background-image: linear-gradient(180deg, #f4aacb, #e86ca4);
    filter          : progid:DXImageTransform.Microsoft.gradient(start-colourStr="#f4aacb", end-colourStr="#e86ca4")
}

.button.button-pink:active {
    color           : #f3c3d9;
    background-color: #f171ab;
    background-image: linear-gradient(180deg, #f171ab, #feb1d3);
    filter          : progid:DXImageTransform.Microsoft.gradient(start-colourStr="#f171ab", end-colourStr="#feb1d3")
}

.button.button-instagram {
    background: #3f729b;
    color     : #feeef5;
    border    : 1px solid #3f729b
}

.button.button-instagram:hover {
    background: #2e5883
}

.button.button-soundcloud {
    background: #f50;
    color     : #fff;
    border    : 1px solid #f50
}

.button.button-soundcloud:hover {
    background: #ce4400
}

.external-sign-in {
    max-width: 100%;
    width    : 100%;
    margin   : 0 auto;
    padding  : 1em 0 .5em
}

.Facebook,
.Google,
.Instagram,
.Pinterest,
.Reddit,
.Rss,
.Twitter,
.Vkontakte,
.Weburl {
    padding         : 0;
    position        : relative;
    overflow        : hidden;
    color           : #fff;
    font-size       : 16px;
    font-weight     : 400;
    background      : #eee;
    filter          : progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdfdfd", endColorstr="#e0e0e0");
    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)
}

.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 {
    margin         : 0;
    white-space    : nowrap;
    box-sizing     : border-box;
    font-family    : inherit;
    padding        : 12px 10px 12px 16px;
    font-size      : 16px;
    border-radius  : 3px;
    text-decoration: none;
    cursor         : pointer;
    display        : inline-block;
    border         : 1px solid transparent;
    text-align     : left;
    color          : #fff;
    width          : 100%
}

.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 {
    top : 5px;
    left: 5px
}

.Facebook.mini,
.Google.mini,
.Instagram.mini,
.Pinterest.mini,
.Reddit.mini,
.Rss.mini,
.Twitter.mini,
.Vkontakte.mini,
.Weburl.mini {
    float        : left;
    width        : 40px;
    height       : 40px;
    padding      : 0;
    margin-left  : 0;
    margin-right : 10px;
    margin-bottom: 10px
}

.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-right: 0;
    margin-top  : 7px;
    margin-left : 7px
}

button,
button::-moz-focus-inner {
    outline: none;
    border : 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 {
    max-width: 100%;
    width    : 100%;
    margin   : 0 auto;
    padding  : 1em 0 .5em
}

.social_links a {
    display        : flex;
    align-items    : center;
    white-space    : nowrap;
    box-sizing     : border-box;
    font-family    : inherit;
    padding        : 10px 10px 10px 16px;
    margin         : 0 0 5px;
    font-size      : 16px;
    line-height    : 1;
    border-radius  : 5px;
    text-decoration: none;
    cursor         : pointer;
    text-align     : left;
    color          : #333;
    width          : 100%
}

.social_links a:hover {
    opacity: .9
}

.social_links a img {
    margin-right: 10px
}

.btn-more {
    display       : block;
    border        : 1px solid #333;
    background    : #fff;
    clear         : both;
    color         : #333;
    text-align    : center;
    padding       : 15px 20px;
    text-transform: uppercase;
    font-size     : 16px;
    box-sizing    : border-box;
    width         : 100%;
    max-width     : 600px;
    margin        : 0 auto
}

.btn-more:hover {
    background-color: #1880bc;
    border-color    : #155cbc;
    color           : #fff
}

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

.label-staff {
    background-color: #f0ad4e
}

.label-admin {
    background-color: #d9534f
}

.label-banned {
    background-color: #000
}

.share_social {
    float        : left;
    color        : #fbfbfb;
    border       : 1px solid #ddd;
    font-size    : .9em;
    display      : block;
    width        : 25px;
    height       : 25px;
    margin-left  : 3px;
    line-height  : 30px;
    border-radius: 50%;
    margin-top   : -5px;
    text-align   : center;
    transition   : border, 85ms, linear
}

.share_social i {
    font-size: 17px;
    color    : #ddd
}

.share_social:hover.is-twitter {
    color       : #21c7e5;
    border-color: #21c7e5
}

.share_social:hover.is-twitter i {
    color: #21c7e5
}

.share_social:hover.is-facebook {
    color       : #416ebe;
    border-color: #416ebe
}

.share_social:hover.is-facebook i {
    color: #416ebe
}

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

.material-icons {
    font-family          : Material Icons;
    font-weight          : 400;
    font-style           : normal;
    font-size            : 24px;
    display              : inline-block;
    line-height          : 1;
    text-transform       : none;
    letter-spacing       : normal;
    word-wrap            : normal;
    white-space          : nowrap;
    direction            : ltr;
    font-feature-settings: "liga"
}

.material-button,
.sidebar-more {
    letter-spacing : 0;
    cursor         : pointer;
    text-decoration: none
}

.material-button {
    background    : 0 0;
    border        : none;
    border-radius : 2px;
    color         : #000;
    position      : relative;
    height        : 36px;
    min-width     : 64px;
    padding       : 0 16px;
    display       : inline-block;
    font-family   : Roboto, Helvetica, Arial, sans-serif;
    font-size     : .875em;
    font-weight   : 500;
    text-transform: uppercase;
    overflow      : hidden;
    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);
    outline       : 0;
    text-align    : center;
    line-height   : 36px;
    vertical-align: middle
}

.material-button--icon {
    border-radius: 50%;
    font-size    : 1.5em;
    height       : 32px;
    margin-left  : 0;
    margin-right : 0;
    min-width    : 32px;
    width        : 32px;
    overflow     : hidden;
    line-height  : normal;
    padding      : 0
}

.material-button .material-icons {
    position   : absolute;
    top        : 50%;
    left       : 50%;
    margin     : -12px;
    line-height: 24px;
    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 {
    line-height: inherit;
    font-size  : 1.3rem
}

.material-button--raised .material-icons.left {
    margin-right: 15px
}

.material-button--raised .material-icons.right {
    margin-left: 15px
}

.material-button--floating {
    display       : inline-block;
    position      : relative;
    overflow      : hidden;
    z-index       : 1;
    width         : 37px;
    height        : 37px;
    line-height   : 37px;
    padding       : 0;
    border-radius : 50%;
    transition    : .3s;
    cursor        : pointer;
    vertical-align: middle
}

.material-button--floating .material-icons {
    width      : inherit;
    display    : inline-block;
    text-align : center;
    color      : #fff;
    font-size  : 1.6rem;
    line-height: 37px
}

.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 {
    display      : block;
    position     : absolute;
    background   : hsla(0, 0%, 100%, .4);
    border-radius: 100%;
    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 {
    overflow : hidden;
    position : relative;
    user-over: none;
    outline  : 0;
    z-index  : 9
}

@keyframes ripple {
    to {
        transform: scale(2.5);
        opacity  : 0
    }
}

@-webkit-keyframes ripple {
    to {
        transform: scale(2.5);
        opacity  : 0
    }
}

.auth-modal {
    background    : #f8f8f8 !important;
    top           : 75px !important;
    bottom        : auto !important;
    vertical-align: top;
    padding       : 0 !important;
    margin-top    : 0 !important;
    width         : 420px !important;
    border-radius : 4px !important
}

@media (max-width:479px) {
    .auth-modal {
        width: 320px !important
    }
}

.login-form,
.signup-form {
    padding: 0 30px
}

.login-form label,
.signup-form label {
    display      : block;
    font-size    : 16px;
    line-height  : 16px;
    color        : #2e2e2e;
    font-weight  : 400;
    float        : left;
    margin-bottom: 5px
}

.login-form form,
.signup-form form {
    position: relative;
    width   : 100%;
    padding : 0
}

.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 {
    display        : inline-block;
    color          : #999;
    font-size      : 14px;
    font-weight    : 400;
    text-decoration: underline;
    margin-top     : 10px
}

.login-form .under-email-signin,
.signup-form .under-email-signin {
    padding: 7px 0 10px;
    display: block;
    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 {
    position   : relative;
    width      : 50%;
    line-height: 18px;
    float      : left;
    padding    : 5px 0 0
}

.login-form .under-email-signin .forgot-pass,
.signup-form .under-email-signin .forgot-pass {
    font-size  : 13px;
    float      : right;
    padding    : 5px 0 0;
    line-height: 18px
}

.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 {
    font-size: 16px;
    color    : #999;
    display  : inline-block;
    margin   : 0 0 8px
}

.connect-forms {
    padding: 18px 0 0
}

.connect-forms .hdr {
    color      : #000;
    font-weight: 700;
    font-size  : 20px;
    margin     : 0 0 .3em
}

.connect-forms .external-sign-in button {
    width      : 100%;
    font-size  : 22px;
    line-height: 55px;
    height     : auto
}

.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-weight: 700;
    font-size  : 20px;
    margin     : 0 0 .3em
}

.email-form .emailbox {
    padding: 5px 0
}

.signup-terms {
    padding  : 1.5em 0 2em;
    font-size: 14px;
    color    : #999
}

.signup-terms a {
    color          : #999;
    text-decoration: underline
}

ul.tagit {
    box-sizing   : border-box;
    padding      : 4px 6px;
    margin       : 0;
    border       : 1px solid #aaa;
    border-radius: 3px;
    box-shadow   : inset 0 0 4px 0 #ccc;
    overflow     : auto;
    margin-left  : inherit;
    margin-right : inherit
}

ul.tagit li {
    display: block;
    float  : left;
    margin : 2px 5px 2px 0
}

ul.tagit li.tagit-choice {
    position   : relative;
    line-height: inherit;
    padding    : 4px 0;
    border     : 1px solid #c5dbec;
    background : #dfeffc;
    font-weight: 700;
    color      : #2e6e9e
}

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;
    position   : absolute;
    right      : .3em;
    top        : 50%;
    margin-top : -10px;
    line-height: 17px
}

ul.tagit li.tagit-choice input {
    display: block;
    float  : left;
    margin : 2px 5px 2px 0
}

ul.tagit input[type=text] {
    box-sizing      : border-box;
    box-shadow      : none;
    border          : none;
    margin          : 0;
    padding         : 0;
    width           : inherit;
    background-color: inherit;
    outline         : none
}

.dropdown-container {
    background-color: #fff;
    padding         : 8px 0;
    position        : absolute;
    z-index         : 9;
    top             : auto;
    right           : auto;
    bottom          : auto;
    left            : auto;
    transition      : transform .3s ease;
    -khtml-transform: scale(0);
    transform       : scale(0);
    -ms-box-shadow  : 0 2px 4px 0 rgba(0, 0, 0, .16), 0 2px 8px 0 rgba(0, 0, 0, .12);
    -o-box-shadow   : 0 2px 4px 0 rgba(0, 0, 0, .16), 0 2px 8px 0 rgba(0, 0, 0, .12);
    box-shadow      : 0 2px 4px 0 rgba(0, 0, 0, .16), 0 2px 8px 0 rgba(0, 0, 0, .12);
    -ms-filter      : "progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=0, M21=0, M22=0, SizingMethod='auto expand')"
}

.dropdown-container ul {
    margin    : 0;
    padding   : 0;
    list-style: none
}

.badge-count {
    position        : absolute;
    top             : 0;
    right           : 0;
    z-index         : 9;
    background-color: red;
    border-radius   : 50%;
    padding         : 1px 4px;
    color           : #fff;
    font-size       : 11px;
    line-height     : 12px;
    font-weight     : 600
}

.dropdown-container__item {
    position   : relative;
    display    : block;
    line-height: 1;
    padding    : 0 16px;
    list-style : none;
    cursor     : pointer;
    transition : all .3s
}

.dropdown-container__item .badge-count {
    top  : 10px;
    right: 10px
}

.dropdown-container__item a {
    display        : flex;
    align-items    : center;
    color          : #333;
    height         : 30px;
    font-size      : .875em;
    line-height    : 1em;
    font-weight    : 400;
    text-decoration: none;
    transition     : all .3s;
    max-width      : 250px;
    white-space    : nowrap;
    overflow       : hidden;
    text-overflow  : ellipsis
}

.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 {
    -khtml-transform: scale(1);
    transform       : scale(1);
    -ms-filter      : "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand')"
}

.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 {
    display    : block;
    line-height: 2.375em;
    padding    : 0 16px;
    list-style : none;
    cursor     : pointer;
    transition : all .3s
}

.md-tabs__tab,
.share-dropdown {
    font-family: inherit;
    font-size  : .875em
}

.share-dropdown {
    background-color: #f5f5f5;
    line-height     : normal;
    font-weight     : 400;
    font-style      : normal;
    padding         : 10px 0 !important
}

.share-dropdown .dropdown-container__item {
    padding    : 10px 20px !important;
    height     : auto !important;
    line-height: 0;
    min-width  : 150px;
    cursor     : pointer
}

.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 {
    float           : left;
    width           : 20px;
    height          : 16px;
    display         : block;
    line-height     : normal;
    transition      : all .3s;
    opacity         : .7;
    background-image: url(/assets/images/sprite.png?811f4d5820fcca59fcdb13d07c0ba4d4)
}

.share-dropdown__icon--facebook {
    background-position: 0 -22px;
    width              : 20px;
    height             : 16px
}

.share-dropdown__icon--twitter {
    background-position: -19px -22px;
    width              : 20px;
    height             : 16px
}

.share-dropdown__icon--google {
    background-position: -58px -128px;
    width              : 20px;
    height             : 16px
}

.share-dropdown__icon--mail {
    background-position: -38px -128px;
    width              : 20px;
    height             : 16px
}

.share-dropdown__icon--whatsapp {
    background-position: -39px -22px;
    width              : 20px;
    height             : 16px
}

.share-dropdown__title {
    float      : left;
    display    : block;
    line-height: normal;
    margin-left: 20px;
    color      : #333;
    transition : all .3s
}

.font-dropdown:after,
.font-dropdown:before {
    content: "";
    display: table
}

.font-dropdown {
    margin    : 0;
    padding   : 0;
    min-width : 115px;
    box-shadow: 0 -10px 50px 0 rgba(0, 0, 0, .2)
}

.font-dropdown:before {
    width        : 0;
    height       : 0;
    border-bottom: 5px solid #fff;
    position     : absolute;
    left         : 18px;
    top          : -5px
}

.font-dropdown__item {
    float       : left;
    border-right: 1px solid #eee
}

.font-dropdown__item:last-child {
    border: none
}

.font-dropdown__item__icon {
    width   : 29px;
    height  : 15px;
    position: relative;
    display : block;
    margin  : 20px 0;
    opacity : .7;
    cursor  : pointer
}

.font-dropdown__item__icon--minus,
.font-dropdown__item__icon--plus {
    background-image   : url(/assets/images/sprite.png?811f4d5820fcca59fcdb13d07c0ba4d4);
    background-position: -25px 0;
    width              : 25px;
    height             : 19px
}

.font-dropdown__item__icon--minus {
    background-position: -51px 0;
    width              : 25px;
    height             : 19px
}

@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 {
        min-width: 250px;
        max-width: 250px
    }

    .notification-dropdown__status__button,
    .notification-dropdown__status__notice {
        width  : 100%;
        display: block
    }

    .notification-dropdown__link {
        width    : 100%;
        min-width: 100%
    }

    .notification-dropdown__list {
        margin : 0;
        padding: 0
    }

    .notification-dropdown__item {
        min-width: 250px;
        max-width: 250px
    }

    .notification-dropdown__image {
        width      : 100%;
        height     : auto;
        float      : none;
        line-height: 0;
        display    : none
    }

    .notification-dropdown__image img {
        width : 100%;
        height: auto
    }

    .notification-dropdown__caption {
        float : none;
        margin: 0;
        width : 100%
    }

    .notification-dropdown__title {
        margin-top: 5px
    }
}

.back-to-top {
    background-color: rgba(0, 0, 0, .6);
    color           : #fff;
    border-radius   : 3px;
    background-clip : padding-box;
    position        : fixed;
    bottom          : 20px;
    right           : 20px;
    z-index         : 999;
    padding         : 8px;
    line-height     : 0;
    transition      : all .3s;
    cursor          : pointer
}

.back-to-top:hover {
    background-color: #4e5bff
}

.back-to-top i.material-icons {
    width : 24px;
    height: 24px
}

.blocker {
    z-index: 999 !important
}

.modal {
    display      : none;
    width        : 400px;
    background   : #fff;
    padding      : 15px 30px;
    border-radius: 2px;
    box-shadow   : 0 2px 10px rgba(0, 0, 0, .45)
}

.modal a.close-modal {
    top  : -12.5px;
    right: -8.5px
}

@media (max-width:479px) {
    .modal {
        top   : 0 !important;
        left  : 0 !important;
        right : 0 !important;
        bottom: 0 !important;
        margin: 0 !important;
        width : 100% !important
    }

    .modal a.close-modal {
        top  : 10px !important;
        right: 10px !important
    }

    .modal .external-sign-in .mini {
        display: block
    }

    .modal .external-sign-in .do-signup {
        display: none
    }
}

.pagination {
    list-style : none;
    margin     : 20px 0;
    padding    : 0;
    box-shadow : 0 3px 5px 0 rgba(0, 0, 0, .08);
    font-family: Roboto;
    display    : inline-block
}

.pagination li {
    float          : left;
    width          : 44px;
    height         : 44px;
    background     : #fff;
    text-align     : center;
    line-height    : 44px;
    font-size      : 1em;
    border-right   : 1px solid #eee;
    color          : #999;
    cursor         : pointer;
    transition     : all .3s;
    display        : block;
    text-decoration: none !important
}

.pagination li:hover {
    background: #eee;
    color     : #000
}

.pagination li.active,
.pagination li.active:hover {
    color     : #fff;
    background: #f44336
}

.pagination li a {
    display        : block;
    color          : inherit;
    text-decoration: none
}

@media (max-width:767px) {
    .pagination li {
        width      : 35px;
        height     : 35px;
        line-height: 35px;
        font-size  : .875em
    }
}

.buzz-icon {
    display         : inline-block;
    background-image: url(/assets/images/sprite.png?811f4d5820fcca59fcdb13d07c0ba4d4);
    vertical-align  : middle
}

.buzz-icon.buzz-facebook {
    margin-top         : -4px;
    background-position: -4px -20px;
    width              : 16px;
    height             : 18px;
    opacity            : .2
}

.buzz-icon.buzz-twitter {
    margin-top         : -1px;
    background-position: -16px -20px;
    width              : 26px;
    height             : 20px;
    opacity            : .2
}

.buzz-icon.buzz-whatsapp {
    margin-top         : -2px;
    background-position: -38px -20px;
    width              : 26px;
    height             : 20px;
    opacity            : .2
}

.buzz-icon.buzz-facebook-big {
    background-position: -78px -70px
}

.buzz-icon.buzz-facebook-big,
.buzz-icon.buzz-twitter-big {
    margin-top  : -4px;
    margin-right: 10px;
    width       : 26px;
    height      : 26px;
    opacity     : 1
}

.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 {
    margin-top  : -4px;
    margin-right: 10px;
    width       : 26px;
    height      : 26px;
    opacity     : 1
}

.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 {
    margin-top  : -4px;
    margin-right: 10px;
    width       : 26px;
    height      : 26px;
    opacity     : 1
}

.buzz-icon.buzz-weburl-big {
    background-position: -111px -104px
}

.buzz-icon.buzz-answer-circle {
    float              : left;
    background-position: -3px -148px;
    width              : 22px;
    height             : 22px;
    opacity            : 1
}

.badge {
    border-radius   : 50%;
    width           : 38px;
    height          : 38px;
    position        : absolute;
    top             : -10px;
    left            : -10px;
    padding         : 4px;
    font-size       : 12px;
    color           : #2b2b2b;
    text-transform  : uppercase;
    line-height     : 14px;
    z-index         : 90;
    background-color: #ffc90f
}

.badge .badge-img {
    background-size  : contain;
    background-repeat: no-repeat;
    width            : 30px;
    height           : 30px;
    display          : block;
    margin           : 0;
    padding          : 0;
    line-height      : 1
}

.badge.featured {
    background-color: #ed1c24
}

.badge.featured .badge-img {
    background-image: url(/assets/images/26a1.png?526b4c13b0ddcd4c95eb2f1b01d15927)
}

.badge.rocket {
    background-color: #ffc90f
}

.badge.rocket .badge-img {
    background-image: url(/assets/images/rocket.png?d53d5041b94bd6f26a19439bebd5367c)
}

.badge.quiz {
    background-color: #17b02f
}

.badge.quiz .badge-img {
    margin          : 1.5%;
    background-image: url(/assets/images/quiz.png?8907a8e3028180182624ea16040cee7b)
}

.badge.poll {
    background-color: #17b02f
}

.badge.poll .badge-img {
    margin          : 1.5%;
    background-image: url(/assets/images/poll.png?65e79f81f439af8c1c5be1e8e54f9aa9)
}

.question-post-form fieldset {
    border : 0;
    margin : 0;
    padding: 0
}

.buzzeditor legend {
    font-size  : 17px;
    font-weight: 600;
    padding    : 15px 0 5px;
    margin     : 0;
    color      : #111;
    font-family: inherit
}

.buzzeditor legend:after {
    clear  : both;
    content: "";
    display: table
}

section.form {
    border-bottom: 1px solid #e3e3e3;
    padding      : 10px 20px 20px;
    margin       : 0;
    color        : #111;
    font-family  : inherit
}

section.form:after {
    clear  : both;
    content: "";
    display: table
}

section.form.last {
    border-bottom: 0
}

.simditor .simditor-toolbar>ul {
    padding: 0;
    opacity: .9
}

.cd-form {
    width    : 100%;
    max-width: 100%
}

.cd-form:after {
    clear  : both;
    content: "";
    display: table
}

.cd-form .cd-label {
    display      : block;
    font-size    : 14px;
    color        : #94aab0;
    margin-bottom: 10px
}

.cd-form input[type=checkbox],
.cd-form input[type=radio] {
    position : absolute;
    left     : 0;
    top      : 50%;
    transform: translateY(translateY(-50%));
    margin   : 0;
    padding  : 0;
    opacity  : 0;
    z-index  : 2
}

.cd-form input[type=checkbox]+label,
.cd-form input[type=radio]+label {
    padding-left: 24px;
    font-size   : 13px
}

.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;
    position  : absolute;
    left      : 0;
    top       : 50%;
    margin-top: -8px;
    width     : 16px;
    height    : 16px
}

.cd-form input[type=checkbox]+label:before,
.cd-form input[type=radio]+label:before {
    border    : 1px solid #cfd9db;
    background: #fff;
    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;
    position: relative;
    margin  : 0 26px 16px 0;
    float   : left
}

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

.cd-input,
select,
textarea {
    display      : block;
    width        : 100%;
    padding      : 10px;
    background   : #fff;
    border       : 1px solid #d0d0d0;
    overflow     : hidden;
    position     : relative;
    z-index      : 1;
    box-sizing   : border-box;
    box-shadow   : inset 0 1px 1px rgba(0, 0, 0, .1);
    border-radius: 3px
}

iframe,
object {
    min-height: 450px
}

select {
    cursor: pointer
}

textarea {
    min-height: 35px;
    resize    : vertical;
    overflow  : auto
}

.question-post-form:after {
    clear  : both;
    content: "";
    display: table
}

.question-post-form .createtitle {
    padding-left: 20px;
    margin-top  : 15px
}

.question-post-form h3 {
    margin-top : 10px;
    font-size  : 22px;
    font-weight: 400
}

.question-post-form .submit-button {
    margin-top: 15px;
    float     : left;
    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 .simditor {
    max-width: 100%
}

.question-post-form .simditor .simditor-toolbar {
    border-bottom: 1px solid #eee;
    background   : #f1f1f1;
    width        : 100%;
    z-index      : 10;
    position     : relative
}

.question-post-form .simditor .simditor-toolbar>ul>li>.toolbar-item {
    display        : block;
    float          : left;
    width          : 36px;
    height         : 36px;
    outline        : none;
    color          : #000;
    font-size      : 15px;
    line-height    : 38px;
    text-align     : center;
    text-decoration: none
}

.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-size  : 16px;
    line-height: 24px;
    font-family: inherit
}

.question-post-form .simditor .simditor-popover .settings-field {
    height: auto
}

.question-post-form .simditor .simditor-popover .settings-field input[type=text] {
    font-size    : 11px;
    padding      : 4px;
    margin-bottom: 10px
}

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

.question-post-form .entry {
    position         : relative;
    width            : 100%;
    padding          : 10px 12px 10px 50px;
    margin-bottom    : 20px;
    border-radius    : 4px;
    min-height       : 160px;
    font-size        : 12px;
    background-color : #f3f3f3;
    background-repeat: repeat-x;
    background-image : -khtml-gradient(linear, left to bottom, left bottom, from(#f8f8f8), to(#f3f3f3));
    background-image : linear-gradient(180deg, #f8f8f8, #f3f3f3);
    filter           : progid:DXImageTransform.Microsoft.gradient(startColorstr="#f8f8f8", endColorstr="#f3f3f3", GradientType=0);
    border           : 1px solid #aaa;
    box-shadow       : 0 0 10px rgba(0, 0, 0, .2)
}

.question-post-form .entry:first-child .up-entry,
.question-post-form .entry:last-child .down-entry {
    display: none
}

.question-post-form .entry input {
    -khtml-box-sizing: border-box;
    -ms-box-sizing   : border-box;
    -o-box-sizing    : border-box;
    box-sizing       : border-box;
    font-family      : inherit;
    border-radius    : 3px;
    box-shadow       : none;
    width            : 100%;
    border           : 1px solid #aaa;
    padding          : 10px;
    font-size        : 13px;
    font-weight      : 700;
    color            : #444
}

.question-post-form .entry .imagearea {
    position: relative
}

.question-post-form .entry .imagearea img {
    width    : 100%;
    max-width: 100% !important
}

.question-post-form .entry .imagearea .thumbactions {
    opacity : .7;
    position: absolute;
    bottom  : 25px;
    left    : 5px
}

.question-post-form .entry .imagearea .thumbactions a {
    padding: 4px 5px
}

.question-post-form .entry .imagearea:hover .thumbactions {
    opacity: 1
}

.question-post-form .entry h3 {
    font-size    : 16px;
    font-weight  : 700;
    color        : #444;
    margin       : 0 0 20px;
    line-height  : 26px;
    border-bottom: 2px solid #ddd;
    text-indent  : 2px;
    height       : 30px
}

.question-post-form .entry h3 i {
    color       : #767676;
    margin-right: 5px
}

.question-post-form .entry .entryactions {
    position    : absolute;
    left        : 0;
    top         : 0;
    bottom      : 0;
    border-right: 1px solid #ccc;
    background  : rgba(0, 0, 0, .075);
    width       : 40px
}

.question-post-form .entry .entryactions .get-button {
    cursor     : pointer;
    padding    : 2px 7px;
    width      : auto;
    height     : 30px;
    margin-left: 5px;
    margin-top : 5px;
    color      : #767676
}

.question-post-form .entry .entryactions .get-button.delete-entry {
    margin-left: 5px;
    margin-top : 5px;
    color      : #fff;
    position   : absolute;
    top        : auto;
    left       : 0;
    bottom     : 5px;
    background : #ed1c24
}

.question-post-form .entry:hover>.entryactions {
    opacity: 1
}

.question-post-form .entry div.inpunting {
    position      : relative;
    padding-bottom: 10px
}

.question-post-form .entry .wysiwyg-container {
    background-color: #fff
}

.question-post-form .entry .get-button {
    padding      : 0;
    font-size    : 14px;
    color        : #565656;
    outline      : none;
    text-align   : center;
    margin       : 0;
    border-radius: 4px;
    transition   : none
}

.question-post-form .entry .get-button.button-white {
    background-image: linear-gradient(180deg, #fcfcfc 0, #eee);
    filter          : progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcfcfc", endColorstr="#eeeeee", GradientType=0)
}

.question-post-form .entry .get-button.button-white:hover {
    border: 1px solid #ccc
}

.question-post-form .entry .note {
    margin-top : 15px;
    color      : #777;
    font-size  : 12px;
    line-height: 16px;
    font-family: inherit;
    text-align : center
}

.question-post-form .entry .getvideoinput {
    position: relative
}

.question-post-form .entry .getvideoinput button {
    position                     : absolute;
    right                        : 0;
    top                          : 0;
    bottom                       : 0;
    z-index                      : 5;
    width                        : 90px;
    margin-left                  : -3px;
    float                        : right;
    font-weight                  : 700;
    color                        : #fff;
    -moz-border-radius-topleft   : 0;
    -moz-border-radius-bottomleft: 0;
    border-top-left-radius       : 0;
    border-bottom-left-radius    : 0;
    box-shadow                   : 0
}

.question-post-form .entry .getvideoinput button i {
    font-size  : 16px;
    margin-left: 10px
}

.question-post-form .entry .item-media-placeholder {
    text-align      : center;
    padding         : 40px 10px;
    margin-bottom   : 10px;
    font-size       : 22px;
    color           : #999;
    background-color: #fff;
    border          : 2px dashed #cacaca;
    cursor          : pointer;
    position        : relative
}

.question-post-form .entry .item-media-placeholder input.uploadaimage {
    position: absolute;
    right   : 0;
    top     : 0;
    left    : 0;
    bottom  : 0;
    display : block;
    width   : 100%;
    height  : 100%;
    cursor  : pointer;
    padding : 0;
    margin  : 0;
    opacity : 0
}

.question-post-form .entry .item-media-placeholder .image-upload-actions {
    position  : relative;
    z-index   : 5;
    margin-top: 5px;
    font-size : 14px
}

.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 {
    display    : block;
    font-size  : 12px;
    font-weight: 4000;
    color      : #888;
    line-height: 26px;
    text-indent: 2px;
    text-align : center
}

.question-post-form .moredetail a.trigger .up {
    display: none
}

.question-post-form .lists-types {
    margin: 0
}

.question-post-form .lists-types .button {
    margin        : 0 12px 0 0;
    width         : 32%;
    font-size     : 14px;
    float         : left;
    cursor        : pointer;
    border-radius : 4px;
    -ms-box-sizing: border-box;
    -o-box-sizing : border-box;
    box-sizing    : border-box
}

.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 {
    position                  : absolute;
    top                       : 1px;
    left                      : -1px;
    height                    : 35px;
    border-top-right-radius   : 0;
    border-bottom-right-radius: 0;
    border-top-left-radius    : 3px;
    border-bottom-left-radius : 3px;
    padding                   : .5em .8em;
    float                     : left;
    width                     : auto;
    color                     : #333;
    z-index                   : 5;
    font-size                 : 16px;
    font-weight               : 700;
    cursor                    : default;
    border                    : 0;
    border-right              : 1px solid #b6b6b6;
    box-shadow                : none;
    background-color          : #fcfcfc;
    background-image          : linear-gradient(180deg, #fcfcfc, #eee);
    filter                    : progid:DXImageTransform.Microsoft.gradient(start-colourStr="#fcfcfc", end-colourStr="#eee")
}

.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 {
    width  : 100%;
    display: block;
    float  : none
}

.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 {
    float: right;
    color: #f8a42e
}

.question-post-form .answers .answer {
    position     : relative;
    box-shadow   : none;
    border-radius: 0;
    padding      : 0;
    margin       : 0 0 15px;
    float        : left;
    width        : 33.3333333333%
}

.question-post-form .answers .answer .answer-wrapper {
    margin-left: 14px;
    border     : 1px solid #dcdbdb;
    background : #fff
}

.question-post-form .answers .answer .entryactions {
    position  : absolute;
    opacity   : 1;
    z-index   : 100;
    left      : auto;
    bottom    : auto;
    right     : -5px;
    top       : -5px;
    width     : auto;
    background: transparent;
    box-shadow: none;
    border    : 0
}

.question-post-form .answers .answer .entryactions .delete-entry {
    box-shadow   : none;
    border-radius: 100%;
    width        : 18px;
    height       : 18px;
    padding      : 0;
    font-size    : 10px;
    position     : relative;
    z-index      : 100;
    background   : #fff
}

.question-post-form .answers .answer .entryactions .delete-entry i {
    margin: 0;
    color : #333
}

.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 {
    display         : none;
    font-size       : 7px;
    padding         : 3px;
    color           : #fff;
    background-color: #999;
    z-index         : 100;
    cursor          : move;
    cursor          : -webkit-grabbing;
    position        : absolute;
    top             : 10px;
    left            : 25px
}

.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 {
    margin        : 10px 10px 0;
    border-color  : #ccc;
    font-size     : 14px;
    padding-top   : 57px;
    padding-bottom: 57px
}

.question-post-form .answers .answer .item-media-placeholder .upload-or-url {
    font-size: 12px;
    color    : #ccc
}

.question-post-form .answers .answer .item-media-placeholder:hover {
    border-color: #0076a3
}

.question-post-form .answers .answer .imagearea img {
    width     : 100%;
    min-height: 180px
}

.question-post-form .answers .answer .answerinput {
    border       : 0;
    margin       : 0 !important;
    height       : 70px;
    border-bottom: 1px solid #ddd;
    resize       : none
}

.question-post-form .answers .answer .getassignres {
    border    : 0 !important;
    margin    : 0;
    padding   : 10px 10px 10px 7px;
    color     : #888 !important;
    background: #fbfbfb
}

.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;
    width        : auto;
    float        : none;
    display      : block;
    padding-left : 0;
    padding-right: 0
}

.answertypeselection {
    margin-top: -20px;
    float     : left;
    height    : 50px
}

.answertypeselection .clickanswertype {
    padding  : 2px 6px;
    font-size: 20px
}

.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 {
    border    : 3px dashed #e8e8e8;
    background: #fff;
    display   : block;
    text-align: center;
    padding   : 40px 0 26px;
    font-size : 22px;
    color     : #aaa;
    cursor    : pointer;
    position  : relative
}

.question-post-side-bar-form .thumbwrapper .preview-placeholder input {
    position: absolute;
    right   : 0;
    top     : 0;
    left    : 0;
    bottom  : 0;
    cursor  : pointer;
    padding : 0;
    margin  : 0;
    opacity : 0
}

.question-post-side-bar-form .thumbwrapper .preview-placeholder .image-upload-actions {
    position  : relative;
    z-index   : 5;
    margin-top: 5px;
    font-size : 14px
}

.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 {
    display   : none;
    position  : relative;
    width     : 100%;
    max-height: 160px;
    overflow  : hidden;
    text-align: center;
    background: #f6f6f6
}

.question-post-side-bar-form .previewshow img {
    margin   : 0 auto;
    max-width: 100%
}

.question-post-side-bar-form .previewshow .thumbactions {
    position: absolute;
    bottom  : 5px;
    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 {
        float  : none !important;
        display: block !important
    }

    .lists-types a {
        width        : 100% !important;
        margin-bottom: 5px !important
    }
}

@media (max-width:990px) {
    .add-form .mainside {
        width       : auto;
        border-right: 0 !important;
        margin-left : -20px;
        margin-right: -20px
    }

    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 {
    border       : 1px solid #aaa;
    border-radius: 3px;
    box-shadow   : inset 0 0 4px 0 #ccc;
    background   : #fff;
    padding      : 5px 5px 0;
    width        : 100%;
    height       : auto;
    overflow-y   : auto
}

div.tagsinput span.tag {
    border               : 1px solid #a5d24a;
    -moz-border-radius   : 2px;
    -webkit-border-radius: 2px;
    display              : block;
    float                : left;
    padding              : 5px;
    text-decoration      : none;
    background           : #cde69c;
    color                : #638421;
    margin-right         : 5px;
    margin-bottom        : 5px;
    font-family          : helvetica;
    font-size            : 13px
}

div.tagsinput span.tag a {
    font-weight    : 700;
    color          : #82ad2b;
    text-decoration: none;
    font-size      : 11px
}

div.tagsinput input {
    width      : 80px;
    font-family: helvetica;
    font-size  : 13px;
    border     : 1px solid transparent;
    padding    : 5px;
    background : transparent;
    color      : #000;
    outline    : 0;
    margin     : 0 5px 5px 0
}

div.tagsinput div {
    display: block;
    float  : left
}

.tags_clear {
    clear : both;
    width : 100%;
    height: 0
}

.not_valid {
    background: #fbd8db !important;
    color     : #90111a !important
}

section.layout a {
    font-family       : inherit;
    -khtml-box-sizing : border-box;
    -ms-box-sizing    : border-box;
    -o-box-sizing     : border-box;
    box-sizing        : border-box;
    width             : 20%;
    font-size         : 14px;
    display           : inline-block;
    padding           : 10px 0 12px;
    color             : #a6a6a6;
    position          : relative;
    float             : left;
    text-align        : center;
    cursor            : pointer;
    border            : 1px solid transparent;
    border-right-color: #efefef
}

section.layout a:hover {
    background  : #f4f4f4;
    border-left : 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0
}

section.layout a.selected {
    color        : #000;
    background   : #efefef;
    border-left  : 1px solid #d2d2d2;
    border-bottom: 1px solid #e5e5e5;
    border-right : 1px solid #d2d2d2
}

section.layout a.selected:after,
section.layout a.selected:before {
    top           : 100%;
    left          : 50%;
    border        : solid transparent;
    content       : " ";
    height        : 0;
    width         : 0;
    position      : absolute;
    pointer-events: none
}

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 {
    font-size    : 28px;
    display      : block;
    text-align   : center;
    margin-top   : 5px;
    margin-bottom: 5px
}

section.layout a strong {
    font-weight  : 400;
    font-size    : 15px;
    margin-bottom: 5px
}

.moreentrywidget {
    display: none
}

.moreentrywidget.show {
    display: block
}

.slug-container {
    float     : right;
    padding   : 15px 0 5px;
    width     : 50%;
    text-align: right
}

.slug-container .post_slug_text {
    color    : #a6a6a6;
    font-size: 13px;
    cursor   : pointer
}

.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
}

.fb_iframe_widget {
    display: block !important
}

.fb-post>span,
.fb_iframe_widget iframe {
    width: 100% !important
}

.swal-title {
    color         : #575757;
    font-size     : 30px;
    text-align    : center;
    font-weight   : 600;
    text-transform: none;
    position      : relative;
    margin        : 25px 0;
    padding       : 0;
    line-height   : 40px;
    display       : block
}

.swal-footer {
    margin-top: 32px;
    overflow  : hidden;
    text-align: center
}

.swal-footer .swal-button {
    font-size: 17px
}

.swal-button {
    padding: 10px 32px
}

.swal-button--cancel {
    color           : #fff;
    background-color: #c1c1c1
}

.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-top-color : #f8a42e;
    border-left-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 {
    content            : "";
    opacity            : 1;
    background         : #f7f7f7 url(/assets/images/preloader.gif?c225d4001dc31c7ff8e290129f436175);
    background-position: 50%;
    background-size    : cover;
    position           : absolute;
    height             : 100%;
    top                : 0;
    left               : 0;
    right              : 0;
    bottom             : 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
}