@charset "UTF-8";*,:after,:before {
    box-sizing: border-box
}

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

body {
    font-family: Roboto,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    color: #2a2a2a;
    background: #fff;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeSpeed
}

a {
    color: inherit;
    vertical-align: baseline;
    outline: 0;
    transition: all .2s ease
}

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

a:hover {
    color: #3ca5dd
}

a:focus,button:focus {
    outline: 0;
    outline: 0 auto -webkit-focus-ring-color;
    outline-offset: 0
}

img {
    max-width: 100%;
    width: auto;
    height: auto;
    vertical-align: top;
    border: 0;
    -ms-interpolation-mode: bicubic
}

table {
    border-collapse: collapse
}

iframe {
    border: none
}

iframe,video {
    vertical-align: top
}

ol,ul {
    margin: 0;
    padding: 0;
    list-style: none
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0
}

input:focus {
    outline: 0
}

input:focus:-moz-placeholder,input:focus:-ms-input-placeholder,input:focus::-moz-placeholder,input:focus::-webkit-input-placeholder {
    color: transparent
}

h1,h2,h3,h4,h5,h6 {
    margin: 0;
    font-size: 14px;
    font-weight: 400
}

.col-bs9-1,.col-bs9-2,.col-bs9-3,.col-bs9-4,.col-bs9-5,.col-bs9-6,.col-bs9-7,.col-bs9-8,.col-bs9-9,.col-bs9-10,.col-bs9-11,.col-bs9-12,.col-bs10-1,.col-bs10-2,.col-bs10-3,.col-bs10-4,.col-bs10-5,.col-bs10-6,.col-bs10-7,.col-bs10-8,.col-bs10-9,.col-bs10-10,.col-bs10-11,.col-bs10-12,.col-bs12-1,.col-bs12-2,.col-bs12-3,.col-bs12-4,.col-bs12-5,.col-bs12-6,.col-bs12-7,.col-bs12-8,.col-bs12-9,.col-bs12-10,.col-bs12-11,.col-bs12-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left
}

.col-bs10-1 {
    width: 10%
}

.col-bs10-2 {
    width: 20%
}

.col-bs10-3 {
    width: 30%
}

.col-bs10-4 {
    width: 40%
}

.col-bs10-5 {
    width: 50%
}

.col-bs10-6 {
    width: 60%
}

.col-bs10-7 {
    width: 70%
}

.col-bs10-8 {
    width: 80%
}

.col-bs10-9 {
    width: 90%
}

.col-bs10-10 {
    width: 100%
}

.col-bs9-1 {
    width: 11.11111%
}

.col-bs9-2 {
    width: 22.22222%
}

.col-bs9-3 {
    width: 33.33333%
}

.col-bs9-4 {
    width: 44.44444%
}

.col-bs9-5 {
    width: 55.55556%
}

.col-bs9-6 {
    width: 66.66667%
}

.col-bs9-7 {
    width: 77.77778%
}

.col-bs9-8 {
    width: 88.88889%
}

.col-bs9-9 {
    width: 100%
}

.col-bs12-1 {
    width: 8.33333%
}

.col-bs12-2 {
    width: 16.66667%
}

.col-bs12-3 {
    width: 25%
}

.col-bs12-4 {
    width: 33.33333%
}

.col-bs12-5 {
    width: 41.66667%
}

.col-bs12-6 {
    width: 50%
}

.col-bs12-7 {
    width: 58.33333%
}

.col-bs12-8 {
    width: 66.66667%
}

.col-bs12-9 {
    width: 75%
}

.col-bs12-10 {
    width: 83.33333%
}

.col-bs12-11 {
    width: 91.66667%
}

.col-bs12-12 {
    width: 100%
}

.clearfix {
    *zoom:1}

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

.clearfix:after {
    clear: both
}

.container {
    width: 1100px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
    *zoom:1;position: relative
}

.col-offset-fluid {
    margin-right: -15px;
    margin-left: -15px
}

.col-offset-0 {
    padding-right: 0;
    padding-left: 0
}

.col-offset-center {
    float: none;
    margin-left: auto;
    margin-right: auto
}

.form__input {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #3ca5dd;
    transition: all .2s ease;
    line-height: 1.42857;
    color: #000
}

.form__input__header {
    border-radius: 4px;
    background: #2d2d2d;
    border: 1px solid transparent;
    color: #fff
}

.form__input__header:focus {
    border: 1px solid transparent;
    box-shadow: none
}

.form__button {
    outline: 0;
    cursor: pointer;
    background: #3ca5dd;
    padding: 9px 15px;
    color: #fff;
    border: none;
    height: 40px;
    text-align: center;
    width: 100%;
    transition: all .2s ease
}

.form__button:hover {
    background: #228cc4
}

.form__button__header {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    border: none;
    cursor: pointer;
    color: transparent;
    width: 35px;
    height: 40px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2
}

.form__button__header,.form__button__header:hover {
    background: transparent
}

.form__group {
    margin: 0 0 10px
}

.form__radio {
    font-size: 16px;
    line-height: 1;
    font-weight: 300
}

.form__radio label {
    cursor: pointer
}

.form__input:focus {
    box-shadow: 0 0 5px rgba(0,0,0,.2)
}

.form__select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    outline: 0;
    cursor: pointer;
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    background-color: transparent;
    background-image: none;
    border: 1px solid #3ca5dd;
    border-radius: 0;
    transition: all .2s ease;
    font-weight: 600;
    line-height: 1.42857;
    color: #3ca5dd
}

.form__select__wrap {
    position: relative;
    display: inline-block
}

.form__select__wrap:after {
    content: "";
    position: absolute;
    top: 13px;
    right: 28px;
    width: 10px;
    height: 10px;
    border-left: 2px solid #3ca5dd;
    border-bottom: 2px solid #3ca5dd;
    transform: rotate(-45deg);
    z-index: -1
}

.form__textarea {
    outline: 0;
    min-height: 100px;
    max-width: 100%;
    display: block;
    width: 100%;
    padding: 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #85949a;
    background-color: #fff;
    background-image: none;
    border: 1px solid #3ca5dd;
    transition: all .2s ease
}

.form__textarea:focus {
    box-shadow: 0 0 5px rgba(0,0,0,.2)
}

.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor
}

.icon-play {
    width: 70px;
    height: 70px;
    position: relative
}

.icon-play:before {
    border-radius: 70px;
    width: 70px;
    height: 70px;
    content: "";
    display: block;
    background-color: #3ca5dd;
    opacity: .75
}

.icon-play:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-35%,-50%);
    border-style: solid;
    border-width: 14px 0 14px 24.2px;
    border-color: transparent transparent transparent #fff
}

.icon-play--small {
    width: 55px;
    height: 55px
}

.icon-play--small:before {
    border-radius: 55px;
    width: 55px;
    height: 55px
}

.icon-play--small:after {
    border-width: 12px 0 12px 20.8px
}

.search--icon .icon-search {
    width: 20px;
    height: 20px;
    color: #868686
}

.network {
    position: relative;
    background: #f1f1f1
}

.network--kkk {
    background: #dedede
}

.network--hot {
    position: relative
}

.network--hot:after {
    content: attr(data-badge);
    position: absolute;
    top: 2px;
    right: -15px;
    background: red;
    border-radius: 20px;
    padding: 0 3px;
    z-index: 1;
    font-family: Roboto Condensed,sans-serif;
    font-size: 9px;
    font-weight: 300;
    color: #fff
}

.network__row {
    display: inline-block
}

.network__row--left {
    float: left
}

.network__row--right {
    float: right
}

.network__item,.network__link {
    display: inline-block
}

.network__link {
    text-transform: uppercase;
    padding: 8px 3px;
    height: 29px;
    font-size: 11px
}

.network__link:hover {
    color: #e55225
}

.header {
    position: relative;
    background: #000;
    width: 1100px;
    z-index: 99
}

@media (min-width: 1100px) {
    .header {
        width:100%
    }
}

.header__wrap {
    padding: 12px 0
}

.header--sumpah-pemuda {
    background-repeat: no-repeat;
    background-position: center 29px
}

.logo {
    position: relative;
    float: left
}

.logo,.logo a {
    display: inline-block
}

.logo img {
    width: auto;
    height: 50px
}

.logo--sticky {
    display: none
}

.logo__awards {
    position: relative;
    float: left;
    width: 70px;
    height: 50px
}

.logo__awards .slick-list {
    overflow: visible
}

.logo__awards__item {
    width: 70px;
    position: relative;
    height: 50px!important
}

.logo__awards__link {
    position: absolute;
    left: 10px;
    top: 0;
    width: auto;
    height: 100%
}

.logo__awards img {
    height: 100%
}

.logo__achieve {
    position: relative;
    display: block;
    padding: 30px 0 0;
    width: 250px;
    float: left;
    text-align: center
}

.logo__achieve__subtitle {
    padding: 0 0 5px;
    color: #fff;
    font-size: 13px;
    font-family: Roboto Condensed,sans-serif
}

.logo__achieve__item {
    display: inline-block;
    text-align: center;
    padding: 0;
    vertical-align: top
}

.logo__achieve__img {
    padding: 5px
}

.logo__achieve__img img {
    height: 50px
}

.logo__achieve__link {
    display: block
}

.logo__achieve__title {
    padding: 2px 0;
    color: #fff;
    font-size: 12px;
    display: block
}

.nav {
    border-top: 1px solid #383838;
    background: #000;
    z-index: 999
}

.nav,.nav__wrap {
    position: relative
}

.nav__wrap {
    text-align: center;
    z-index: 2
}

.nav__row {
    position: relative;
    display: block;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.nav__sub {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 40px;
    text-align: left;
    z-index: 1;
    width: 230px;
    background: #212121;
    padding: 10px 10px 20px;
    transition: all .4s ease-in-out
}

.nav__sub--news {
    width: 320px
}

.nav__sub--money {
    width: 310px
}

.nav__sub--sains {
    width: 200px
}

.nav__sub--entertainment,.nav__sub--otomotif {
    width: 260px
}

.nav__sub--bola,.nav__sub--sport {
    width: 315px
}

.nav__sub--lifestyle {
    width: 160px
}

.nav__sub--lifestyle .nav__subitem {
    width: 100%!important
}

.nav__sub--edukasi,.nav__sub--travel {
    width: 300px
}

.nav__sub--properti {
    width: 280px
}

.nav__sub--images {
    width: 140px
}

.nav__sub--images .nav__subitem {
    width: 100%!important
}

.nav__sub--tv {
    width: 310px
}

.nav__item {
    display: inline-block;
    position: relative
}

.nav__item:hover .nav__link {
    background: #212121
}

.nav__item:hover .nav__sub {
    top: 46px;
    visibility: visible;
    opacity: 1
}

.nav__item:nth-of-type(12) .nav__sub,.nav__item:nth-of-type(13) .nav__sub,.nav__item:nth-of-type(14) .nav__sub,.nav__item:nth-of-type(15) .nav__sub,.nav__item:nth-of-type(16) .nav__sub,.nav__item:nth-of-type(17) .nav__sub {
    left: auto;
    right: 0
}

.nav__subitem {
    display: inline-block;
    width: 48%;
    vertical-align: top
}

.nav__sublink {
    display: block;
    padding: 5px 10px;
    text-transform: uppercase;
    font-family: Roboto Condensed,sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    color: #fff
}

.nav__sublink--hot,.nav__sublink:hover {
    color: #71c4d6
}

.nav__subsub {
    padding: 3px 0 0;
    position: relative
}

.nav__subsub .nav__subitem {
    width: 100%!important
}

.nav__subsub:after {
    content: "";
    position: absolute;
    left: 10px;
    top: 5px;
    height: 91%;
    border-left: 1px solid #666
}

.nav__subsublink {
    display: block;
    padding: 2px 10px 2px 20px;
    text-transform: uppercase;
    position: relative;
    font-family: Roboto Condensed,sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: 1;
    color: #fff
}

.nav__subsublink:hover {
    color: #71c4d6
}

.nav__subsublink:after {
    content: "";
    position: absolute;
    left: 10px;
    top: 7px;
    width: 5px;
    border-top: 1px solid #666
}

.nav__link {
    font-size: 14px;
    display: block;
    padding: 14px 8px;
    text-transform: uppercase;
    position: relative
}

.nav__link,.nav__link--new:after {
    font-family: Roboto Condensed,sans-serif;
    font-weight: 700;
    color: #fff
}

.nav__link--new:after {
    content: "NEW";
    position: absolute;
    top: 4px;
    right: -8px;
    background: red;
    border-radius: 4px;
    padding: 0 2px;
    z-index: 1;
    font-size: 10px
}

.nav__link--dark {
    background: #a6a6a6
}

.nav__link:hover {
    color: #e55225;
    background: #1b1b1b
}

.nav__link--news--active,.nav__link--news:hover {
    color: #e55225
}

.nav__link--tren--active,.nav__link--tren:hover {
    color: #1fb9e1
}

.nav__link--hype--active,.nav__link--hype:hover {
    color: #f5b432
}

.nav__link--food--active,.nav__link--food:hover {
    color: #8ed43f
}

.nav__link--money--active,.nav__link--money:hover {
    color: #438e10
}

.nav__link--sport--active,.nav__link--sport:hover {
    color: red
}

.nav__link--bola--active,.nav__link--bola:hover {
    color: #0db24b
}

.nav__link--entertainment--active,.nav__link--entertainment:hover {
    color: #25afe5
}

.nav__link--tekno--active,.nav__link--tekno:hover {
    color: #bad107
}

.nav__link--otomotif--active,.nav__link--otomotif:hover {
    color: #fb0404
}

.nav__link--sains--active,.nav__link--sains:hover {
    color: #0161b8
}

.nav__link--lifestyle--active,.nav__link--lifestyle:hover {
    color: #00a783
}

.nav__link--properti--active,.nav__link--properti:hover {
    color: #b57c29
}

.nav__link--travel--active,.nav__link--travel:hover {
    color: #00bcd4
}

.nav__link--edukasi--active,.nav__link--edukasi:hover,.nav__link--kolom--active,.nav__link--kolom:hover,.nav__link--opini--active,.nav__link--opini:hover {
    color: #e55225
}

.nav__link--images--active,.nav__link--images:hover,.nav__link--jeo--active,.nav__link--jeo:hover,.nav__link--tv--active,.nav__link--tv:hover,.nav__link--vik--active,.nav__link--vik:hover {
    color: #bdbdbd
}

.search,.search--header {
    position: relative
}

.search--header {
    text-align: right;
    display: inline-block;
    width: 50%;
    float: none
}

.search--icon {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1
}

.header--sticky .nav {
    position: fixed;
    width: 100%;
    top: -10px;
    border-top: none;
    z-index: 999;
    box-shadow: 0 2px 5px rgba(0,0,0,.3);
    animation: e 1.5s
}

@media (max-width: 1100px) {
    .header--sticky .nav {
        width:1100px
    }
}

.header--sticky .nav--sticky {
    padding-top: 10px
}

.header--sticky .nav .container {
    width: 100%;
    padding-left: 200px
}

@media (min-width: 1600px) {
    .header--sticky .nav .container {
        padding-right:100px
    }
}

.header--sticky .nav .social--container {
    padding-left: 0
}

.header--sticky .social--fixed .social--text {
    padding: 11px 0 0 25px
}

.header--sticky .nav__link {
    padding: 14px 5px
}

@media (min-width: 1180px) and (max-width:1400px) {
    .header--sticky .nav__link {
        padding:14px 7px
    }
}

@media (min-width: 1400px) {
    .header--sticky .nav__link {
        padding:14px 12px
    }
}

.header--sticky .logo--sticky {
    display: inline-block;
    position: absolute;
    left: 25px;
    top: 12px
}

.header--sticky .logo--sticky img {
    height: 20px
}

.sso,.sso__header {
    position: relative
}

.sso__header {
    padding: 11px 10px;
    text-align: right;
    width: auto;
    float: right
}

.sso__item {
    position: relative;
    display: inline-block;
    font-size: 12px;
    font-weight: 900;
    color: #ef9021
}

.sso__item:after {
    content: " | "
}

.sso__item:last-child:after {
    content: ""
}

.sso__link {
    display: inline-block;
    text-transform: uppercase;
    padding: 0 4px;
    max-width: 150px;
    overflow: hidden;
    width: auto;
    word-break: break-all;
    vertical-align: middle
}

.sso__link:hover {
    color: #fff
}

.icon-caret {
    position: relative;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 0 0 4px
}

.icon-caret:after {
    content: "";
    position: absolute;
    border-bottom: 4px solid #ef9021;
    border-right: 4px solid #ef9021;
    border-left: 4px solid transparent;
    border-top: 4px solid transparent;
    top: -3px;
    left: 0;
    transition: all .2s ease;
    transform: rotate(45deg)
}

.sso__option {
    position: relative
}

.sso__option.-fixed {
    position: absolute;
    top: 25px;
    right: -10px;
    background: #fff;
    border-radius: 5px;
    width: 170px;
    z-index: 1000;
    box-shadow: 0 2px 5px rgba(0,0,0,.3);
    opacity: 1;
    visibility: visible;
    text-align: left;
    transition: all .2s ease
}

.sso__option.-hide {
    top: 20px;
    opacity: 0;
    visibility: hidden
}

.sso__option ul {
    position: relative;
    padding: 5px 0
}

.sso__option li {
    position: relative;
    display: block
}

.sso__option li a {
    display: block
}

.sso__option li a:hover {
    background: #f0f0f0
}

.sso__option li a:hover span {
    color: #ef9021
}

.sso__option li span {
    display: block;
    padding: 8px 15px;
    font-size: 12px;
    font-weight: 700;
    color: #000
}

.-logged .sso__link {
    overflow: initial
}

.-logged .sso__item:after {
    content: ""
}

.js-sso-user.-active {
    color: #fff
}

.js-sso-user.-active .icon-caret:after {
    top: 2px;
    border-bottom: 4px solid #fff;
    border-right: 4px solid #fff;
    transform: rotate(-135deg)
}

.myvalue__btn {
    display: block;
    margin: 0 15px 10px
}

.myvalue__btn:hover {
    background: transparent
}

.myvalue__btn__wrap {
    background: #da1884;
    border-radius: 5px;
    color: #fff;
    padding: 5px;
    font-size: 11px;
    font-weight: 400;
    transition: all .2s ease
}

.myvalue__btn__wrap:hover {
    background: #c31576
}

.myvalue__icon {
    display: inline-block;
    height: 25px;
    vertical-align: middle;
    margin-right: 5px
}

.myvalue__icon img {
    height: 100%
}

.kid__wrap {
    position: relative;
    float: right;
    padding: 5px 0
}

.kid__button {
    display: inline-block;
    padding: 9px 15px;
    background: #1583cc;
    text-transform: uppercase;
    border-radius: 5px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    transition: all .2s ease
}

.kid__button:hover {
    color: #fff;
    background: #2196f3
}

.title {
    position: relative;
    border-bottom: 1px solid #9b9b9b
}

.title--clean {
    border-bottom: 1px solid transparent
}

.title--center {
    text-align: center
}

.title--big {
    font-size: 40px;
    font-weight: 300;
    color: #e55225;
    border-bottom: 1px solid transparent
}

.title--big,.title__content {
    font-family: Roboto Condensed,sans-serif;
    text-transform: uppercase
}

.title__content {
    position: relative;
    display: inline-block;
    padding: 10px 0;
    font-size: 20px;
    font-weight: 700;
    color: #4a4a4a
}

.title__content:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 101%;
    border-bottom: 5px solid #3ca5dd
}

.title__content--logo {
    padding: 0 0 10px
}

.title__content--logo img {
    height: 50px
}

.title__teaser {
    margin: 20px 0 10px;
    padding: 0 15px;
    border-left: 10px solid #e55225;
    font-size: 16px;
    font-weight: 300;
    color: #000
}

.title--big .title__content:after,.title--clean .title__content:after {
    border-bottom: transparent
}

.title--center:after {
    content: "";
    position: absolute;
    left: 33.3333333%;
    bottom: 0;
    width: 33.3333333%;
    border-bottom: 5px solid #3ca5dd
}

.title--center .title__content:after {
    border-bottom: transparent
}

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

.title__partner {
    position: relative;
    float: right;
    padding: 20px 0 0
}

.title__partner span {
    display: inline-block;
    padding: 10px 5px 0;
    font-family: Roboto,sans-serif;
    font-size: 13px;
    color: #c3c3c3
}

.title__partner a {
    display: inline-block
}

.title__partner img {
    height: 35px;
    width: auto
}

.headline {
    position: relative;
    background: #000;
    color: #fff
}

.headline__subtitle {
    position: absolute;
    left: 0;
    top: 30px;
    z-index: 1;
    background: #ffdb03;
    text-transform: uppercase;
    padding: 10px;
    font-size: 12px;
    font-weight: 700;
    color: #000
}

.headline__big {
    overflow: hidden;
    height: 493px
}

.headline__big,.headline__big__row {
    position: relative
}

.headline__big__item,.headline__big__link {
    display: block
}

.headline__big__link:hover {
    color: #fff
}

.headline__big__img {
    width: 740px;
    height: 493px;
    overflow: hidden;
    position: relative
}

.headline__big__box {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px 0;
    background: rgba(0,0,0,.7)
}

.headline__big__title {
    font-size: 40px;
    font-weight: 300;
    line-height: 1.1;
    padding: 0 20px;
    margin: 0 0 10px
}

.headline__big__date {
    padding: 0 20px;
    font-size: 12px;
    font-weight: 600;
    color: #9b9b9b
}

.headline__thumb {
    position: relative;
    overflow: hidden;
    height: 218px
}

.headline__thumb__row {
    position: relative;
    margin: 0;
    overflow: hidden
}

.headline__thumb__item {
    padding: 0;
    width: 190px;
    outline: 0
}

.headline__thumb__item.slick-current .headline__thumb__img:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    border-top: 4px solid #3ca5dd
}

.headline__thumb__img {
    margin: 0 0 5px;
    position: relative;
    cursor: pointer
}

.headline__thumb__title {
    font-size: 14px;
    font-weight: 400;
    height: 73px;
    max-height: 73px;
    overflow: hidden;
    padding: 0 6px
}

.headline__thumb__link {
    display: block
}

.headline__thumb__link:hover {
    color: #93cdec
}

.article__wrap__grid {
    position: relative
}

.article__wrap__grid--flex {
    display: block;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap
}

.article__wrap__grid--flex .article__grid {
    margin-bottom: 20px
}

.article__wrap__grid--fixed>div {
    height: 290px
}

.article__wrap__grid--fixed .article__lead {
    height: auto;
    max-height: 85px;
    overflow: hidden
}

.article__wrap__grid--fixed .article__title {
    height: 65px;
    max-height: 65px;
    overflow: hidden
}

.article__wrap__grid--vik>div {
    height: 325px
}

.article__wrap__grid--vik .article__grid {
    height: 100%;
    border-bottom: 1px solid #dfdfdf
}

.article__wrap__grid--vik .article__lead {
    height: auto;
    max-height: 105px;
    overflow: hidden;
    margin: 0
}

.article__wrap__grid--vik .article__title {
    height: auto;
    max-height: 45px;
    overflow: hidden
}

.article__boxsubtitle {
    padding: 5px 10px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 15px;
    z-index: 1;
    color: #e55225
}

.article__subtitle {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
    line-height: 1
}

.article__subtitle--inline {
    padding: 0 5px 0 0;
    display: inline-block;
    color: #e55225
}

.article__subtitle--kompasid {
    margin: 0 0 10px;
    font-size: 14px;
    font-weight: 700;
    color: #3ca5dd
}

.article__subtitle a:hover {
    color: #000
}

.article__asset {
    position: relative
}

.article__asset img {
    display: block;
    width: 100%
}

.article__asset--kompasid {
    margin-bottom: 10px;
    height: 150px;
    overflow: hidden
}

.article__asset--god {
    width: 100%;
    height: 163px;
    background-position: 50%;
    background-size: cover
}

.article__title {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.2;
    color: #000;
    margin: 0 0 10px
}

.article__title--big {
    font-size: 32px;
    line-height: 1.3
}

.article__title--medium {
    font-size: 26px;
    line-height: 1.3
}

.article__title--small {
    font-size: 18px;
    line-height: 1.3
}

.article__title--bullet {
    position: relative;
    padding: 7px 20px 0 30px;
    font-size: 16px;
    line-height: 1.3;
    height: 77px;
    overflow: hidden;
    margin: 0;
    border-bottom: 1px solid #fff
}

.article__title--bullet:after {
    content: "";
    position: absolute;
    top: 12px;
    left: 10px;
    width: 8px;
    height: 8px;
    background: #2a2a2a
}

.article__title--kompasid {
    height: 44px;
    overflow: hidden
}

.article__box {
    position: relative;
    margin: -20px 10px 0;
    background: #fff;
    padding: 10px
}

.article__box--medium {
    margin: -40px 15px 0;
    padding: 15px
}

.article__box--big {
    margin: -60px 30px 0;
    padding: 10px 20px
}

.article__box--offset-0 {
    margin: 0;
    padding: 10px 0
}

.article__box--topic {
    width: 100%;
    height: 150px;
    padding: 35px 20px;
    background: #9b9b9b
}

.article__box--topic b {
    font-weight: 300;
    color: #fff;
    font-size: 28px;
    display: block;
    overflow: hidden;
    max-height: 75px
}

.article__grid,.article__list {
    position: relative
}

.article__list {
    margin: 0 0 15px;
    background: #fff
}

.article__list:after {
    content: "";
    position: absolute;
    border-bottom: 1px solid #dfdfdf;
    width: 100%;
    bottom: 0;
    z-index: 1
}

.article__list__asset {
    width: 197px;
    float: left;
    padding-right: 20px;
    background: #fff;
    z-index: 2;
    position: relative
}

.article__list__title {
    height: 70px;
    overflow: hidden;
    margin-bottom: 18px
}

.article__list__item {
    margin-bottom: 15px
}

.article__list__item:last-child,.article__list__opinion .article__list__title {
    margin-bottom: 0
}

.article__list__opinion .opinion__author {
    margin-bottom: 2px
}

.article__date {
    font-size: 12px;
    color: #666;
    margin: 0 0 10px;
    display: inline-block
}

.article__lead {
    font-size: 15px;
    font-weight: 300;
    line-height: 1.4;
    color: gray;
    margin: 0 0 10px
}

.article__lead--kompasid {
    padding: 20px 0;
    position: relative;
    margin: 0
}

.article__lead--kompasid:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 20%;
    border: 1px solid #9b9b9b
}

.article__media {
    display: block;
    margin: 0 0 10px
}

.article__media span {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #e55225;
    display: inline-block
}

.article__time {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5;
    color: #9b9b9b;
    margin-bottom: 10px
}

.article__time .icon {
    margin-right: 5px;
    font-size: 15px
}

.article__time--fixed {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    margin: 0;
    background: rgba(0,0,0,.7);
    padding: 5px 5px 5px 25px;
    font-size: 12px;
    font-weight: 400;
    color: #fff
}

.article__time--fixed:before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 20px;
    background: #3ca5dd;
    left: 6px;
    bottom: 6px
}

.article__time--fixed:after {
    content: "";
    position: absolute;
    top: 11px;
    left: 11px;
    border-style: solid;
    border-width: 3px 0 3px 6px;
    border-color: transparent transparent transparent #fff
}

.article__photo__wrap .icon-photo-slider {
    position: absolute;
    color: #fff;
    z-index: 1;
    font-size: 50px;
    line-height: 1;
    width: 30px;
    text-align: center;
    top: 33%
}

.article__photo__wrap .icon-photo-left {
    left: 20px
}

.article__photo__wrap .icon-photo-right {
    right: 20px
}

.article__photo__count {
    font-size: 18px;
    font-weight: 700;
    color: #ef9021
}

.article__link {
    display: block
}

.article__list--tv {
    margin: 10px 0 40px
}

.article__list--video .article__list__asset {
    width: 550px
}

.article__list--video .article__list__title {
    height: 222px
}

.article__list--video .article__title {
    font-size: 24px
}

.article__partner {
    height: 50px;
    padding: 0 0 5px
}

.article__footnote {
    padding: 8px 0 0;
    border-top: 1px solid #9b9b9b;
    font-size: 12px
}

.latest__wrap {
    margin: 0 0 20px;
    position: relative
}

.latest__wrap:after {
    content: "";
    position: absolute;
    border-bottom: 1px solid #dfdfdf;
    width: 100%;
    bottom: 0;
    z-index: -1
}

.latest__asset {
    width: 197px;
    float: left;
    padding-right: 20px;
    background: #fff;
    z-index: 1;
    position: relative
}

.latest__title {
    height: 88px;
    overflow: hidden;
    margin-bottom: 2px
}

.most,.most__list {
    position: relative
}

.most__list {
    padding-left: 60px;
    margin-bottom: 1px;
    height: 100px;
    background: #f1f1f1;
    transition: all .2s ease
}

.most__list:hover {
    background: #e7e7e7
}

.most__count {
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 100%;
    background: #71c4d6;
    padding: 15px 0;
    text-align: center;
    border-right: 1px solid #fff;
    font-size: 36px;
    font-weight: 700;
    line-height: 1;
    color: #fff
}

.most__title {
    padding: 0 10px;
    font-size: 16px;
    font-weight: 300;
    overflow: hidden;
    height: 62px;
    margin: 11px 0 5px
}

.most__link {
    color: inherit
}

.most__link:hover {
    color: #000
}

.most__read {
    padding: 0 10px;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    color: #9b9b9b
}

.most__other {
    padding: 10px 0;
    text-align: center;
    background: #f1f1f1
}

.most__other a {
    letter-spacing: normal;
    font-weight: 700
}

.most__other a:hover {
    color: #2a2a2a;
    background: transparent
}

.most__list--opinion {
    padding-top: 10px;
    padding-bottom: 10px;
    height: auto
}

.most__list--opinion .most__title {
    margin: 5px 0
}

.most__list--opinion .opinion__author {
    padding: 0 10px
}

.photo,.trending__wrap .article__grid {
    margin-bottom: 20px
}

.photo,.photo__author {
    position: relative
}

.photo__author {
    display: inline;
    font-size: 11px;
    font-weight: 500;
    color: #4d4d4d;
    padding: 0 5px
}

.photo__caption {
    padding: 10px 0;
    font-size: 12px;
    font-weight: 400;
    color: #999
}

.photo__wrap {
    position: relative
}

.photo__icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    padding: 10px;
    background: #fff;
    text-align: center;
    font-size: 20px;
    line-height: 1;
    color: #000
}

.photo__icon__expand {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1
}

.photo-infographic:hover .photo__icon {
    background: #3ca5dd;
    color: #fff
}

.photo-infographic .photo__wrap {
    cursor: pointer
}

.js-read-article .video,.photo-infographic {
    position: relative;
    margin-bottom: 20px
}

.gallery__item {
    padding: 25px 0;
    position: relative
}

.gallery__item:last-child {
    border-bottom: none
}

.gallery__item--cover {
    padding: 0;
    margin-bottom: 20px;
    border-bottom: none
}

.gallery__item--cover .gallery__photo__asset {
    display: block
}

.gallery__item--cover .gallery__photo__asset img {
    width: 100%
}

.gallery__photo {
    position: relative;
    padding: 15px 0
}

.gallery__photo__start {
    position: absolute;
    bottom: 30px;
    left: 30px;
    padding: 14px;
    background: hsla(0,0%,100%,.9);
    font-size: 24px;
    font-weight: 300;
    color: #000
}

.gallery__photo__start span {
    padding: 0 10px;
    font-size: 15px;
    font-weight: 700;
    color: #000
}

.gallery__photo__asset {
    position: relative;
    cursor: pointer;
    width: auto;
    display: inline-block
}

.gallery__photo__asset .photo__icon {
    top: 50%;
    left: 50%;
    right: auto;
    transform: translateX(-20px) translateY(-20px);
    opacity: 0;
    width: 60px;
    height: 60px;
    font-size: 25px;
    padding: 18px
}

.gallery__photo__asset:hover .photo__icon {
    background: rgba(60,165,221,.9);
    color: #fff;
    opacity: 1
}

.gallery__photo__asset:hover .gallery__photo__start {
    color: #fff;
    background: rgba(60,165,221,.9)
}

.gallery__photo__asset:hover .gallery__photo__start span {
    color: #fff
}

.gallery__photo__desc {
    position: absolute;
    height: auto;
    bottom: 0;
    right: -330px;
    width: 330px;
    padding: 15px 15px 0;
    cursor: default
}

.gallery__photo__author {
    padding: 10px 0;
    font-size: 12px;
    font-weight: 500;
    color: #2a2a2a
}

.gallery__photo__caption {
    padding: 10px 0 5px;
    font-size: 14px;
    font-weight: 300;
    color: #2a2a2a
}

.opinion,.opinion__list {
    position: relative
}

.opinion__list {
    padding: 15px 0 15px 120px;
    height: 167px
}

.opinion--pull-left {
    position: absolute;
    left: 0;
    top: 15px;
    z-index: 1
}

.opinion--pull-left--small {
    top: 0
}

.opinion__asset {
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 50px
}

.opinion__asset--small {
    width: 45px;
    height: 45px
}

.opinion__asset--medium {
    width: 150px;
    height: 150px;
    border-radius: 100px
}

.opinion__asset--center {
    margin: 0 auto 10px
}

.opinion__author {
    font-size: 14px;
    font-weight: 700;
    color: #3ca5dd
}

.opinion__authortitle {
    font-size: 12px;
    color: #9b9b9b;
    margin-bottom: 5px;
    margin-top: 1px
}

.opinion__title {
    font-size: 16px;
    font-weight: 300;
    color: #4a4a4a;
    height: 83px;
    overflow: hidden
}

.opinion__link {
    display: block
}

.opinion__link:hover {
    color: #000
}

.opinion__top {
    padding: 0 0 20px
}

.opinion__top__wrap .article__title {
    font-size: 26px
}

.opinion__headline {
    position: relative;
    padding: 0 0 0 55px;
    min-height: 65px
}

.opinion__header {
    padding: 15px 0 20px 130px;
    position: relative;
    margin: 30px 0;
    min-height: 150px;
    border-bottom: 1px solid #9b9b9b
}

.opinion__header:after {
    content: "";
    position: absolute;
    left: 42.5%;
    bottom: 0;
    width: 15%;
    border-bottom: 5px solid #3ca5dd
}

.opinion__header .opinion__author {
    font-size: 21px
}

.opinion__header .opinion__authortitle {
    font-size: 14px;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 10px
}

.opinion__header .opinion__profile {
    font-size: 16px;
    font-weight: 400
}

.opinion__all,.opinion__choice {
    text-align: center;
    padding: 0 0 30px
}

.opinion__all .opinion__author,.opinion__choice .opinion__author {
    font-size: 18px
}

.opinion__all .opinion__authortitle,.opinion__choice .opinion__authortitle {
    font-size: 14px;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 10px
}

.opinion__all .opinion__thumb {
    margin: 0 0 60px
}

.opinion__all .opinion__asset--medium {
    width: 200px;
    height: 200px;
    border-radius: 200px
}

.opinion__thumb .opinion__author {
    font-size: 18px
}

.opinion__thumb .opinion__authortitle {
    font-size: 14px;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 10px
}

.opinion__profile,.opinion__profile__asset {
    position: relative
}

.opinion__profile__wrap {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    color: #fff;
    height: 100%;
    background: rgba(0,0,0,.5);
    padding: 0 30px;
    overflow: hidden
}

.opinion__profile__author {
    font-size: 45px;
    font-weight: 300;
    color: #fff;
    padding: 20px 0
}

.opinion__profile__desc {
    padding: 20px 0;
    border-top: 1px solid #bdbdbd;
    border-bottom: 1px solid #bdbdbd
}

.opinion__profile__profile {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
    padding: 20px 0
}

.opinion__profile__stat {
    padding: 2px 0
}

.opinion__profile__stat .icon {
    font-size: 12px;
    vertical-align: middle;
    margin-right: 5px
}

.opinion__list__inline {
    display: block;
    height: 19px;
    overflow: hidden
}

.opinion__list__inline .opinion__author,.opinion__list__inline .opinion__authortitle {
    display: inline
}

.opinion--auhtor .opinion__list {
    height: 130px
}

.opinion__header.skeleton .opinion__asset {
    background: #f0f0f0;
    overflow: hidden
}

.opinion__header.skeleton .opinion__asset:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    animation: f 2s ease-in-out infinite;
    background: #f0f0f0;
    background: -webkit-gradient(left top,right bottom,color-stop(0,#f0f0f0),color-stop(50%,#e0e0e0),color-stop(100%,#f0f0f0));
    background: linear-gradient(95deg,#f0f0f0,#e0e0e0 50%,#f0f0f0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1)
}

.opinion__header.skeleton .opinion__author {
    position: relative;
    overflow: hidden;
    width: 200px;
    height: 25px;
    margin: 0 0 5px;
    background: #f0f0f0
}

.opinion__header.skeleton .opinion__author:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    animation: f 2s ease-in-out infinite;
    background: #f0f0f0;
    background: -webkit-gradient(left top,right bottom,color-stop(0,#f0f0f0),color-stop(50%,#e0e0e0),color-stop(100%,#f0f0f0));
    background: linear-gradient(95deg,#f0f0f0,#e0e0e0 50%,#f0f0f0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1)
}

.opinion__header.skeleton .opinion__authortitle {
    position: relative;
    overflow: hidden;
    width: 150px;
    height: 15px;
    margin: 0 0 13px;
    background: #f0f0f0
}

.opinion__header.skeleton .opinion__authortitle:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    animation: f 2s ease-in-out infinite;
    background: #f0f0f0;
    background: -webkit-gradient(left top,right bottom,color-stop(0,#f0f0f0),color-stop(50%,#e0e0e0),color-stop(100%,#f0f0f0));
    background: linear-gradient(95deg,#f0f0f0,#e0e0e0 50%,#f0f0f0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1)
}

.opinion__header.skeleton .opinion__authorprofile {
    width: 500px;
    height: 12px;
    margin: 0 0 5px;
    position: relative;
    background: #f0f0f0
}

.opinion__header.skeleton .opinion__authorprofile:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 12px;
    background: #f0f0f0;
    top: 17px
}

.opinion__header.skeleton .opinion__authorprofile:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 12px
}

.video__playlist,.video__wrap {
    position: relative
}

.video__playlist__player {
    width: 540px;
    float: left;
    position: relative
}

.video__playlist__player img {
    width: 100%
}

.video__playlist__list {
    width: 200px;
    float: left;
    position: relative;
    background: #f1f1f1
}

.video__playlist__item {
    border-bottom: 1px solid #fff
}

.video__playlist__item:last-child {
    border-bottom: transparent
}

.video__playlist__title {
    height: 55px;
    max-height: 55px;
    overflow: hidden
}

.video__playlist__link {
    padding: 5px 15px;
    display: block;
    border-left: 5px solid transparent
}

.video__playlist__link--active,.video__playlist__link:hover {
    border-left: 5px solid #3ca5dd;
    background: #dcdcdc;
    color: #000
}

.video__button__play {
    display: block
}

.video__button__play__item {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: all .2s ease;
    z-index: 2
}

.video__button__play:hover .video__button__play__item {
    transform: translate(-50%,-50%) scale(1.1)
}

.button,.button--default {
    position: relative
}

.button--default {
    display: inline-block;
    width: auto;
    padding: 8px 20px;
    vertical-align: text-bottom;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 500;
    color: #3ca5dd
}

.button--default:hover {
    color: #fff;
    background: #3ca5dd
}

.button--title {
    margin: 20px 0 0;
    padding: 0;
    letter-spacing: 0;
    font-size: 11px;
    font-weight: 700;
    color: #3ca5dd
}

.button--title:hover {
    color: #000;
    background: transparent
}

.buttonQuiz--orange {
    text-align: center
}

.buttonQuiz--orange__link {
    background: #e94f1d;
    display: inline-block;
    padding: 10px 25px;
    border-radius: 10px;
    text-transform: uppercase;
    font-size: 19px;
    color: #fff;
    margin: 15px auto
}

.buttonQuiz--orange__link:hover {
    color: #fff;
    background: #69a2da
}

.buttonQuiz--blue {
    text-align: center
}

.buttonQuiz--blue__link {
    display: inline-block;
    padding: 10px 25px;
    border-radius: 25px;
    font-size: 19px;
    margin: 15px auto
}

.buttonQuiz--blue__link,.buttonQuiz--blue__link:hover {
    background: #69a2da;
    color: #fff
}

.buttonQuiz__hide {
    opacity: .6;
    pointer-events: none
}

.live__subtitle {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px 5px 5px 20px;
    background: #e55225;
    text-transform: uppercase;
    z-index: 1;
    font-size: 12px;
    font-weight: 700;
    color: #fff
}

.live__subtitle:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 6px;
    width: 12px;
    height: 12px;
    background: #fff;
    border-radius: 10px;
    animation: d .5s infinite
}

.live__subtitle--list {
    right: 20px
}

.live__subtitle--hl {
    right: 0;
    padding: 8px 8px 8px 28px;
    font-size: 14px
}

.live__subtitle--hl:after {
    width: 15px;
    height: 15px;
    left: 7px;
    top: 8px
}

.live__icon {
    display: inline-block
}

.breaking {
    position: relative;
    padding-top: 5px;
    border-top: 1px solid #000
}

.breaking:after {
    content: "";
    position: absolute;
    left: 45%;
    top: -5px;
    width: 15%;
    border-top: 5px solid #000
}

.breaking__wrap {
    position: relative;
    background: #ef9021;
    padding: 15px 10px 30px 230px;
    overflow: hidden;
    width: 100%
}

.breaking__type {
    display: inline-block;
    padding: 10px 10px 10px 30px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 15px;
    text-transform: uppercase;
    z-index: 1;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    color: #000
}

.breaking__type:after {
    content: "";
    position: absolute;
    left: 7px;
    top: 12px;
    width: 15px;
    height: 15px;
    background: #ef9021;
    border-radius: 10px;
    animation: d .7s infinite
}

.breaking__title {
    font-size: 30px;
    font-weight: 300;
    color: #fff;
    display: block
}

.breaking__link {
    display: block
}

.breaking__link:hover {
    color: #fff
}

.paging,.paging__wrap {
    position: relative
}

.paging__teaser {
    padding: 7px 0;
    font-size: 17px;
    font-weight: 600
}

.paging__item {
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px 5px 0
}

.paging__link {
    padding: 8px 12px;
    display: block;
    line-height: 1;
    border-radius: 20px;
    color: #4a4a4a!important;
    background: #fff;
    border: 1px solid #e3e2e3;
    font-size: 17px;
    font-weight: 500
}

.paging__link--next,.paging__link--prev {
    color: #666!important;
    font-size: 12px;
    font-weight: 300
}

.paging__link--show {
    text-align: center;
    padding: 9px 10px;
    margin: 0;
    font-size: 16px;
    font-weight: 400
}

.paging__link--active,.paging__link--show,.paging__link:hover {
    background: #3ca5dd;
    border: 1px solid #3ca5dd;
    color: #fff!important
}

.paging--article {
    border: 1px solid #e3e2e3;
    border-radius: 8px;
    padding: 10px 10px 6px;
    background: #efedef
}

.paging__footnote {
    position: relative;
    padding: 20px 25px
}

.paging__footnote span {
    display: inline-block;
    padding: 0 0 5px;
    font-size: 16px;
    font-weight: 700;
    color: #000
}

.paging__footnote .next {
    display: block;
    font-size: 20px;
    font-weight: 700;
    color: #3ca5dd;
    font-style: italic
}

.paging__footnote .next:hover {
    color: #000
}

.tag__populer__wrap {
    position: relative;
    padding: 10px 0;
    margin: 0 0 20px;
    background: #f0f0f0;
    box-shadow: 0 3px 5px rgba(0,0,0,.2)
}

.tag__populer__item {
    display: block;
    float: left;
    padding: 0 20px;
    margin: 5px 0;
    width: 33.333333%
}

.tag__populer__link {
    display: block;
    overflow: hidden;
    height: 20px;
    font-size: 15px;
    font-weight: 700
}

.jeo__logo__headline {
    top: 30px;
    padding: 5px 10px
}

.jeo__logo__article,.jeo__logo__headline {
    position: absolute;
    left: 0;
    z-index: 1;
    background: #fff
}

.jeo__logo__article {
    top: 15px;
    width: 51px;
    padding: 1px 2px
}

.tooltips {
    position: absolute;
    width: 200px;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: all .2s ease;
    cursor: default
}

.tooltips:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    transform: rotate(-45deg);
    background: #2d2d2d
}

.tooltips--right {
    bottom: 5%;
    left: 100%;
    padding-left: 10px
}

.tooltips--right:before {
    top: 40%;
    left: 5px
}

.tooltips--left {
    bottom: 5%;
    right: 100%;
    padding-right: 10px
}

.tooltips--left:before {
    top: 40%;
    right: 5px
}

.tooltips--bottom {
    bottom: -100%;
    left: -100%;
    padding-top: 10px
}

.tooltips--bottom:before {
    top: 5px;
    left: 45%
}

.tooltips--top {
    bottom: 100%;
    left: -100%;
    padding-bottom: 10px
}

.tooltips--top:before {
    bottom: 5px;
    left: 45%
}

.tooltips span {
    border-radius: 5px;
    background: #2d2d2d;
    display: block;
    padding: 10px;
    font-size: 11px;
    font-weight: 300;
    color: #fff
}

.tooltips--show {
    opacity: 1;
    visibility: visible
}

.jixie__logo {
    font-size: 12px;
    padding: 15px 5px 5px;
    text-align: right;
    color: #b7b7b7;
    position: relative
}

.jixie__logo .tooltips {
    width: 335px;
    z-index: 2
}

.jixie__logo .tooltips--bottom {
    left: -200px;
    bottom: -65px
}

.jixie__logo .tooltips--bottom:before {
    left: 88%
}

.jixie__logo--right {
    float: right
}

.jixie__logo span {
    position: relative;
    vertical-align: bottom
}

.jixie__logo img {
    width: 60px
}

.jixie__logo__img {
    cursor: pointer;
    display: inline-block
}

.recommendation--small .col-offset-fluid {
    margin-left: -10px;
    margin-right: -10px
}

.recommendation--small .col-bs12-3 {
    padding-left: 10px;
    padding-right: 10px
}

.recommendation--small .article__box {
    margin: -20px 6px 0
}

.recommendation--small .article__title {
    max-height: 97px;
    height: 97px;
    overflow: hidden;
    font-size: 16px
}

.recommendation--small .article__boxsubtitle {
    top: 10px;
    padding: 5px
}

.recommendation--small .article__subtitle {
    font-size: 11px
}

.recommendation--small .article__wrap__grid--flex .article__grid {
    margin-bottom: 0
}

.recommendation--small .article__box {
    padding: 5px 10px 10px
}

.oldArticle .article__list__asset {
    width: 105px;
    padding-right: 10px
}

.oldArticle .article__list__asset .article__asset {
    height: 95px
}

.oldArticle .article__list__title {
    height: 62px;
    margin-bottom: 5px
}

.oldArticle .article__title--medium {
    font-size: 16px;
    font-weight: 400
}

.oldArticle .article__date {
    font-size: 11px
}

.topic__row {
    border-bottom: 1px solid #dfdfdf
}

.topic__row:last-child {
    border-bottom: none
}

.topic__title {
    position: relative;
    padding: 5px 0;
    text-transform: uppercase;
    font-size: 21px;
    font-weight: 700
}

.topic__teaser {
    padding: 5px 0;
    margin-bottom: 20px
}

.topic__img {
    margin-bottom: 30px
}

.topic--lipsus .topic__title {
    padding: 10px 0
}

.indeks__form {
    padding: 20px 0
}

.partner__title {
    padding: 5px 0;
    font-size: 12px;
    font-weight: 300
}

.partner__img {
    margin-bottom: 10px
}

.manufacture__subtitle {
    padding: 20px 0 5px;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 300;
    color: #fb0404
}

.manufacture__subtitle--big {
    padding: 20px 0
}

.manufacture__item {
    position: relative;
    float: left;
    width: 25%;
    text-align: center;
    padding: 5px;
    margin: 0 0 5px
}

.manufacture__img {
    height: 65px
}

.manufacture__link {
    display: block
}

.manufacture__link:hover {
    color: #fb0404
}

.manufacture__title {
    padding: 5px 0;
    font-size: 12px
}

.manufacture__row {
    position: relative;
    text-align: center;
    margin: 0 0 10px
}

.manufacture__row--big .manufacture__item {
    width: 20%;
    margin: 0 0 20px;
    padding: 0 20px
}

.manufacture__row--big .manufacture__img {
    height: 122px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 20%
}

.manufacture__row--big .manufacture__title {
    font-size: 14px
}

.manufacture__header {
    padding: 20px 0
}

.manufacture__header__teaser {
    font-weight: 300;
    color: #2a2a2a
}

.manufacture__series {
    padding: 0 0 20px
}

.manufacture__series__teaser {
    font-weight: 300;
    color: #000
}

.manufacture__series__form {
    padding: 0
}

.manufacture__series__content {
    padding: 20px 0
}

.manufacture__series__teaser {
    padding: 0 0 20px
}

.manufacture__series__bar {
    background: #f0f0f0;
    padding: 10px 0;
    margin: 0 0 20px
}

.manufacture__series__title {
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    color: #000
}

.manufacture__series__gallery {
    position: relative
}

.manufacture__series__gallery__item img {
    width: 100%
}

.manufacture__spec {
    padding: 20px 0;
    border-bottom: 2px solid #f0f0f0
}

.manufacture__spec strong {
    font-size: 18px;
    font-weight: 700;
    color: #000
}

.manufacture__spec table {
    width: 100%;
    background: #f0f0f0;
    margin: 0 0 10px
}

.manufacture__spec tr:nth-child(odd) {
    background: #fff
}

.manufacture__spec td {
    padding: 5px 10px
}

.health__konsultasi__form,.properti__konsultasi__form {
    padding: 20px 0;
    background: #f0f0f0
}

.video__button__360 {
    display: block;
    position: relative
}

.video__button__360__item {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    text-align: center;
    padding: 13% 0 0;
    opacity: .6;
    transition: all .2 ease
}

.video__button__360__item:hover {
    opacity: 1
}

.video__button__360__item img {
    display: inline-block;
    width: 60px
}

.images__hl {
    position: relative
}

.images__hl .slick-slider {
    margin-bottom: 0
}

.images__hl .icon-photo-slider {
    top: 40%
}

.images__hl .article__asset {
    height: 600px;
    overflow: hidden
}

.images__hl .article__asset img {
    position: absolute;
    width: 100%;
    height: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.images__channel__wrap {
    overflow: hidden
}

.images__channel__row {
    margin: 0 -400px
}

.images__channel__row .icon-photo-slider {
    position: absolute;
    color: #2a2a2a;
    z-index: 1;
    font-size: 100px;
    line-height: 1;
    width: 60px;
    height: 100px;
    text-align: center;
    top: 25%
}

.images__channel__row .icon-photo-left {
    left: 500px
}

.images__channel__row .icon-photo-right {
    right: 500px
}

.images__channel__row.slick-slider {
    margin-bottom: 0
}

.images__channel__row .video__button__play__item {
    top: 40%
}

.images__channel__item {
    padding: 0 15px;
    position: relative
}

.images__channel__item:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    left: 0;
    top: 0;
    opacity: 1;
    background: hsla(0,0%,100%,.7);
    transition: all .2s ease
}

.images__channel__item.slick-current {
    position: relative
}

.images__channel__item.slick-current:after {
    opacity: 0;
    z-index: -1
}

.images__channel__link {
    display: block
}

.images__type {
    font-size: 14px;
    color: #9b9b9b
}

.images__type .icon {
    margin-right: 10px;
    vertical-align: top;
    font-size: 18px
}

.images__boxtype {
    padding: 5px 10px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 15px;
    z-index: 1
}

.images__boxtype .images__type {
    color: #000
}

.images__most {
    padding: 0 0 20px
}

.images__photo {
    position: relative;
    padding: 15px 0
}

.images__photo__asset {
    position: relative;
    cursor: pointer
}

.images__photo__asset:hover .photo__icon {
    background: #3ca5dd;
    color: #fff
}

.images__photo__asset img {
    width: 100%
}

.images__photo__desc {
    position: absolute;
    height: auto;
    bottom: 15px;
    right: 0
}

.images__photo__author {
    padding: 10px 0;
    font-size: 14px;
    font-weight: 500;
    color: #dcdcdc
}

.images__photo__caption {
    padding: 10px 0 5px;
    font-size: 14px;
    color: #dcdcdc
}

.images__playlist {
    position: relative
}

.images__playlist__player {
    width: 770px;
    height: 465px;
    float: left
}

.images__playlist__list {
    width: 300px;
    float: left;
    background: #2d2d2d;
    height: 465px;
    position: relative;
    overflow-y: scroll
}

.images__playlist__item {
    padding: 0
}

.images__playlist__img {
    width: 100px;
    height: 55px;
    overflow: hidden;
    float: left;
    margin-right: 10px
}

.images__playlist__title {
    height: 57px;
    max-height: 57px;
    overflow: hidden;
    font-size: 14px;
    font-weight: 300;
    color: #fff
}

.images__playlist__link {
    padding: 5px 10px;
    display: block;
    border-left: 3px solid transparent
}

.images__playlist__link--active,.images__playlist__link:hover {
    background: #232323;
    border-left: 3px solid #545454
}

.images__toggle {
    margin: -70px 0 50px
}

.theme--images .article__list--video .article__list__asset .article__asset {
    height: 289px
}

.theme--images .article__list--video .article__list__title {
    height: 190px;
    margin-bottom: 25px
}

.theme--images .article__time {
    color: #e55225
}

.theme--images .article__subtitle--inline {
    color: #000
}

.theme--images .article__boxsubtitle {
    color: #fff;
    background: #000
}

.theme--images .read__time {
    padding: 10px 0 0
}

.theme--images .form__select {
    border: 1px solid #9b9b9b;
    color: #9b9b9b;
    font-weight: 400;
    height: 35px
}

.theme--images .form__select__wrap:after {
    border-left: 2px solid #9b9b9b;
    border-bottom: 2px solid #9b9b9b;
    top: 15px;
    right: 15px
}

.tv__hl {
    padding: 0 30px
}

.tv__hl__row {
    padding: 20px 5px 0
}

.tv__hl__item {
    width: 20%;
    padding-left: 10px;
    padding-right: 10px;
    float: left
}

.tv__hl__item .article__title {
    font-size: 18px
}

.tv__hl__item--active .video__button__play {
    position: relative
}

.tv__hl__item--active .video__button__play:before {
    font-size: 14px;
    color: #fff;
    padding: 5px 10px;
    background: #3ca5dd;
    opacity: .8;
    content: "Now Playing";
    position: absolute;
    bottom: 0;
    left: 0
}

.tv__hl__item--active .icon-play {
    opacity: 0;
    visibility: hidden
}

.tv__read {
    padding: 0 30px
}

.tv__read .read__time {
    padding: 30px 0
}

.tv__content {
    padding: 0 0 30px
}

.consult__label {
    padding-top: 10px;
    display: block;
    font-size: 18px;
    font-weight: 300;
    color: #000
}

.consult__form {
    padding: 0 0 20px
}

.consult__form label.error {
    font-size: 13px;
    font-weight: 300;
    color: red;
    display: block;
    clear: both;
    padding: 5px 0 0
}

.consult__sub__label {
    padding: 10px 0;
    margin: 0 -20px;
    display: block;
    font-size: 14px;
    font-weight: 300
}

.consult__input,.consult__textarea {
    border: 1px solid #3ca5dd
}

.consult__radio {
    margin-right: 10px
}

.consult__send {
    padding: 20px 0 0
}

.consult__button {
    width: 98%;
    margin-right: 2%;
    background: #3ca5dd
}

.consult__button:hover {
    background: #228cc4
}

.consult__result__title {
    margin: 10px 0 20px;
    font-size: 21px;
    font-weight: 700;
    color: #2a2a2a
}

.consult__konsultasi__form {
    padding: 20px 0;
    background: #f0f0f0
}

.consult__ahli {
    padding: 0;
    margin: 5px 0 20px;
    background: #f0f0f0;
    border-left: 3px solid #3ca5dd
}

.consult__ahli--page {
    border-left: none
}

.consult__ahli__img--page {
    padding: 15px 0 15px 15px
}

.consult__ahli__name {
    padding: 10px 0;
    font-size: 21px;
    font-weight: 300;
    color: #2a2a2a
}

.consult__ahli__name span {
    display: block;
    padding: 0 0 5px;
    font-size: 14px;
    font-weight: 700
}

.consult__ahli__desc {
    padding: 0 40px 20px 0;
    font-size: 14px;
    font-weight: 300
}

.read {
    position: relative
}

.read__title {
    margin: 5px 0;
    font-size: 36px;
    font-weight: 500;
    color: #000
}

.read__subtitle {
    margin: 0 0 -10px;
    padding: 20px 0 0;
    font-size: 20px;
    font-weight: 400;
    color: #6f6f6f;
    text-transform: uppercase
}

.read__time {
    color: #545454;
    padding: 0 0 10px
}

.read__author {
    font-weight: 700;
    color: #000;
    padding: 0 0 2px;
    text-transform: uppercase
}

.read__photo {
    margin: 0 0 20px
}

.read__question {
    position: relative;
    margin: 1.5em 0;
    padding-left: 25px;
    font-style: italic;
    font-weight: 700
}

.read__question:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 8px;
    height: 100%;
    background: #3ca5dd
}

.read__question span {
    display: inline-block;
    padding-left: 5px;
    font-size: 14px;
    font-weight: 700;
    color: #3ca5dd
}

.read__content {
    padding: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #000
}

.read__content h2 {
    font-size: 22px;
    font-weight: 700;
    margin: 30px 0 15px
}

.read__content h3 {
    font-size: 19px;
    font-weight: 700
}

.read__content strong {
    font-weight: 700
}

.read__content ol,.read__content ul {
    list-style: disc;
    padding: 0 0 0 30px
}

.read__content ol {
    list-style: decimal
}

.read__content li {
    list-style: inherit;
    display: list-item;
    margin: .75em 0
}

.read__content iframe {
    max-width: 100%
}

.read__content a {
    color: #39c;
    position: relative
}

.read__content a:hover {
    color: #000
}

.read__content a.inner-link-baca-juga,.read__content a.inner-link-tag {
    color: #39c!important;
    font-weight: 700
}

.read__content a.inner-link-baca-juga:hover,.read__content a.inner-link-tag:hover {
    color: #000!important
}

.read__content table {
    table-layout: auto!important
}

.read__content table colgroup col,.read__content table td,.read__content table th {
    width: auto!important
}

.read__tagging {
    padding: 10px 0 0;
    margin: 15px 0
}

.read__topic {
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    padding: 15px 0 5px;
    margin: 20px 0
}

.read__topic__teaser {
    font-size: 18px
}

.read__topic__wrap {
    padding: 10px 0
}

.read__topic__item {
    display: block
}

.read__topic__link {
    font-size: 18px;
    font-weight: 700;
    color: #3ca5dd
}

.read__topic__link:hover {
    color: #000
}

.read__credit__item {
    display: inline-block;
    position: relative;
    padding: 0
}

.read__credit__item span {
    display: inline-block;
    position: relative;
    vertical-align: top
}

.read__credit__item span:after {
    content: ":"
}

.read__credit__item a {
    font-weight: 700
}

.read__credit.flex {
    display: -ms-flexbox;
    display: flex
}

.read__credit .col {
    align-self: center;
    padding: 0 15px 0 0
}

.read__credit__img,.read__credit__img .item {
    position: relative;
    height: 36px
}

.read__credit__img .item {
    display: inline-block;
    width: 36px;
    border-radius: 100%;
    overflow: hidden;
    border: 3px solid #fff;
    margin: 0 -7px;
    z-index: 1
}

.read__credit__img .item:first-child {
    margin: 0 -7px 0 0;
    z-index: 2
}

.read__credit__logo {
    display: inline-block;
    vertical-align: baseline
}

.read__credit__logo img {
    height: 14px;
    display: block
}

.read__credit.bottom {
    margin: 15px 0
}

.read__credit.bottom a {
    color: #686868
}

.partner__inline {
    padding: 0 0 10px
}

.breadcrumb,.breadcrumb__wrap {
    position: relative
}

.breadcrumb__item {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    color: #e55225
}

.breadcrumb__item:after {
    content: " / "
}

.breadcrumb__item:last-child:after {
    content: ""
}

.breadcrumb__link {
    position: relative;
    display: inline-block
}

.breadcrumb__link:hover {
    color: #000
}

.tag,.tag__article {
    position: relative
}

.tag__article__teaser {
    text-align: left;
    text-transform: uppercase;
    padding: 3px 0;
    font-size: 18px;
    font-weight: 800
}

.tag__article__wrap {
    position: relative
}

.tag__article__item {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 7px;
    font-size: 14px;
    font-weight: 300;
    color: #000
}

.tag__article__item h3,.tag__article__item h4 {
    font-weight: 300
}

.tag__article__link {
    padding: 5px 10px;
    border-radius: 5px;
    background: #dfdfdf;
    display: block
}

.tag__article__link:hover {
    color: #fff;
    background: #3ca5dd
}

.related,.related__inline {
    position: relative
}

.related__inline {
    padding: 15px;
    margin: 0;
    background: #f1f1f1
}

.related__inline__teaser,.related__inline span {
    display: block;
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: 600;
    color: #e55225
}

.related__inline__title {
    font-size: 18px;
    font-weight: 300;
    color: #2a2a2a;
    border-bottom: 1px solid #d4d4d4;
    padding: 15px 0
}

.related__inline__title:last-child {
    border-bottom: none;
    padding: 15px 0 5px
}

.related__inline a {
    color: #2a2a2a;
    display: block;
    border-bottom: none
}

.related__inline a:after {
    border: none
}

.related__inline a:hover {
    color: #000
}

.related__inline a:hover:after {
    border: none
}

.related__inline .img {
    float: left;
    width: 105px;
    height: 70px;
    overflow: hidden;
    margin-right: 20px
}

.comment__row {
    padding: 0 0 30px
}

.list__newsletter h5 {
    font-size: 18px;
    line-height: 22px;
    text-align: left;
    margin-top: 0;
    margin-bottom: 20px;
    padding: 0 0 5px;
    font-weight: 300
}

.list__newsletter ul {
    margin-left: -30px
}

.list__newsletter ul li {
    list-style: none;
    position: relative;
    padding-right: 190px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 1px solid #dfdfdf
}

.list__newsletter ul li img {
    width: 177px;
    height: auto;
    position: absolute;
    right: 0;
    margin-top: 30px
}

.list__newsletter ul li span {
    padding: 0 5px 0 0;
    display: inline-block;
    color: #e55225;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
    line-height: 1
}

.list__newsletter ul li h2 {
    font-size: 26px;
    line-height: 1.3;
    font-weight: 300;
    color: #000;
    margin: 0 0 10px;
    transition: all .2s ease-in-out
}

.list__newsletter ul li h2:hover {
    color: #3ca5dd
}

.list__newsletter ul li p {
    font-size: 18px;
    margin-top: 0;
    display: grid;
    height: auto;
    max-height: 108px;
    overflow: hidden
}

.breakingnews {
    position: relative
}

.breakingnews__row {
    position: relative;
    margin: 20px 0;
    display: -ms-flexbox;
    display: flex
}

.breakingnews__title {
    width: 165px;
    position: relative;
    padding: 0 10px;
    z-index: 2
}

.breakingnews__title:before {
    content: "";
    position: absolute;
    left: 24px;
    top: 15px;
    width: 9px;
    height: 9px;
    background: #fff;
    border-radius: 10px;
    z-index: 1;
    animation: d .7s infinite
}

.breakingnews__title:after {
    content: "";
    position: absolute;
    top: -5px;
    right: -5px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 5px solid #af0f15;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    z-index: -1
}

.breakingnews__title span {
    position: relative;
    background: #ed1c24;
    display: block;
    padding: 12.5px 10px 12px 28px;
    text-transform: uppercase;
    letter-spacing: .5px;
    height: 40px;
    font-family: Roboto,sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: #fff
}

.breakingnews__title span:before {
    content: "";
    position: absolute;
    top: 0;
    left: -10px;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid #ed1c24;
    border-right: 5px solid #ed1c24;
    border-left: 5px solid transparent
}

.breakingnews__title span:after {
    content: "";
    position: absolute;
    top: 0;
    right: -10px;
    width: 0;
    height: 0;
    border-top: 20px solid #ed1c24;
    border-bottom: 20px solid transparent;
    border-right: 5px solid transparent;
    border-left: 5px solid #ed1c24
}

.breakingnews__logo {
    width: 155px;
    height: 33px;
    position: absolute;
    bottom: 0;
    right: -145px;
    z-index: -1;
    background: #f1f1f1;
    padding: 6px 5px 5px 15px;
    margin: 0;
    text-align: center;
    border-bottom: 2px solid #dedede
}

.breakingnews__logo:after {
    content: "";
    position: absolute;
    top: 0;
    right: -10px;
    width: 0;
    height: 0;
    border-top: 17px solid #f1f1f1;
    border-bottom: 17px solid transparent;
    border-right: 5px solid transparent;
    border-left: 5px solid #f1f1f1;
    z-index: 1
}

.breakingnews__logo img {
    vertical-align: top;
    height: 20px
}

.breakingnews__wrap {
    width: calc(100% - 165px);
    position: relative;
    margin: 5px 0 0;
    padding: 0 0 0 155px;
    z-index: 1;
    background: #dedede
}

.breakingnews__content {
    position: relative
}

.breakingnews__link {
    display: block;
    padding: 8px 15px 5px;
    font-style: italic;
    font-family: Roboto,sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #2a2a2a
}

.breakingnews__link:hover {
    color: #ed1c24
}

.breakingnews__link span {
    display: block;
    height: 22px;
    overflow: hidden
}

.breakingnews.nologo .breakingnews__wrap {
    padding: 0
}

.breakingnews.nologo .breakingnews__wrap:after {
    content: "";
    position: absolute;
    top: 0;
    left: -10px;
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 18px solid #dedede;
    border-right: 5px solid #dedede;
    border-left: 5px solid transparent;
    z-index: 1
}

.breakingnews.nologo .breakingnews__logo {
    display: none
}

.navArticle {
    position: relative;
    background: #efedef;
    border-radius: 8px;
    padding: 12px 10px 8px;
    margin: 15px 0;
    display: -ms-flexbox;
    display: flex
}

.navArticle__item {
    width: 50%;
    padding: 0 5px
}

.navArticle__item.next {
    text-align: right
}

.navArticle__item span {
    display: block;
    font-size: 14px;
    font-weight: 700
}

.navArticle__item a {
    display: block;
    font-style: italic;
    font-size: 16px;
    font-weight: 700;
    color: #3ca5dd;
    padding: 5px 0
}

.navArticle__item a:hover {
    color: #2a2a2a
}

.discover {
    position: relative;
    padding: 0
}

.discover__menu {
    position: relative;
    display: block;
    padding: 12px 0 20px
}

.discover__menu li {
    display: block
}

.discover__menu li a {
    display: block;
    padding: 6px 0;
    text-transform: uppercase;
    font-family: Roboto Condensed,sans-serif;
    font-size: 15px;
    font-weight: 700
}

.theme--edukasi .newest--lifestyle {
    padding-bottom: 20px
}

.theme--edukasi .discover .container {
    background: #fff;
    padding-top: 20px
}

.footer {
    padding: 0 0 10px;
    background: #000;
    color: #fff;
    border-top: 4px solid #3ca5dd;
    width: 1100px
}

@media (min-width: 1100px) {
    .footer {
        width:100%
    }
}

.footer__top {
    padding: 10px 0 30px
}

.footer__bottom {
    padding: 30px 0 10px;
    color: #b1b1b1
}

.footer__menu {
    position: relative
}

.footer__menu__item {
    position: relative;
    display: block;
    padding: 3px 0
}

.footer__menu__item--inline {
    padding: 0;
    display: inline-block
}

.footer__menu__item--inline:after {
    content: " -"
}

.footer__menu__item--inline:last-child:after {
    content: ""
}

.footer__menu__link:hover {
    color: #3ca5dd
}

.footer__copy {
    padding: 5px 0
}

.footer__copy a:hover {
    color: #3ca5dd
}

.social {
    position: relative
}

.social__block {
    padding: 15px;
    background: #f1f1f1;
    margin: 20px 0 0
}

.social__block__teaser {
    padding: 0 0 5px;
    font-size: 16px;
    font-weight: 300;
    color: #000
}

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

.social__link {
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 35px;
    padding: 8px;
    background: #fff;
    color: #fff;
    font-size: 20px;
    line-height: 1;
    text-align: center
}

.social__link--facebook {
    background: #3b5998
}

.social__link--facebook:hover {
    background: #1e2e4f
}

.social__link--twitter {
    background: #1da1f2
}

.social__link--twitter:hover {
    background: #0967a0
}

.social__link--instagram {
    background: #c13584
}

.social__link--instagram:hover {
    background: #711f4d
}

.social__link--line {
    background: #00c300
}

.social__link--line:hover {
    background: #005d00
}

.social__link:hover {
    color: #fff;
    transform: scale(1.1)
}

.social--footer {
    padding: 10px 0
}

.social--header .social__item {
    padding: 0
}

.social--lensa {
    padding: 10px 0
}

.social--live {
    padding: 0;
    text-align: right
}

.social--article {
    padding: 5px
}

.social--article,.social__share {
    display: inline-block;
    vertical-align: top
}

.social__share {
    text-align: center;
    padding: 2px 10px 0
}

.social__share__count {
    font-size: 18px;
    font-weight: 700;
    line-height: 1
}

.social__share span {
    font-size: 12px;
    font-weight: 300;
    line-height: 1
}

.social__link--comment {
    background: #71c8f0
}

.social__link--comment:hover {
    background: #18a3e3
}

.social--text {
    padding: 11px 0 0;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 17px;
    display: inline-block;
    vertical-align: top
}

.social--inline {
    padding: 20px 0 10px
}

.social--fixed {
    background-color: #dcdcdc;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.75);
    height: 46px;
    display: none
}

.social--fixed .social--article {
    left: 4px
}

.social--fixed .social--dshare {
    left: 13px;
    display: inline-block;
    position: relative;
    font-weight: 500;
    font-size: 17px;
    margin: 12px 0;
    height: 22px;
    max-width: 870px;
    overflow: hidden;
    vertical-align: top
}

.nav--sticky .social--fixed {
    display: block
}

.slick-slider {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list,.slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

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

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    outline: 0;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-dots {
    position: absolute;
    bottom: -45px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0
}

.slick-dots li,.slick-dots li button {
    height: 10px;
    width: 10px;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px
}

.slick-dots li button:focus,.slick-dots li button:hover {
    outline: none
}

.slick-dots li button:focus:before,.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 10px;
    height: 10px;
    font-family: slick;
    font-size: 6px;
    line-height: 10px;
    text-align: center;
    color: #000;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

.headline__big .slick-slider {
    margin-bottom: 0
}

.headline__thumb .slick-slider {
    margin-bottom: 15px
}

.article__photo__wrap .slick-slider {
    margin-bottom: 10px
}

.article__photo__wrap .slick-dots {
    top: -35px;
    bottom: auto;
    width: 20%;
    left: 40%
}

.article__photo__wrap .slick-dots li button {
    width: 10px;
    height: 10px;
    background: #ccc;
    border-radius: 20px
}

.article__photo__wrap .slick-dots li.slick-active button {
    background: #ef9021
}

.article__photo__wrap .slick-dots li button:before {
    content: ""
}

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 1500;
    -webkit-text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    outline: none
}

.pswp * {
    box-sizing: border-box
}

.pswp img {
    max-width: none
}

.pswp--animate_opacity {
    opacity: .001;
    will-change: opacity;
    transition: opacity 333ms cubic-bezier(.4,0,.22,1)
}

.pswp--open {
    display: block
}

.pswp--zoom-allowed .pswp__img {
    cursor: zoom-in
}

.pswp--zoomed-in .pswp__img {
    cursor: grab
}

.pswp--dragging .pswp__img {
    cursor: grabbing
}

.pswp__bg {
    background: #000;
    opacity: 0;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden
}

.pswp__bg,.pswp__scroll-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.pswp__scroll-wrap {
    overflow: hidden
}

.pswp__container,.pswp__zoom-wrap {
    -ms-touch-action: none;
    touch-action: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.pswp__container,.pswp__img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.pswp__zoom-wrap {
    position: absolute;
    width: 100%;
    transform-origin: left top;
    transition: transform 333ms cubic-bezier(.4,0,.22,1)
}

.pswp__bg {
    will-change: opacity;
    transition: opacity 333ms cubic-bezier(.4,0,.22,1)
}

.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap {
    transition: none
}

.pswp__container,.pswp__zoom-wrap {
    -webkit-backface-visibility: hidden
}

.pswp__item {
    right: 0;
    bottom: 0;
    overflow: hidden
}

.pswp__img,.pswp__item {
    position: absolute;
    left: 0;
    top: 0
}

.pswp__img {
    width: auto;
    height: auto
}

.pswp__img--placeholder {
    -webkit-backface-visibility: hidden
}

.pswp__img--placeholder--blank {
    background: #222
}

.pswp--ie .pswp__img {
    width: 100%!important;
    height: auto!important;
    left: 0;
    top: 0
}

.pswp__error-msg {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    margin-top: -8px;
    color: #ccc
}

.pswp__error-msg a {
    color: #ccc;
    text-decoration: underline
}

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp__button {
    width: 44px;
    height: 44px;
    position: relative;
    background: none;
    cursor: pointer;
    overflow: visible;
    -webkit-appearance: none;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    opacity: .75;
    transition: opacity .2s;
    box-shadow: none
}

.pswp__button:focus,.pswp__button:hover {
    opacity: 1
}

.pswp__button:active {
    outline: none;
    opacity: .9
}

.pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.pswp__ui--over-close .pswp__button--close {
    opacity: 1
}

.pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before {
    background: url(../images/default-skin.png) 0 0 no-repeat;
    background-size: 264px 88px;
    width: 44px;
    height: 44px
}

@media (-webkit-min-device-pixel-ratio: 1.1),(-webkit-min-device-pixel-ratio:1.09375),(min-resolution:1.1dppx),(min-resolution:105dpi) {
    .pswp--svg .pswp__button,.pswp--svg .pswp__button--arrow--left:before,.pswp--svg .pswp__button--arrow--right:before {
        background-image:url(../images/default-skin.svg)
    }

    .pswp--svg .pswp__button--arrow--left,.pswp--svg .pswp__button--arrow--right {
        background: none
    }
}

.pswp__button--close {
    background-position: 0 -44px
}

.pswp__button--share {
    background-position: -44px -44px;
    margin-right: 15px
}

.pswp__button--fs {
    display: none
}

.pswp--supports-fs .pswp__button--fs {
    display: block
}

.pswp--fs .pswp__button--fs {
    background-position: -44px 0
}

.pswp__button--zoom {
    display: none;
    background-position: -88px 0
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block
}

.pswp--zoomed-in .pswp__button--zoom {
    background-position: -132px 0
}

.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right {
    visibility: hidden
}

.pswp__button--arrow--left,.pswp__button--arrow--right {
    background: none;
    top: 50%;
    margin-top: -50px;
    width: 70px;
    height: 100px;
    position: absolute
}

.pswp__button--arrow--left {
    left: 0
}

.pswp__button--arrow--right {
    right: 0
}

.pswp__button--arrow--left:before,.pswp__button--arrow--right:before {
    content: "";
    top: 25px;
    background-color: rgba(0,0,0,.3);
    height: 50px;
    width: 32px;
    position: absolute
}

.pswp__button--arrow--left:before {
    left: 6px;
    background-position: -138px -35px
}

.pswp__button--arrow--right:before {
    right: 6px;
    background-position: -94px -35px
}

.pswp__counter,.pswp__share-modal {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pswp__share-modal {
    display: block;
    background: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 10px;
    position: absolute;
    z-index: 1600;
    opacity: 0;
    transition: opacity .25s ease-out;
    -webkit-backface-visibility: hidden;
    will-change: opacity
}

.pswp__share-modal--hidden {
    display: none
}

.pswp__share-tooltip {
    z-index: 1620;
    position: absolute;
    background: #fff;
    top: 56px;
    border-radius: 2px;
    display: block;
    width: auto;
    right: 44px;
    box-shadow: 0 2px 5px rgba(0,0,0,.25);
    transform: translateY(6px);
    transition: transform .25s;
    -webkit-backface-visibility: hidden;
    will-change: transform
}

.pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 18px
}

.pswp__share-tooltip a,.pswp__share-tooltip a:hover {
    color: #000;
    text-decoration: none
}

.pswp__share-tooltip a:first-child {
    border-radius: 2px 2px 0 0
}

.pswp__share-tooltip a:last-child {
    border-radius: 0 0 2px 2px
}

.pswp__share-modal--fade-in {
    opacity: 1
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
    transform: translateY(0)
}

.pswp--touch .pswp__share-tooltip a {
    padding: 16px 12px
}

a.pswp__share--facebook:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -12px;
    right: 15px;
    border: 6px solid transparent;
    border-bottom-color: #fff;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none
}

a.pswp__share--facebook:hover {
    background: #3e5c9a;
    color: #fff
}

a.pswp__share--facebook:hover:before {
    border-bottom-color: #3e5c9a
}

a.pswp__share--twitter:hover {
    background: #55acee;
    color: #fff
}

a.pswp__share--google:hover {
    background: #d34836;
    color: #fff
}

a.pswp__share--whatsapp:hover {
    background: #43d854;
    color: #fff
}

a.pswp__share--pinterest:hover {
    background: #ccc;
    color: #ce272d
}

a.pswp__share--download:hover {
    background: #ddd
}

.pswp__counter {
    position: absolute;
    left: 49%;
    top: 0;
    height: 44px;
    font-size: 16px;
    line-height: 44px;
    color: #fff;
    opacity: .75;
    padding: 0 10px
}

.pswp__caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 44px
}

.pswp__caption small {
    font-size: 11px;
    color: #bbb
}

.pswp__caption__center {
    text-align: left;
    max-width: 780px;
    margin: 0 auto;
    font-size: 13px;
    padding: 10px;
    line-height: 20px;
    color: #ccc
}

.pswp__caption--empty {
    display: none
}

.pswp__caption--fake {
    visibility: hidden
}

.pswp__preloader {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -22px;
    opacity: 0;
    transition: opacity .25s ease-out;
    will-change: opacity;
    direction: ltr
}

.pswp__preloader__icn {
    width: 20px;
    height: 20px;
    margin: 12px
}

.pswp__preloader--active {
    opacity: 1
}

.pswp__preloader--active .pswp__preloader__icn {
    background: url(preloader.gif) 0 0 no-repeat
}

.pswp--css_animation .pswp__preloader--active {
    opacity: 1
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    animation: a .5s linear infinite
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    animation: b 1s cubic-bezier(.4,0,.22,1) infinite
}

.pswp--css_animation .pswp__preloader__icn {
    background: none;
    opacity: .75;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 15px;
    top: 15px;
    margin: 0
}

.pswp--css_animation .pswp__preloader__cut {
    position: relative;
    width: 7px;
    height: 14px;
    overflow: hidden
}

.pswp--css_animation .pswp__preloader__donut {
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border: 2px solid #fff;
    border-radius: 50%;
    border-left-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    background: none;
    margin: 0
}

@media screen and (max-width: 1024px) {
    .pswp__preloader {
        position:relative;
        left: auto;
        top: auto;
        margin: 0;
        float: right
    }
}

@keyframes a {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes b {
    0% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(-140deg)
    }

    to {
        transform: rotate(0)
    }
}

.pswp__ui {
    -webkit-font-smoothing: auto;
    visibility: visible;
    opacity: 1;
    z-index: 1550
}

.pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    width: 100%
}

.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__caption,.pswp__top-bar {
    -webkit-backface-visibility: hidden;
    will-change: opacity;
    transition: opacity 333ms cubic-bezier(.4,0,.22,1)
}

.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right {
    visibility: visible
}

.pswp__caption,.pswp__top-bar {
    background-color: rgba(0,0,0,.5)
}

.pswp__ui--fit .pswp__caption,.pswp__ui--fit .pswp__top-bar {
    background-color: rgba(0,0,0,.3)
}

.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right,.pswp__ui--idle .pswp__top-bar {
    opacity: 1
}

.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__top-bar {
    opacity: .001
}

.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter {
    display: none
}

.pswp__element--disabled {
    display: none!important
}

.pswp--minimal--dark .pswp__top-bar {
    background: none
}

/*!
 * Datepicker for Bootstrap v1.6.1 (https://github.com/eternicode/bootstrap-datepicker)
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
#datepicker input {
    color: #3ca5dd;
    z-index: 9;
    background: transparent;
    cursor: pointer
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    font-size: 14px;
    margin: 2px 0 0;
    list-style: none
}

.datepicker {
    background: #f0f0f0;
    border: 1px solid #71c4d6;
    padding: 10px;
    cursor: pointer;
    box-shadow: 2px 2px 10px rgba(0,0,0,.2);
    direction: ltr
}

.datepicker .day {
    background: #dfdfdf
}

.datepicker .new,.datepicker .old {
    background: none
}

.datepicker-inline {
    width: 220px
}

.datepicker.datepicker-rtl {
    direction: rtl
}

.datepicker.datepicker-rtl table tr td span {
    float: right
}

.datepicker-dropdown {
    top: 0;
    left: 0
}

.datepicker-dropdown.datepicker-orient-left:before {
    left: 6px
}

.datepicker-dropdown.datepicker-orient-left:after {
    left: 7px
}

.datepicker-dropdown.datepicker-orient-right:before {
    right: 6px
}

.datepicker-dropdown.datepicker-orient-right:after {
    right: 7px
}

.datepicker-dropdown.datepicker-orient-bottom:before {
    top: -7px
}

.datepicker-dropdown.datepicker-orient-bottom:after {
    top: -6px
}

.datepicker-dropdown.datepicker-orient-top:before {
    bottom: -7px;
    border-bottom: 0;
    border-top: 7px solid #999
}

.datepicker-dropdown.datepicker-orient-top:after {
    bottom: -6px;
    border-bottom: 0;
    border-top: 6px solid #fff
}

.datepicker>div {
    display: none
}

.datepicker table {
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-spacing: 0;
    border-collapse: separate
}

.datepicker td,.datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    color: #fff;
    padding: 7px 12px
}

.datepicker td {
    font-size: 16px;
    color: #000
}

.datepicker th {
    font-size: 16px;
    color: #999
}

.table-striped .datepicker table tr td,.table-striped .datepicker table tr th {
    background-color: transparent
}

.datepicker table tr td.day.focused,.datepicker table tr td.day:hover {
    background: #3ca5dd;
    cursor: pointer;
    color: #fff
}

.datepicker table tr td.new,.datepicker table tr td.old {
    color: #5e5e5e
}

.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover {
    background: 0 0;
    color: #dfdfdf;
    cursor: default
}

.datepicker table tr td.highlighted {
    background: #d9edf7;
    border-radius: 0
}

.datepicker table tr td.today,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today:hover {
    background-color: #71c4d6;
    color: #000
}

.datepicker table tr td.today.active,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled.disabled,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today.disabled:hover.active,.datepicker table tr td.today.disabled:hover.disabled,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today.disabled:hover:hover,.datepicker table tr td.today.disabled:hover[disabled],.datepicker table tr td.today.disabled[disabled],.datepicker table tr td.today:active,.datepicker table tr td.today:hover,.datepicker table tr td.today:hover.active,.datepicker table tr td.today:hover.disabled,.datepicker table tr td.today:hover:active,.datepicker table tr td.today:hover:hover,.datepicker table tr td.today:hover[disabled],.datepicker table tr td.today[disabled] {
    background-color: #71c4d6
}

.datepicker table tr td.today.active,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover.active,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today:active,.datepicker table tr td.today:hover.active,.datepicker table tr td.today:hover:active {
    background-color: #fbf069\9
}

.datepicker table tr td.today.active:hover,.datepicker table tr td.today:hover:hover {
    color: #000
}

.datepicker table tr td.range,.datepicker table tr td.range.disabled,.datepicker table tr td.range.disabled:hover,.datepicker table tr td.range:hover {
    background: #3ca5dd;
    border-radius: 0
}

.datepicker table tr td.range.today,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today:hover {
    background-color: #f3d17a;
    background-image: -moz-linear-gradient(to bottom,#f3c17a,#f3e97a);
    border-radius: 0
}

.datepicker table tr td.range.today.active,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled.disabled,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today.disabled:hover.active,.datepicker table tr td.range.today.disabled:hover.disabled,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today.disabled:hover:hover,.datepicker table tr td.range.today.disabled:hover[disabled],.datepicker table tr td.range.today.disabled[disabled],.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today:hover.disabled,.datepicker table tr td.range.today:hover:active,.datepicker table tr td.range.today:hover:hover,.datepicker table tr td.range.today:hover[disabled],.datepicker table tr td.range.today[disabled] {
    background-color: #f3e97a
}

.datepicker table tr td.range.today.active,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover.active,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today:hover:active {
    background-color: #efe24b\9
}

.datepicker table tr td.selected,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected:hover {
    background-color: #9e9e9e;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25)
}

.datepicker table tr td.selected.active,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled.disabled,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected.disabled:hover.active,.datepicker table tr td.selected.disabled:hover.disabled,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected.disabled:hover:hover,.datepicker table tr td.selected.disabled:hover[disabled],.datepicker table tr td.selected.disabled[disabled],.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected:hover.disabled,.datepicker table tr td.selected:hover:active,.datepicker table tr td.selected:hover:hover,.datepicker table tr td.selected:hover[disabled],.datepicker table tr td.selected[disabled] {
    background-color: grey
}

.datepicker table tr td.selected.active,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover.active,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected:hover:active {
    background-color: #666\9
}

.datepicker table tr td.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active:hover {
    background-color: #006dcc;
    color: #000;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25)
}

.datepicker table tr td.active.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled.disabled,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.disabled:hover.active,.datepicker table tr td.active.disabled:hover.disabled,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.disabled:hover:hover,.datepicker table tr td.active.disabled:hover[disabled],.datepicker table tr td.active.disabled[disabled],.datepicker table tr td.active:active,.datepicker table tr td.active:hover,.datepicker table tr td.active:hover.active,.datepicker table tr td.active:hover.disabled,.datepicker table tr td.active:hover:active,.datepicker table tr td.active:hover:hover,.datepicker table tr td.active:hover[disabled],.datepicker table tr td.active[disabled] {
    background-color: #3ca5dd
}

.datepicker table tr td.active.active,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover.active,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active:active,.datepicker table tr td.active:hover.active,.datepicker table tr td.active:hover:active {
    background-color: #039\9
}

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer
}

.datepicker table tr td span.focused,.datepicker table tr td span:hover {
    background: #3ca5dd
}

.datepicker table tr td span.disabled,.datepicker table tr td span.disabled:hover {
    background: 0 0;
    color: #dfdfdf;
    cursor: default
}

.datepicker table tr td span.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active:hover {
    background-color: #006dcc;
    color: #000;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25)
}

.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled.disabled,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover.disabled,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active.disabled:hover[disabled],.datepicker table tr td span.active.disabled[disabled],.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover.disabled,.datepicker table tr td span.active:hover:active,.datepicker table tr td span.active:hover:hover,.datepicker table tr td span.active:hover[disabled],.datepicker table tr td span.active[disabled] {
    background-color: #3ca5dd
}

.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover:active {
    background-color: #039\9
}

.datepicker table tr td span.new,.datepicker table tr td span.old {
    color: #999
}

.datepicker .datepicker-switch {
    width: 145px;
    font-size: 18px;
    color: #2a2a2a
}

.datepicker .datepicker-switch,.datepicker .next,.datepicker .prev,.datepicker tfoot tr th {
    cursor: pointer
}

.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker tfoot tr th:hover {
    background: #3ca5dd
}

.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle
}

.input-append.date .add-on,.input-prepend.date .add-on {
    cursor: pointer
}

.input-append.date .add-on i,.input-prepend.date .add-on i {
    margin-top: 3px
}

.input-daterange input {
    text-align: center
}

.input-daterange input:first-child {
    border-radius: 3px 0 0 3px
}

.input-daterange input:last-child {
    border-radius: 0 3px 3px 0
}

.input-daterange .add-on {
    display: inline-block;
    width: auto;
    min-width: 16px;
    height: 18px;
    padding: 4px 5px;
    font-weight: 400;
    line-height: 18px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    vertical-align: middle;
    background-color: #eee;
    border: 1px solid #ccc;
    margin-left: -5px;
    margin-right: -5px
}

.mfp-bg {
    z-index: 1042;
    overflow: hidden;
    background: #000;
    opacity: .8
}

.mfp-bg,.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed
}

.mfp-wrap {
    z-index: 1043;
    outline: none!important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box
}

.mfp-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none!important
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader {
    display: none
}

button.mfp-arrow,button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 50px;
    height: 50px;
    line-height: 50px;
    position: fixed;
    right: 10px;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 1;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 50px;
    font-family: Arial,Baskerville,monospace
}

.mfp-close:focus,.mfp-close:hover {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #000;
    position: absolute;
    top: -10px;
    right: -10px;
    background: #fff;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    font-size: 32px;
    line-height: 30px
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 18px;
    line-height: 1.2;
    white-space: nowrap
}

.mfp-arrow {
    position: fixed;
    opacity: 1;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 90px;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:focus,.mfp-arrow:hover {
    opacity: 1
}

.mfp-arrow:after {
    content: "";
    display: block;
    margin: 0 auto;
    width: 20px;
    height: 20px;
    border-left: 3px solid #fff;
    border-bottom: 3px solid #fff
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    transform: rotate(45deg)
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    transform: rotate(-135deg)
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0,0,0,.6);
    background: #000
}

.mfp-sso .mfp-iframe-scaler {
    padding-top: 710px
}

.mfp-sso .mfp-iframe-holder .mfp-content {
    max-width: 500px
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto
}

.mfp-figure,img.mfp-img {
    line-height: 0
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 800px
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media (max-width: 900px) {
    .mfp-arrow {
        transform:scale(.75)
    }

    .mfp-arrow-left {
        transform-origin: 0
    }

    .mfp-arrow-right {
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.kcm {
    position: relative;
    z-index: 9
}

.kcm__giant {
    background: #fafafa
}

.kcm__superbig {
    text-align: center;
    padding: 30px 0
}

.kcm__middle {
    text-align: center;
    padding: 10px 0
}

.kcm__top {
    text-align: center;
    margin: 0 auto
}

.kcm__stick {
    position: fixed;
    top: 165px;
    z-index: 10;
    width: 100%;
    transition: top .2s ease
}

.kcm__stick__wrap {
    position: relative;
    width: 100%
}

.kcm__stick__fluid {
    position: absolute;
    width: calc((100% - 1100px)/2);
    display: block;
    top: 0
}

.kcm__stick__fluid img {
    max-width: none
}

.kcm__stick__fluid--left {
    left: 0
}

.kcm__stick__fluid--right {
    right: 0
}

.kcm__stick--sticky {
    top: 58px
}

.kcm__stick--left {
    right: 0;
    position: absolute
}

.kcm__stick--right {
    left: 0;
    position: absolute
}

.kcm__horizontal {
    margin: 5px 0 0 -15px;
    padding: 0;
    position: fixed;
    bottom: 0;
    width: 1100px;
    z-index: 10;
    height: auto;
    text-align: center;
    background: hsla(0,0%,93%,.8)
}

.kcm__close {
    position: absolute;
    background: #3ca5dd;
    display: inline-block;
    right: 0;
    top: -20px;
    padding: 4px 8px;
    font-size: 12px;
    line-height: 1;
    color: #fff
}

.kcm__close:hover {
    color: #fff
}

.kcm__swiper__subtitle {
    text-transform: uppercase;
    padding: 5px 0;
    font-size: 18px;
    font-weight: 300;
    color: #444
}

.kcm__swiper__asset {
    height: 400px;
    overflow: hidden
}

.kcm__swiper__title {
    padding: 5px 0;
    font-size: 28px;
    font-weight: 300
}

.kcm__list__advertorial,.kcm__list__advertorial .article__list__asset,.kcm__list__sticky,.kcm__list__sticky .article__list__asset {
    background: #f1f1f1
}

.kcm__list__advertorial .article__title,.kcm__list__sticky .article__title {
    margin-top: 5px
}

.kcm__header {
    margin-top: 20px
}

.kcm__header__advertorial {
    padding: 10px 20px;
    letter-spacing: 10px;
    text-transform: uppercase;
    font-size: 20px
}

.kcm__header__advertorial,.kcm__header__brandzview {
    background: #f0f0f0;
    position: relative;
    border-left: 5px solid #3ca5dd
}

.kcm__header__brandzview {
    padding: 20px
}

.kcm__header__brandzview__title {
    font-size: 16px;
    font-weight: 600;
    color: #3ca5dd
}

.kcm__header__brandzview__desc {
    margin: 10px 0 15px
}

.kcm__header__brandzview__img {
    max-width: 160px
}

.banner--sticky {
    height: 250px
}

.banner--sticky .kcm__rectangle {
    position: fixed;
    top: 143px;
    z-index: 10;
    animation: c .7s 3s forwards
}

@keyframes c {
    0% {
        visibility: visible;
        opacity: 1
    }

    to {
        visibility: hidden;
        opacity: 0
    }
}

.hoax__widget {
    color: #fff;
    padding: 50px;
    margin-bottom: 20px
}

.hoax__widget__title {
    font-family: Roboto,sans-serif;
    font-weight: 900;
    font-size: 22px;
    letter-spacing: 2px
}

.hoax__widget__text {
    line-height: 1.4
}

.hoax__widget__button {
    border-radius: 5px;
    padding: 10px;
    display: inline-block;
    transition: background .2s ease-in-out
}

.hoax__widget__button--small {
    padding: 3px 8px;
    border-radius: 3px
}

.hoax__widget__button__icon {
    margin: 0 10px
}

.hoax__widget__button__text {
    margin: 0 10px;
    font-family: Roboto,sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 2px;
    vertical-align: bottom
}

.hoax__widget__button__text--head {
    font-size: 16px
}

.hoax__widget__button__text--thin {
    font-weight: 400
}

.hoax__widget__button--lapor {
    background: #c00;
    margin-right: 10px
}

.hoax__widget__button--lapor:hover {
    background: #494949;
    color: #fff
}

.hoax__widget__button--orange {
    margin-top: 140px;
    margin-left: 10px;
    background: #ff8a00;
    border-radius: 15px
}

.hoax__widget__button--orange:hover {
    background: #ffa33b
}

.hoax__widget__button--other {
    font-size: 15px;
    letter-spacing: 1px;
    padding: 0 5px;
    font-weight: 500
}

.hoax__widget__button--cek {
    background: #ff8a00;
    padding: 12px
}

.hoax__widget__button--cek:hover {
    background: #494949;
    color: #fff
}

.hoax__widget__button--klarifikasi {
    background: #20b766;
    color: #fff
}

.hoax__widget__button--hoax {
    background: #c00;
    color: #fff
}

.hoax__widget__button--sesat {
    background: #000;
    color: #fff
}

.hoax__widget__button--fact {
    background: #09f;
    color: #fff
}

.hoax__widget--artikel {
    padding: 35px
}

.hoax__artikel {
    padding: 20px 0;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    align-items: center
}

.hoax__artikel__title {
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase
}

.hoax__artikel__title--fakta {
    color: #090
}

.hoax__artikel__title--hoaks {
    color: #d82425
}

.hoax__artikel__title--sesat {
    color: #f90
}

.hoax__artikel__title--klarifikasi {
    color: #389fdb
}

.hoax__artikel__text {
    margin: 0
}

.hoax__form__title {
    background: #c00;
    padding: 10px;
    display: inline-block;
    color: #fff
}

.hoax__form__title__text {
    font-size: 22px;
    font-weight: 900;
    letter-spacing: 2px;
    text-transform: uppercase
}

.hoax__form__desc {
    margin: 40px 0
}

.hoax__email {
    text-decoration: underline
}

.hoax--pad0 {
    padding: 0
}

.hoax__link:hover {
    color: #606060;
    transition: all .1s ease
}

.hoax__link__head:hover {
    color: #fff;
    text-shadow: 0 0 10px #000
}

.hoax__header {
    width: 100%;
    height: 200px;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #dcdcdc;
    color: #fff
}

.hoax__header .orange {
    color: #ff8a00
}

.hoax__header .text__big {
    font-family: Roboto Condensed,sans-serif;
    font-size: 70px;
    font-weight: 900;
    text-align: center;
    padding: 20px 20px 0 0
}

.hoax__header .text__small {
    font-size: 14px;
    padding: 25px 0 10px
}

.hoax__header .text__top {
    position: absolute;
    width: 100%;
    text-align: center;
    letter-spacing: .5px
}

.hoax__logo {
    display: table;
    float: right;
    position: relative;
    top: 130px;
    padding: 0 50px
}

.hoax__logoImg {
    max-height: 60px;
    vertical-align: middle;
    margin: 0 10px
}

.hoax__logoImg.kcm {
    height: 40px
}

.hoax__headline {
    background: #000
}

.hoax__headline,.hoax__headlineBig {
    width: 100%;
    height: 350px;
    position: relative
}

.hoax__headlineBig {
    overflow: hidden
}

.hoax__headlineSmall {
    width: 100%;
    height: 175px;
    position: relative;
    overflow: hidden
}

.hoax__headlineDesc {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(0,0,0,.7);
    color: #fff
}

.hoax__headlineDesc .text {
    font-weight: 600;
    line-height: 1.2;
    margin: 10px 20px
}

.hoax__headlineDesc .textBig {
    font-size: 30px;
    padding: 0 50px
}

.hoax__headlineDesc .textSmall {
    font-size: 17px;
    padding: 0
}

.hoax__img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.hoax__img--small {
    width: unset;
    height: 100%
}

.hoax__list {
    border: 1px solid #dcdcdc;
    margin-bottom: 30px
}

.hoax__listImg {
    position: relative;
    width: 100%;
    height: 130px;
    overflow: hidden
}

.hoax__list__button {
    position: relative;
    bottom: 11px
}

.hoax__listTitle {
    font-weight: 600;
    font-size: 16px;
    margin: 10px;
    height: 80px;
    overflow: hidden
}

.hoax__list__etc {
    display: table;
    padding: 5px 10px;
    border-top: 1px solid #dcdcdc;
    width: 100%;
    margin-top: 10px
}

.hoax__list__time {
    display: table-cell;
    vertical-align: middle;
    color: #b7b7b7;
    font-size: 12px
}

.hoax__list--social {
    display: table-cell;
    float: right
}

.hoax__list--social .social__link {
    width: 25px;
    height: 25px;
    padding: 5px;
    font-size: 16px
}

.hoax__list--social .social__link--facebook {
    background: #b7b7b7
}

.hoax__list--social .social__link--facebook:hover {
    background: #3b5998
}

.hoax__list--social .social__link--twitter {
    background: #b7b7b7
}

.hoax__list--social .social__link--twitter:hover {
    background: #1da1f2
}

.hoax__list--social .social__link--google-plus {
    background: #b7b7b7
}

.hoax__list--social .social__link--google-plus:hover {
    background: #dd4b39
}

.hoax__pagingItem {
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    position: relative;
    margin: 8px;
    border-radius: 20px;
    transition: all .25s ease
}

.hoax__pagingItem__link {
    padding: 4px 11px;
    display: block
}

.hoax__pagingItem__link:hover {
    color: unset
}

.hoax__pagingItem:first-of-type:before {
    content: ""
}

.hoax__pagingItem:before {
    content: "/";
    position: absolute;
    left: -13px;
    color: #000;
    font-size: 25px
}

.hoax__pagingItem--active {
    background: #c00;
    color: #fff
}

.hoax__pagingItem:hover {
    background: #b7b7b7
}

.hoax__pagingItem:hover .hoax__pagingItem__link {
    color: #fff
}

.white-popup {
    position: relative;
    background: #fff;
    padding: 20px;
    width: auto;
    max-width: 500px;
    margin: 20px auto
}

.white-popup-title {
    font-size: 22px;
    font-weight: 900;
    margin: 40px 0
}

.white-popup-button {
    color: #fff;
    background: #3ca5dd;
    display: inline-block;
    padding: 10px;
    text-transform: uppercase
}

.white-popup-button:hover {
    background: #228cc4;
    color: #fff
}

.mfp-zoom-in .mfp-with-anim {
    opacity: 0;
    transition: all .2s ease-in-out;
    transform: scale(.8)
}

.mfp-zoom-in.mfp-bg {
    opacity: 0;
    transition: all .3s ease-out
}

.mfp-zoom-in.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: scale(1)
}

.mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: .8
}

.mfp-zoom-in.mfp-removing .mfp-with-anim {
    transform: scale(.8);
    opacity: 0
}

.mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0
}

.theme--bola .breadcrumb__item,.theme--bola .title--big {
    color: #0db24b
}

.theme--bola .breadcrumb__link {
    color: #0db24b!important
}

.theme--bola .breadcrumb__link:hover {
    color: #000!important
}

.theme--bola .headline__thumb__item.slick-current .headline__thumb__img:after {
    border-top: 4px solid #0db24b
}

.theme--bola .headline__thumb__link:hover {
    color: #35f07b
}

.theme--bola .article__link:hover {
    color: #0a8237
}

.theme--bola .article__boxsubtitle {
    background: #0db24b;
    color: #fff
}

.theme--bola .icon-play:before {
    background-color: #0db24b
}

.theme--bola .related__inline__title a {
    color: #2a2a2a
}

.theme--bola .related__inline__title a:hover {
    color: #000
}

.theme--bola .trending--sidebar .article__boxsubtitle {
    background: #fff
}

.theme--tekno .breadcrumb__item,.theme--tekno .title--big {
    color: #bad107
}

.theme--tekno .breadcrumb__link {
    color: #bad107!important
}

.theme--tekno .breadcrumb__link:hover {
    color: #000!important
}

.theme--tekno .headline__thumb__item.slick-current .headline__thumb__img:after {
    border-top: 4px solid #bad107
}

.theme--tekno .headline__thumb__link:hover {
    color: #e4f945
}

.theme--tekno .article__link:hover {
    color: #8ea005
}

.theme--tekno .article__boxsubtitle {
    background: #bad107;
    color: #000
}

.theme--tekno .icon-play:before {
    background-color: #bad107
}

.theme--tekno .related__inline__title a {
    color: #2a2a2a
}

.theme--tekno .related__inline__title a:hover {
    color: #000
}

.theme--tekno .trending--sidebar .article__boxsubtitle {
    background: #fff
}

.theme--tekno .topic--review .article__box {
    background: #333
}

.theme--tekno .topic--review .article__title {
    color: #fff
}

.theme--tekno .topic--review .article__title--bullet {
    padding: 6px 20px 0 40px
}

.theme--tekno .topic--review .article__title--bullet:after {
    background: #fff;
    left: 20px
}

.theme--entertainment .breadcrumb__item,.theme--entertainment .title--big {
    color: #25afe5
}

.theme--entertainment .breadcrumb__link {
    color: #25afe5!important
}

.theme--entertainment .breadcrumb__link:hover {
    color: #000!important
}

.theme--entertainment .headline__thumb__item.slick-current .headline__thumb__img:after {
    border-top: 4px solid #25afe5
}

.theme--entertainment .headline__thumb__link:hover {
    color: #80d0f0
}

.theme--entertainment .article__link:hover {
    color: #1791c0
}

.theme--entertainment .article__boxsubtitle {
    background: #25afe5;
    color: #fff
}

.theme--entertainment .icon-play:before {
    background-color: #25afe5
}

.theme--entertainment .related__inline__title a {
    color: #2a2a2a
}

.theme--entertainment .related__inline__title a:hover {
    color: #000
}

.theme--entertainment .trending--sidebar .article__boxsubtitle {
    background: #fff
}

.theme--otomotif .breadcrumb__item,.theme--otomotif .title--big {
    color: #fb0404
}

.theme--otomotif .breadcrumb__link {
    color: #fb0404!important
}

.theme--otomotif .breadcrumb__link:hover {
    color: #000!important
}

.theme--otomotif .headline__thumb__item.slick-current .headline__thumb__img:after {
    border-top: 4px solid #fb0404
}

.theme--otomotif .headline__thumb__link:hover {
    color: #fd6868
}

.theme--otomotif .article__link:hover {
    color: #c90303
}

.theme--otomotif .article__boxsubtitle {
    background: #fb0404;
    color: #fff
}

.theme--otomotif .icon-play:before {
    background-color: #fb0404
}

.theme--otomotif .related__inline__title a {
    color: #2a2a2a
}

.theme--otomotif .related__inline__title a:hover {
    color: #000
}

.theme--otomotif .trending--sidebar .article__boxsubtitle {
    background: #fff
}

.theme--otomotif .lensa__photo__caption {
    color: #000
}

.theme--otomotif .form__select {
    border: 1px solid #2a2a2a;
    color: #2a2a2a
}

.theme--sains .breadcrumb__item,.theme--sains .title--big {
    color: #0161b8
}

.theme--sains .breadcrumb__link {
    color: #0161b8!important
}

.theme--sains .breadcrumb__link:hover {
    color: #000!important
}

.theme--sains .headline__thumb__item.slick-current .headline__thumb__img:after {
    border-top: 4px solid #0161b8
}

.theme--sains .headline__thumb__link:hover {
    color: #2195fe
}

.theme--sains .article__link:hover {
    color: #014685
}

.theme--sains .article__boxsubtitle {
    background: #0161b8;
    color: #fff
}

.theme--sains .icon-play:before {
    background-color: #0161b8
}

.theme--sains .related__inline__title a {
    color: #2a2a2a
}

.theme--sains .related__inline__title a:hover {
    color: #000
}

.theme--sains .trending--sidebar .article__boxsubtitle {
    background: #fff
}

.theme--sains .form__select {
    border: 1px solid #0161b8;
    color: #85949a;
    font-weight: 400
}

.theme--sains .consult__input,.theme--sains .consult__textarea {
    border: 1px solid #0161b8
}

.theme--sains .consult__button {
    background: #0161b8
}

.theme--sains .consult__button:hover {
    background: #014685
}

.theme--sains .consult__ahli {
    border-left: 3px solid #0161b8
}

.theme--lifestyle .breadcrumb__item,.theme--lifestyle .title--big {
    color: #00a783
}

.theme--lifestyle .breadcrumb__link {
    color: #00a783!important
}

.theme--lifestyle .breadcrumb__link:hover {
    color: #000!important
}

.theme--lifestyle .headline__thumb__item.slick-current .headline__thumb__img:after {
    border-top: 4px solid #00a783
}

.theme--lifestyle .headline__thumb__link:hover {
    color: #0effcb
}

.theme--lifestyle .article__link:hover {
    color: #00745b
}

.theme--lifestyle .article__boxsubtitle {
    background: #00a783;
    color: #fff
}

.theme--lifestyle .icon-play:before {
    background-color: #00a783
}

.theme--lifestyle .related__inline__title a {
    color: #2a2a2a
}

.theme--lifestyle .related__inline__title a:hover {
    color: #000
}

.theme--lifestyle .trending--sidebar .article__boxsubtitle {
    background: #fff
}

.theme--properti .breadcrumb__item,.theme--properti .title--big {
    color: #b57c29
}

.theme--properti .breadcrumb__link {
    color: #b57c29!important
}

.theme--properti .breadcrumb__link:hover {
    color: #000!important
}

.theme--properti .headline__thumb__item.slick-current .headline__thumb__img:after {
    border-top: 4px solid #b57c29
}

.theme--properti .headline__thumb__link:hover {
    color: #ddad67
}

.theme--properti .article__link:hover {
    color: #8b6020
}

.theme--properti .article__boxsubtitle {
    background: #b57c29;
    color: #fff
}

.theme--properti .icon-play:before {
    background-color: #b57c29
}

.theme--properti .related__inline__title a {
    color: #2a2a2a
}

.theme--properti .related__inline__title a:hover {
    color: #000
}

.theme--properti .trending--sidebar .article__boxsubtitle {
    background: #fff
}

.theme--properti .form__select {
    border: 1px solid #b57c29;
    color: #85949a;
    font-weight: 400
}

.theme--properti .form__select__wrap:after {
    border-left: 2px solid #2a2a2a;
    border-bottom: 2px solid #2a2a2a
}

.theme--properti .consult__input,.theme--properti .consult__textarea {
    border: 1px solid #b57c29
}

.theme--properti .consult__button {
    background: #b57c29
}

.theme--properti .consult__button:hover {
    background: #8b6020
}

.theme--properti .consult__ahli {
    border-left: 3px solid #b57c29
}

.theme--travel .breadcrumb__item,.theme--travel .title--big {
    color: #00bcd4
}

.theme--travel .breadcrumb__link {
    color: #00bcd4!important
}

.theme--travel .breadcrumb__link:hover {
    color: #000!important
}

.theme--travel .headline__thumb__item.slick-current .headline__thumb__img:after {
    border-top: 4px solid #00bcd4
}

.theme--travel .headline__thumb__link:hover {
    color: #3be9ff
}

.theme--travel .article__link:hover {
    color: #008fa1
}

.theme--travel .article__boxsubtitle {
    background: #00bcd4;
    color: #fff
}

.theme--travel .icon-play:before {
    background-color: #00bcd4
}

.theme--travel .related__inline__title a {
    color: #2a2a2a
}

.theme--travel .related__inline__title a:hover {
    color: #000
}

.theme--travel .trending--sidebar .article__boxsubtitle {
    background: #fff
}

.comment__read__text {
    display: block;
    text-align: right;
    padding: 8px 0;
    float: right
}

@media (min-width: 700px) {
    .comment__read__text {
        padding:15px 0 0
    }
}

.comment__read__text a {
    color: #3ca5dd;
    font-weight: 500;
    font-size: 13px;
    padding: 0
}

.comment__read__box {
    position: relative;
    margin: 15px 0 0;
    padding: 10px 15px;
    border-radius: 8px;
    border: 1px solid #3ca5dd;
    background: rgba(60,165,221,.11);
    font-size: 16px;
    line-height: 1.5
}

.comment__read__box a {
    color: #3ca5dd
}

.comment__read__box.flex {
    display: -ms-flexbox;
    display: flex;
    align-items: center
}

.comment__read__box span.icon-comment {
    width: 20px;
    height: 20px;
    margin-top: -3px;
    vertical-align: middle;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjggMjgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI4IDI4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I0ZGRkZGRjt9LnN0MXtmaWxsOiMzQ0E1REQ7fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTI0LjIsNy44QzIwLjcsMi4yLDEzLjQsMC40LDcuOCwzLjlsMCwwYy01LjYsMy40LTcuNCwxMC43LTQsMTYuM2MwLjUsMC45LDAuNSwyLDAsMi45TDIuNywyNWMtMC4xLDAuMS0wLjEsMC4yLTAuMSwwLjNjMCwwLjMsMC4zLDAuNiwwLjYsMC42aDEwLjVjNi42LDAuMSwxMi01LjIsMTIuMi0xMS43QzI1LjksMTEuOSwyNS4zLDkuNywyNC4yLDcuOHoiLz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI3Ny4wMjIgNjU1LjI4NykiPjxlbGxpcHNlIGNsYXNzPSJzdDEiIGN4PSIxMjg1LjgiIGN5PSItNjQxLjMiIHJ4PSIxLjUiIHJ5PSIxLjUiLz48ZWxsaXBzZSBjbGFzcz0ic3QxIiBjeD0iMTI5Ni4zIiBjeT0iLTY0MS4zIiByeD0iMS41IiByeT0iMS41Ii8+PGVsbGlwc2UgY2xhc3M9InN0MSIgY3g9IjEyOTEuMSIgY3k9Ii02NDEuMyIgcng9IjEuNSIgcnk9IjEuNSIvPjwvZz48L3N2Zz4=)
}

.comment__read__button {
    min-width: 75px;
    height: 40px;
    font-size: 14px;
    white-space: nowrap;
    display: block;
    background: #3ca5dd;
    color: #fff!important;
    border-radius: 5px;
    padding: 10px;
    margin-left: 10px;
    text-align: center
}

.comment__read__button img {
    display: inline-block;
    vertical-align: middle;
    height: 15px;
    margin-right: 2px
}

.comment__read__icon {
    position: relative;
    float: right
}

.comment__read__bar {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 20px
}

.comment__read__bar:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 46px;
    width: 450px;
    z-index: -1;
    background: #dcdcdc;
    background: linear-gradient(90deg,hsla(0,0%,86%,0),#dcdcdc 60%,#dcdcdc)
}

.comment__read__bar>span {
    padding: 11px 10px 0 0;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 17px;
    display: inline-block;
    vertical-align: top
}

.comment__read__bar .social--article {
    left: -10px
}

.comment__read__bar .social__link {
    background: transparent;
    padding: 3px;
    position: relative
}

.comment__read__bar .social__link .icon {
    width: 100%;
    height: 100%
}

.comment__counter {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 20px;
    padding: 2px 5px;
    border-radius: 8px;
    background: #e65225;
    font-family: Roboto,sans-serif;
    font-size: 9px;
    font-weight: 400;
    color: #fff
}

.comment__counter:empty {
    opacity: 0
}

.pop-title .comment__read__icon {
    float: none;
    display: inline-block;
    position: relative;
    vertical-align: text-bottom;
    margin-left: 2px
}

.pop-title .ico-share {
    width: 25px;
    height: 25px;
    background-size: 25px
}

.comment__info {
    padding: 0
}

.comment__info .comment__read__box {
    font-size: 14px
}

.comment__info a {
    color: #3ca5dd
}

.comment__wrap {
    position: relative;
    background: #fff;
    padding: 10px
}

@media (min-width: 700px) {
    .comment__wrap {
        padding:0
    }
}

.comment__wrap a {
    text-decoration: none
}

.comment__wrap *,.comment__wrap :after,.comment__wrap :before {
    box-sizing: border-box
}

.comment__row {
    position: relative;
    padding: 0
}

.error textarea {
    border: 1px solid #d00000
}

@media (max-width: 700px) {
    .title__content {
        font-size:16px;
        color: #000
    }
}

.sending.comment__item>div {
    z-index: 1
}

.sending.comment__item {
    overflow: hidden;
    background: #fff
}

.sending.comment__item:after {
    top: 0;
    left: 0;
    z-index: 0;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    animation: f 3s ease-in-out infinite;
    background: #fff;
    background: -webkit-gradient(left top,right bottom,color-stop(0,#fff),color-stop(50%,#e3e3e3),color-stop(100%,#fff));
    background: linear-gradient(95deg,#fff,#e3e3e3 50%,#fff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1)
}

.comment__wrap .pop-title {
    padding: 10px 0;
    margin: 0
}

.comment__wrap .pop-title:after {
    left: 0
}

.comment>.comment__wrap {
    padding: 0 10px;
    margin: 0;
    background: #f5fcff
}

@media (min-width: 700px) {
    .comment>.comment__wrap {
        padding:0 20px;
        margin: 0
    }
}

.comment .comment__button.action:hover {
    background: #e8f8ff
}

.comment .comment__report.sticky {
    background: #f5fcff
}

.comment .comment__reply__list .comment__item {
    background: #e9f8ff
}

.comment .comment__info {
    padding: 15px 0 0
}

.comment__wrap .button,.comment__wrap button,.comment__wrap input,.comment__wrap select,.comment__wrap textarea {
    margin: 0;
    padding: 8px 12px;
    border-radius: 6px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.05);
    background-color: #fff;
    border: 1px solid #c4c4c4;
    outline: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    transition: all .2s ease;
    font-family: Roboto,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.42857;
    color: #c2bebe
}

.comment__wrap .button::placeholder,.comment__wrap button::placeholder,.comment__wrap input::placeholder,.comment__wrap select::placeholder,.comment__wrap textarea::placeholder {
    font-size: 16px;
    color: #c2bebe;
    vertical-align: middle
}

@media (min-width: 700px) {
    .comment__wrap .button::placeholder,.comment__wrap button::placeholder,.comment__wrap input::placeholder,.comment__wrap select::placeholder,.comment__wrap textarea::placeholder {
        font-size:14px
    }
}

.comment__wrap .button:focus,.comment__wrap .button:hover,.comment__wrap button:focus,.comment__wrap button:hover,.comment__wrap input:focus,.comment__wrap input:hover,.comment__wrap select:focus,.comment__wrap select:hover,.comment__wrap textarea:focus,.comment__wrap textarea:hover {
    color: #2a2a2a;
    border: 1px solid #909090;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.12)
}

.comment__wrap button:disabled {
    border: 1px solid #e2e2e2!important;
    background: #e7e7e7!important;
    color: #a8a8a8!important
}

.comment__wrap button:disabled:focus,.comment__wrap button:disabled:hover {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.05)
}

.comment__wrap input[type=password]:disabled,.comment__wrap input[type=text]:disabled {
    background: #f4f4f4
}

.comment__wrap input[type=password]:disabled:focus,.comment__wrap input[type=password]:disabled:hover,.comment__wrap input[type=text]:disabled:focus,.comment__wrap input[type=text]:disabled:hover {
    color: #c2bebe;
    border: 1px solid #c4c4c4;
    box-shadow: inherit
}

.comment__wrap select {
    border: 1px solid #3ca5dd;
    color: #3ca5dd;
    padding: 5px 60px 5px 12px
}

@media (min-width: 768px) {
    .comment__wrap select {
        font-weight:700;
        font-size: 12px;
        vertical-align: middle;
        padding: 8px 60px 8px 12px
    }
}

.comment__wrap textarea {
    min-height: 100px;
    max-width: 100%;
    display: block;
    width: 100%
}

.comment__wrap button,.comment__wrap input[type=button],.comment__wrap input[type=checkbox],.comment__wrap input[type=radio],.comment__wrap input[type=reset],.comment__wrap input[type=submit] {
    cursor: pointer
}

.comment__form {
    position: relative;
    padding: 20px 0;
    border-bottom: 1px solid #d6d6d6
}

.comment__form textarea {
    resize: none;
    height: 100px
}

.comment__form__footer {
    padding: 15px 0 0;
    text-align: right
}

.comment__error {
    display: block;
    position: relative;
    padding: 5px 0 0;
    font-size: 11px;
    color: #d00000
}

.comment__error:empty {
    padding: 0
}

.comment__disclaimer {
    padding: 5px 0 0;
    font-size: 11px;
    color: #979797
}

.comment__button.send {
    background: #3ca5dd;
    border: 1px solid #3ca5dd;
    font-size: 13px;
    color: #fff;
    padding: 8px 15px
}

.comment__button.send:hover {
    color: #fff;
    background: #228cc4;
    border: 1px solid #228cc4
}

.comment__button.action {
    display: inline-block;
    background: transparent;
    border: 1px solid transparent;
    box-shadow: none;
    padding: 4px 5px;
    border-radius: 8px;
    font-size: 11px;
    color: #666
}

@media (min-width: 700px) {
    .comment__button.action {
        font-size:12px
    }
}

.comment__button.action:hover {
    box-shadow: none;
    background: #f5f5f5;
    border: 1px solid transparent;
    color: #2a2a2a
}

.comment__button.action .icon {
    margin-right: 2px;
    width: 15px;
    height: 15px;
    vertical-align: top
}

.comment__report.sticky {
    position: absolute;
    z-index: 1;
    top: 16px;
    right: -5px;
    background: #fff;
    padding-left: 10px
}

@media (min-width: 700px) {
    .comment__report.sticky {
        top:-3px
    }
}

.comment__tooltips {
    position: relative
}

.comment__tooltips:after {
    content: attr(data-tooltips);
    opacity: 0;
    visibility: hidden;
    max-width: 120px;
    min-width: 100px;
    position: absolute;
    bottom: -8px;
    border-radius: 5px;
    right: 35px;
    z-index: 1;
    background: #fff;
    padding: 5px 8px;
    box-shadow: 1px 1px 5px 0 rgba(0,0,0,.3);
    font-size: 10px;
    text-align: left
}

.comment__tooltips:before {
    content: "";
    opacity: 0;
    visibility: hidden;
    position: absolute;
    bottom: 5px;
    right: 30px;
    width: 0;
    height: 0;
    border-top: 0 solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #fff;
    border-left: 0 solid transparent;
    transform: rotate(45deg);
    z-index: 3;
    box-shadow: 2px -2px 3px 0 rgba(0,0,0,.2)
}

.comment__tooltips:hover:after,.comment__tooltips:hover:before {
    opacity: 1;
    visibility: visible
}

.comment__list {
    position: relative;
    padding: 10px 0
}

.comment__item {
    position: relative;
    padding: 20px 0 20px 50px;
    border-bottom: 1px solid #d6d6d6
}

.comment__item:last-child {
    border-bottom: transparent
}

@media (min-width: 700px) {
    .comment__item {
        padding:20px 0 20px 60px
    }
}

.comment__avatar {
    position: absolute;
    top: 20px;
    left: 0;
    width: 40px;
    height: 40px;
    z-index: 1;
    border-radius: 100%;
    background: #a7d98c
}

@media (min-width: 700px) {
    .comment__avatar {
        width:40px;
        height: 40px
    }
}

.comment__avatar:before {
    content: attr(data-init);
    display: block;
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 12px 0;
    font-size: 17px;
    line-height: 1;
    color: #fff
}

@media (min-width: 700px) {
    .comment__avatar:before {
        font-size:17px;
        padding: 12px 0
    }
}

.comment__user {
    font-size: 15px;
    font-weight: 700
}

@media (min-width: 700px) {
    .comment__user {
        display:inline-block;
        padding: 0 15px 0 0
    }
}

.comment__date {
    display: inline-block;
    padding: 3px 0;
    font-size: 12px;
    color: #a9a9a9
}

@media (min-width: 700px) {
    .comment__date {
        padding:0
    }
}

.comment__date .icon {
    width: 13px;
    height: 13px;
    vertical-align: top;
    display: none
}

@media (min-width: 700px) {
    .comment__date .icon {
        display:inline-block
    }
}

.comment__content {
    padding: 10px 0 15px;
    word-break: break-word;
    font-size: 14px;
    font-weight: 400
}

.comment__reply {
    position: relative;
    padding: 10px 0;
    text-align: right
}

.comment__reply textarea {
    resize: none;
    height: 100px;
    margin: 0 0 15px
}

.comment__reply__list {
    padding: 10px 0 0
}

.comment__reply__list .comment__item {
    border-bottom: transparent;
    padding: 10px 15px 0 50px;
    background: #f2f2f2;
    border-radius: 5px;
    border: 1px solid #d6d6d6
}

.comment__reply__list .comment__avatar {
    top: 5px;
    left: 5px;
    transform: scale(.75)
}

.comment__reply__list .comment__content {
    padding: 5px 0 10px
}

.comment__action {
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 0 -6px
}

.comment__subitem {
    padding: 0 2px
}

@media (min-width: 700px) {
    .comment__subitem {
        padding:0 20px
    }
}

.comment__subitem:first-child {
    padding: 0 2px 0 0
}

@media (min-width: 700px) {
    .comment__subitem:first-child {
        padding:0 10px 0 0
    }
}

.comment__subitem--right {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1
}

@media (min-width: 700px) {
    .comment__subitem--right {
        padding:0
    }
}

.comment__footer {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 0 10px
}

@media (min-width: 700px) {
    .comment__footer {
        padding:0;
        bottom: 20px;
        left: 20px;
        width: calc(100% - 40px)
    }
}

.comment__footer:after {
    content: "";
    width: 100%;
    height: 120px;
    background: #fff;
    background: linear-gradient(180deg,rgba(245,252,255,0),#f5fcff);
    position: absolute;
    top: -120px;
    left: 0;
    z-index: 1
}

.comment__other {
    display: block;
    text-align: center;
    text-transform: uppercase;
    border-radius: 10px;
    background: #3ca5dd;
    border: 1px solid #3ca5dd;
    padding: 12px 15px;
    margin: 0 10px;
    font-size: 12px;
    color: #fff
}

@media (min-width: 700px) {
    .comment__other {
        margin:0
    }
}

.comment__other:hover {
    color: #fff;
    background: #228cc4;
    border: 1px solid #228cc4
}

.comment__article {
    position: relative;
    background: #f0f0f0;
    border-radius: 15px;
    padding: 20px;
    margin: 20px 0 10px
}

.comment__article:after,.comment__article:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    z-index: 1;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%
}

@media (max-width: 700px) {
    .comment__article:after,.comment__article:before {
        content:none;
        background-image: none!important
    }
}

.comment__article:before {
    top: 10px;
    left: 10px
}

.comment__article:after {
    bottom: 10px;
    right: 10px
}

.comment__article__top {
    position: relative;
    display: -ms-flexbox;
    display: flex
}

.comment__article__bottom {
    position: relative;
    margin: 20px 0 0;
    border-top: 1px solid #e0e0e0
}

.comment__article__left {
    width: 40%
}

.comment__article__right {
    width: 100%
}

@media (min-width: 700px) {
    .comment__article__right {
        width:60%;
        padding: 0 30px 0 20px
    }
}

.comment__article__img {
    overflow: hidden;
    margin: 0 -10px
}

@media (min-width: 700px) {
    .comment__article__img {
        margin:0;
        border-radius: 15px
    }
}

@media (max-width: 1100px) {
    .comment__article__img {
        margin:0;
        padding: 0 15px 0 0
    }
}

.comment__article__img img {
    max-width: 100%;
    width: 100%;
    height: auto;
    vertical-align: top;
    border: 0;
    -ms-interpolation-mode: bicubic
}

.comment__article__title {
    margin: 0 0 10px;
    font-size: 17px;
    font-weight: 700;
    color: #000
}

@media (min-width: 700px) {
    .comment__article__title {
        font-size:16px;
        height: auto;
        max-height: 42px;
        overflow: hidden
    }
}

.comment__article__author {
    font-size: 12px;
    font-weight: 700;
    color: #000
}

.comment__article__date {
    padding: 5px 0;
    font-size: 12px;
    color: #6d6d6d
}

.comment__article__lead {
    margin: 10px 0 15px;
    height: auto;
    max-height: 50px;
    overflow: hidden;
    font-size: 13px
}

.comment__article__link {
    font-weight: 700;
    color: #3ca5dd
}

.comment__article .comment__item {
    padding: 20px 0 5px 60px
}

.comment__article .comment__report.sticky {
    background: #f0f0f0
}

.comment__article>.icon-pin {
    position: absolute;
    z-index: 1;
    right: 20px;
    top: 20px;
    padding: 10px;
    background-size: 12px;
    border-radius: 4px;
    background-color: #3ca5dd
}

.comment__paging {
    position: relative;
    padding: 20px 0;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.comment__paging__button {
    display: inline-block;
    padding: 9px 12px 7px;
    background: #3ca5dd;
    border-radius: 100%;
    line-height: 1
}

.comment__paging__button:hover {
    background: #228cc4
}

.comment__paging__button .icon {
    width: 9px;
    height: 14px
}

.comment__paging__text {
    padding: 7px 15px;
    font-weight: 700;
    color: #000
}

.comment__sorting {
    position: relative;
    padding: 30px 0 0
}

.comment__sorting__form {
    position: relative;
    text-align: right;
    margin-bottom: -18px
}

.comment__sorting__form li,.comment__sorting__form ul {
    display: inline-block;
    position: relative
}

.comment__sorting__form li {
    padding: 0 5px
}

.comment__sorting__form li:after {
    content: "|";
    position: absolute;
    right: -3px;
    top: 5px
}

.comment__sorting__form li:last-child:after {
    content: ""
}

.comment__sorting__form li a {
    color: #ccc;
    font-weight: 500;
    padding: 5px;
    display: block
}

.comment__sorting__form li a:hover {
    color: #2a2a2a
}

.comment__sorting__form li.active a {
    color: #3ca5dd
}

.comment__board {
    position: relative;
    padding: 40px 0;
    text-align: center
}

.comment__message {
    color: #666
}

.comment__message a {
    text-decoration: underline;
    color: #3ca5dd;
    display: block
}

@media (min-width: 700px) {
    .comment__message a {
        display:inline-block
    }
}

.comment__message .icon {
    display: inline-block;
    margin: 0 0 0 5px;
    width: 15px;
    height: 15px;
    vertical-align: text-bottom
}

.cm__widget {
    position: relative
}

.cm__wBox {
    background: #f5fcff;
    padding: 5px 0
}

.cm__wItem {
    position: relative;
    border-bottom: 1px solid #e6e6e6;
    padding: 15px
}

.cm__wItem:last-child {
    border-bottom: none
}

.cm__wUsername {
    display: inline-block;
    font-size: 15px;
    font-weight: 700
}

.cm__wComment {
    position: relative;
    margin: 10px 0 0;
    font-size: 15px;
    line-height: 1.5
}

.cm__wImg {
    float: left;
    width: 70px;
    height: 70px;
    overflow: hidden;
    margin-right: 10px
}

.cm__wNews {
    padding: 0;
    background: #e4f4fc;
    border-radius: 5px;
    overflow: hidden
}

.cm__wNews h4 {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    height: 39px;
    overflow: hidden;
    margin: 7px 10px 0
}

.cm__wNews span {
    display: block;
    padding: 3px 0 0;
    font-size: 11px
}

.cm__wLink {
    display: block
}

.cm__wLink:hover {
    color: inherit
}

.cm__wLink:hover .cm__wNews {
    background: #d6eefa
}

.cm__wLink:hover .cm__wComment:after {
    border-right: 2px solid #000;
    border-bottom: 2px solid #000
}

.cm__wFooter {
    background: #f5fcff;
    padding: 5px 0;
    text-align: center
}

.cm__wFooter a {
    letter-spacing: 0;
    font-weight: 700
}

.cm__wFooter a:hover {
    background: transparent;
    color: #000
}

.comment__wrap .icon-thumbs-up {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDUwIDQ1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDUwIDQ1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiM2NjY2NjY7fTwvc3R5bGU+PHRpdGxlPjwvdGl0bGU+PGcgaWQ9Imljb21vb24taWdub3JlIj48L2c+PHBhdGggY2xhc3M9InN0MCIgZD0iTTk3LDM1M2MwLTguOC03LjMtMTYtMTYtMTZzLTE2LDcuMy0xNiwxNnM3LjMsMTYsMTYsMTZTOTcsMzYxLjgsOTcsMzUzeiBNMzg1LDIwOWMwLTE3LTE1LjMtMzItMzItMzJoLTg4YzAtMjkuMywyNC01MC41LDI0LTgwYzAtMjkuMy01LjgtNDgtNDAtNDhjLTE2LDE2LjMtNy44LDU0LjUtMzIsODBjLTcsNy4zLTEzLDE1LTE5LjMsMjIuOGMtMTEuMywxNC41LTQxLDU3LjMtNjAuOCw1Ny4zaC04djE2MGg4YzE0LDAsMzcsOSw1MC41LDEzLjhjMjcuNSw5LjUsNTYsMTguMyw4NS41LDE4LjNoMzAuM2MyOC4zLDAsNDgtMTEuMyw0OC00MS44YzAtNC44LTAuNS05LjUtMS4zLTE0YzEwLjUtNS44LDE2LjMtMjAsMTYuMy0zMS41YzAtNi0xLjUtMTItNC41LTE3LjNjOC41LTgsMTMuMy0xOCwxMy4zLTI5LjhjMC04LTMuNS0xOS44LTguOC0yNS44QzM3OCwyNDAuOCwzODUsMjE4LjMsMzg1LDIwOXogTTQxNywyMDguOGMwLDE0LjUtNC4zLDI4LjgtMTIuMyw0MC44YzEuNSw1LjUsMi4zLDExLjUsMi4zLDE3LjNjMCwxMi41LTMuMywyNS05LjUsMzZjMC41LDMuNSwwLjgsNy4zLDAuOCwxMC44YzAsMTYtNS4zLDMyLTE1LDQ0LjVjMC41LDQ3LjMtMzEuOCw3NS03OCw3NUgyNzNjLTM1LjUsMC02OC41LTEwLjUtMTAxLjUtMjJjLTcuMy0yLjUtMjcuNS0xMC0zNC41LTEwSDY1Yy0xNy44LDAtMzItMTQuMy0zMi0zMlYyMDljMC0xNy44LDE0LjMtMzIsMzItMzJoNjguNWM5LjgtNi41LDI2LjgtMjksMzQuMy0zOC44YzguNS0xMSwxNy4zLTIxLjgsMjYuOC0zMmMxNS0xNiw3LTU1LjUsMzItODBjNi01LjgsMTQtOS4zLDIyLjUtOS4zYzI2LDAsNTEsOS4zLDYzLjMsMzMuNUMzMjAsNjUuOCwzMjEsODAuMywzMjEsOTdjMCwxNy41LTQuNSwzMi41LTEyLDQ4aDQ0QzM4Ny41LDE0NSw0MTcsMTc0LjMsNDE3LDIwOC44eiIvPjwvc3ZnPg==)
}

.comment__wrap .icon-thumbs-down {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDUwIDQ1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDUwIDQ1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiM2NjY2NjY7fTwvc3R5bGU+PHRpdGxlPjwvdGl0bGU+PGcgaWQ9Imljb21vb24taWdub3JlIj48L2c+PHBhdGggY2xhc3M9InN0MCIgZD0iTTk3LDk3YzAtOC44LTcuMy0xNi0xNi0xNnMtMTYsNy4zLTE2LDE2czcuMywxNiwxNiwxNlM5NywxMDUuOCw5Nyw5N3ogTTM4NSwyNDFjMC05LjMtNy0zMS44LTE4LjgtMzJjNS4zLTYsOC44LTE3LjgsOC44LTI1LjhjMC0xMS44LTQuOC0yMS44LTEzLjMtMjkuOGMzLTUuMyw0LjUtMTEuMyw0LjUtMTcuM2MwLTExLjUtNS44LTI1LjgtMTYuMy0zMS41YzAuOC00LjUsMS4zLTkuMywxLjMtMTRjMC0yOS4zLTE4LjUtNDEuOC00Ni4zLTQxLjhoLTMyYy0yOS41LDAtNTgsOC44LTg1LjUsMTguM0MxNzQsNzIsMTUxLDgxLDEzNyw4MWgtOHYxNjBoOGMxOS44LDAsNDkuNSw0Mi44LDYwLjgsNTcuM0MyMDQsMzA2LDIxMCwzMTMuOCwyMTcsMzIxYzI0LjMsMjUuNSwxNiw2My44LDMyLDgwYzM0LjMsMCw0MC0xOC44LDQwLTQ4YzAtMjkuNS0yNC01MC44LTI0LTgwaDg4QzM2OS44LDI3MywzODUsMjU4LDM4NSwyNDF6IE00MTcsMjQxLjNjMCwzNC41LTI5LjUsNjMuOC02NCw2My44aC00NGM3LjUsMTUuNSwxMiwzMC41LDEyLDQ4YzAsMTYuNS0xLDMxLjUtOC44LDQ2LjVDMzAwLDQyMy44LDI3NSw0MzMsMjQ5LDQzM2MtOC41LDAtMTYuNS0zLjUtMjIuNS05LjNjLTI1LTI0LjUtMTcuMy02NC0zMi04MC4zYy05LjUtMTAtMTguMy0yMC44LTI2LjgtMzEuOGMtNy41LTkuOC0yNC41LTMyLjMtMzQuMy0zOC44SDY1Yy0xNy44LDAtMzItMTQuMy0zMi0zMlY4MWMwLTE3LjgsMTQuMy0zMiwzMi0zMmg3MmM3LDAsMjcuMy03LjUsMzQuNS0xMGMzNi0xMi41LDY3LjMtMjIsMTA1LjgtMjJoMjhjNDUuNSwwLDc4LjMsMjcsNzgsNzMuOFY5MmM5LjgsMTIuNSwxNSwyOC41LDE1LDQ0LjVjMCwzLjUtMC4zLDcuMy0wLjgsMTAuOGM2LjMsMTEsOS41LDIzLjUsOS41LDM2YzAsNS44LTAuOCwxMS44LTIuMywxNy4zQzQxMi44LDIxMi41LDQxNywyMjYuOCw0MTcsMjQxLjN6Ii8+PC9zdmc+)
}

.comment__wrap .icon-reply {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDUwIDQ1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDUwIDQ1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiM2NjY2NjY7fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTQzNy42LDM3Mi42QzQyMC45LDIzNiwzMDcuMywxMzEuOSwxNzAuOCwxMjUuOVY5NS4xYzAtMjMuNC0xMi43LTMxLjctMjMuNy0zMS43Yy03LjksMC0xNiw0LTI0LDEybC05Ni4zLDk2LjNjLTE5LjQsMTkuNC0xOS40LDUwLjksMCw3MC4zbDk2LjMsOTYuM2M3LjksNy45LDE2LDEyLDI0LDEyYzEwLjksMCwyMy43LTguMywyMy43LTMxLjd2LTMyLjljMTUuNS0zLDMxLjMtNC42LDQ2LjktNC42Yzc3LjcsMCwxNTEuNSwzNy41LDE5Ny41LDEwMC4zYzIuNCwzLjMsNi4yLDUuMSwxMC4xLDUuMWMxLjUsMCwzLjEtMC4zLDQuNi0wLjlDNDM1LjEsMzgzLjYsNDM4LjMsMzc4LjIsNDM3LjYsMzcyLjZ6IE0zNDEuNiwyODYuNGMtMzgtMTkuNy04MC45LTMwLjItMTI0LTMwLjJjLTIwLjgsMC00MS44LDIuNS02Mi4yLDcuM2MtNS42LDEuMy05LjYsNi40LTkuNiwxMi4xdjQzYzAsMi42LTAuMyw0LjUtMC42LDUuOGMtMS4xLTAuNy0yLjctMS45LTQuNS0zLjdsLTk2LjMtOTYuM2MtOS43LTkuNy05LjctMjUuNCwwLTM1LjFMMTQwLjgsOTNjMS45LTEuOCwzLjQtMyw0LjUtMy43YzAuMywxLjMsMC42LDMuMiwwLjYsNS44djQzYzAsNi45LDUuNiwxMi41LDEyLjUsMTIuNWMxMTMuNiwwLDIxMS44LDc0LjYsMjQ0LjgsMTc5LjZDMzg0LjcsMzEyLjgsMzY0LDI5OCwzNDEuNiwyODYuNHoiLz48L3N2Zz4=)
}

.comment__wrap .icon-exclamation {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDUwIDQ1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDUwIDQ1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiM2NjY2NjY7fTwvc3R5bGU+PGc+PGc+PGc+PHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNy4yLDM0Ni45TDI1Ni45LDY0LjVjLTYuNy0xMS4xLTE4LjktMTgtMzEuOS0xOHMtMjUuMiw2LjktMzEuOSwxOEwyMi44LDM0Ni45Yy02LjksMTEuNS03LjEsMjUuOS0wLjUsMzcuNmM2LjYsMTEuNywxOSwxOSwzMi41LDE5aDM0MC42YzEzLjQsMCwyNS45LTcuMywzMi41LTE5QzQzNC40LDM3Mi44LDQzNC4yLDM1OC40LDQyNy4yLDM0Ni45eiBNNDA0LjIsMzcxLjNjLTEuOCwzLjItNS4yLDUuMi04LjksNS4ySDU0LjdjLTMuNywwLTcuMS0yLTguOS01LjJjLTEuOC0zLjItMS44LTcuMiwwLjEtMTAuNEwyMTYuMiw3OC41YzEuOC0zLjEsNS4yLTUsOC44LTVjMy42LDAsNi45LDEuOSw4LjgsNWwxNzAuMywyODIuNEM0MDYsMzY0LjEsNDA2LDM2OCw0MDQuMiwzNzEuM3oiLz48L2c+PC9nPjxnPjxnPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMjUuMSwxNTcuN2MtMTAuMywwLTE4LjMsNS41LTE4LjMsMTUuM2MwLDI5LjgsMy41LDcyLjcsMy41LDEwMi42YzAsNy44LDYuOCwxMSwxNC44LDExYzYsMCwxNC41LTMuMywxNC41LTExYzAtMjkuOCwzLjUtNzIuNywzLjUtMTAyLjZDMjQzLjIsMTYzLjIsMjM0LjksMTU3LjcsMjI1LjEsMTU3Ljd6Ii8+PC9nPjwvZz48Zz48Zz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjI1LjEsMzAzLjljLTExLDAtMTkuMyw4LjgtMTkuMywxOS4zYzAsMTAuMyw4LjMsMTkuMywxOS4zLDE5LjNjMTAuMywwLDE5LjEtOSwxOS4xLTE5LjNDMjQ0LjIsMzEyLjcsMjM1LjQsMzAzLjksMjI1LjEsMzAzLjl6Ii8+PC9nPjwvZz48L2c+PC9zdmc+)
}

.comment__wrap .icon-refresh {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDUwIDQ1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDUwIDQ1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiM2NjY2NjY7fTwvc3R5bGU+PHRpdGxlPjwvdGl0bGU+PGcgaWQ9Imljb21vb24taWdub3JlIj48L2c+PHBhdGggY2xhc3M9InN0MCIgZD0iTTQxMC44LDI2NWMwLDAuNSwwLDEuMy0wLjMsMS44QzM4OS4zLDM1NS4zLDMxNi4zLDQxNywyMjQsNDE3Yy00OC44LDAtOTYtMTkuMy0xMzEuNS01M2wtMzIuMywzMi4zYy0zLDMtNyw0LjgtMTEuMyw0LjhjLTguOCwwLTE2LTcuMy0xNi0xNlYyNzNjMC04LjgsNy4zLTE2LDE2LTE2aDExMmM4LjgsMCwxNiw3LjMsMTYsMTZjMCw0LjMtMS44LDguMy00LjgsMTEuM0wxMzgsMzE4LjVjMjMuNSwyMiw1NC44LDM0LjUsODcsMzQuNWM0NC41LDAsODUuOC0yMywxMDktNjFjNi05LjgsOS0xOS4zLDEzLjMtMjkuM2MxLjMtMy41LDMuOC01LjgsNy41LTUuOGg0OEM0MDcuMywyNTcsNDEwLjgsMjYwLjgsNDEwLjgsMjY1eiBNNDE3LDY1djExMmMwLDguOC03LjMsMTYtMTYsMTZIMjg5Yy04LjgsMC0xNi03LjMtMTYtMTZjMC00LjMsMS44LTguMyw0LjgtMTEuM2wzNC41LTM0LjVjLTIzLjgtMjItNTUtMzQuMy04Ny4zLTM0LjNjLTQ0LjUsMC04NS44LDIzLTEwOSw2MWMtNiw5LjgtOSwxOS4zLTEzLjMsMjkuM2MtMS4zLDMuNS0zLjgsNS44LTcuNSw1LjhINDUuNWMtNC41LDAtOC0zLjgtOC04di0xLjhDNTksOTQuNSwxMzIuOCwzMywyMjUsMzNjNDksMCw5Ni44LDE5LjUsMTMyLjMsNTNsMzIuNS0zMi4zYzMtMyw3LTQuOCwxMS4zLTQuOEM0MDkuOCw0OSw0MTcsNTYuMyw0MTcsNjV6Ii8+PC9zdmc+)
}

.comment__wrap .icon-clock {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDUwIDQ1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDUwIDQ1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiNBOUE5QTk7fTwvc3R5bGU+PHRpdGxlPjwvdGl0bGU+PGcgaWQ9Imljb21vb24taWdub3JlIj48L2c+PHBhdGggY2xhc3M9InN0MCIgZD0iTTI1NywxMzd2MTEyYzAsNC41LTMuNSw4LTgsOGgtODBjLTQuNSwwLTgtMy41LTgtOHYtMTZjMC00LjUsMy41LTgsOC04aDU2di04OGMwLTQuNSwzLjUtOCw4LThoMTZDMjUzLjUsMTI5LDI1NywxMzIuNSwyNTcsMTM3eiBNMzYxLDIyNWMwLTc1LTYxLTEzNi0xMzYtMTM2Uzg5LDE1MCw4OSwyMjVzNjEsMTM2LDEzNiwxMzZTMzYxLDMwMCwzNjEsMjI1eiBNNDE3LDIyNWMwLDEwNi04NiwxOTItMTkyLDE5MlMzMywzMzEsMzMsMjI1UzExOSwzMywyMjUsMzNTNDE3LDExOSw0MTcsMjI1eiIvPjwvc3ZnPg==)
}

.comment__wrap .icon-angle-left {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTY4IDQ1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTY4IDQ1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiNGRkZGRkY7fTwvc3R5bGU+PHRpdGxlPjwvdGl0bGU+PGcgaWQ9Imljb21vb24taWdub3JlIj48L2c+PHBhdGggY2xhc3M9InN0MCIgZD0iTTE1Ni44LDEyMWMwLDItMSw0LjMtMi41LDUuOEw1NiwyMjVsOTguMyw5OC4zYzEuNSwxLjUsMi41LDMuOCwyLjUsNS44cy0xLDQuMy0yLjUsNS44bC0xMi41LDEyLjVjLTEuNSwxLjUtMy44LDIuNS01LjgsMi41cy00LjMtMS01LjgtMi41TDEzLjgsMjMwLjhjLTEuNS0xLjUtMi41LTMuOC0yLjUtNS44czEtNC4zLDIuNS01LjhsMTE2LjUtMTE2LjVjMS41LTEuNSwzLjgtMi41LDUuOC0yLjVzNC4zLDEsNS44LDIuNWwxMi41LDEyLjVDMTU1LjgsMTE2LjgsMTU2LjgsMTE4LjgsMTU2LjgsMTIxeiIvPjwvc3ZnPg==)
}

.comment__wrap .icon-angle-right {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTUyIDQ1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTUyIDQ1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiNGRkZGRkY7fTwvc3R5bGU+PHRpdGxlPjwvdGl0bGU+PGcgaWQ9Imljb21vb24taWdub3JlIj48L2c+PHBhdGggY2xhc3M9InN0MCIgZD0iTTE0OC44LDIyNWMwLDItMSw0LjMtMi41LDUuOEwyOS44LDM0Ny4zYy0xLjUsMS41LTMuOCwyLjUtNS44LDIuNXMtNC4zLTEtNS44LTIuNUw1LjgsMzM0LjhjLTEuNS0xLjUtMi41LTMuNS0yLjUtNS44YzAtMiwxLTQuMywyLjUtNS44TDEwNCwyMjVMNS44LDEyNi44Yy0xLjUtMS41LTIuNS0zLjgtMi41LTUuOHMxLTQuMywyLjUtNS44bDEyLjUtMTIuNWMxLjUtMS41LDMuOC0yLjUsNS44LTIuNXM0LjMsMSw1LjgsMi41bDExNi41LDExNi41QzE0Ny44LDIyMC44LDE0OC44LDIyMywxNDguOCwyMjV6Ii8+PC9zdmc+)
}

.comment__wrap .icon-close {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTAwcHgiIGhlaWdodD0iMTAwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1MCAoNTQ5ODMpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPjMuIFRvIGNsb3NlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IjMuLVRvLWNsb3NlIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIuMDAwMDAwLCAyLjAwMDAwMCkiIHN0cm9rZT0iI0ZGNkI2QiIgc3Ryb2tlLXdpZHRoPSI0Ij4KICAgICAgICAgICAgPGNpcmNsZSBpZD0iTGF5ZXItMSIgY3g9IjQ4IiBjeT0iNDgiIHI9IjQ4Ij48L2NpcmNsZT4KICAgICAgICAgICAgPHBhdGggZD0iTTQ3LjgwNjgzNCwxOS42NzQzNDM1IEw0Ny44MDY4MzQsNzcuMjc0MzQzNSIgaWQ9IkxheWVyLTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ3LjgwNjgzNCwgNDguNDc0MzQ0KSByb3RhdGUoNDUuMDAwMDAwKSB0cmFuc2xhdGUoLTQ3LjgwNjgzNCwgLTQ4LjQ3NDM0NCkgIj48L3BhdGg+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik03Ni42MjM3OTg2LDQ4LjQ4IEwxOS4wMjM3OTg2LDQ4LjQ4IiBpZD0iTGF5ZXItMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDcuODIzNzk5LCA0OC40ODAwMDApIHJvdGF0ZSg0NS4wMDAwMDApIHRyYW5zbGF0ZSgtNDcuODIzNzk5LCAtNDguNDgwMDAwKSAiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==)
}

span.icon {
    display: inline-block;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%
}

span.icon-banned {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI0IDI0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6IzJBMkEyQTt9PC9zdHlsZT48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTIsMkM2LjUsMiwyLDYuNSwyLDEyczQuNSwxMCwxMCwxMHMxMC00LjUsMTAtMTBTMTcuNSwyLDEyLDJ6IE0xMiwyMGMtNC40LDAtOC0zLjYtOC04YzAtMS45LDAuNi0zLjYsMS43LTQuOWwxMS4yLDExLjJDMTUuNiwxOS40LDEzLjksMjAsMTIsMjB6IE0xOC4zLDE2LjlMNy4xLDUuN0M4LjQsNC42LDEwLjEsNCwxMiw0YzQuNCwwLDgsMy42LDgsOEMyMCwxMy45LDE5LjQsMTUuNiwxOC4zLDE2Ljl6Ii8+PC9zdmc+)
}

span.icon-comment {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjggMjgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI4IDI4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I0ZGRkZGRjt9LnN0MXtmaWxsOiM4Njg2ODY7fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTI0LjIsNy44QzIwLjcsMi4yLDEzLjQsMC40LDcuOCwzLjlsMCwwQzIuMiw3LjMsMC40LDE0LjYsMy44LDIwLjJjMC41LDAuOSwwLjUsMiwwLDIuOUwyLjcsMjVjLTAuMSwwLjEtMC4xLDAuMi0wLjEsMC4zYzAsMC4zLDAuMywwLjYsMC42LDAuNmgxMC41YzYuNiwwLjEsMTItNS4yLDEyLjItMTEuN0MyNS45LDExLjksMjUuMyw5LjcsMjQuMiw3Ljh6Ii8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjgxMC41NTcgLTU4Ni41MzEpIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI3Ny4wMjIgNjU1LjI4NykiPjxlbGxpcHNlIGNsYXNzPSJzdDEiIGN4PSItMTUyNC44IiBjeT0iLTU0LjgiIHJ4PSIxLjUiIHJ5PSIxLjUiLz48ZWxsaXBzZSBjbGFzcz0ic3QxIiBjeD0iLTE1MTQuMyIgY3k9Ii01NC44IiByeD0iMS41IiByeT0iMS41Ii8+PGVsbGlwc2UgY2xhc3M9InN0MSIgY3g9Ii0xNTE5LjUiIGN5PSItNTQuOCIgcng9IjEuNSIgcnk9IjEuNSIvPjwvZz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNLTI3ODUuNyw1OTMuOWMtMy43LTYtMTEuNS03LjktMTcuNS00LjJjMCwwLDAsMCwwLDBjLTYsMy43LTcuOSwxMS41LTQuMiwxNy41YzAuNiwxLDAuNiwyLjIsMCwzLjFsLTEuMiwyYy0wLjEsMC4xLTAuMSwwLjItMC4xLDAuM2MwLDAuMywwLjMsMC42LDAuNiwwLjZoMTEuMmM3LjEsMC4xLDEyLjktNS41LDEzLjEtMTIuNkMtMjc4My44LDU5OC4zLTI3ODQuNCw1OTUuOS0yNzg1LjcsNTkzLjl6IE0tMjc4Ni4xLDYwMC43Yy0wLjIsNS44LTQuOSwxMC4zLTEwLjcsMTAuM2gtOS4ybDAuNi0xYzAuNy0xLjIsMC43LTIuNywwLTRjLTAuOS0xLjQtMS40LTMtMS41LTQuN2MtMC41LTUuNywzLjgtMTAuNyw5LjUtMTEuMmMwLDAsMCwwLDAsMGMyLjktMC4yLDUuOCwwLjgsOCwyLjhDLTI3ODcuMyw1OTQuOS0yNzg2LjEsNTk3LjgtMjc4Ni4xLDYwMC43TC0yNzg2LjEsNjAwLjd6Ii8+PC9nPjwvc3ZnPg==)
}

.icon-quote-left {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDE2IDQ0OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDE2IDQ0ODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiNDQ0NDQ0M7fTwvc3R5bGU+PHRpdGxlPjwvdGl0bGU+PGcgaWQ9Imljb21vb24taWdub3JlIj48L2c+PHBhdGggY2xhc3M9InN0MCIgZD0iTTE5MiwyNDB2OTZjMCwyNi41LTIxLjUsNDgtNDgsNDhINDhjLTI2LjUsMC00OC0yMS41LTQ4LTQ4VjE2MEMwLDg5LjUsNTcuNSwzMiwxMjgsMzJoMTZjOC44LDAsMTYsNy4zLDE2LDE2djMyYzAsOC44LTcuMywxNi0xNiwxNmgtMTZjLTM1LjMsMC02NCwyOC44LTY0LDY0djhjMCwxMy4zLDEwLjgsMjQsMjQsMjRoNTZDMTcwLjUsMTkyLDE5MiwyMTMuNSwxOTIsMjQweiBNNDE2LDI0MHY5NmMwLDI2LjUtMjEuNSw0OC00OCw0OGgtOTZjLTI2LjUsMC00OC0yMS41LTQ4LTQ4VjE2MGMwLTcwLjUsNTcuNS0xMjgsMTI4LTEyOGgxNmM4LjgsMCwxNiw3LjMsMTYsMTZ2MzJjMCw4LjgtNy4zLDE2LTE2LDE2aC0xNmMtMzUuMywwLTY0LDI4LjgtNjQsNjR2OGMwLDEzLjMsMTAuOCwyNCwyNCwyNGg1NkMzOTQuNSwxOTIsNDE2LDIxMy41LDQxNiwyNDB6Ii8+PC9zdmc+)
}

.icon-quote-right {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDE2IDQ0OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDE2IDQ0ODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiNDQ0NDQ0M7fTwvc3R5bGU+PHRpdGxlPjwvdGl0bGU+PGcgaWQ9Imljb21vb24taWdub3JlIj48L2c+PHBhdGggY2xhc3M9InN0MCIgZD0iTTE5Miw4MHYxNzZjMCw3MC41LTU3LjUsMTI4LTEyOCwxMjhINDhjLTguOCwwLTE2LTcuMy0xNi0xNnYtMzJjMC04LjgsNy4zLTE2LDE2LTE2aDE2YzM1LjMsMCw2NC0yOC44LDY0LTY0di04YzAtMTMuMy0xMC44LTI0LTI0LTI0SDQ4Yy0yNi41LDAtNDgtMjEuNS00OC00OFY4MGMwLTI2LjUsMjEuNS00OCw0OC00OGg5NkMxNzAuNSwzMiwxOTIsNTMuNSwxOTIsODB6IE00MTYsODB2MTc2YzAsNzAuNS01Ny41LDEyOC0xMjgsMTI4aC0xNmMtOC44LDAtMTYtNy4zLTE2LTE2di0zMmMwLTguOCw3LjMtMTYsMTYtMTZoMTZjMzUuMywwLDY0LTI4LjgsNjQtNjR2LThjMC0xMy4zLTEwLjgtMjQtMjQtMjRoLTU2Yy0yNi41LDAtNDgtMjEuNS00OC00OFY4MGMwLTI2LjUsMjEuNS00OCw0OC00OGg5NkMzOTQuNSwzMiw0MTYsNTMuNSw0MTYsODB6Ii8+PC9zdmc+)
}

.icon-flagged {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMy41NDIiIGhlaWdodD0iMTMuNTIzIiB2aWV3Qm94PSIwIDAgMTMuNTQyIDEzLjUyMyI+ICA8ZyBpZD0iR3JvdXBfMTQ0IiBkYXRhLW5hbWU9Ikdyb3VwIDE0NCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTEwMy44NjIgLTExMi4wMjcpIj4gICAgPHBhdGggaWQ9IlBhdGhfMjYiIGRhdGEtbmFtZT0iUGF0aCAyNiIgZD0iTS0xMDkxLjMxNCwxMTUuMjY0YTYuNzcxLDYuNzcxLDAsMCwwLTkuMzEtMi4yNCw2Ljc3MSw2Ljc3MSwwLDAsMC0yLjI0LDkuMzEsMS42MDgsMS42MDgsMCwwLDEsMCwxLjY2NGwtLjYzLDEuMDY2YS4zMjUuMzI1LDAsMCwwLS4wNDUuMTY0LjMyNC4zMjQsMCwwLDAsLjMyMy4zMjNoNS45NTFhNi44OSw2Ljg5LDAsMCwwLDYuOTQ2LTYuNjcxQTYuNzU3LDYuNzU3LDAsMCwwLTEwOTEuMzE0LDExNS4yNjRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIiBmaWxsPSIjM2NhNWRkIiBvcGFjaXR5PSIwLjciLz4gICAgPHBhdGggaWQ9IlBhdGhfMjciIGRhdGEtbmFtZT0iUGF0aCAyNyIgZD0iTS05ODcuMjE3LDIyOS4zNDZhLjYzNS42MzUsMCwwLDAtLjYtLjQzOWgtMS44NzJhLjIxMS4yMTEsMCwwLDEtLjItLjE0NmwtLjU3OS0xLjc4MWEuNjM1LjYzNSwwLDAsMC0uNi0uNDM5LjYzNS42MzUsMCwwLDAtLjYuNDM5bC0uNTc4LDEuNzgxYS4yMTIuMjEyLDAsMCwxLS4yLjE0NmgtMS44NzJhLjYzNS42MzUsMCwwLDAtLjYuNDM5LjYzNC42MzQsMCwwLDAsLjIzMS43MWwxLjUxNSwxLjFhLjIxMi4yMTIsMCwwLDEsLjA3Ny4yMzdsLS41NzksMS43ODFhLjYzNS42MzUsMCwwLDAsLjIzMS43MS42MzUuNjM1LDAsMCwwLC43NDYsMGwxLjUxNS0xLjFhLjIxMi4yMTIsMCwwLDEsLjI0OSwwbDEuNTE1LDEuMWEuNjI1LjYyNSwwLDAsMCwuNzQ2LDAsLjYyNi42MjYsMCwwLDAsLjIzMS0uNzFsLS41NzktMS43ODFhLjIxMS4yMTEsMCwwLDEsLjA3Ny0uMjM3bDEuNTE1LTEuMUEuNjM1LjYzNSwwLDAsMC05ODcuMjE3LDIyOS4zNDZaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTA2LjAxMyAtMTExLjQ4NSkiIGZpbGw9IiNmZmYiLz4gIDwvZz48L3N2Zz4=)
}

.comment__icon {
    position: relative;
    background: transparent;
    padding: 0;
    vertical-align: text-bottom;
    width: 30px;
    height: 30px;
    margin-left: 3px;
    transition: all .2s ease
}

.comment__icon .icon {
    width: 100%;
    height: 100%
}

body:after {
    content: "";
    background: transparent
}

input[type=radio] {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 0;
    border: none;
    line-height: 1;
    box-shadow: none;
    position: relative
}

input[type=radio]:before {
    content: "";
    background: #f4f4f4;
    border-radius: 100%;
    border: 1px solid #545454;
    display: inline-block;
    width: 14px;
    height: 14px;
    position: relative;
    top: 0;
    margin-right: 0;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    transition: all .2s ease
}

input[type=radio]:checked:before {
    border: 1px solid #424242;
    background: #3ca5dd;
    box-shadow: inset 0 0 0 1.5px #fff
}

.cReport {
    position: relative;
    max-width: 350px;
    margin: 0 auto
}

@media (min-width: 700px) {
    .cReport {
        max-width:450px
    }
}

.cReport__box {
    position: relative;
    padding: 15px;
    background: #fff;
    border-radius: 10px
}

@media (min-width: 700px) {
    .cReport__box {
        padding:25px
    }
}

.cReport__title {
    margin: 0 0 15px;
    font-size: 18px;
    font-weight: 500
}

.cReport__option {
    position: relative;
    padding: 0 0 5px
}

.cReport__option label {
    cursor: pointer;
    display: block;
    padding: 5px 0 5px 20px
}

.cReport__item {
    display: inline-block
}

.cReport__radio {
    position: absolute;
    z-index: 1;
    top: 3px;
    left: 0
}

.cReport__other {
    display: none;
    position: relative;
    padding: 10px 0 0 20px
}

.cReport__other textarea {
    width: 100%;
    height: 85px;
    outline: 0;
    resize: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 5px;
    font-size: 16px;
    padding: 10px
}

.cReport__other.show {
    display: block
}

.cReport__button {
    cursor: pointer;
    outline: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: #fff;
    border: 2px solid #fff;
    padding: 2px 10px;
    text-transform: uppercase;
    transition: all .2s ease;
    font-weight: 500;
    color: #3ca5dd
}

.cReport__button:hover {
    color: #000
}

.cReport__button.disabled,.cReport__button.disabled:hover {
    color: #b7b7b7
}

.cReport__footer {
    margin: 15px -15px -15px;
    padding: 10px;
    text-align: right;
    border-top: 1px solid #ebebeb
}

@media (min-width: 700px) {
    .cReport__footer {
        padding:15px 10px 10px;
        margin: 15px -25px -15px
    }
}

#kcm-modals {
    visibility: hidden;
    opacity: 0
}

.modals {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative
}

@media (min-width: 700px) {
    .modals {
        overflow:inherit
    }
}

.modals:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.8);
    z-index: 100!important;
    transition: all .2s ease
}

@media (max-width: 1100px) {
    .modals:after {
        width:1100px
    }
}

.modals__content {
    position: relative;
    top: 50%;
    padding: 0 20px;
    opacity: 0;
    transform: translateY(-50%);
    transition: all .2s ease
}

.modals .modals__content {
    opacity: 1
}

.modals #kcm-modals {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 101!important;
    visibility: visible;
    opacity: 1
}

.comment__row .cReport {
    display: none
}

.mt1 {
    margin-top: 10px
}

.mt2 {
    margin-top: 20px
}

.mt3 {
    margin-top: 30px
}

.mt4 {
    margin-top: 40px
}

.mt5 {
    margin-top: 50px
}

.mt6 {
    margin-top: 60px
}

.mt7 {
    margin-top: 70px
}

.display-table {
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.display-center {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    height: 100%
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.divider {
    padding: 2px 0;
    background: #f0f0f0;
    margin: 40px 0
}

.pull-right {
    float: right
}

.col-bs9-7 .read__content {
    margin-right: -15px
}

.title .form__input,.title .form__select {
    height: 35px;
    font-size: 13px
}

.title .form__select__wrap:after {
    top: 10px
}

.header__row>div>div {
    width: 35%
}

.header__row>div>div:last-child {
    width: 65%;
    text-align: right
}

.color--juara {
    color: red
}

.color--kompasiana {
    color: #3dc3e0
}

.color--otomania {
    color: #c30000
}

.color--gramedia {
    color: #2eac71
}

.color--advertorial,.color--brandzview,.color--sponsored {
    color: #3ca5dd!important
}

.color--premium {
    color: #005496!important
}

.box--advertorial,.box--brandzview,.box--sponsored {
    background: #3ca5dd!important;
    color: #fff!important
}

.highlight .article__title {
    height: 86px;
    overflow: hidden
}

.topic {
    margin-bottom: 0
}

.topic .article__grid {
    margin-bottom: 15px
}

.topic .article__list__item {
    margin-bottom: 0
}

.topic .article__box--offset-0 {
    background: #f0f0f0;
    padding: 10px 0 0
}

.topic .article__link {
    height: 63px;
    overflow: hidden
}

.article__list__asset .article__asset {
    height: 117px;
    overflow: hidden;
    background: #f0f0f0
}

.article__list__asset .article__asset img {
    width: auto;
    max-width: none;
    height: 100%;
    margin: 0 auto
}

.article__time~.article__asset {
    background: #000
}

.article__list--video .article__list__asset .article__asset {
    height: 327px
}

.lensa--photo--wp .article__asset {
    height: 416px;
    overflow: hidden
}

.lensa--photo--wp .article__asset img {
    position: absolute;
    width: 100%;
    height: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.ga--vik-gate {
    padding: 20px 0 0
}

.page--read .kcm__stick {
    top: 165px
}

.page--read .kcm__stick--sticky {
    top: 108px
}

.latest--small {
    position: relative
}

.latest--small .article__boxsubtitle {
    top: 10px;
    padding: 5px
}

.latest--small .article__box {
    margin: -20px 6px 0
}

.latest--small .article__subtitle {
    font-size: 11px
}

.latest--small .article__title {
    max-height: 105px;
    font-size: 18px;
    overflow: hidden
}

.latest--small .article__wrap__grid--flex>div {
    padding-left: 10px;
    padding-right: 10px
}

#related-regional,#related-regional.display--hide {
    display: none
}

#related-regional.display--show {
    display: block
}

.channel__regional {
    position: relative;
    padding: 0 0 15px
}

.channel__regional .article__box {
    margin: 0;
    padding: 10px 0
}

.channel__regional .button {
    letter-spacing: 0;
    padding: 0
}

.channel__regional .button:hover {
    background: transparent;
    color: #000
}

.channel__regional.cl-reg1 .button {
    color: #d84414
}

.channel__regional.cl-reg1 .title__content:after {
    border-bottom: 5px solid #d84414
}

.channel__regional.cl-reg2 .button {
    color: #fa0504
}

.channel__regional.cl-reg2 .title__content:after {
    border-bottom: 5px solid #fa0504
}

.channel__regional.cl-reg3 .button {
    color: #0db24a
}

.channel__regional.cl-reg3 .title__content:after {
    border-bottom: 5px solid #0db24a
}

.channel__regional.cl-reg4 .button {
    color: #26afe5
}

.channel__regional.cl-reg4 .title__content:after {
    border-bottom: 5px solid #26afe5
}

.channel__regional.cl-reg5 .button {
    color: #bad107
}

.channel__regional.cl-reg5 .title__content:after {
    border-bottom: 5px solid #bad107
}

.channel__regional__theme {
    position: relative
}

.channel__regional__theme.reg1 .title__content:after {
    border-bottom: 5px solid #d84414
}

.channel__regional__theme.reg1 .article__boxsubtitle,.channel__regional__theme.reg1 .article__subtitle--inline {
    color: #d84414
}

@keyframes d {
    0% {
        opacity: .1
    }

    50% {
        opacity: 1
    }

    to {
        opacity: .1
    }
}

@keyframes e {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,-1000px,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,5px,0)
    }

    75% {
        transform: translate3d(0,1px,0)
    }

    90% {
        transform: translateZ(0)
    }

    to {
        transform: none
    }
}

@keyframes f {
    0% {
        transform: translate3d(-100%,0,0)
    }

    to {
        transform: translate3d(100%,0,0)
    }
}