a,a:active,a:hover{
    text-decoration:none
}
@font-face{
    font-family:TMSans;
    src:url(../fonts/TMSans-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/TMSans-Regular.woff) format("woff"),url(../fonts/TMSans-Regular.ttf) format("truetype"),url(../fonts/TMSans-Regular.svg#TMSans-Regular) format("svg");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:TMSans;
    src:url(../fonts/TMSans-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/TMSans-Bold.woff) format("woff"),url(../fonts/TMSans-Bold.ttf) format("truetype"),url(../fonts/TMSans-Bold.svg#TMSans-Bold) 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:'Open Sans',Helvetica,Arial,sans-serif;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
    -moz-osx-font-smoothing:grayscale
}
.ads-300x250-sidebar,.container,.content,sub,sup{
    position:relative
}
*{
    -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
}
a{
    background-color:transparent;
    -webkit-text-decoration-skip:objects
}
a:active,a:hover{
    outline-width:0
}
abbr[title]{
    border-bottom:none;
    text-decoration:underline;
    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
}
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
}
*,.card,.content-card,.sidebar-video,legend{
    box-sizing:border-box
}
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:ButtonText dotted 1px
}
fieldset{
    border:0;
    margin:0 2px;
    padding:.35em .625em .75em
}
legend{
    display:table;
    max-width:100%;
    white-space:normal
}
[type=checkbox],[type=radio]{
    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
    }
    100%{
        bottom:0
    }
}
@keyframes slideUpAnimation{
    0%{
        bottom:-60px
    }
    100%{
        bottom:0
    }
}
@keyframes rotate{
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@-webkit-keyframes rotate{
    100%{
        -webkit-transform:rotate(360deg)
    }
}
@keyframes dash{
    0%{
        stroke-dasharray:1,150;
        stroke-dashoffset:0
    }
    50%{
        stroke-dasharray:90,150;
        stroke-dashoffset:-35
    }
    100%{
        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
    }
    100%{
        stroke-dasharray:90,150;
        stroke-dashoffset:-124
    }
}
.visible{
    display:block!important
}
.hide{
    display:none
}
.left{
    float:left
}
.right{
    float:right
}
.is-visible{
    display:block!important
}
.is-hide{
    display:none
}
.clearfix:after,.clearfix:before{
    content:" ";
    display:table
}
.visible-mobile,.visible-phone{
    display:none!important
}
.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
}
.lazy{
    opacity:0!important
}
@-webkit-keyframes animateLazyLoad{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@keyframes animateLazyLoad{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
.lazyloaded{
    -webkit-animation:animateLazyLoad .7s;
    animation:animateLazyLoad .7s
}
.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{
    display:block
}
.container:after,.container:before{
    content:'';
    display:table
}
.buzz-container{
    padding-top:60px
}
.global-container{
    padding:0
}
.mode-add{
    background:url(../img/bggray.png) fixed!important
}
.mode-add .add-container{
    background-color:#fff;
    padding-top:0!important;
    box-shadow:0 1px 5px rgba(0,0,0,.4)
}
.mode-add .content{
    width:860px;
    border-right:1px solid #e3e3e3
}
.container{
    max-width:1200px;
    margin-left:auto;
    margin-right:auto
}
.content{
    float:left;
    width:880px;
    height:auto;
    display:block
}
.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{
    -o-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
    }
    .container{
        width:1048px
    }
}
@media (min-width:320px) and (max-width:1047px){
    .buzz-container{
        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
    }
}
.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;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack: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
}
.header,.header__searchbar{
    background:#fff;
    position:fixed
}
.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{
    z-index:99;
    left:0;
    top:0;
    height:60px;
    max-height:115px;
    -ms-box-shadow:0 1px 8px 0 rgba(0,0,0,.1);
    box-shadow:0 1px 8px 0 rgba(0,0,0,.1);
    -webkit-transform:translateY(0);
    -khtml-transform:translateY(0);
    transform:translateY(0);
    transition:all .3s
}
.header__searchbar__container:after,.header__searchbar__container:before{
    content:'';
    display:table
}
.header.is-passive{
    -webkit-transform:translate(0,-114px) translateZ(0);
    -khtml-transform:translate(0,-114px) translateZ(0);
    transform:translate(0,-114px) translateZ(0)
}
.header.is-active-searchbar{
    -webkit-transform:translate(0,60px) translateZ(0);
    -khtml-transform:translate(0,60px) translateZ(0);
    transform:translate(0,60px) translateZ(0)
}
.header.is-active-tabbar{
    -webkit-transform:translate(0,-60px) translateZ(0);
    -khtml-transform:translate(0,-60px) translateZ(0);
    transform:translate(0,-60px) translateZ(0)
}
.header__searchbar{
    height:58px;
    transition:all .3s;
    color:#252525;
    margin-top:-60px;
    z-index:9
}
.header__searchbar.is-active{
    margin-top:0
}
.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{
    color:#333;
    opacity:1
}
.header__searchbar__container__input::-moz-placeholder{
    color:#333;
    opacity:1
}
.header__searchbar__container__input:-ms-input-placeholder{
    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:8
}
.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__menu__list__item a,.header__appbar--left__menu__list__item>a,.header__appbar--left__menu__list__item__badge,.header__appbar--right__notice .count{
    font-family:TMSans;
    line-height:normal;
    font-style:normal
}
.header__appbar--left__logo,.header__appbar--left__menu{
    z-index:1;
    top:auto;
    right:auto;
    bottom:auto;
    left:auto;
    float:left
}
.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:table-cell!important;
    vertical-align:middle;
    height:58px;
    padding:0 15px;
    color:rgba(0,0,0,.7);
    text-decoration:none;
    transition:all .3s;
    font-size:.9975em;
    font-weight:700;
 
    letter-spacing:0;
    cursor:pointer
}
.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);
    border-bottom-color:#fff;
    border-width:10px;
    margin-left:-10px
}
.category-dropdown:before{
    border-color:rgba(194,225,245,0);
    border-bottom-color:#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
}
.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{
    -webkit-transform:translate(0,-63px);
    transform:translate(0,-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:rgba(136,183,213,0);
    border-top-color:#efefef;
    border-width:10px;
    margin-left:-10px
}
.reaction-emojis a.selected:before{
    border-color:rgba(194,225,245,0);
    border-top-color:#cac9c9;
    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:rgba(255,255,255,.8);
    z-index:10
}
.header__appbar--right{
    width:auto;
    height:58px;
    float:right;
    display:block;
    padding-right:0
}
.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:15px 0 16px 2px
}
@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{
    width:100%;
    border-top:1px solid #ccc;
    background:#e6e6e6!important;
    margin-top:30px
}
.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 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
}
.sidebar-trend,.sidebar-trend__item,.sidebar-trend__item__body{
    position:relative;
    height:auto;
    width:100%
}
.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
}
.global-title{
    font-family:TMSans!important;
    font-size:1.375em!important;
    font-weight:700!important;
    color:#FF5722!important
}
.fobito_text a,.sidebar-mosts__item:before,.sidebar-mosts__item__title,.sidebar-mosts__item__view__count,.sidebar-title,.sidebar-trend__item__title{
    font-family:inherit;
    font-style:normal
}
.sidebar-title{
    margin-top:32px;
    text-decoration:none;
    display:block;
    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{
    display:block;
    padding:0;
    margin:0
}
.sidebar-trend__item{
    display:block;
    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{
    display:block;
    margin:0;
    padding:0;
    line-height:0
}
.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,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background:linear-gradient(to bottom,transparent 0,#000 100%);
    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-size:1em;
    line-height:1.25em;
    font-weight:700;
    margin:0 0 0 5px;
    padding:0 0 0 10px;
    text-shadow:1px 2px 2px rgba(0,0,0,.3)
}
.sidebar-mosts,.sidebar-mosts__item{
    width:100%;
    position:relative;
    display:block
}
.sidebar-mosts{
    height:auto;
    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{
    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)
}
.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{
    border-bottom:0;
    -ms-box-shadow:none;
    -o-box-shadow:none;
    box-shadow:none;
    float:left;
    display:inline-block;
    padding-bottom:0;
    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 .sidebar-mosts__item{
    width:33%
}
.column_list.tree_column .sidebar-mosts__item .sidebar-mosts__item__image__item{
    width:120%;
    height:auto!important;
    min-height:100px;
    margin-left:-10px
}
.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;
    min-height:130px
}
.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;
    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:rgba(255,255,255,.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-size:1.125em;
    line-height:1.25em;
    font-weight:700;
    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:rgba(255,255,255,.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
}
.content-mosts__item__category,.content-mosts__item__media__icon:before{
    background-clip:padding-box;
    background-color:rgba(0,0,0,.6);
    position:absolute
}
.fobito_icon,.tooltip-view{
    background-clip:padding-box
}
.fobito_rss{
    width:100%;
    list-style:none;
    position:relative;
    margin:10px 0 0;
    padding:0
}
.fobito_rss li{
    width:100%;
    position:relative;
    display:block;
    list-style:none;
    padding:10px 20px;
    transition:all .3s
}
.fobito_rss li:after,.fobito_rss li:before{
    content:'';
    display:table
}
.fobito_text a,.fobito_text span{
    line-height:normal;
    white-space:nowrap;
    text-overflow:ellipsis;
    display:block;
    overflow:hidden
}
.fobito_rss li:hover{
    background-color:#455a64
}
.fobito_rss a{
    color:#fff;
    text-decoration:none
}
.fobito_icon{
    width:50px;
    height:50px;
    position:relative;
    float:left;
    border-radius:12px;
    overflow:hidden
}
.fobito_text{
    width:calc(100% - 60px);
    float:left;
    margin-left:10px;
    padding-top:5px
}
.fobito_text a{
    margin:0;
    padding:0;
    color:#FFF;
    font-size:1em;
    font-weight:700
}
.fobito_text span,.sidebar-video__list__item{
    font-weight:400;
    font-style:normal;
    font-family:Roboto
}
.fobito_text span{
    margin:5px 0 0;
    padding:0;
    color:rgba(255,255,255,.4);
    font-size:.6875em
}
.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:rgba(255,255,255,.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:calc(99.99% * 1/4 - (0px - 0px * 1/4));
    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:nth-child(1){
    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:solid 2px #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:solid 2px 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-mosts{
    width:100%;
    text-align:center;
    box-shadow:inset 0 10px 20px 0 rgba(0,0,0,.1)
}
.headline-mosts__title{
    font-family:inherit;
    font-size:2.25em;
    line-height:normal;
    font-weight:700;
    font-style:normal;
    color:#fff;
    padding:60px 0;
    margin:0
}
.content-mosts__item:before,.content-mosts__item__category,.content-mosts__navigation__tab{
    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{
    -webkit-transform:scale(1.1);
    -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:'';
    left:9px;
    top:9px;
    width:65px;
    height:65px;
    z-index:-1;
    border-radius:100%
}
.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;
    top:10px;
    right:10px;
    border-radius:2px;
    color:rgba(255,255,255,.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-timeline,.content-timeline_right{
    display:block;
    position:relative;
    float:left
}
.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{
    width:535px
}
.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{
    width:325px;
    margin-left:20px
}
.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;
    -webkit-transform:translate(0,75px) translateZ(0);
    -khtml-transform:translate(0,75px) translateZ(0);
    transform:translate(0,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;
    -webkit-transform:none;
    -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{
    background-color:#3f51b5
}
.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:before{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:9;
    -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-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
}
.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,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background:linear-gradient(to bottom,transparent 0,#000 100%)
}
.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;
    -webkit-transform:skew(180deg,135deg);
    -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;
    -webkit-transform:skew(180deg,135deg);
    -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% - 145px - 60px)
}
.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;
    -webkit-transform:scaleX(-1);
    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;
        -webkit-transform:translate(-33px,-53px);
        -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:calc(100% - 0px);
        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,.headline__item,.headline__wrapper{
    z-index:1;
    position:relative;
    bottom:auto;
    right:auto
}
.headline__wrapper:after,.headline__wrapper:before{
    content:'';
    display:table
}
@-webkit-keyframes border-expand{
    0%{
        opacity:0;
        width:0
    }
    100%{
        opacity:1;
        width:100%
    }
}
@keyframes border-expand{
    0%{
        opacity:0;
        width:0
    }
    100%{
        opacity:1;
        width:100%
    }
}
.headline,.headline__wrapper{
    top:auto;
    left:auto;
    width:100%
}
.headline{
    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)
}
.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:calc(99.999999% * 1/2)
}
.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{
    width:100%;
    top:0;
    left:0;
    display:block;
    overflow:hidden
}
.headline__item a{
    position:relative;
    display:block;
    width:100%;
    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{
    background-color:#3f51b5
}
.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,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background:linear-gradient(to bottom,transparent 0,#000 100%)
}
.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:rgba(255,255,255,.3)
}
.headline__slider .slider__navigation{
    width:60px;
    height:60px;
    background-color:rgba(255,255,255,.2);
    padding:18px 5px;
    margin-top:-30px
}
.slider,.slider__item,.slider__list{
    width:100%;
    position:relative;
    top:auto;
    z-index:1
}
.headline__slider .slider__navigation--prev{
    left:-30px
}
.headline__slider .slider__navigation--prev:before{
    content:"chevron_left"
}
.headline__slider .slider__navigation--next{
    right:-30px
}
.slider,.slider__item,.slider__list,.slider__navigation{
    right:auto;
    bottom:auto;
    left:auto
}
.headline__slider .slider__navigation--next:before{
    content:"chevron_right"
}
@media (min-width:768px){
    .headline__item:hover .headline__image img{
        -webkit-transform:scale(1.1);
        -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{
        background-color:#3f51b5;
        opacity:.5
    }
    .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{
        -webkit-transform:scale(1.1);
        -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{
        background-color:#3f51b5;
        opacity:.5
    }
    .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__item,.slider__list{
    height:100%
}
.slider__list{
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    margin:0;
    padding:0
}
.slider__item{
    -ms-flex:0 0 auto;
    -ms-flex-negative:0;
    -webkit-flex-shrink:0;
    flex-shrink:0;
    font-size:18px;
    background-color:transparent;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    justify-content:center;
    -ms-flex-align:center;
    -webkit-align-items: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%;
    text-align:left;
    opacity:1;
    visibility:visible;
    transition:all .3s
}
.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;
    border-color:rgba(255,255,255,.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__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 rgba(255,255,255,.4);
    color:rgba(255,255,255,.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 rgba(255,255,255,.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;
    -webkit-transform:translateX(20px);
    transform:translateX(20px);
    transition:all .3s ease-in-out;
    opacity:0
}
.headline-articles__box.is-active{
    -webkit-transform:translateX(0);
    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{
    background-color:#3f51b5
}
.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,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)
}
.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(to bottom,transparent 0,#000 100%)
}
.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 .headline-articles--wide .headline-articles__content,.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 .headline__content__title,.headline-articles__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;
    -khtml-transition:.2s linear all;
    transition:.2s linear all;
    float:left;
    overflow:hidden
}
.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:center center;
    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(to bottom,transparent 45%,#000 99%,#000 100%);
    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{
    background-color:#3f51b5
}
.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;
    -khtml-transition:.1s linear all;
    transition:.1s linear all
}
.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;
    -khtml-border-radius:3px;
    border-radius:3px;
    position:relative;
    top:1px;
    margin-right:2px;
    margin-left:2px
}
.share_counts span i.fa-facebook,.share_counts span i.fa-whatsapp{
    margin-right:4px;
    font-size:18px
}
.share_counts span i.fa-twitter{
    font-size:18px;
    top:1px
}
@media (max-width:767px){
    .headline__blocks--phone{
        width:100%;
        height:300px;
        float:left;
        padding: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{
    margin:0 -20px
}
.content-more{
    width:calc(100% - 20px);
    text-align:center;
    display:block;
    min-height:44px;
    position:relative;
    background:linear-gradient(to bottom,#fff 0,rgba(255,255,255,0) 100%);
    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{
    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);
    -webkit-transform:translate(0,-115px) translateZ(0);
    -khtml-transform:translate(0,-115px) translateZ(0);
    transform:translate(0,-115px) translateZ(0)
}
.content-header.is-active{
    -webkit-transform:translate(0,0) translateZ(0);
    -khtml-transform:translate(0,0) translateZ(0);
    transform:translate(0,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:after{
    content:'';
    display:block;
    width:100%;
    height:2px;
    background:#ccc;
    margin-top: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
}
.content-body,.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
}
.content-info__line{
    display:inline-block;
    padding:0 2px
}
.content-body{
    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:788px;
    max-width:calc(100% + 60px);
    margin:16px 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 a{
    color:#FF5722;
    text-decoration:none;
    font-weight:700;
    position:relative
}
.content-body__detail a:hover{
    text-decoration:underline
}
.button,.button:hover,.content-source-url,.content-tags a,.material-button,.option-selection a.active,.option-selection a:hover,.sidebar-more,span.tagy a{
    text-decoration:none
}
.content-body__detail h2,.content-body__detail h3,.content-body__detail h4,.content-body__detail h5,.content-body__detail h6{
    font-family:TMSans!important
}
.content-body__detail h2,.content-body__detail h3{
    font-weight:700;
    padding:5px 0;
    margin-bottom:5px;
    font-family:TMSans;
    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-source-url{
    border:1px dashed #ccc;
    padding:8px 16px;
    font-size:14px;
    margin-top:16px;
    display:block;
    color:inherit;
    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
}
.content-tags a:hover,.signup-terms a{
    text-decoration:underline
}
.content-ligatus{
    width:calc(100% + 60px);
    display:block
}
.content-sticky{
    position:absolute;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.content-sticky.sticky{
    position:fixed;
    bottom:initial;
    top:80px
}
.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(../img/sprite.png);
    width:32px;
    height:32px
}
.content-share__item.facebook{
    background-color:#4363a2
}
.content-share__item.facebook .content-share__icon{
    background-position:-4px -80px;
    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.gplus{
    background-color:#d6492f
}
.content-share__item.gplus .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
}
.broadcast__status,.content-poll__title{
    font-family:TMSans;
    font-style:normal
}
.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(../img/sprite.png);
    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;
        -webkit-transform:none;
        transform:none
    }
    .content-share{
        position:fixed;
        bottom:0;
        left:0;
        z-index:99999999;
        height:46px
    }
    .content-share__item{
        width:calc(99.999999% * 1/4);
        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.gplus{
        background-color:#d6492f
    }
    .content-share__item.whatsapp{
        background-color:#34af23
    }
    .content-share__item.mail{
        background-color:#8bc34a
    }
    .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
    }
}
.option-selection a.active .buzz-icon,.option-selection a:hover .buzz-icon{
    background-position:-25px -148px!important
}
.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;
    -khtml-transition:all 1s ease;
    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
}
.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
}
.BuzzyQuizAlert .external-sign-in strong,.BuzzyQuizAlert .sa-button-container,.entry.results .quiz_result{
    display:none
}
.option-selection a:hover{
    background-color:#FFF195
}
.option-selection a.active{
    background-color:#8ac5ff;
    cursor:default
}
.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.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_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 .sa-button-container button,.BuzzyQuizAlert h2{
    margin:0!important
}
.BuzzyQuizAlert h2{
    font-size:28px!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
}
@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 rgba(255,255,255,.7);
    border-radius:3px;
    vertical-align:middle;
    color:#212020;
    outline:0;
    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
}
.profile-wrap .profile-content .profile-sidebar .profile-section::after,.profile-wrap .profile-content::after,.profile-wrap::after{
    content:"";
    display:table;
    clear:both
}
span.tagy a:before{
    border-color:rgba(229,229,229,0);
    border-bottom-color:#e5e5e5;
    border-width:6px;
    margin-left:-6px
}
span.tagy a:after{
    border-color:rgba(243,243,243,0);
    border-bottom-color:#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(to top,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 .profile-content{
    padding:0
}
.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 .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:0 0;
    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:#888;
    font-size:16px;
    font-weight:600;
    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
}
.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%
}
.button,.label{
    vertical-align:baseline
}
.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
}
.button{
    display:inline-block;
    zoom:1;
    margin:0 2px;
    outline:0;
    cursor:pointer;
    text-align:center;
    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.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(top,#666,#000);
    filter:progid:DXImageTransform.Microsoft.gradient(start-colourStr='#666', end-colourStr='#000')
}
.button.button-black:hover{
    background-color:#444;
    background-image:linear-gradient(top,#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(top,#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(top,#888,#575757);
    filter:progid:DXImageTransform.Microsoft.gradient(start-colourStr='#888', end-colourStr='#575757')
}
.button.button-gray:hover{
    background-color:#757575;
    background-image:linear-gradient(top,#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(top,#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(top,#fff,#ededed);
    filter:progid:DXImageTransform.Microsoft.gradient(start-colourStr='#fff', end-colourStr='#ededed')
}
.button.button-white:hover{
    background-color:#fff;
    background-image:linear-gradient(top,#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(top,#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(top,#faa51a,#f47a20);
    filter:progid:DXImageTransform.Microsoft.gradient(start-colourStr='#faa51a', end-colourStr='#f47a20')
}
.button.button-orange:hover{
    background-color:#f88e11;
    background-image:linear-gradient(top,#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(top,#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(top,#ed1c24,#aa1317);
    filter:progid:DXImageTransform.Microsoft.gradient(start-colourStr='#ed1c24', end-colourStr='#aa1317')
}
.button.button-red:hover{
    background-color:#c9151b;
    background-image:linear-gradient(top,#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(top,#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(top,#00adee,#0078a5);
    filter:progid:DXImageTransform.Microsoft.gradient(start-colourStr='#00adee', end-colourStr='#0078a5')
}
.button.button-blue:hover{
    background-color:#0095cc;
    background-image:linear-gradient(top,#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(top,#0078a5,#00adee);
    filter:progid:DXImageTransform.Microsoft.gradient(start-colourStr='#0078a5', end-colourStr='#00adee')
}
.button.button-create{
    color:#fff;
    border-color:#bc49ff;
    background-color:#c15aff;
    background-image:linear-gradient(top,#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(top,#f16c7c,#bf404f);
    filter:progid:DXImageTransform.Microsoft.gradient(start-colourStr='#f16c7c', end-colourStr='#bf404f')
}
.button.button-rosy:hover{
    background-color:#cf5d6a;
    background-image:linear-gradient(top,#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(top,#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(top,#7db72f,#4e7d0e);
    filter:progid:DXImageTransform.Microsoft.gradient(start-colourStr='#7db72f', end-colourStr='#4e7d0e')
}
.button.button-green:hover{
    background-color:#6b9d28;
    background-image:linear-gradient(top,#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(top,#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(top,#feb1d3,#f171ab);
    filter:progid:DXImageTransform.Microsoft.gradient(start-colourStr='#feb1d3', end-colourStr='#f171ab')
}
.button.button-pink:hover{
    background-color:#f4aacb;
    background-image:linear-gradient(top,#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(top,#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
}
.external-sign-in .Facebook,.external-sign-in .Google,.external-sign-in .Instagram,.external-sign-in .Pinterest,.external-sign-in .Reddit,.external-sign-in .Rss,.external-sign-in .Twitter,.external-sign-in .Vkontakte,.external-sign-in .Weburl{
    padding:0;
    position:relative;
    overflow:hidden;
    color:#fff;
    font-size:16px;
    font-weight:400;
    background-image:-moz-linear-gradient(top,#fdfdfd,#e0e0e0)
}
.external-sign-in .Facebook:hover,.external-sign-in .Google:hover,.external-sign-in .Instagram:hover,.external-sign-in .Pinterest:hover,.external-sign-in .Reddit:hover,.external-sign-in .Rss:hover,.external-sign-in .Twitter:hover,.external-sign-in .Vkontakte:hover,.external-sign-in .Weburl:hover{
    transition:background-color .3s ease 0s
}
.external-sign-in .Facebook.do-signup,.external-sign-in .Google.do-signup,.external-sign-in .Instagram.do-signup,.external-sign-in .Pinterest.do-signup,.external-sign-in .Reddit.do-signup,.external-sign-in .Rss.do-signup,.external-sign-in .Twitter.do-signup,.external-sign-in .Vkontakte.do-signup,.external-sign-in .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%
}
.external-sign-in .Facebook.do-signup:after,.external-sign-in .Google.do-signup:after,.external-sign-in .Instagram.do-signup:after,.external-sign-in .Pinterest.do-signup:after,.external-sign-in .Reddit.do-signup:after,.external-sign-in .Rss.do-signup:after,.external-sign-in .Twitter.do-signup:after,.external-sign-in .Vkontakte.do-signup:after,.external-sign-in .Weburl.do-signup:after{
    top:5px;
    left:5px
}
.external-sign-in .Facebook.mini,.external-sign-in .Google.mini,.external-sign-in .Instagram.mini,.external-sign-in .Pinterest.mini,.external-sign-in .Reddit.mini,.external-sign-in .Rss.mini,.external-sign-in .Twitter.mini,.external-sign-in .Vkontakte.mini,.external-sign-in .Weburl.mini{
    float:left;
    width:40px;
    height:40px;
    padding:0;
    margin-left:0;
    margin-right:10px;
    margin-bottom:10px
}
.external-sign-in .Facebook.mini .buzz-icon,.external-sign-in .Google.mini .buzz-icon,.external-sign-in .Instagram.mini .buzz-icon,.external-sign-in .Pinterest.mini .buzz-icon,.external-sign-in .Reddit.mini .buzz-icon,.external-sign-in .Rss.mini .buzz-icon,.external-sign-in .Twitter.mini .buzz-icon,.external-sign-in .Vkontakte.mini .buzz-icon,.external-sign-in .Weburl.mini .buzz-icon{
    margin-right:0;
    margin-top:7px;
    margin-left:7px
}
.external-sign-in button,.external-sign-in button::-moz-focus-inner{
    outline:0;
    border:none
}
.external-sign-in .Facebook{
    background:#3b5998
}
.external-sign-in .Facebook:hover{
    background:#243d7f
}
.external-sign-in .Google{
    background:#cd3627
}
.external-sign-in .Google:hover{
    background:#be1f14
}
.external-sign-in .Twitter{
    background:#6aadd1
}
.external-sign-in .Twitter:hover{
    background:#4e97c3
}
.external-sign-in .Instagram{
    background:#3f729b
}
.external-sign-in .Instagram:hover{
    background:#2e5883
}
.external-sign-in .Reddit{
    background:#7db3ef
}
.external-sign-in .Reddit:hover{
    background:#77abe4
}
.external-sign-in .Pinterest{
    background:#d30005
}
.external-sign-in .Pinterest:hover{
    background:#c80005
}
.external-sign-in .Vkontakte{
    background:#587ea3
}
.external-sign-in .Vkontakte:hover{
    background:#6590ba
}
.external-sign-in .Rss{
    background:#f4851f
}
.external-sign-in .Rss:hover{
    background:#c56b19
}
.external-sign-in .Weburl{
    background:#333;
    text-align:center
}
.external-sign-in .Weburl i{
    font-size:22px
}
.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;
    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;
    -webkit-font-feature-settings:'liga';
    font-feature-settings:'liga'
}
.badge,.material-button{
    text-transform:uppercase
}
.material-button,.sidebar-more{
    letter-spacing:0;
    cursor:pointer
}
.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;
    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:rgba(158,158,158,.2)!important
}
.material-button:focus:not(:active){
    background-color:rgba(0,0,0,.12)
}
.material-button:active{
    background-color:rgba(158,158,158,.4)
}
.material-button--raised{
    background:rgba(158,158,158,.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:rgba(158,158,158,.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:rgba(255,255,255,.4);
    border-radius:100%;
    -webkit-transform:scale(0);
    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{
    100%{
        -webkit-transform:scale(2.5);
        transform:scale(2.5);
        opacity:0
    }
}
@-webkit-keyframes ripple{
    100%{
        -webkit-transform:scale(2.5);
        transform:scale(2.5);
        opacity:0
    }
}
.auth-modal{
    background:#f8f8f8!important;
    top:75px!important;
    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 .step-actions::after,.login-form .under-email-signin::after,.signup-form .step-actions::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
}
.connect-forms,.email-form{
    padding:18px 0 0
}
.login-form .step-actions a,.signup-form .step-actions a{
    font-size:16px;
    color:#999;
    display:inline-block;
    margin:0 0 8px
}
.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 .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
}
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
}
legend,section.form{
    color:#111;
    font-family:inherit
}
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
}
.cd-form::after,legend::after,section.form::after{
    clear:both;
    content:"";
    display:table
}
ul.tagit input[type=text]{
    box-sizing:border-box;
    box-shadow:none;
    border:none;
    margin:0;
    padding:0;
    width:inherit;
    background-color:inherit;
    outline:0
}
.question-post-form fieldset{
    border:0;
    margin:0;
    padding:0
}
legend{
    font-size:17px;
    font-weight:600;
    padding:15px 0 5px;
    margin:0
}
section.form{
    border-bottom:1px solid #e3e3e3;
    padding:10px 20px 20px;
    margin:0
}
section.form.last{
    border-bottom:0
}
.simditor .simditor-toolbar>ul{
    padding:0;
    opacity:.9
}
.cd-form{
    width:100%;
    max-width:100%
}
.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%;
    -webkit-transform:translateY(translateY(-50%));
    transform:translateY(translateY(-50%));
    margin:0;
    padding:0;
    opacity:0;
    z-index:2
}
.cd-form input[type=radio]+label,.cd-form input[type=checkbox]+label{
    padding-left:24px;
    font-size:13px
}
.cd-form input[type=radio]+label::after,.cd-form input[type=radio]+label::before,.cd-form input[type=checkbox]+label::after,.cd-form input[type=checkbox]+label::before{
    content:'';
    display:block;
    position:absolute;
    left:0;
    top:50%;
    margin-top:-8px;
    width:16px;
    height:16px
}
.cd-form-list::after,.question-post-form .moredetail::after,.question-post-form::after,.question-post-side-bar-form::after{
    content:"";
    clear:both
}
.cd-form input[type=radio]+label::before,.cd-form input[type=checkbox]+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=radio]+label::after,.cd-form input[type=checkbox]+label::after{
    background-color:#2c97de;
    background-position:center center;
    background-repeat:no-repeat;
    box-shadow:0 0 5px rgba(44,151,222,.4);
    display:none
}
.cd-form input[type=radio]+label::after{
    background-image:url(../img/form-icons/cd-icon-radio.svg)
}
.cd-form input[type=checkbox]+label::after{
    background-image:url(../img/form-icons/cd-icon-check.svg)
}
.cd-form input[type=radio]:focus+label::before,.cd-form input[type=checkbox]:focus+label::before{
    box-shadow:0 0 5px rgba(44,151,222,.6)
}
.cd-input,.question-post-form .title-input,select,textarea{
    z-index:1;
    box-sizing:border-box;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.1);
    position:relative
}
.cd-form input[type=radio]:checked+label::after,.cd-form input[type=checkbox]:checked+label::after{
    display:block
}
.cd-form input[type=radio]:checked+label::after,.cd-form input[type=radio]:checked+label::before,.cd-form input[type=checkbox]:checked+label::after,.cd-form input[type=checkbox]:checked+label::before{
    -webkit-animation:bounce .3s infinite alternate;
    animation:bounce .3s infinite alternate
}
.cd-form-list::after{
    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;
    border-radius:3px
}
select{
    cursor:pointer
}
textarea{
    min-height:35px;
    resize:vertical;
    overflow:auto
}
.question-post-form::after{
    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{
    overflow:hidden
}
.question-post-form .simditor .simditor-toolbar{
    border-bottom:1px solid #eee;
    background:#f1f1f1;
    width:100%
}
.question-post-form .simditor .simditor-toolbar>ul>li>.toolbar-item{
    display:block;
    float:left;
    width:36px;
    height:36px;
    outline:0;
    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,.question-post-form .simditor .simditor-body p{
    font-size:16px;
    line-height:24px;
    font-family:inherit
}
.question-post-form .title-input{
    border-radius:3px;
    border:1px solid #d0d0d0;
    overflow:hidden;
    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;
    -khtml-border-radius:4px;
    border-radius:4px;
    min-height:160px;
    font-size:12px;
    background-color:#f3f3f3;
    background-repeat:repeat-x;
    background-image:-khtml-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f3f3f3));
    background-image:linear-gradient(top,#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;
    -khtml-border-radius:3px;
    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:hover .thumbactions,.question-post-form .entry:hover>.entryactions,.share-dropdown .dropdown-container__item:hover .share-dropdown__icon{
    opacity:1
}
.question-post-form .entry .imagearea .thumbactions a{
    padding:4px 5px
}
.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;
    box-shadow:0 0 1px 0 #fff;
    width:40px;
    background:rgba(0,0,0,.075)
}
.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;
    left:0;
    bottom:5px;
    background-color:#ed1c24
}
.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:0;
    background-repeat:repeat-x;
    background-image:-khtml-gradient(linear,left top,left bottom,from(#efefef),to(#bfbfbf));
    background-image:linear-gradient(top,#efefef,#bfbfbf);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#bfbfbf', GradientType=0);
    border:1px solid #aaa;
    text-align:center;
    margin:0;
    -khtml-border-radius:4px;
    border-radius:4px;
    -khtml-transition:none;
    transition:none
}
.question-post-form .entry .get-button.button-white{
    background-image:linear-gradient(to bottom,#fcfcfc 0,#eee 100%);
    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;
    font-size:22px;
    color:#999;
    background-color:#fff;
    border:2px dashed #aaa;
    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:99;
    margin-top:5px;
    font-size:14px
}
.question-post-form .entry .item-media-placeholder .image-upload-actions .getimageurl{
    background-color:#f5f5f6;
    border:0;
    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:2px dashed #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{
    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,.question-post-form .ordering.noorder .order-number{
    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;
    -khtml-border-radius:4px;
    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;
    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(top,#fcfcfc,#eee);
    filter:progid:DXImageTransform.Microsoft.gradient(start-colourStr='#fcfcfc', end-colourStr='#eee');
    border-radius:3px 0 0 3px
}
.question-post-form .ordering input{
    padding-left:50px
}
.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;
    right:-5px;
    top:-2px
}
.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
}
.question-post-form .answers .answer .entryactions .delete-entry i{
    margin:0
}
.question-post-form .answers .answer .entryactions .delete-entry:hover{
    background:#444
}
.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 .imagearea,.question-post-form .answers.thlist .answer .item-media-placeholder{
    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{
    display:table
}
.question-post-side-bar-form .thumbwrapper .preview-placeholder{
    border:1px 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:99;
    margin-top:5px;
    font-size:14px
}
.question-post-side-bar-form .thumbwrapper .preview-placeholder .image-upload-actions .getimageurl{
    background-color:#f5f5f6;
    border:0;
    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,.lists-types a{
        width:100%!important
    }
    #addnew .button{
        float:none!important;
        display:block!important
    }
    .lists-types a{
        margin-bottom:5px!important
    }
}
div.tagsinput div,div.tagsinput span.tag{
    display:block;
    float:left
}
@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;
    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;
    margin:0 5px 5px 0;
    font-family:helvetica;
    font-size:13px;
    border:1px solid transparent;
    padding:5px;
    background:0 0;
    color:#000;
    outline:0
}
.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;
    border:1px solid transparent;
    cursor:pointer;
    border-right:1px solid #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:rgba(136,183,213,0);
    border-top-color:#efefef;
    border-width:10px;
    margin-left:-10px
}
section.layout a.selected:before{
    border-color:rgba(194,225,245,0);
    border-top-color:#cac9c9;
    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
}
.dropdown-container{
    background-color:#FFF;
    padding:8px 0;
    position:absolute;
    z-index:9;
    top:auto;
    right:auto;
    bottom:auto;
    left:auto;
    transition:-webkit-transform .3s ease;
    transition:transform .3s ease;
    transition:-webkit-transform .3s ease,-webkit-transform .3s ease;
    transition:transform .3s ease,-webkit-transform .3s ease;
    -webkit-transform:scale(0);
    -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
}
.dropdown-container__item{
    display:block;
    line-height:2.375em;
    padding:0 16px;
    list-style:none;
    cursor:pointer;
    transition:all .3s
}
.dropdown-container__item a{
    color:#333;
    font-size:.875em;
    line-height:normal;
    font-weight:400;
    text-decoration:none;
    transition:all .3s
}
.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{
    -webkit-transform:scale(1);
    -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
}
.notification-dropdown{
    margin:0;
    padding:0
}
.notification-dropdown__arrow{
    content:'';
    width:0;
    height:0;
    border-left:5px solid #fff;
    position:absolute;
    left:-11px;
    top:5px
}
.notification-dropdown__status{
    min-width:350px;
    display:block;
    position:relative;
    padding:20px
}
.notification-dropdown__status__notice{
    color:#878787;
    display:block;
    font-size:.875em
}
.notification-dropdown__status__button{
    float:none!important;
    background-color:#4caf50;
    color:#fff;
    margin:20px 0 0!important;
    height:36px;
    vertical-align:middle
}
.notification-dropdown__status__button:hover{
    background-color:#388E3C!important
}
.notification-dropdown__scrollable{
    width:100%;
    max-width:100%;
    padding:0;
    margin:0;
    max-height:450px;
    overflow-x:hidden;
    overflow-y:auto
}
.notification-dropdown__scrollable::-webkit-scrollbar{
    width:6px
}
.notification-dropdown__scrollable::-webkit-scrollbar-track{
    background:#455a64
}
.notification-dropdown__scrollable::-webkit-scrollbar-thumb{
    background:#f44336
}
.notification-dropdown__list{
    padding:0;
    margin:0
}
.notification-dropdown__item{
    margin:0;
    padding:0;
    position:relative;
    display:block
}
.notification-dropdown__link{
    padding:20px!important;
    text-decoration:none;
    color:#000;
    position:relative;
    display:block;
    left:0;
    top:0;
    line-height:normal;
    min-width:350px;
    border-bottom:1px solid #eee
}
.notification-dropdown__body:after,.notification-dropdown__body:before{
    content:'';
    display:table
}
.notification-dropdown__link:hover .notification-dropdown__title{
    color:#f44336
}
.notification-dropdown__category,.notification-dropdown__time{
    color:#c0c3ca;
    font-family:inherit;
    font-size:.6875em;
    line-height:normal;
    font-style:normal
}
.notification-dropdown__body{
    margin:0;
    padding:0
}
.notification-dropdown__image{
    width:100px;
    height:55px;
    float:left;
    position:relative;
    display:block
}
.notification-dropdown--top:after,.notification-dropdown--top:before,.share-dropdown .dropdown-container__item:after,.share-dropdown .dropdown-container__item:before{
    display:table;
    content:''
}
.notification-dropdown__image:before{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:9;
    -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)
}
.notification-dropdown__caption{
    float:left;
    margin-left:20px;
    width:calc(100% - 120px)
}
.notification-dropdown--top{
    width:100%
}
.notification-dropdown__category{
    margin:0;
    padding:0;
    font-weight:500;
    float:left
}
.notification-dropdown__time{
    float:right;
    font-weight:400
}
.notification-dropdown__title{
    margin:0;
    padding:0;
    font-family:inherit;
    font-size:1em;
    line-height:normal;
    font-weight:700;
    font-style:normal;
    color:#000;
    transition:all .3s
}
.md-tabs__tab,.share-dropdown{
    font-family:inherit;
    font-size:.875em
}
.notification-dropdown__icon{
    color:#fff;
    text-shadow:1px 1px 40px rgba(0,0,0,.3);
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-12px,-12px);
    -khtml-transform:translate(-12px,-12px);
    transform:translate(-12px,-12px);
    z-index:10
}
.notification-dropdown__icon:before{
    content:'';
    position:absolute;
    left:2px;
    top:2px;
    width:19px;
    height:19px;
    z-index:-1;
    border-radius:50%;
    background-clip:padding-box;
    background-color:rgba(0,0,0,.6)
}
.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__icon,.share-dropdown__title{
    display:block;
    line-height:normal;
    float:left;
    transition:all .3s
}
.share-dropdown .dropdown-container__item:hover .share-dropdown__title{
    color:#000
}
.share-dropdown__icon{
    width:20px;
    height:16px;
    opacity:.7;
    background-image:url(../img/sprite.png)
}
.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{
    margin-left:20px;
    color:#333
}
.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(../img/sprite.png);
    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
}
.jquery-modal{
    z-index:99998!important
}
.jquery-modal.blocker{
    background:#000!important
}
.modal{
    z-index:99999!important;
    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{
    position:absolute;
    top:-12.5px;
    right:-8.5px;
    display:block;
    width:30px;
    height:30px;
    color:transparent;
    border:3px solid #D5D5D5;
    border-radius:50%;
    box-shadow:1px 4px 7px rgba(0,0,0,.75);
    transition:.25s all ease;
    background:#f8f8f8
}
.modal a.close-modal:before{
    content:"X";
    display:block;
    position:relative;
    text-align:center;
    font-size:19px;
    font-weight:700;
    color:#D5D5D5;
    height:100%
}
.modal a.close-modal:hover{
    border:3px solid #333
}
.modal a.close-modal:hover:before{
    color:#333
}
@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(../img/sprite.png);
    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,.buzz-icon.buzz-google-big,.buzz-icon.buzz-ingtagram-big,.buzz-icon.buzz-twitter-big,.buzz-icon.buzz-vkontakte-big,.buzz-icon.buzz-weburl-big{
    margin-top:-4px;
    margin-right:10px;
    width:26px;
    height:26px
}
.buzz-icon.buzz-facebook-big{
    background-position:-78px -70px;
    opacity:1
}
.buzz-icon.buzz-twitter-big{
    background-position:-78px -37px;
    opacity:1
}
.buzz-icon.buzz-google-big{
    background-position:-111px -4px;
    opacity:1
}
.buzz-icon.buzz-ingtagram-big{
    background-position:-78px -4px;
    opacity:1
}
.buzz-icon.buzz-vkontakte-big{
    background-position:-111px -71px;
    opacity:1
}
.buzz-icon.buzz-weburl-big{
    background-position:-111px -104px;
    opacity:1
}
.buzz-icon.buzz-answer-circle{
    float:left;
    background-position:-3px -148px;
    width:22px;
    height:22px;
    opacity:1
}
.badge{
    -khtml-border-radius:50%;
    border-radius:50%;
    width:38px;
    height:38px;
    position:absolute;
    top:-10px;
    left:-10px;
    padding:4px;
    font-size:12px;
    color:#2b2b2b;
    line-height:14px;
    z-index:100;
    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(../img/26a1.png)
}
.badge.rocket{
    background-color:#ffc90f
}
.badge.rocket .badge-img{
    background-image:url(https://abs.twimg.com/emoji/v1/72x72/1f680.png)
}
.badge.quiz{
    background-color:#17b02f
}
.badge.quiz .badge-img{
    margin:1.5%;
    background-image:url(../img/quiz.png)
}