/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=54f914a980c3fe7e42203daee70d68ff)
 * Config saved to config.json and https://gist.github.com/54f914a980c3fe7e42203daee70d68ff
 */ /*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css*/

/*
 html{
	 font-family:sans-serif;
	 -ms-text-size-adjust:100%;
	 -webkit-text-size-adjust:100%
	}
	body{margin:0}
	article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
	audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
	audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}
	a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
    /* @media print {
        *,
        *:before,
        *:after {
          background: transparent !important;
          color: #000 !important;
          -webkit-box-shadow: none !important;
          box-shadow: none !important;
          text-shadow: none !important;
        }
        a,
        a:visited {
          text-decoration: underline;
        }
        a[href]:after {
          content: " (" attr(href) ")";
        }
        abbr[title]:after {
          content: " (" attr(title) ")";
        }
        a[href^="#"]:after,
        a[href^="javascript:"]:after {
          content: "";
        }
        pre,
        blockquote {
          border: 1px solid #999;
          page-break-inside: avoid;
        }
        thead {
          display: table-header-group;
        }
        tr,
        img {
          page-break-inside: avoid;
        }
        img {
          max-width: 100% !important;
        }
        p,
        h2,
        h3 {
          orphans: 3;
          widows: 3;
        }
        h2,
        h3 {
          page-break-after: avoid;
        }
        .navbar {
          display: none;
        }
        .btn > .caret,
        .dropup > .btn > .caret {
          border-top-color: #000 !important;
        }
        .label {
          border: 1px solid #000;
        }
        .table {
          border-collapse: collapse !important;
        }
        .table td,
        .table th {
          background-color: #fcfcfc !important;
        }
        .table-bordered th,
        .table-bordered td {
          border: 1px solid #ddd !important;
        }
      }
      * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
      }
      *:before,
      *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
      }
      html {
        font-size: 10px;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      }
      body {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 1.42857143;
        color: #222;
        background-color: #fcfcfc;
      }
      input,
      button,
      select,
      textarea {
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
      }
      a {
        color: #337ab7;
        text-decoration: none;
      }
      a:hover,
      a:focus {
        color: #23527c;
        text-decoration: none !important;
      }
      a:focus {
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
      }
      figure {
        margin: 0;
      }
      img {
        vertical-align: middle;
      }
      .img-responsive,
      .carousel-inner > .item > img,
      .carousel-inner > .item > a > img {
        display: block;
        max-width: 100%;
        height: auto;
      }
      .img-rounded {
        border-radius: 6px;
      }
      .img-thumbnail {
        padding: 4px;
        line-height: 1.42857143;
        background-color: #fcfcfc;
        border: 1px solid #ddd;
        border-radius: 4px;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        display: inline-block;
        max-width: 100%;
        height: auto;
      }
      .img-circle {
        border-radius: 50%;
      }
      hr {
        margin-top: 20px;
        margin-bottom: 20px;
        border: 0;
        border-top: 1px solid #eee;
      }
      .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
      }
      .sr-only-focusable:active,
      .sr-only-focusable:focus {
        position: static;
        width: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        clip: auto;
      }
      [role="button"] {
        cursor: pointer;
      }
      h1,
      h2,
      h3,
      h4,
      h5,
      h6,
      .h1,
      .h2,
      .h3,
      .h4,
      .h5,
      .h6 {
        font-family: inherit;
        font-weight: 500;
        line-height: 1.1;
        color: inherit;
      }
      h1 small,
      h2 small,
      h3 small,
      h4 small,
      h5 small,
      h6 small,
      .h1 small,
      .h2 small,
      .h3 small,
      .h4 small,
      .h5 small,
      .h6 small,
      h1 .small,
      h2 .small,
      h3 .small,
      h4 .small,
      h5 .small,
      h6 .small,
      .h1 .small,
      .h2 .small,
      .h3 .small,
      .h4 .small,
      .h5 .small,
      .h6 .small {
        font-weight: normal;
        line-height: 1;
        color: #777;
      }
      h1,
      .h1,
      h2,
      .h2,
      h3,
      .h3 {
        margin-top: 20px;
        margin-bottom: 10px;
      }
      h1 small,
      .h1 small,
      h2 small,
      .h2 small,
      h3 small,
      .h3 small,
      h1 .small,
      .h1 .small,
      h2 .small,
      .h2 .small,
      h3 .small,
      .h3 .small {
        font-size: 65%;
      }
      h4,
      .h4,
      h5,
      .h5,
      h6,
      .h6 {
        margin-top: 10px;
        margin-bottom: 10px;
      }
      h4 small,
      .h4 small,
      h5 small,
      .h5 small,
      h6 small,
      .h6 small,
      h4 .small,
      .h4 .small,
      h5 .small,
      .h5 .small,
      h6 .small,
      .h6 .small {
        font-size: 75%;
      }
      h1,
      .h1 {
        font-size: 36px;
      }
      h2,
      .h2 {
        font-size: 30px;
      }
      h3,
      .h3 {
        font-size: 21px;
        font-family: arial;
        font-weight: bold;
      }
      h4,
      .h4 {
        font-size: 18px;
      }
      h5,
      .h5 {
        font-size: 14px;
      }
      h6,
      .h6 {
        font-size: 12px;
      }
      p {
        margin: 0 0 10px;
      }
      .lead {
        margin-bottom: 20px;
        font-size: 16px;
        font-weight: 300;
        line-height: 1.4;
      }
      @media (min-width: 768px) {
        .lead {
          font-size: 21px;
        }
      }
      small,
      .small {
        font-size: 85%;
      }
      mark,
      .mark {
        background-color: #fcf8e3;
        padding: 0.2em;
      }
      .text-left {
        text-align: left;
      }
      .text-right {
        text-align: right;
      }
      .text-center {
        text-align: center;
      }
      .text-justify {
        text-align: justify;
      }
      .text-nowrap {
        white-space: nowrap;
      }
      .text-lowercase {
        text-transform: lowercase;
      }
      .text-uppercase {
        text-transform: uppercase;
      }
      .text-capitalize {
        text-transform: capitalize;
      }
      .text-muted {
        color: #777;
      }
      .text-primary {
        color: #337ab7;
      }
      a.text-primary:hover,
      a.text-primary:focus {
        color: #286090;
      }
      .text-success {
        color: #3c763d;
      }
      a.text-success:hover,
      a.text-success:focus {
        color: #2b542c;
      }
      .text-info {
        color: #31708f;
      }
      a.text-info:hover,
      a.text-info:focus {
        color: #245269;
      }
      .text-warning {
        color: #8a6d3b;
      }
      a.text-warning:hover,
      a.text-warning:focus {
        color: #66512c;
      }
      .text-danger {
        color: #a94442;
      }
      a.text-danger:hover,
      a.text-danger:focus {
        color: #843534;
      }
      .bg-primary {
        color: #fcfcfc;
        background-color: #337ab7;
      }
      a.bg-primary:hover,
      a.bg-primary:focus {
        background-color: #286090;
      }
      .bg-success {
        background-color: #dff0d8;
      }
      a.bg-success:hover,
      a.bg-success:focus {
        background-color: #c1e2b3;
      }
      .bg-info {
        background-color: #d9edf7;
      }
      a.bg-info:hover,
      a.bg-info:focus {
        background-color: #afd9ee;
      }
      .bg-warning {
        background-color: #fcf8e3;
      }
      a.bg-warning:hover,
      a.bg-warning:focus {
        background-color: #f7ecb5;
      }
      .bg-danger {
        background-color: #f2dede;
      }
      a.bg-danger:hover,
      a.bg-danger:focus {
        background-color: #e4b9b9;
      }
      .page-header {
        padding-bottom: 9px;
        margin: 40px 0 20px;
        border-bottom: 1px solid #eee;
      }
      ul,
      ol {
        margin-top: 0;
        margin-bottom: 10px;
      }
      ul ul,
      ol ul,
      ul ol,
      ol ol {
        margin-bottom: 0;
      }
      .list-unstyled {
        padding-left: 0;
        list-style: none;
      }
      .list-inline {
        padding-left: 0;
        list-style: none;
        margin-left: -5px;
      }
      .list-inline > li {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px;
      }
      dl {
        margin-top: 0;
        margin-bottom: 20px;
      }
      dt,
      dd {
        line-height: 1.42857143;
      }
      dt {
        font-weight: bold;
      }
      dd {
        margin-left: 0;
      }
      @media (min-width: 768px) {
        .dl-horizontal dt {
          float: left;
          width: 160px;
          clear: left;
          text-align: right;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
        }
        .dl-horizontal dd {
          margin-left: 180px;
        }
      }
      abbr[title],
      abbr[data-original-title] {
        cursor: help;
        border-bottom: 1px dotted #777;
      }
      .initialism {
        font-size: 90%;
        text-transform: uppercase;
      }
      blockquote {
        padding: 10px 20px;
        margin: 0 0 20px;
        font-size: 17.5px;
        border-left: 5px solid #eee;
      }
      blockquote p:last-child,
      blockquote ul:last-child,
      blockquote ol:last-child {
        margin-bottom: 0;
      }
      blockquote footer,
      blockquote small,
      blockquote .small {
        display: block;
        font-size: 80%;
        line-height: 1.42857143;
        color: #777;
      }
      blockquote footer:before,
      blockquote small:before,
      blockquote .small:before {
        content: "\2014 \00A0";
      }
      .blockquote-reverse,
      blockquote.pull-right {
        padding-right: 15px;
        padding-left: 0;
        border-right: 5px solid #eee;
        border-left: 0;
        text-align: right;
      }
      .blockquote-reverse footer:before,
      blockquote.pull-right footer:before,
      .blockquote-reverse small:before,
      blockquote.pull-right small:before,
      .blockquote-reverse .small:before,
      blockquote.pull-right .small:before {
        content: "";
      }
      .blockquote-reverse footer:after,
      blockquote.pull-right footer:after,
      .blockquote-reverse small:after,
      blockquote.pull-right small:after,
      .blockquote-reverse .small:after,
      blockquote.pull-right .small:after {
        content: "\00A0 \2014";
      }
      address {
        margin-bottom: 20px;
        font-style: normal;
        line-height: 1.42857143;
      }
      .container {
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px;
      }
      @media (min-width: 768px) {
        .container {
          width: 750px;
        }
      }
      @media (min-width: 992px) {
        .container {
          width: 970px;
        }
      }
      @media (min-width: 1200px) {
        .container {
          width: 1170px;
        }
      }
      .container-fluid {
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px;
      }
      .row {
        margin-left: -15px;
        margin-right: -15px;
      }
      .col-xs-1,
      .col-sm-1,
      .col-md-1,
      .col-lg-1,
      .col-xs-2,
      .col-sm-2,
      .col-md-2,
      .col-lg-2,
      .col-xs-3,
      .col-sm-3,
      .col-md-3,
      .col-lg-3,
      .col-xs-4,
      .col-sm-4,
      .col-md-4,
      .col-lg-4,
      .col-xs-5,
      .col-sm-5,
      .col-md-5,
      .col-lg-5,
      .col-xs-6,
      .col-sm-6,
      .col-md-6,
      .col-lg-6,
      .col-xs-7,
      .col-sm-7,
      .col-md-7,
      .col-lg-7,
      .col-xs-8,
      .col-sm-8,
      .col-md-8,
      .col-lg-8,
      .col-xs-9,
      .col-sm-9,
      .col-md-9,
      .col-lg-9,
      .col-xs-10,
      .col-sm-10,
      .col-md-10,
      .col-lg-10,
      .col-xs-11,
      .col-sm-11,
      .col-md-11,
      .col-lg-11,
      .col-xs-12,
      .col-sm-12,
      .col-md-12,
      .col-lg-12 {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
      }
      .col-xs-1,
      .col-xs-2,
      .col-xs-3,
      .col-xs-4,
      .col-xs-5,
      .col-xs-6,
      .col-xs-7,
      .col-xs-8,
      .col-xs-9,
      .col-xs-10,
      .col-xs-11,
      .col-xs-12 {
        float: left;
      }
      .col-xs-12 {
        width: 100%;
      }
      .col-xs-11 {
        width: 91.66666667%;
      }
      .col-xs-10 {
        width: 83.33333333%;
      }
      .col-xs-9 {
        width: 75%;
      }
      .col-xs-8 {
        width: 66.66666667%;
      }
      .col-xs-7 {
        width: 58.33333333%;
      }
      .col-xs-6 {
        width: 50%;
      }
      .col-xs-5 {
        width: 41.66666667%;
      }
      .col-xs-4 {
        width: 33.33333333%;
      }
      .col-xs-3 {
        width: 25%;
      }
      .col-xs-2 {
        width: 16.66666667%;
      }
      .col-xs-1 {
        width: 8.33333333%;
      }
      .col-xs-pull-12 {
        right: 100%;
      }
      .col-xs-pull-11 {
        right: 91.66666667%;
      }
      .col-xs-pull-10 {
        right: 83.33333333%;
      }
      .col-xs-pull-9 {
        right: 75%;
      }
      .col-xs-pull-8 {
        right: 66.66666667%;
      }
      .col-xs-pull-7 {
        right: 58.33333333%;
      }
      .col-xs-pull-6 {
        right: 50%;
      }
      .col-xs-pull-5 {
        right: 41.66666667%;
      }
      .col-xs-pull-4 {
        right: 33.33333333%;
      }
      .col-xs-pull-3 {
        right: 25%;
      }
      .col-xs-pull-2 {
        right: 16.66666667%;
      }
      .col-xs-pull-1 {
        right: 8.33333333%;
      }
      .col-xs-pull-0 {
        right: auto;
      }
      .col-xs-push-12 {
        left: 100%;
      }
      .col-xs-push-11 {
        left: 91.66666667%;
      }
      .col-xs-push-10 {
        left: 83.33333333%;
      }
      .col-xs-push-9 {
        left: 75%;
      }
      .col-xs-push-8 {
        left: 66.66666667%;
      }
      .col-xs-push-7 {
        left: 58.33333333%;
      }
      .col-xs-push-6 {
        left: 50%;
      }
      .col-xs-push-5 {
        left: 41.66666667%;
      }
      .col-xs-push-4 {
        left: 33.33333333%;
      }
      .col-xs-push-3 {
        left: 25%;
      }
      .col-xs-push-2 {
        left: 16.66666667%;
      }
      .col-xs-push-1 {
        left: 8.33333333%;
      }
      .col-xs-push-0 {
        left: auto;
      }
      .col-xs-offset-12 {
        margin-left: 100%;
      }
      .col-xs-offset-11 {
        margin-left: 91.66666667%;
      }
      .col-xs-offset-10 {
        margin-left: 83.33333333%;
      }
      .col-xs-offset-9 {
        margin-left: 75%;
      }
      .col-xs-offset-8 {
        margin-left: 66.66666667%;
      }
      .col-xs-offset-7 {
        margin-left: 58.33333333%;
      }
      .col-xs-offset-6 {
        margin-left: 50%;
      }
      .col-xs-offset-5 {
        margin-left: 41.66666667%;
      }
      .col-xs-offset-4 {
        margin-left: 33.33333333%;
      }
      .col-xs-offset-3 {
        margin-left: 25%;
      }
      .col-xs-offset-2 {
        margin-left: 16.66666667%;
      }
      .col-xs-offset-1 {
        margin-left: 8.33333333%;
      }
      .col-xs-offset-0 {
        margin-left: 0;
      }
      @media (min-width: 768px) {
        .col-sm-1,
        .col-sm-2,
        .col-sm-3,
        .col-sm-4,
        .col-sm-5,
        .col-sm-6,
        .col-sm-7,
        .col-sm-8,
        .col-sm-9,
        .col-sm-10,
        .col-sm-11,
        .col-sm-12 {
          float: left;
        }
        .col-sm-12 {
          width: 100%;
        }
        .col-sm-11 {
          width: 91.66666667%;
        }
        .col-sm-10 {
          width: 83.33333333%;
        }
        .col-sm-9 {
          width: 75%;
        }
        .col-sm-8 {
          width: 66.66666667%;
        }
        .col-sm-7 {
          width: 58.33333333%;
        }
        .col-sm-6 {
          width: 50%;
        }
        .col-sm-5 {
          width: 41.66666667%;
        }
        .col-sm-4 {
          width: 33.33333333%;
        }
        .col-sm-3 {
          width: 25%;
        }
        .col-sm-2 {
          width: 16.66666667%;
        }
        .col-sm-1 {
          width: 8.33333333%;
        }
        .col-sm-pull-12 {
          right: 100%;
        }
        .col-sm-pull-11 {
          right: 91.66666667%;
        }
        .col-sm-pull-10 {
          right: 83.33333333%;
        }
        .col-sm-pull-9 {
          right: 75%;
        }
        .col-sm-pull-8 {
          right: 66.66666667%;
        }
        .col-sm-pull-7 {
          right: 58.33333333%;
        }
        .col-sm-pull-6 {
          right: 50%;
        }
        .col-sm-pull-5 {
          right: 41.66666667%;
        }
        .col-sm-pull-4 {
          right: 33.33333333%;
        }
        .col-sm-pull-3 {
          right: 25%;
        }
        .col-sm-pull-2 {
          right: 16.66666667%;
        }
        .col-sm-pull-1 {
          right: 8.33333333%;
        }
        .col-sm-pull-0 {
          right: auto;
        }
        .col-sm-push-12 {
          left: 100%;
        }
        .col-sm-push-11 {
          left: 91.66666667%;
        }
        .col-sm-push-10 {
          left: 83.33333333%;
        }
        .col-sm-push-9 {
          left: 75%;
        }
        .col-sm-push-8 {
          left: 66.66666667%;
        }
        .col-sm-push-7 {
          left: 58.33333333%;
        }
        .col-sm-push-6 {
          left: 50%;
        }
        .col-sm-push-5 {
          left: 41.66666667%;
        }
        .col-sm-push-4 {
          left: 33.33333333%;
        }
        .col-sm-push-3 {
          left: 25%;
        }
        .col-sm-push-2 {
          left: 16.66666667%;
        }
        .col-sm-push-1 {
          left: 8.33333333%;
        }
        .col-sm-push-0 {
          left: auto;
        }
        .col-sm-offset-12 {
          margin-left: 100%;
        }
        .col-sm-offset-11 {
          margin-left: 91.66666667%;
        }
        .col-sm-offset-10 {
          margin-left: 83.33333333%;
        }
        .col-sm-offset-9 {
          margin-left: 75%;
        }
        .col-sm-offset-8 {
          margin-left: 66.66666667%;
        }
        .col-sm-offset-7 {
          margin-left: 58.33333333%;
        }
        .col-sm-offset-6 {
          margin-left: 50%;
        }
        .col-sm-offset-5 {
          margin-left: 41.66666667%;
        }
        .col-sm-offset-4 {
          margin-left: 33.33333333%;
        }
        .col-sm-offset-3 {
          margin-left: 25%;
        }
        .col-sm-offset-2 {
          margin-left: 16.66666667%;
        }
        .col-sm-offset-1 {
          margin-left: 8.33333333%;
        }
        .col-sm-offset-0 {
          margin-left: 0;
        }
      }
      @media (min-width: 992px) {
        .col-md-1,
        .col-md-2,
        .col-md-3,
        .col-md-4,
        .col-md-5,
        .col-md-6,
        .col-md-7,
        .col-md-8,
        .col-md-9,
        .col-md-10,
        .col-md-11,
        .col-md-12 {
          float: left;
        }
        .col-md-12 {
          width: 100%;
        }
        .col-md-11 {
          width: 91.66666667%;
        }
        .col-md-10 {
          width: 83.33333333%;
        }
        .col-md-9 {
          width: 75%;
        }
        .col-md-8 {
          width: 66.66666667%;
        }
        .col-md-7 {
          width: 58.33333333%;
        }
        .col-md-6 {
          width: 50%;
        }
        .col-md-5 {
          width: 41.66666667%;
        }
        .col-md-4 {
          width: 33.33333333%;
        }
        .col-md-3 {
          width: 25%;
        }
        .col-md-2 {
          width: 16.66666667%;
        }
        .col-md-1 {
          width: 8.33333333%;
        }
        .col-md-pull-12 {
          right: 100%;
        }
        .col-md-pull-11 {
          right: 91.66666667%;
        }
        .col-md-pull-10 {
          right: 83.33333333%;
        }
        .col-md-pull-9 {
          right: 75%;
        }
        .col-md-pull-8 {
          right: 66.66666667%;
        }
        .col-md-pull-7 {
          right: 58.33333333%;
        }
        .col-md-pull-6 {
          right: 50%;
        }
        .col-md-pull-5 {
          right: 41.66666667%;
        }
        .col-md-pull-4 {
          right: 33.33333333%;
        }
        .col-md-pull-3 {
          right: 25%;
        }
        .col-md-pull-2 {
          right: 16.66666667%;
        }
        .col-md-pull-1 {
          right: 8.33333333%;
        }
        .col-md-pull-0 {
          right: auto;
        }
        .col-md-push-12 {
          left: 100%;
        }
        .col-md-push-11 {
          left: 91.66666667%;
        }
        .col-md-push-10 {
          left: 83.33333333%;
        }
        .col-md-push-9 {
          left: 75%;
        }
        .col-md-push-8 {
          left: 66.66666667%;
        }
        .col-md-push-7 {
          left: 58.33333333%;
        }
        .col-md-push-6 {
          left: 50%;
        }
        .col-md-push-5 {
          left: 41.66666667%;
        }
        .col-md-push-4 {
          left: 33.33333333%;
        }
        .col-md-push-3 {
          left: 25%;
        }
        .col-md-push-2 {
          left: 16.66666667%;
        }
        .col-md-push-1 {
          left: 8.33333333%;
        }
        .col-md-push-0 {
          left: auto;
        }
        .col-md-offset-12 {
          margin-left: 100%;
        }
        .col-md-offset-11 {
          margin-left: 91.66666667%;
        }
        .col-md-offset-10 {
          margin-left: 83.33333333%;
        }
        .col-md-offset-9 {
          margin-left: 75%;
        }
        .col-md-offset-8 {
          margin-left: 66.66666667%;
        }
        .col-md-offset-7 {
          margin-left: 58.33333333%;
        }
        .col-md-offset-6 {
          margin-left: 50%;
        }
        .col-md-offset-5 {
          margin-left: 41.66666667%;
        }
        .col-md-offset-4 {
          margin-left: 33.33333333%;
        }
        .col-md-offset-3 {
          margin-left: 25%;
        }
        .col-md-offset-2 {
          margin-left: 16.66666667%;
        }
        .col-md-offset-1 {
          margin-left: 8.33333333%;
        }
        .col-md-offset-0 {
          margin-left: 0;
        }
      }
      @media (min-width: 1200px) {
        .col-lg-1,
        .col-lg-2,
        .col-lg-3,
        .col-lg-4,
        .col-lg-5,
        .col-lg-6,
        .col-lg-7,
        .col-lg-8,
        .col-lg-9,
        .col-lg-10,
        .col-lg-11,
        .col-lg-12 {
          float: left;
        }
        .col-lg-12 {
          width: 100%;
        }
        .col-lg-11 {
          width: 91.66666667%;
        }
        .col-lg-10 {
          width: 83.33333333%;
        }
        .col-lg-9 {
          width: 75%;
        }
        .col-lg-8 {
          width: 66.66666667%;
        }
        .col-lg-7 {
          width: 58.33333333%;
        }
        .col-lg-6 {
          width: 50%;
        }
        .col-lg-5 {
          width: 41.66666667%;
        }
        .col-lg-4 {
          width: 33.33333333%;
        }
        .col-lg-3 {
          width: 25%;
        }
        .col-lg-2 {
          width: 16.66666667%;
        }
        .col-lg-1 {
          width: 8.33333333%;
        }
        .col-lg-pull-12 {
          right: 100%;
        }
        .col-lg-pull-11 {
          right: 91.66666667%;
        }
        .col-lg-pull-10 {
          right: 83.33333333%;
        }
        .col-lg-pull-9 {
          right: 75%;
        }
        .col-lg-pull-8 {
          right: 66.66666667%;
        }
        .col-lg-pull-7 {
          right: 58.33333333%;
        }
        .col-lg-pull-6 {
          right: 50%;
        }
        .col-lg-pull-5 {
          right: 41.66666667%;
        }
        .col-lg-pull-4 {
          right: 33.33333333%;
        }
        .col-lg-pull-3 {
          right: 25%;
        }
        .col-lg-pull-2 {
          right: 16.66666667%;
        }
        .col-lg-pull-1 {
          right: 8.33333333%;
        }
        .col-lg-pull-0 {
          right: auto;
        }
        .col-lg-push-12 {
          left: 100%;
        }
        .col-lg-push-11 {
          left: 91.66666667%;
        }
        .col-lg-push-10 {
          left: 83.33333333%;
        }
        .col-lg-push-9 {
          left: 75%;
        }
        .col-lg-push-8 {
          left: 66.66666667%;
        }
        .col-lg-push-7 {
          left: 58.33333333%;
        }
        .col-lg-push-6 {
          left: 50%;
        }
        .col-lg-push-5 {
          left: 41.66666667%;
        }
        .col-lg-push-4 {
          left: 33.33333333%;
        }
        .col-lg-push-3 {
          left: 25%;
        }
        .col-lg-push-2 {
          left: 16.66666667%;
        }
        .col-lg-push-1 {
          left: 8.33333333%;
        }
        .col-lg-push-0 {
          left: auto;
        }
        .col-lg-offset-12 {
          margin-left: 100%;
        }
        .col-lg-offset-11 {
          margin-left: 91.66666667%;
        }
        .col-lg-offset-10 {
          margin-left: 83.33333333%;
        }
        .col-lg-offset-9 {
          margin-left: 75%;
        }
        .col-lg-offset-8 {
          margin-left: 66.66666667%;
        }
        .col-lg-offset-7 {
          margin-left: 58.33333333%;
        }
        .col-lg-offset-6 {
          margin-left: 50%;
        }
        .col-lg-offset-5 {
          margin-left: 41.66666667%;
        }
        .col-lg-offset-4 {
          margin-left: 33.33333333%;
        }
        .col-lg-offset-3 {
          margin-left: 25%;
        }
        .col-lg-offset-2 {
          margin-left: 16.66666667%;
        }
        .col-lg-offset-1 {
          margin-left: 8.33333333%;
        }
        .col-lg-offset-0 {
          margin-left: 0;
        }
      }
      table {
        background-color: transparent;
      }
      caption {
        padding-top: 8px;
        padding-bottom: 8px;
        color: #777;
        text-align: left;
      }
      th {
        text-align: left;
      }
      .table {
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px;
      }
      .table > thead > tr > th,
      .table > tbody > tr > th,
      .table > tfoot > tr > th,
      .table > thead > tr > td,
      .table > tbody > tr > td,
      .table > tfoot > tr > td {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #ddd;
      }
      .table > thead > tr > th {
        vertical-align: bottom;
        border-bottom: 2px solid #ddd;
      }
      .table > caption + thead > tr:first-child > th,
      .table > colgroup + thead > tr:first-child > th,
      .table > thead:first-child > tr:first-child > th,
      .table > caption + thead > tr:first-child > td,
      .table > colgroup + thead > tr:first-child > td,
      .table > thead:first-child > tr:first-child > td {
        border-top: 0;
      }
      .table > tbody + tbody {
        border-top: 2px solid #ddd;
      }
      .table .table {
        background-color: #fcfcfc;
      }
      .table-condensed > thead > tr > th,
      .table-condensed > tbody > tr > th,
      .table-condensed > tfoot > tr > th,
      .table-condensed > thead > tr > td,
      .table-condensed > tbody > tr > td,
      .table-condensed > tfoot > tr > td {
        padding: 5px;
      }
      .table-bordered {
        border: 1px solid #ddd;
      }
      .table-bordered > thead > tr > th,
      .table-bordered > tbody > tr > th,
      .table-bordered > tfoot > tr > th,
      .table-bordered > thead > tr > td,
      .table-bordered > tbody > tr > td,
      .table-bordered > tfoot > tr > td {
        border: 1px solid #ddd;
      }
      .table-bordered > thead > tr > th,
      .table-bordered > thead > tr > td {
        border-bottom-width: 2px;
      }
      .table-striped > tbody > tr:nth-of-type(odd) {
        background-color: #f9f9f9;
      }
      .table-hover > tbody > tr:hover {
        background-color: #f5f5f5;
      }
      table col[class*="col-"] {
        position: static;
        float: none;
        display: table-column;
      }
      table td[class*="col-"],
      table th[class*="col-"] {
        position: static;
        float: none;
        display: table-cell;
      }
      .table > thead > tr > td.active,
      .table > tbody > tr > td.active,
      .table > tfoot > tr > td.active,
      .table > thead > tr > th.active,
      .table > tbody > tr > th.active,
      .table > tfoot > tr > th.active,
      .table > thead > tr.active > td,
      .table > tbody > tr.active > td,
      .table > tfoot > tr.active > td,
      .table > thead > tr.active > th,
      .table > tbody > tr.active > th,
      .table > tfoot > tr.active > th {
        background-color: #f5f5f5;
      }
      .table-hover > tbody > tr > td.active:hover,
      .table-hover > tbody > tr > th.active:hover,
      .table-hover > tbody > tr.active:hover > td,
      .table-hover > tbody > tr:hover > .active,
      .table-hover > tbody > tr.active:hover > th {
        background-color: #e8e8e8;
      }
      .table > thead > tr > td.success,
      .table > tbody > tr > td.success,
      .table > tfoot > tr > td.success,
      .table > thead > tr > th.success,
      .table > tbody > tr > th.success,
      .table > tfoot > tr > th.success,
      .table > thead > tr.success > td,
      .table > tbody > tr.success > td,
      .table > tfoot > tr.success > td,
      .table > thead > tr.success > th,
      .table > tbody > tr.success > th,
      .table > tfoot > tr.success > th {
        background-color: #dff0d8;
      }
      .table-hover > tbody > tr > td.success:hover,
      .table-hover > tbody > tr > th.success:hover,
      .table-hover > tbody > tr.success:hover > td,
      .table-hover > tbody > tr:hover > .success,
      .table-hover > tbody > tr.success:hover > th {
        background-color: #d0e9c6;
      }
      .table > thead > tr > td.info,
      .table > tbody > tr > td.info,
      .table > tfoot > tr > td.info,
      .table > thead > tr > th.info,
      .table > tbody > tr > th.info,
      .table > tfoot > tr > th.info,
      .table > thead > tr.info > td,
      .table > tbody > tr.info > td,
      .table > tfoot > tr.info > td,
      .table > thead > tr.info > th,
      .table > tbody > tr.info > th,
      .table > tfoot > tr.info > th {
        background-color: #d9edf7;
      }
      .table-hover > tbody > tr > td.info:hover,
      .table-hover > tbody > tr > th.info:hover,
      .table-hover > tbody > tr.info:hover > td,
      .table-hover > tbody > tr:hover > .info,
      .table-hover > tbody > tr.info:hover > th {
        background-color: #c4e3f3;
      }
      .table > thead > tr > td.warning,
      .table > tbody > tr > td.warning,
      .table > tfoot > tr > td.warning,
      .table > thead > tr > th.warning,
      .table > tbody > tr > th.warning,
      .table > tfoot > tr > th.warning,
      .table > thead > tr.warning > td,
      .table > tbody > tr.warning > td,
      .table > tfoot > tr.warning > td,
      .table > thead > tr.warning > th,
      .table > tbody > tr.warning > th,
      .table > tfoot > tr.warning > th {
        background-color: #fcf8e3;
      }
      .table-hover > tbody > tr > td.warning:hover,
      .table-hover > tbody > tr > th.warning:hover,
      .table-hover > tbody > tr.warning:hover > td,
      .table-hover > tbody > tr:hover > .warning,
      .table-hover > tbody > tr.warning:hover > th {
        background-color: #faf2cc;
      }
      .table > thead > tr > td.danger,
      .table > tbody > tr > td.danger,
      .table > tfoot > tr > td.danger,
      .table > thead > tr > th.danger,
      .table > tbody > tr > th.danger,
      .table > tfoot > tr > th.danger,
      .table > thead > tr.danger > td,
      .table > tbody > tr.danger > td,
      .table > tfoot > tr.danger > td,
      .table > thead > tr.danger > th,
      .table > tbody > tr.danger > th,
      .table > tfoot > tr.danger > th {
        background-color: #f2dede;
      }
      .table-hover > tbody > tr > td.danger:hover,
      .table-hover > tbody > tr > th.danger:hover,
      .table-hover > tbody > tr.danger:hover > td,
      .table-hover > tbody > tr:hover > .danger,
      .table-hover > tbody > tr.danger:hover > th {
        background-color: #ebcccc;
      }
      .table-responsive {
        overflow-x: auto;
        min-height: 0.01%;
      }
      @media screen and (max-width: 767px) {
        .table-responsive {
          width: 100%;
          margin-bottom: 15px;
          overflow-y: hidden;
          -ms-overflow-style: -ms-autohiding-scrollbar;
          border: 1px solid #ddd;
        }
        .table-responsive > .table {
          margin-bottom: 0;
        }
        .table-responsive > .table > thead > tr > th,
        .table-responsive > .table > tbody > tr > th,
        .table-responsive > .table > tfoot > tr > th,
        .table-responsive > .table > thead > tr > td,
        .table-responsive > .table > tbody > tr > td,
        .table-responsive > .table > tfoot > tr > td {
          white-space: nowrap;
        }
        .table-responsive > .table-bordered {
          border: 0;
        }
        .table-responsive > .table-bordered > thead > tr > th:first-child,
        .table-responsive > .table-bordered > tbody > tr > th:first-child,
        .table-responsive > .table-bordered > tfoot > tr > th:first-child,
        .table-responsive > .table-bordered > thead > tr > td:first-child,
        .table-responsive > .table-bordered > tbody > tr > td:first-child,
        .table-responsive > .table-bordered > tfoot > tr > td:first-child {
          border-left: 0;
        }
        .table-responsive > .table-bordered > thead > tr > th:last-child,
        .table-responsive > .table-bordered > tbody > tr > th:last-child,
        .table-responsive > .table-bordered > tfoot > tr > th:last-child,
        .table-responsive > .table-bordered > thead > tr > td:last-child,
        .table-responsive > .table-bordered > tbody > tr > td:last-child,
        .table-responsive > .table-bordered > tfoot > tr > td:last-child {
          border-right: 0;
        }
        .table-responsive > .table-bordered > tbody > tr:last-child > th,
        .table-responsive > .table-bordered > tfoot > tr:last-child > th,
        .table-responsive > .table-bordered > tbody > tr:last-child > td,
        .table-responsive > .table-bordered > tfoot > tr:last-child > td {
          border-bottom: 0;
        }
      }
      fieldset {
        padding: 0;
        margin: 0;
        border: 0;
        min-width: 0;
      }
      legend {
        display: block;
        width: 100%;
        padding: 0;
        margin-bottom: 20px;
        font-size: 21px;
        line-height: inherit;
        color: #333;
        border: 0;
        border-bottom: 1px solid #e5e5e5;
      }
      label {
        display: inline-block;
        max-width: 100%;
        margin-bottom: 5px;
        font-weight: bold;
      }
      input[type="search"] {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
      }
      input[type="radio"],
      input[type="checkbox"] {
        margin: 4px 0 0;
        margin-top: 1px \9;
        line-height: normal;
      }
      input[type="file"] {
        display: block;
      }
      input[type="range"] {
        display: block;
        width: 100%;
      }
      select[multiple],
      select[size] {
        height: auto;
      }
      input[type="file"]:focus,
      input[type="radio"]:focus,
      input[type="checkbox"]:focus {
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
      }
      output {
        display: block;
        padding-top: 7px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
      }
      .form-control {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fcfcfc;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
        -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
      }
      .form-control:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
      }
      .form-control::-moz-placeholder {
        color: #999;
        opacity: 1;
      }
      .form-control:-ms-input-placeholder {
        color: #999;
      }
      .form-control::-webkit-input-placeholder {
        color: #999;
      }
      .form-control::-ms-expand {
        border: 0;
        background-color: transparent;
      }
      .form-control[disabled],
      .form-control[readonly],
      fieldset[disabled] .form-control {
        background-color: #eee;
        opacity: 1;
      }
      .form-control[disabled],
      fieldset[disabled] .form-control {
        cursor: not-allowed;
      }
      textarea.form-control {
        height: auto;
      }
      input[type="search"] {
        -webkit-appearance: none;
      }
      @media screen and (-webkit-min-device-pixel-ratio: 0) {
        input[type="date"].form-control,
        input[type="time"].form-control,
        input[type="datetime-local"].form-control,
        input[type="month"].form-control {
          line-height: 34px;
        }
        input[type="date"].input-sm,
        input[type="time"].input-sm,
        input[type="datetime-local"].input-sm,
        input[type="month"].input-sm,
        .input-group-sm input[type="date"],
        .input-group-sm input[type="time"],
        .input-group-sm input[type="datetime-local"],
        .input-group-sm input[type="month"] {
          line-height: 30px;
        }
        input[type="date"].input-lg,
        input[type="time"].input-lg,
        input[type="datetime-local"].input-lg,
        input[type="month"].input-lg,
        .input-group-lg input[type="date"],
        .input-group-lg input[type="time"],
        .input-group-lg input[type="datetime-local"],
        .input-group-lg input[type="month"] {
          line-height: 46px;
        }
      }
      .form-group {
        margin-bottom: 15px;
      }
      .radio,
      .checkbox {
        position: relative;
        display: block;
        margin-top: 10px;
        margin-bottom: 10px;
      }
      .radio label,
      .checkbox label {
        min-height: 20px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: normal;
        cursor: pointer;
      }
      .radio input[type="radio"],
      .radio-inline input[type="radio"],
      .checkbox input[type="checkbox"],
      .checkbox-inline input[type="checkbox"] {
        position: absolute;
        margin-left: -20px;
        margin-top: 4px \9;
      }
      .radio + .radio,
      .checkbox + .checkbox {
        margin-top: -5px;
      }
      .radio-inline,
      .checkbox-inline {
        position: relative;
        display: inline-block;
        padding-left: 20px;
        margin-bottom: 0;
        vertical-align: middle;
        font-weight: normal;
        cursor: pointer;
      }
      .radio-inline + .radio-inline,
      .checkbox-inline + .checkbox-inline {
        margin-top: 0;
        margin-left: 10px;
      }
      input[type="radio"][disabled],
      input[type="checkbox"][disabled],
      input[type="radio"].disabled,
      input[type="checkbox"].disabled,
      fieldset[disabled] input[type="radio"],
      fieldset[disabled] input[type="checkbox"] {
        cursor: not-allowed;
      }
      .radio-inline.disabled,
      .checkbox-inline.disabled,
      fieldset[disabled] .radio-inline,
      fieldset[disabled] .checkbox-inline {
        cursor: not-allowed;
      }
      .radio.disabled label,
      .checkbox.disabled label,
      fieldset[disabled] .radio label,
      fieldset[disabled] .checkbox label {
        cursor: not-allowed;
      }
      .form-control-static {
        padding-top: 7px;
        padding-bottom: 7px;
        margin-bottom: 0;
        min-height: 34px;
      }
      .form-control-static.input-lg,
      .form-control-static.input-sm {
        padding-left: 0;
        padding-right: 0;
      }
      .input-sm {
        height: 30px;
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px;
      }
      select.input-sm {
        height: 30px;
        line-height: 30px;
      }
      textarea.input-sm,
      select[multiple].input-sm {
        height: auto;
      }
      .form-group-sm .form-control {
        height: 30px;
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px;
      }
      .form-group-sm select.form-control {
        height: 30px;
        line-height: 30px;
      }
      .form-group-sm textarea.form-control,
      .form-group-sm select[multiple].form-control {
        height: auto;
      }
      .form-group-sm .form-control-static {
        height: 30px;
        min-height: 32px;
        padding: 6px 10px;
        font-size: 12px;
        line-height: 1.5;
      }
      .input-lg {
        height: 46px;
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.3333333;
        border-radius: 6px;
      }
      select.input-lg {
        height: 46px;
        line-height: 46px;
      }
      textarea.input-lg,
      select[multiple].input-lg {
        height: auto;
      }
      .form-group-lg .form-control {
        height: 46px;
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.3333333;
        border-radius: 6px;
      }
      .form-group-lg select.form-control {
        height: 46px;
        line-height: 46px;
      }
      .form-group-lg textarea.form-control,
      .form-group-lg select[multiple].form-control {
        height: auto;
      }
      .form-group-lg .form-control-static {
        height: 46px;
        min-height: 38px;
        padding: 11px 16px;
        font-size: 18px;
        line-height: 1.3333333;
      }
      .has-feedback {
        position: relative;
      }
      .has-feedback .form-control {
        padding-right: 42.5px;
      }
      .form-control-feedback {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        display: block;
        width: 34px;
        height: 34px;
        line-height: 34px;
        text-align: center;
        pointer-events: none;
      }
      .input-lg + .form-control-feedback,
      .input-group-lg + .form-control-feedback,
      .form-group-lg .form-control + .form-control-feedback {
        width: 46px;
        height: 46px;
        line-height: 46px;
      }
      .input-sm + .form-control-feedback,
      .input-group-sm + .form-control-feedback,
      .form-group-sm .form-control + .form-control-feedback {
        width: 30px;
        height: 30px;
        line-height: 30px;
      }
      .has-success .help-block,
      .has-success .control-label,
      .has-success .radio,
      .has-success .checkbox,
      .has-success .radio-inline,
      .has-success .checkbox-inline,
      .has-success.radio label,
      .has-success.checkbox label,
      .has-success.radio-inline label,
      .has-success.checkbox-inline label {
        color: #3c763d;
      }
      .has-success .form-control {
        border-color: #3c763d;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      }
      .has-success .form-control:focus {
        border-color: #2b542c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
      }
      .has-success .input-group-addon {
        color: #3c763d;
        border-color: #3c763d;
        background-color: #dff0d8;
      }
      .has-success .form-control-feedback {
        color: #3c763d;
      }
      .has-warning .help-block,
      .has-warning .control-label,
      .has-warning .radio,
      .has-warning .checkbox,
      .has-warning .radio-inline,
      .has-warning .checkbox-inline,
      .has-warning.radio label,
      .has-warning.checkbox label,
      .has-warning.radio-inline label,
      .has-warning.checkbox-inline label {
        color: #8a6d3b;
      }
      .has-warning .form-control {
        border-color: #8a6d3b;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      }
      .has-warning .form-control:focus {
        border-color: #66512c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
      }
      .has-warning .input-group-addon {
        color: #8a6d3b;
        border-color: #8a6d3b;
        background-color: #fcf8e3;
      }
      .has-warning .form-control-feedback {
        color: #8a6d3b;
      }
      .has-error .help-block,
      .has-error .control-label,
      .has-error .radio,
      .has-error .checkbox,
      .has-error .radio-inline,
      .has-error .checkbox-inline,
      .has-error.radio label,
      .has-error.checkbox label,
      .has-error.radio-inline label,
      .has-error.checkbox-inline label {
        color: #a94442;
      }
      .has-error .form-control {
        border-color: #a94442;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      }
      .has-error .form-control:focus {
        border-color: #843534;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
      }
      .has-error .input-group-addon {
        color: #a94442;
        border-color: #a94442;
        background-color: #f2dede;
      }
      .has-error .form-control-feedback {
        color: #a94442;
      }
      .has-feedback label ~ .form-control-feedback {
        top: 25px;
      }
      .has-feedback label.sr-only ~ .form-control-feedback {
        top: 0;
      }
      .help-block {
        display: block;
        margin-top: 5px;
        margin-bottom: 10px;
        color: #737373;
      }
      @media (min-width: 768px) {
        .form-inline .form-group {
          display: inline-block;
          margin-bottom: 0;
          vertical-align: middle;
        }
        .form-inline .form-control {
          display: inline-block;
          width: auto;
          vertical-align: middle;
        }
        .form-inline .form-control-static {
          display: inline-block;
        }
        .form-inline .input-group {
          display: inline-table;
          vertical-align: middle;
        }
        .form-inline .input-group .input-group-addon,
        .form-inline .input-group .input-group-btn,
        .form-inline .input-group .form-control {
          width: auto;
        }
        .form-inline .input-group > .form-control {
          width: 100%;
        }
        .form-inline .control-label {
          margin-bottom: 0;
          vertical-align: middle;
        }
        .form-inline .radio,
        .form-inline .checkbox {
          display: inline-block;
          margin-top: 0;
          margin-bottom: 0;
          vertical-align: middle;
        }
        .form-inline .radio label,
        .form-inline .checkbox label {
          padding-left: 0;
        }
        .form-inline .radio input[type="radio"],
        .form-inline .checkbox input[type="checkbox"] {
          position: relative;
          margin-left: 0;
        }
        .form-inline .has-feedback .form-control-feedback {
          top: 0;
        }
      }
      .form-horizontal .radio,
      .form-horizontal .checkbox,
      .form-horizontal .radio-inline,
      .form-horizontal .checkbox-inline {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 7px;
      }
      .form-horizontal .radio,
      .form-horizontal .checkbox {
        min-height: 27px;
      }
      .form-horizontal .form-group {
        margin-left: -15px;
        margin-right: -15px;
      }
      @media (min-width: 768px) {
        .form-horizontal .control-label {
          text-align: right;
          margin-bottom: 0;
          padding-top: 7px;
        }
      }
      .form-horizontal .has-feedback .form-control-feedback {
        right: 15px;
      }
      @media (min-width: 768px) {
        .form-horizontal .form-group-lg .control-label {
          padding-top: 11px;
          font-size: 18px;
        }
      }
      @media (min-width: 768px) {
        .form-horizontal .form-group-sm .control-label {
          padding-top: 6px;
          font-size: 12px;
        }
      }
      .btn {
        display: inline-block;
        margin-bottom: 0;
        font-weight: normal;
        text-align: center;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        background-image: none;
        border: 1px solid transparent;
        white-space: nowrap;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        border-radius: 4px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }
      .btn:focus,
      .btn:active:focus,
      .btn.active:focus,
      .btn.focus,
      .btn:active.focus,
      .btn.active.focus {
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
      }
      .btn:hover,
      .btn:focus,
      .btn.focus {
        color: #333;
        text-decoration: none;
      }
      .btn:active,
      .btn.active {
        outline: 0;
        background-image: none;
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
      }
      .btn.disabled,
      .btn[disabled],
      fieldset[disabled] .btn {
        cursor: not-allowed;
        opacity: 0.65;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
      }
      a.btn.disabled,
      fieldset[disabled] a.btn {
        pointer-events: none;
      }
      .btn-default {
        color: #333;
        background-color: #fcfcfc;
        border-color: #ccc;
      }
      .btn-default:focus,
      .btn-default.focus {
        color: #333;
        background-color: #e6e6e6;
        border-color: #8c8c8c;
      }
      .btn-default:hover {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;
      }
      .btn-default:active,
      .btn-default.active,
      .open > .dropdown-toggle.btn-default {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;
      }
      .btn-default:active:hover,
      .btn-default.active:hover,
      .open > .dropdown-toggle.btn-default:hover,
      .btn-default:active:focus,
      .btn-default.active:focus,
      .open > .dropdown-toggle.btn-default:focus,
      .btn-default:active.focus,
      .btn-default.active.focus,
      .open > .dropdown-toggle.btn-default.focus {
        color: #333;
        background-color: #d4d4d4;
        border-color: #8c8c8c;
      }
      .btn-default:active,
      .btn-default.active,
      .open > .dropdown-toggle.btn-default {
        background-image: none;
      }
      .btn-default.disabled:hover,
      .btn-default[disabled]:hover,
      fieldset[disabled] .btn-default:hover,
      .btn-default.disabled:focus,
      .btn-default[disabled]:focus,
      fieldset[disabled] .btn-default:focus,
      .btn-default.disabled.focus,
      .btn-default[disabled].focus,
      fieldset[disabled] .btn-default.focus {
        background-color: #fcfcfc;
        border-color: #ccc;
      }
      .btn-default .badge {
        color: #fcfcfc;
        background-color: #333;
      }
      .btn-primary {
        color: #fcfcfc;
        background-color: #337ab7;
        border-color: #2e6da4;
      }
      .btn-primary:focus,
      .btn-primary.focus {
        color: #fcfcfc;
        background-color: #286090;
        border-color: #122b40;
      }
      .btn-primary:hover {
        color: #fcfcfc;
        background-color: #286090;
        border-color: #204d74;
      }
      .btn-primary:active,
      .btn-primary.active,
      .open > .dropdown-toggle.btn-primary {
        color: #fcfcfc;
        background-color: #286090;
        border-color: #204d74;
      }
      .btn-primary:active:hover,
      .btn-primary.active:hover,
      .open > .dropdown-toggle.btn-primary:hover,
      .btn-primary:active:focus,
      .btn-primary.active:focus,
      .open > .dropdown-toggle.btn-primary:focus,
      .btn-primary:active.focus,
      .btn-primary.active.focus,
      .open > .dropdown-toggle.btn-primary.focus {
        color: #fcfcfc;
        background-color: #204d74;
        border-color: #122b40;
      }
      .btn-primary:active,
      .btn-primary.active,
      .open > .dropdown-toggle.btn-primary {
        background-image: none;
      }
      .btn-primary.disabled:hover,
      .btn-primary[disabled]:hover,
      fieldset[disabled] .btn-primary:hover,
      .btn-primary.disabled:focus,
      .btn-primary[disabled]:focus,
      fieldset[disabled] .btn-primary:focus,
      .btn-primary.disabled.focus,
      .btn-primary[disabled].focus,
      fieldset[disabled] .btn-primary.focus {
        background-color: #337ab7;
        border-color: #2e6da4;
      }
      .btn-primary .badge {
        color: #337ab7;
        background-color: #fcfcfc;
      }
      .btn-success {
        color: #fcfcfc;
        background-color: #5cb85c;
        border-color: #4cae4c;
      }
      .btn-success:focus,
      .btn-success.focus {
        color: #fcfcfc;
        background-color: #449d44;
        border-color: #255625;
      }
      .btn-success:hover {
        color: #fcfcfc;
        background-color: #449d44;
        border-color: #398439;
      }
      .btn-success:active,
      .btn-success.active,
      .open > .dropdown-toggle.btn-success {
        color: #fcfcfc;
        background-color: #449d44;
        border-color: #398439;
      }
      .btn-success:active:hover,
      .btn-success.active:hover,
      .open > .dropdown-toggle.btn-success:hover,
      .btn-success:active:focus,
      .btn-success.active:focus,
      .open > .dropdown-toggle.btn-success:focus,
      .btn-success:active.focus,
      .btn-success.active.focus,
      .open > .dropdown-toggle.btn-success.focus {
        color: #fcfcfc;
        background-color: #398439;
        border-color: #255625;
      }
      .btn-success:active,
      .btn-success.active,
      .open > .dropdown-toggle.btn-success {
        background-image: none;
      }
      .btn-success.disabled:hover,
      .btn-success[disabled]:hover,
      fieldset[disabled] .btn-success:hover,
      .btn-success.disabled:focus,
      .btn-success[disabled]:focus,
      fieldset[disabled] .btn-success:focus,
      .btn-success.disabled.focus,
      .btn-success[disabled].focus,
      fieldset[disabled] .btn-success.focus {
        background-color: #5cb85c;
        border-color: #4cae4c;
      }
      .btn-success .badge {
        color: #5cb85c;
        background-color: #fcfcfc;
      }
      .btn-info {
        color: #fcfcfc;
        background-color: #5bc0de;
        border-color: #46b8da;
      }
      .btn-info:focus,
      .btn-info.focus {
        color: #fcfcfc;
        background-color: #31b0d5;
        border-color: #1b6d85;
      }
      .btn-info:hover {
        color: #fcfcfc;
        background-color: #31b0d5;
        border-color: #269abc;
      }
      .btn-info:active,
      .btn-info.active,
      .open > .dropdown-toggle.btn-info {
        color: #fcfcfc;
        background-color: #31b0d5;
        border-color: #269abc;
      }
      .btn-info:active:hover,
      .btn-info.active:hover,
      .open > .dropdown-toggle.btn-info:hover,
      .btn-info:active:focus,
      .btn-info.active:focus,
      .open > .dropdown-toggle.btn-info:focus,
      .btn-info:active.focus,
      .btn-info.active.focus,
      .open > .dropdown-toggle.btn-info.focus {
        color: #fcfcfc;
        background-color: #269abc;
        border-color: #1b6d85;
      }
      .btn-info:active,
      .btn-info.active,
      .open > .dropdown-toggle.btn-info {
        background-image: none;
      }
      .btn-info.disabled:hover,
      .btn-info[disabled]:hover,
      fieldset[disabled] .btn-info:hover,
      .btn-info.disabled:focus,
      .btn-info[disabled]:focus,
      fieldset[disabled] .btn-info:focus,
      .btn-info.disabled.focus,
      .btn-info[disabled].focus,
      fieldset[disabled] .btn-info.focus {
        background-color: #5bc0de;
        border-color: #46b8da;
      }
      .btn-info .badge {
        color: #5bc0de;
        background-color: #fcfcfc;
      }
      .btn-warning {
        color: #fcfcfc;
        background-color: #f0ad4e;
        border-color: #eea236;
      }
      .btn-warning:focus,
      .btn-warning.focus {
        color: #fcfcfc;
        background-color: #ec971f;
        border-color: #985f0d;
      }
      .btn-warning:hover {
        color: #fcfcfc;
        background-color: #ec971f;
        border-color: #d58512;
      }
      .btn-warning:active,
      .btn-warning.active,
      .open > .dropdown-toggle.btn-warning {
        color: #fcfcfc;
        background-color: #ec971f;
        border-color: #d58512;
      }
      .btn-warning:active:hover,
      .btn-warning.active:hover,
      .open > .dropdown-toggle.btn-warning:hover,
      .btn-warning:active:focus,
      .btn-warning.active:focus,
      .open > .dropdown-toggle.btn-warning:focus,
      .btn-warning:active.focus,
      .btn-warning.active.focus,
      .open > .dropdown-toggle.btn-warning.focus {
        color: #fcfcfc;
        background-color: #d58512;
        border-color: #985f0d;
      }
      .btn-warning:active,
      .btn-warning.active,
      .open > .dropdown-toggle.btn-warning {
        background-image: none;
      }
      .btn-warning.disabled:hover,
      .btn-warning[disabled]:hover,
      fieldset[disabled] .btn-warning:hover,
      .btn-warning.disabled:focus,
      .btn-warning[disabled]:focus,
      fieldset[disabled] .btn-warning:focus,
      .btn-warning.disabled.focus,
      .btn-warning[disabled].focus,
      fieldset[disabled] .btn-warning.focus {
        background-color: #f0ad4e;
        border-color: #eea236;
      }
      .btn-warning .badge {
        color: #f0ad4e;
        background-color: #fcfcfc;
      }
      .btn-danger {
        color: #fcfcfc;
        background-color: #d9534f;
        border-color: #d43f3a;
      }
      .btn-danger:focus,
      .btn-danger.focus {
        color: #fcfcfc;
        background-color: #c9302c;
        border-color: #761c19;
      }
      .btn-danger:hover {
        color: #fcfcfc;
        background-color: #c9302c;
        border-color: #ac2925;
      }
      .btn-danger:active,
      .btn-danger.active,
      .open > .dropdown-toggle.btn-danger {
        color: #fcfcfc;
        background-color: #c9302c;
        border-color: #ac2925;
      }
      .btn-danger:active:hover,
      .btn-danger.active:hover,
      .open > .dropdown-toggle.btn-danger:hover,
      .btn-danger:active:focus,
      .btn-danger.active:focus,
      .open > .dropdown-toggle.btn-danger:focus,
      .btn-danger:active.focus,
      .btn-danger.active.focus,
      .open > .dropdown-toggle.btn-danger.focus {
        color: #fcfcfc;
        background-color: #ac2925;
        border-color: #761c19;
      }
      .btn-danger:active,
      .btn-danger.active,
      .open > .dropdown-toggle.btn-danger {
        background-image: none;
      }
      .btn-danger.disabled:hover,
      .btn-danger[disabled]:hover,
      fieldset[disabled] .btn-danger:hover,
      .btn-danger.disabled:focus,
      .btn-danger[disabled]:focus,
      fieldset[disabled] .btn-danger:focus,
      .btn-danger.disabled.focus,
      .btn-danger[disabled].focus,
      fieldset[disabled] .btn-danger.focus {
        background-color: #d9534f;
        border-color: #d43f3a;
      }
      .btn-danger .badge {
        color: #d9534f;
        background-color: #fcfcfc;
      }
      .btn-link {
        color: #337ab7;
        font-weight: normal;
        border-radius: 0;
      }
      .btn-link,
      .btn-link:active,
      .btn-link.active,
      .btn-link[disabled],
      fieldset[disabled] .btn-link {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
      }
      .btn-link,
      .btn-link:hover,
      .btn-link:focus,
      .btn-link:active {
        border-color: transparent;
      }
      .btn-link:hover,
      .btn-link:focus {
        color: #23527c;
        text-decoration: underline;
        background-color: transparent;
      }
      .btn-link[disabled]:hover,
      fieldset[disabled] .btn-link:hover,
      .btn-link[disabled]:focus,
      fieldset[disabled] .btn-link:focus {
        color: #777;
        text-decoration: none;
      }
      .btn-lg,
      .btn-group-lg > .btn {
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.3333333;
        border-radius: 6px;
      }
      .btn-sm,
      .btn-group-sm > .btn {
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px;
      }
      .btn-xs,
      .btn-group-xs > .btn {
        padding: 1px 5px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px;
      }
      .btn-block {
        display: block;
        width: 100%;
      }
      .btn-block + .btn-block {
        margin-top: 5px;
      }
      input[type="submit"].btn-block,
      input[type="reset"].btn-block,
      input[type="button"].btn-block {
        width: 100%;
      }
      .btn-group,
      .btn-group-vertical {
        position: relative;
        display: inline-block;
        vertical-align: middle;
      }
      .btn-group > .btn,
      .btn-group-vertical > .btn {
        position: relative;
        float: left;
      }
      .btn-group > .btn:hover,
      .btn-group-vertical > .btn:hover,
      .btn-group > .btn:focus,
      .btn-group-vertical > .btn:focus,
      .btn-group > .btn:active,
      .btn-group-vertical > .btn:active,
      .btn-group > .btn.active,
      .btn-group-vertical > .btn.active {
        z-index: 2;
      }
      .btn-group .btn + .btn,
      .btn-group .btn + .btn-group,
      .btn-group .btn-group + .btn,
      .btn-group .btn-group + .btn-group {
        margin-left: -1px;
      }
      .btn-toolbar {
        margin-left: -5px;
      }
      .btn-toolbar .btn,
      .btn-toolbar .btn-group,
      .btn-toolbar .input-group {
        float: left;
      }
      .btn-toolbar > .btn,
      .btn-toolbar > .btn-group,
      .btn-toolbar > .input-group {
        margin-left: 5px;
      }
      .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
        border-radius: 0;
      }
      .btn-group > .btn:first-child {
        margin-left: 0;
      }
      .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
      }
      .btn-group > .btn:last-child:not(:first-child),
      .btn-group > .dropdown-toggle:not(:first-child) {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
      }
      .btn-group > .btn-group {
        float: left;
      }
      .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0;
      }
      .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
      .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
      }
      .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
      }
      .btn-group .dropdown-toggle:active,
      .btn-group.open .dropdown-toggle {
        outline: 0;
      }
      .btn-group > .btn + .dropdown-toggle {
        padding-left: 8px;
        padding-right: 8px;
      }
      .btn-group > .btn-lg + .dropdown-toggle {
        padding-left: 12px;
        padding-right: 12px;
      }
      .btn-group.open .dropdown-toggle {
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
      }
      .btn-group.open .dropdown-toggle.btn-link {
        -webkit-box-shadow: none;
        box-shadow: none;
      }
      .btn .caret {
        margin-left: 0;
      }
      .btn-lg .caret {
        border-width: 5px 5px 0;
        border-bottom-width: 0;
      }
      .dropup .btn-lg .caret {
        border-width: 0 5px 5px;
      }
      .btn-group-vertical > .btn,
      .btn-group-vertical > .btn-group,
      .btn-group-vertical > .btn-group > .btn {
        display: block;
        float: none;
        width: 100%;
        max-width: 100%;
      }
      .btn-group-vertical > .btn-group > .btn {
        float: none;
      }
      .btn-group-vertical > .btn + .btn,
      .btn-group-vertical > .btn + .btn-group,
      .btn-group-vertical > .btn-group + .btn,
      .btn-group-vertical > .btn-group + .btn-group {
        margin-top: -1px;
        margin-left: 0;
      }
      .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
        border-radius: 0;
      }
      .btn-group-vertical > .btn:first-child:not(:last-child) {
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
      }
      .btn-group-vertical > .btn:last-child:not(:first-child) {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
      }
      .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0;
      }
      .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
      .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
      }
      .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
      }
      .btn-group-justified {
        display: table;
        width: 100%;
        table-layout: fixed;
        border-collapse: separate;
      }
      .btn-group-justified > .btn,
      .btn-group-justified > .btn-group {
        float: none;
        display: table-cell;
        width: 1%;
      }
      .btn-group-justified > .btn-group .btn {
        width: 100%;
      }
      .btn-group-justified > .btn-group .dropdown-menu {
        left: auto;
      }
      [data-toggle="buttons"] > .btn input[type="radio"],
      [data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
      [data-toggle="buttons"] > .btn input[type="checkbox"],
      [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
        position: absolute;
        clip: rect(0, 0, 0, 0);
        pointer-events: none;
      }
      .input-group {
        position: relative;
        display: table;
        border-collapse: separate;
      }
      .input-group[class*="col-"] {
        float: none;
        padding-left: 0;
        padding-right: 0;
      }
      .input-group .form-control {
        position: relative;
        z-index: 2;
        float: left;
        width: 100%;
        margin-bottom: 0;
      }
      .input-group .form-control:focus {
        z-index: 3;
      }
      .input-group-lg > .form-control,
      .input-group-lg > .input-group-addon,
      .input-group-lg > .input-group-btn > .btn {
        height: 46px;
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.3333333;
        border-radius: 6px;
      }
      select.input-group-lg > .form-control,
      select.input-group-lg > .input-group-addon,
      select.input-group-lg > .input-group-btn > .btn {
        height: 46px;
        line-height: 46px;
      }
      textarea.input-group-lg > .form-control,
      textarea.input-group-lg > .input-group-addon,
      textarea.input-group-lg > .input-group-btn > .btn,
      select[multiple].input-group-lg > .form-control,
      select[multiple].input-group-lg > .input-group-addon,
      select[multiple].input-group-lg > .input-group-btn > .btn {
        height: auto;
      }
      .input-group-sm > .form-control,
      .input-group-sm > .input-group-addon,
      .input-group-sm > .input-group-btn > .btn {
        height: 30px;
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px;
      }
      select.input-group-sm > .form-control,
      select.input-group-sm > .input-group-addon,
      select.input-group-sm > .input-group-btn > .btn {
        height: 30px;
        line-height: 30px;
      }
      textarea.input-group-sm > .form-control,
      textarea.input-group-sm > .input-group-addon,
      textarea.input-group-sm > .input-group-btn > .btn,
      select[multiple].input-group-sm > .form-control,
      select[multiple].input-group-sm > .input-group-addon,
      select[multiple].input-group-sm > .input-group-btn > .btn {
        height: auto;
      }
      .input-group-addon,
      .input-group-btn,
      .input-group .form-control {
        display: table-cell;
      }
      .input-group-addon:not(:first-child):not(:last-child),
      .input-group-btn:not(:first-child):not(:last-child),
      .input-group .form-control:not(:first-child):not(:last-child) {
        border-radius: 0;
      }
      .input-group-addon,
      .input-group-btn {
        width: 1%;
        white-space: nowrap;
        vertical-align: middle;
      }
      .input-group-addon {
        padding: 6px 12px;
        font-size: 14px;
        font-weight: normal;
        line-height: 1;
        color: #555;
        text-align: center;
        background-color: #eee;
        border: 1px solid #ccc;
        border-radius: 4px;
      }
      .input-group-addon.input-sm {
        padding: 5px 10px;
        font-size: 12px;
        border-radius: 3px;
      }
      .input-group-addon.input-lg {
        padding: 10px 16px;
        font-size: 18px;
        border-radius: 6px;
      }
      .input-group-addon input[type="radio"],
      .input-group-addon input[type="checkbox"] {
        margin-top: 0;
      }
      .input-group .form-control:first-child,
      .input-group-addon:first-child,
      .input-group-btn:first-child > .btn,
      .input-group-btn:first-child > .btn-group > .btn,
      .input-group-btn:first-child > .dropdown-toggle,
      .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
      .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
      }
      .input-group-addon:first-child {
        border-right: 0;
      }
      .input-group .form-control:last-child,
      .input-group-addon:last-child,
      .input-group-btn:last-child > .btn,
      .input-group-btn:last-child > .btn-group > .btn,
      .input-group-btn:last-child > .dropdown-toggle,
      .input-group-btn:first-child > .btn:not(:first-child),
      .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
      }
      .input-group-addon:last-child {
        border-left: 0;
      }
      .input-group-btn {
        position: relative;
        font-size: 0;
        white-space: nowrap;
      }
      .input-group-btn > .btn {
        position: relative;
      }
      .input-group-btn > .btn + .btn {
        margin-left: -1px;
      }
      .input-group-btn > .btn:hover,
      .input-group-btn > .btn:focus,
      .input-group-btn > .btn:active {
        z-index: 2;
      }
      .input-group-btn:first-child > .btn,
      .input-group-btn:first-child > .btn-group {
        margin-right: -1px;
      }
      .input-group-btn:last-child > .btn,
      .input-group-btn:last-child > .btn-group {
        z-index: 2;
        margin-left: -1px;
      }
      .nav {
        margin-bottom: 0;
        padding-left: 0;
        list-style: none;
      }
      .nav > li {
        position: relative;
        display: block;
      }
      .nav > li > a {
        position: relative;
        display: block;
        padding: 10px 15px;
      }
      .nav > li > a:hover,
      .nav > li > a:focus {
        text-decoration: none;
        background-color: #eee;
      }
      .nav > li.disabled > a {
        color: #777;
      }
      .nav > li.disabled > a:hover,
      .nav > li.disabled > a:focus {
        color: #777;
        text-decoration: none;
        background-color: transparent;
        cursor: not-allowed;
      }
      .nav .open > a,
      .nav .open > a:hover,
      .nav .open > a:focus {
        background-color: #eee;
        border-color: #337ab7;
      }
      .nav .nav-divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5;
      }
      .nav > li > a > img {
        max-width: none;
      }
      .nav-tabs {
        border-bottom: 1px solid #ddd;
      }
      .nav-tabs > li {
        float: left;
        margin-bottom: -1px;
      }
      .nav-tabs > li > a {
        margin-right: 2px;
        line-height: 1.42857143;
        border: 1px solid transparent;
        border-radius: 4px 4px 0 0;
      }
      .nav-tabs > li > a:hover {
        border-color: #eee #eee #ddd;
      }
      .nav-tabs > li.active > a,
      .nav-tabs > li.active > a:hover,
      .nav-tabs > li.active > a:focus {
        color: #555;
        background-color: #fcfcfc;
        border: 1px solid #ddd;
        border-bottom-color: transparent;
        cursor: default;
      }
      .nav-tabs.nav-justified {
        width: 100%;
        border-bottom: 0;
      }
      .nav-tabs.nav-justified > li {
        float: none;
      }
      .nav-tabs.nav-justified > li > a {
        text-align: center;
        margin-bottom: 5px;
      }
      .nav-tabs.nav-justified > .dropdown .dropdown-menu {
        top: auto;
        left: auto;
      }
      @media (min-width: 768px) {
        .nav-tabs.nav-justified > li {
          display: table-cell;
          width: 1%;
        }
        .nav-tabs.nav-justified > li > a {
          margin-bottom: 0;
        }
      }
      .nav-tabs.nav-justified > li > a {
        margin-right: 0;
        border-radius: 4px;
      }
      .nav-tabs.nav-justified > .active > a,
      .nav-tabs.nav-justified > .active > a:hover,
      .nav-tabs.nav-justified > .active > a:focus {
        border: 1px solid #ddd;
      }
      @media (min-width: 768px) {
        .nav-tabs.nav-justified > li > a {
          border-bottom: 1px solid #ddd;
          border-radius: 4px 4px 0 0;
        }
        .nav-tabs.nav-justified > .active > a,
        .nav-tabs.nav-justified > .active > a:hover,
        .nav-tabs.nav-justified > .active > a:focus {
          border-bottom-color: #fcfcfc;
        }
      }
      .nav-pills > li {
        float: left;
      }
      .nav-pills > li > a {
        border-radius: 4px;
      }
      .nav-pills > li + li {
        margin-left: 2px;
      }
      .nav-pills > li.active > a,
      .nav-pills > li.active > a:hover,
      .nav-pills > li.active > a:focus {
        color: #fcfcfc;
        background-color: #337ab7;
      }
      .nav-stacked > li {
        float: none;
      }
      .nav-stacked > li + li {
        margin-top: 2px;
        margin-left: 0;
      }
      .nav-justified {
        width: 100%;
      }
      .nav-justified > li {
        float: none;
      }
      .nav-justified > li > a {
        text-align: center;
        margin-bottom: 5px;
      }
      .nav-justified > .dropdown .dropdown-menu {
        top: auto;
        left: auto;
      }
      @media (min-width: 768px) {
        .nav-justified > li {
          display: table-cell;
          width: 1%;
        }
        .nav-justified > li > a {
          margin-bottom: 0;
        }
      }
      .nav-tabs-justified {
        border-bottom: 0;
      }
      .nav-tabs-justified > li > a {
        margin-right: 0;
        border-radius: 4px;
      }
      .nav-tabs-justified > .active > a,
      .nav-tabs-justified > .active > a:hover,
      .nav-tabs-justified > .active > a:focus {
        border: 1px solid #ddd;
      }
      @media (min-width: 768px) {
        .nav-tabs-justified > li > a {
          border-bottom: 1px solid #ddd;
          border-radius: 4px 4px 0 0;
        }
        .nav-tabs-justified > .active > a,
        .nav-tabs-justified > .active > a:hover,
        .nav-tabs-justified > .active > a:focus {
          border-bottom-color: #fcfcfc;
        }
      }
      .tab-content > .tab-pane {
        display: none;
      }
      .tab-content > .active {
        display: block;
      }
      .nav-tabs .dropdown-menu {
        margin-top: -1px;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
      }
      .navbar {
        position: relative;
        min-height: 50px;
        margin-bottom: 20px;
        border: 1px solid transparent;
      }
      @media (min-width: 768px) {
        .navbar {
          border-radius: 4px;
        }
      }
      @media (min-width: 768px) {
        .navbar-header {
          float: left;
        }
      }
      .navbar-collapse {
        overflow-x: visible;
        padding-right: 15px;
        padding-left: 15px;
        border-top: 1px solid transparent;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
        -webkit-overflow-scrolling: touch;
      }
      .navbar-collapse.in {
        overflow-y: auto;
      }
      @media (min-width: 768px) {
        .navbar-collapse {
          width: auto;
          border-top: 0;
          -webkit-box-shadow: none;
          box-shadow: none;
        }
        .navbar-collapse.collapse {
          display: block !important;
          height: auto !important;
          padding-bottom: 0;
          overflow: visible !important;
        }
        .navbar-collapse.in {
          overflow-y: visible;
        }
        .navbar-fixed-top .navbar-collapse,
        .navbar-static-top .navbar-collapse,
        .navbar-fixed-bottom .navbar-collapse {
          padding-left: 0;
          padding-right: 0;
        }
      }
      .navbar-fixed-top .navbar-collapse,
      .navbar-fixed-bottom .navbar-collapse {
        max-height: 340px;
      }
      @media (max-device-width: 480px) and (orientation: landscape) {
        .navbar-fixed-top .navbar-collapse,
        .navbar-fixed-bottom .navbar-collapse {
          max-height: 200px;
        }
      }
      .container > .navbar-header,
      .container-fluid > .navbar-header,
      .container > .navbar-collapse,
      .container-fluid > .navbar-collapse {
        margin-right: -15px;
        margin-left: -15px;
      }
      @media (min-width: 768px) {
        .container > .navbar-header,
        .container-fluid > .navbar-header,
        .container > .navbar-collapse,
        .container-fluid > .navbar-collapse {
          margin-right: 0;
          margin-left: 0;
        }
      }
      .navbar-static-top {
        z-index: 1000;
        border-width: 0 0 1px;
      }
      @media (min-width: 768px) {
        .navbar-static-top {
          border-radius: 0;
        }
      }
      .navbar-fixed-top,
      .navbar-fixed-bottom {
        position: fixed;
        right: 0;
        left: 0;
        z-index: 1030;
      }
      @media (min-width: 768px) {
        .navbar-fixed-top,
        .navbar-fixed-bottom {
          border-radius: 0;
        }
      }
      .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
      }
      .navbar-fixed-bottom {
        bottom: 0;
        margin-bottom: 0;
        border-width: 1px 0 0;
      }
      .navbar-brand {
        float: left;
        padding: 15px 15px;
        font-size: 18px;
        line-height: 20px;
        height: 50px;
      }
      .navbar-brand:hover,
      .navbar-brand:focus {
        text-decoration: none;
      }
      .navbar-brand > img {
        display: block;
      }
      @media (min-width: 768px) {
        .navbar > .container .navbar-brand,
        .navbar > .container-fluid .navbar-brand {
          margin-left: -15px;
        }
      }
      .navbar-toggle {
        position: relative;
        float: right;
        margin-right: 15px;
        padding: 9px 10px;
        margin-top: 8px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
      }
      .navbar-toggle:focus {
        outline: 0;
      }
      .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
      }
      .navbar-toggle .icon-bar + .icon-bar {
        margin-top: 4px;
      }
      @media (min-width: 768px) {
        .navbar-toggle {
          display: none;
        }
      }
      .navbar-nav {
        margin: 7.5px -15px;
      }
      .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 20px;
      }
      @media (max-width: 767px) {
        .navbar-nav .open .dropdown-menu {
          position: static;
          float: none;
          width: auto;
          margin-top: 0;
          background-color: transparent;
          border: 0;
          -webkit-box-shadow: none;
          box-shadow: none;
        }
        .navbar-nav .open .dropdown-menu > li > a,
        .navbar-nav .open .dropdown-menu .dropdown-header {
          padding: 5px 15px 5px 25px;
        }
        .navbar-nav .open .dropdown-menu > li > a {
          line-height: 20px;
        }
        .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-nav .open .dropdown-menu > li > a:focus {
          background-image: none;
        }
      }
      @media (min-width: 768px) {
        .navbar-nav {
          float: left;
          margin: 0;
        }
        .navbar-nav > li {
          float: left;
        }
        .navbar-nav > li > a {
          padding-top: 15px;
          padding-bottom: 15px;
        }
      }
      .navbar-form {
        margin-left: -15px;
        margin-right: -15px;
        padding: 10px 15px;
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
        margin-top: 8px;
        margin-bottom: 8px;
      }
      @media (min-width: 768px) {
        .navbar-form .form-group {
          display: inline-block;
          margin-bottom: 0;
          vertical-align: middle;
        }
        .navbar-form .form-control {
          display: inline-block;
          width: auto;
          vertical-align: middle;
        }
        .navbar-form .form-control-static {
          display: inline-block;
        }
        .navbar-form .input-group {
          display: inline-table;
          vertical-align: middle;
        }
        .navbar-form .input-group .input-group-addon,
        .navbar-form .input-group .input-group-btn,
        .navbar-form .input-group .form-control {
          width: auto;
        }
        .navbar-form .input-group > .form-control {
          width: 100%;
        }
        .navbar-form .control-label {
          margin-bottom: 0;
          vertical-align: middle;
        }
        .navbar-form .radio,
        .navbar-form .checkbox {
          display: inline-block;
          margin-top: 0;
          margin-bottom: 0;
          vertical-align: middle;
        }
        .navbar-form .radio label,
        .navbar-form .checkbox label {
          padding-left: 0;
        }
        .navbar-form .radio input[type="radio"],
        .navbar-form .checkbox input[type="checkbox"] {
          position: relative;
          margin-left: 0;
        }
        .navbar-form .has-feedback .form-control-feedback {
          top: 0;
        }
      }
      @media (max-width: 767px) {
        .navbar-form .form-group {
          margin-bottom: 5px;
        }
        .navbar-form .form-group:last-child {
          margin-bottom: 0;
        }
      }
      @media (min-width: 768px) {
        .navbar-form {
          width: auto;
          border: 0;
          margin-left: 0;
          margin-right: 0;
          padding-top: 0;
          padding-bottom: 0;
          -webkit-box-shadow: none;
          box-shadow: none;
        }
      }
      .navbar-nav > li > .dropdown-menu {
        margin-top: 0;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
      }
      .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
        margin-bottom: 0;
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
      }
      .navbar-btn {
        margin-top: 8px;
        margin-bottom: 8px;
      }
      .navbar-btn.btn-sm {
        margin-top: 10px;
        margin-bottom: 10px;
      }
      .navbar-btn.btn-xs {
        margin-top: 14px;
        margin-bottom: 14px;
      }
      .navbar-text {
        margin-top: 15px;
        margin-bottom: 15px;
      }
      @media (min-width: 768px) {
        .navbar-text {
          float: left;
          margin-left: 15px;
          margin-right: 15px;
        }
      }
      @media (min-width: 768px) {
        .navbar-left {
          float: left !important;
        }
        .navbar-right {
          float: right !important;
          margin-right: -15px;
        }
        .navbar-right ~ .navbar-right {
          margin-right: 0;
        }
      }
      .navbar-default {
        background-color: #f8f8f8;
        border-color: #e7e7e7;
      }
      .navbar-default .navbar-brand {
        color: #777;
      }
      .navbar-default .navbar-brand:hover,
      .navbar-default .navbar-brand:focus {
        color: #5e5e5e;
        background-color: transparent;
      }
      .navbar-default .navbar-text {
        color: #777;
      }
      .navbar-default .navbar-nav > li > a {
        color: #777;
      }
      .navbar-default .navbar-nav > li > a:hover,
      .navbar-default .navbar-nav > li > a:focus {
        color: #333;
        background-color: transparent;
      }
      .navbar-default .navbar-nav > .active > a,
      .navbar-default .navbar-nav > .active > a:hover,
      .navbar-default .navbar-nav > .active > a:focus {
        color: #555;
        background-color: #e7e7e7;
      }
      .navbar-default .navbar-nav > .disabled > a,
      .navbar-default .navbar-nav > .disabled > a:hover,
      .navbar-default .navbar-nav > .disabled > a:focus {
        color: #ccc;
        background-color: transparent;
      }
      .navbar-default .navbar-toggle {
        border-color: #ddd;
      }
      .navbar-default .navbar-toggle:hover,
      .navbar-default .navbar-toggle:focus {
        background-color: #ddd;
      }
      .navbar-default .navbar-toggle .icon-bar {
        background-color: #888;
      }
      .navbar-default .navbar-collapse,
      .navbar-default .navbar-form {
        border-color: #e7e7e7;
      }
      .navbar-default .navbar-nav > .open > a,
      .navbar-default .navbar-nav > .open > a:hover,
      .navbar-default .navbar-nav > .open > a:focus {
        background-color: #e7e7e7;
        color: #555;
      }
      @media (max-width: 767px) {
        .navbar-default .navbar-nav .open .dropdown-menu > li > a {
          color: #777;
        }
        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
          color: #333;
          background-color: transparent;
        }
        .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
        .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
        .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
          color: #555;
          background-color: #e7e7e7;
        }
        .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
        .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
        .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
          color: #ccc;
          background-color: transparent;
        }
      }
      .navbar-default .navbar-link {
        color: #777;
      }
      .navbar-default .navbar-link:hover {
        color: #333;
      }
      .navbar-default .btn-link {
        color: #777;
      }
      .navbar-default .btn-link:hover,
      .navbar-default .btn-link:focus {
        color: #333;
      }
      .navbar-default .btn-link[disabled]:hover,
      fieldset[disabled] .navbar-default .btn-link:hover,
      .navbar-default .btn-link[disabled]:focus,
      fieldset[disabled] .navbar-default .btn-link:focus {
        color: #ccc;
      }
      .navbar-inverse {
        background-color: #222;
        border-color: #080808;
      }
      .navbar-inverse .navbar-brand {
        color: #9d9d9d;
      }
      .navbar-inverse .navbar-brand:hover,
      .navbar-inverse .navbar-brand:focus {
        color: #fcfcfc;
        background-color: transparent;
      }
      .navbar-inverse .navbar-text {
        color: #9d9d9d;
      }
      .navbar-inverse .navbar-nav > li > a {
        color: #9d9d9d;
      }
      .navbar-inverse .navbar-nav > li > a:hover,
      .navbar-inverse .navbar-nav > li > a:focus {
        color: #fcfcfc;
        background-color: transparent;
      }
      .navbar-inverse .navbar-nav > .active > a,
      .navbar-inverse .navbar-nav > .active > a:hover,
      .navbar-inverse .navbar-nav > .active > a:focus {
        color: #fcfcfc;
        background-color: #080808;
      }
      .navbar-inverse .navbar-nav > .disabled > a,
      .navbar-inverse .navbar-nav > .disabled > a:hover,
      .navbar-inverse .navbar-nav > .disabled > a:focus {
        color: #444;
        background-color: transparent;
      }
      .navbar-inverse .navbar-toggle {
        border-color: #333;
      }
      .navbar-inverse .navbar-toggle:hover,
      .navbar-inverse .navbar-toggle:focus {
        background-color: #333;
      }
      .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #fcfcfc;
      }
      .navbar-inverse .navbar-collapse,
      .navbar-inverse .navbar-form {
        border-color: #101010;
      }
      .navbar-inverse .navbar-nav > .open > a,
      .navbar-inverse .navbar-nav > .open > a:hover,
      .navbar-inverse .navbar-nav > .open > a:focus {
        background-color: #080808;
        color: #fcfcfc;
      }
      @media (max-width: 767px) {
        .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
          border-color: #080808;
        }
        .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
          background-color: #080808;
        }
        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
          color: #9d9d9d;
        }
        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
          color: #fcfcfc;
          background-color: transparent;
        }
        .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
        .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
        .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
          color: #fcfcfc;
          background-color: #080808;
        }
        .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
        .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
        .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
          color: #444;
          background-color: transparent;
        }
      }
      .navbar-inverse .navbar-link {
        color: #9d9d9d;
      }
      .navbar-inverse .navbar-link:hover {
        color: #fcfcfc;
      }
      .navbar-inverse .btn-link {
        color: #9d9d9d;
      }
      .navbar-inverse .btn-link:hover,
      .navbar-inverse .btn-link:focus {
        color: #fcfcfc;
      }
      .navbar-inverse .btn-link[disabled]:hover,
      fieldset[disabled] .navbar-inverse .btn-link:hover,
      .navbar-inverse .btn-link[disabled]:focus,
      fieldset[disabled] .navbar-inverse .btn-link:focus {
        color: #444;
      }
      .label {
        display: inline;
        padding: 0.2em 0.6em 0.3em;
        font-size: 75%;
        font-weight: bold;
        line-height: 1;
        color: #fcfcfc;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        border-radius: 0.25em;
      }
      a.label:hover,
      a.label:focus {
        color: #fcfcfc;
        text-decoration: none;
        cursor: pointer;
      }
      .label:empty {
        display: none;
      }
      .btn .label {
        position: relative;
        top: -1px;
      }
      .label-default {
        background-color: #777;
      }
      .label-default[href]:hover,
      .label-default[href]:focus {
        background-color: #5e5e5e;
      }
      .label-primary {
        background-color: #337ab7;
      }
      .label-primary[href]:hover,
      .label-primary[href]:focus {
        background-color: #286090;
      }
      .label-success {
        background-color: #5cb85c;
      }
      .label-success[href]:hover,
      .label-success[href]:focus {
        background-color: #449d44;
      }
      .label-info {
        background-color: #5bc0de;
      }
      .label-info[href]:hover,
      .label-info[href]:focus {
        background-color: #31b0d5;
      }
      .label-warning {
        background-color: #f0ad4e;
      }
      .label-warning[href]:hover,
      .label-warning[href]:focus {
        background-color: #ec971f;
      }
      .label-danger {
        background-color: #d9534f;
      }
      .label-danger[href]:hover,
      .label-danger[href]:focus {
        background-color: #c9302c;
      }
      .modal-open {
        overflow: hidden;
      }
      .modal {
        display: none;
        overflow: hidden;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1050;
        -webkit-overflow-scrolling: touch;
        outline: 0;
      }
      .modal.fade .modal-dialog {
        -webkit-transform: translate(0, -25%);
        -ms-transform: translate(0, -25%);
        -o-transform: translate(0, -25%);
        transform: translate(0, -25%);
        -webkit-transition: -webkit-transform 0.3s ease-out;
        -o-transition: -o-transform 0.3s ease-out;
        transition: transform 0.3s ease-out;
      }
      .modal.in .modal-dialog {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
      }
      .modal-open .modal {
        overflow-x: hidden;
        overflow-y: auto;
      }
      .modal-dialog {
        position: relative;
        width: auto;
        margin: 10px;
      }
      .modal-content {
        position: relative;
        background-color: #fcfcfc;
        border: 1px solid #999;
        border: 1px solid rgba(0, 0, 0, 0.2);
        border-radius: 6px;
        -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
        box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        outline: 0;
      }
      .modal-backdrop {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1040;
        background-color: #000;
      }
      .modal-backdrop.fade {
        opacity: 0;
        filter: alpha(opacity=0);
      }
      .modal-backdrop.in {
        opacity: 0.5;
        filter: alpha(opacity=50);
      }
      .modal-header {
        padding: 15px;
        border-bottom: 1px solid #e5e5e5;
      }
      .modal-header .close {
        margin-top: -2px;
      }
      .modal-title {
        margin: 0;
        line-height: 1.42857143;
      }
      .modal-body {
        position: relative;
        padding: 15px;
      }
      .modal-footer {
        padding: 15px;
        text-align: right;
        border-top: 1px solid #e5e5e5;
      }
      .modal-footer .btn + .btn {
        margin-left: 5px;
        margin-bottom: 0;
      }
      .modal-footer .btn-group .btn + .btn {
        margin-left: -1px;
      }
      .modal-footer .btn-block + .btn-block {
        margin-left: 0;
      }
      .modal-scrollbar-measure {
        position: absolute;
        top: -9999px;
        width: 50px;
        height: 50px;
        overflow: scroll;
      }
      @media (min-width: 768px) {
        .modal-dialog {
          width: 600px;
          margin: 30px auto;
        }
        .modal-content {
          -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
          box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        }
        .modal-sm {
          width: 300px;
        }
      }
      @media (min-width: 992px) {
        .modal-lg {
          width: 900px;
        }
      }
      .popover {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1060;
        display: none;
        max-width: 276px;
        padding: 1px;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-style: normal;
        font-weight: normal;
        letter-spacing: normal;
        line-break: auto;
        line-height: 1.42857143;
        text-align: left;
        text-align: start;
        text-decoration: none;
        text-shadow: none;
        text-transform: none;
        white-space: normal;
        word-break: normal;
        word-spacing: normal;
        word-wrap: normal;
        font-size: 14px;
        background-color: #fcfcfc;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border: 1px solid rgba(0, 0, 0, 0.2);
        border-radius: 6px;
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
      }
      .popover.top {
        margin-top: -10px;
      }
      .popover.right {
        margin-left: 10px;
      }
      .popover.bottom {
        margin-top: 10px;
      }
      .popover.left {
        margin-left: -10px;
      }
      .popover-title {
        margin: 0;
        padding: 8px 14px;
        font-size: 14px;
        background-color: #f7f7f7;
        border-bottom: 1px solid #ebebeb;
        border-radius: 5px 5px 0 0;
      }
      .popover-content {
        padding: 9px 14px;
      }
      .popover > .arrow,
      .popover > .arrow:after {
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
      }
      .popover > .arrow {
        border-width: 11px;
      }
      .popover > .arrow:after {
        border-width: 10px;
        content: "";
      }
      .popover.top > .arrow {
        left: 50%;
        margin-left: -11px;
        border-bottom-width: 0;
        border-top-color: #999;
        border-top-color: rgba(0, 0, 0, 0.25);
        bottom: -11px;
      }
      .popover.top > .arrow:after {
        content: " ";
        bottom: 1px;
        margin-left: -10px;
        border-bottom-width: 0;
        border-top-color: #fcfcfc;
      }
      .popover.right > .arrow {
        top: 50%;
        left: -11px;
        margin-top: -11px;
        border-left-width: 0;
        border-right-color: #999;
        border-right-color: rgba(0, 0, 0, 0.25);
      }
      .popover.right > .arrow:after {
        content: " ";
        left: 1px;
        bottom: -10px;
        border-left-width: 0;
        border-right-color: #fcfcfc;
      }
      .popover.bottom > .arrow {
        left: 50%;
        margin-left: -11px;
        border-top-width: 0;
        border-bottom-color: #999;
        border-bottom-color: rgba(0, 0, 0, 0.25);
        top: -11px;
      }
      .popover.bottom > .arrow:after {
        content: " ";
        top: 1px;
        margin-left: -10px;
        border-top-width: 0;
        border-bottom-color: #fcfcfc;
      }
      .popover.left > .arrow {
        top: 50%;
        right: -11px;
        margin-top: -11px;
        border-right-width: 0;
        border-left-color: #999;
        border-left-color: rgba(0, 0, 0, 0.25);
      }
      .popover.left > .arrow:after {
        content: " ";
        right: 1px;
        border-right-width: 0;
        border-left-color: #fcfcfc;
        bottom: -10px;
      }
      .carousel {
        position: relative;
      }
      .carousel-inner {
        position: relative;
        overflow: hidden;
        width: 100%;
      }
      .carousel-inner > .item {
        display: none;
        position: relative;
        -webkit-transition: 0.6s ease-in-out left;
        -o-transition: 0.6s ease-in-out left;
        transition: 0.6s ease-in-out left;
      }
      .carousel-inner > .item > img,
      .carousel-inner > .item > a > img {
        line-height: 1;
      }
      @media all and (transform-3d), (-webkit-transform-3d) {
        .carousel-inner > .item {
          -webkit-transition: -webkit-transform 0.6s ease-in-out;
          -o-transition: -o-transform 0.6s ease-in-out;
          transition: transform 0.6s ease-in-out;
          -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
          -webkit-perspective: 1000px;
          perspective: 1000px;
        }
        .carousel-inner > .item.next,
        .carousel-inner > .item.active.right {
          -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
          left: 0;
        }
        .carousel-inner > .item.prev,
        .carousel-inner > .item.active.left {
          -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
          left: 0;
        }
        .carousel-inner > .item.next.left,
        .carousel-inner > .item.prev.right,
        .carousel-inner > .item.active {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
          left: 0;
        }
      }
      .carousel-inner > .active,
      .carousel-inner > .next,
      .carousel-inner > .prev {
        display: block;
      }
      .carousel-inner > .active {
        left: 0;
      }
      .carousel-inner > .next,
      .carousel-inner > .prev {
        position: absolute;
        top: 0;
        width: 100%;
      }
      .carousel-inner > .next {
        left: 100%;
      }
      .carousel-inner > .prev {
        left: -100%;
      }
      .carousel-inner > .next.left,
      .carousel-inner > .prev.right {
        left: 0;
      }
      .carousel-inner > .active.left {
        left: -100%;
      }
      .carousel-inner > .active.right {
        left: 100%;
      }
      .carousel-control {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 15%;
        opacity: 0.5;
        filter: alpha(opacity=50);
        font-size: 20px;
        color: #fcfcfc;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
        background-color: rgba(0, 0, 0, 0);
      }
      .carousel-control.left {
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
      }
      .carousel-control.right {
        left: auto;
        right: 0;
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
      }
      .carousel-control:hover,
      .carousel-control:focus {
        outline: 0;
        color: #fcfcfc;
        text-decoration: none;
        opacity: 0.9;
        filter: alpha(opacity=90);
      }
      .carousel-control .icon-prev,
      .carousel-control .icon-next,
      .carousel-control .glyphicon-chevron-left,
      .carousel-control .glyphicon-chevron-right {
        position: absolute;
        top: 50%;
        margin-top: -10px;
        z-index: 5;
        display: inline-block;
      }
      .carousel-control .icon-prev,
      .carousel-control .glyphicon-chevron-left {
        left: 50%;
        margin-left: -10px;
      }
      .carousel-control .icon-next,
      .carousel-control .glyphicon-chevron-right {
        right: 50%;
        margin-right: -10px;
      }
      .carousel-control .icon-prev,
      .carousel-control .icon-next {
        width: 20px;
        height: 20px;
        line-height: 1;
        font-family: serif;
      }
      .carousel-control .icon-prev:before {
        content: "\2039";
      }
      .carousel-control .icon-next:before {
        content: "\203a";
      }
      .carousel-indicators {
        position: absolute;
        bottom: 10px;
        left: 50%;
        z-index: 15;
        width: 60%;
        margin-left: -30%;
        padding-left: 0;
        list-style: none;
        text-align: center;
      }
      .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        border: 1px solid #fcfcfc;
        border-radius: 10px;
        cursor: pointer;
        background-color: #000 \9;
        background-color: rgba(0, 0, 0, 0);
      }
      .carousel-indicators .active {
        margin: 0;
        width: 12px;
        height: 12px;
        background-color: #fcfcfc;
      }
      .carousel-caption {
        position: absolute;
        left: 15%;
        right: 15%;
        bottom: 20px;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fcfcfc;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
      }
      .carousel-caption .btn {
        text-shadow: none;
      }
      @media screen and (min-width: 768px) {
        .carousel-control .glyphicon-chevron-left,
        .carousel-control .glyphicon-chevron-right,
        .carousel-control .icon-prev,
        .carousel-control .icon-next {
          width: 30px;
          height: 30px;
          margin-top: -10px;
          font-size: 30px;
        }
        .carousel-control .glyphicon-chevron-left,
        .carousel-control .icon-prev {
          margin-left: -10px;
        }
        .carousel-control .glyphicon-chevron-right,
        .carousel-control .icon-next {
          margin-right: -10px;
        }
        .carousel-caption {
          left: 20%;
          right: 20%;
          padding-bottom: 30px;
        }
        .carousel-indicators {
          bottom: 20px;
        }
      }
      .clearfix:before,
      .clearfix:after,
      .dl-horizontal dd:before,
      .dl-horizontal dd:after,
      .container:before,
      .container:after,
      .container-fluid:before,
      .container-fluid:after,
      .row:before,
      .row:after,
      .form-horizontal .form-group:before,
      .form-horizontal .form-group:after,
      .btn-toolbar:before,
      .btn-toolbar:after,
      .btn-group-vertical > .btn-group:before,
      .btn-group-vertical > .btn-group:after,
      .nav:before,
      .nav:after,
      .navbar:before,
      .navbar:after,
      .navbar-header:before,
      .navbar-header:after,
      .navbar-collapse:before,
      .navbar-collapse:after,
      .modal-header:before,
      .modal-header:after,
      .modal-footer:before,
      .modal-footer:after {
        content: " ";
        display: table;
      }
      .clearfix:after,
      .dl-horizontal dd:after,
      .container:after,
      .container-fluid:after,
      .row:after,
      .form-horizontal .form-group:after,
      .btn-toolbar:after,
      .btn-group-vertical > .btn-group:after,
      .nav:after,
      .navbar:after,
      .navbar-header:after,
      .navbar-collapse:after,
      .modal-header:after,
      .modal-footer:after {
        clear: both;
      }
      .center-block {
        display: block;
        margin-left: auto;
        margin-right: auto;
      }
      .pull-right {
        float: right !important;
      }
      .pull-left {
        float: left !important;
      }
      .hide {
        display: none !important;
      }
      .show {
        display: block !important;
      }
      .invisible {
        visibility: hidden;
      }
      .text-hide {
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0;
      }
      .hidden {
        display: none !important;
      }
      .affix {
        position: fixed;
      } */
      
            
            
            
        /*
        Name : style.css
        Author : BIS (anon.id)
        Type : Default Style
        */
        @import url("https://fonts.googleapis.com/css?family=Playfair+Display:700&display=swap");
        @import url("https://fonts.googleapis.com/css?family=Raleway:300,700&display=swap");
      /* SKELTON STRUCTURE
            ----------------------------------*/
      .no-js {
        display: none;
      }
      .modal-open header .fix_nav {
        padding-right: 17px;
      }
      body {
        /*font-family: 'Roboto-Regular' !important;*/
        font-family: 'Manrope', sans-serif !important;
        font-weight: 400;
        background: #fcfcfc !important;
        font-size: 16px;
        overflow-x: hidden;
      }
      @media (max-width: 992px) {
        body {
          display: table;
        }
      }
      h1,
      h2,
      h3,
      h4,
      h5 {
        margin: 0;
        padding: 0;
      }
      ul {
        margin: 5px 0 5px 0;
        padding: 0;
      }
      p {
        margin: 0;
      }
      a:focus {
        outline: none;
      }
      .no-border {
        border: none !important;
      }
      .no-border-t {
        border-top: none !important;
      }
      .no-border-b {
        border-bottom: none !important;
      }
      /*header .container,
            .sub-header .container {
              width: 1250px;
            }
            .container {
              width: 1170px;
            }
            */
      .sub_header_kanal {
        margin-top: -10px;
      }
      .sub-header.black {
        background: #101113;
      }
      #sticky1-sub.sub-header {
        background: #fcfcfc;
        z-index: 1000 !important;
        border-bottom: 1px #ccc solid;
      }
      #sticky1-sub-sticky-wrapper {
        height: 44px !important;
        margin-bottom: 0;
      }
      .container {
        width: 1250px;
      }
      
      /* MARGIN PADDING DEFAULT
            ----------------------------------*/
      .no-margin {
        margin: 0 !important;
      }
      .no-padding {
        padding: 0 !important;
      }
      .no-pl {
        padding-left: 0 !important;
      }
      .no-pr {
        padding-right: 0 !important;
      }
      .no-pt {
        padding-top: 0 !important;
      }
      .no-pb {
        padding-bottom: 0 !important;
      }
      .no-ml {
        margin-left: 0 !important;
      }
      .no-mr {
        margin-right: 0 !important;
      }
      .no-mt {
        margin-top: 0 !important;
      }
      .no-mb {
        margin-bottom: 0 !important;
      }
      .pl-5 {
        padding-left: 5px !important;
      }
      .pl-7 {
        padding-left: 7px !important;
      }
      .pl-12 {
        padding-left: 12px !important;
      }
      .pl-30 {
        padding-left: 30px !important;
      }
      .pl-35 {
        padding-left: 35px !important;
      }
      .pl-50 {
        padding-left: 50px !important;
      }
      .pl-60 {
        padding-left: 60px !important;
      }
      .pr-7 {
        padding-right: 7px !important;
      }
      .plr-15 {
        padding: 0 15px !important;
      }
      .plr-20 {
        padding: 0 20px !important;
      }
      .ptb-15 {
        padding: 15px 0 !important;
      }
      .ptb-30 {
        padding: 30px 0 !important;
      }
      .ptb-80 {
        padding: 80px 0 !important;
      }
      .pt-10 {
        padding-top: 10px !important;
      }
      .pt-70 {
        padding-top: 70px !important;
      }
      .pb-5 {
        padding-bottom: 15px !important;
      }
      .pb-15 {
        padding-bottom: 15px !important;
      }
      .pb-20 {
        padding-bottom: 20px !important;
      }
      .pb-25 {
        padding-bottom: 25px !important;
      }
      .pb-60 {
        padding: 0 0 60px 0 !important;
      }
      .prb-155 {
        padding: 0 15px 5px 0 !important;
      }
      .m-5 {
        margin: 5px !important;
      }
      .m-15 {
        margin: 15px !important;
      }
      .mtb-5 {
        margin: 5px 0 !important;
      }
      .mtb-10 {
        margin: 10px 0 !important;
      }
      .mtb-15 {
        margin: 15px 0 !important;
      }
      .mtb-20 {
        margin: 20px 0 !important;
      }
      .mtb-30 {
        margin: 30px 0 !important;
      }
      .mtb-2015 {
        margin: 20px 0 15px 0 !important;
      }
      .mtb-4020 {
        margin: 40px 0 20px 0 !important;
      }
      .mtb-5020 {
        margin: 50px 0 20px 0 !important;
      }
      .mtb-3010 {
        margin: 30px 0 10px 0 !important;
      }
      .mtb-3015 {
        margin: 30px 0 15px 0 !important;
      }
      .mtb-3020 {
        margin: 30px 0 20px 0 !important;
      }
      .mtb--15 {
        margin: -15% 0 !important;
      }
      .mt-2 {
        margin-top: 2px !important;
      }
      .mt-3 {
        margin-top: 3px !important;
      }
      .mt-5 {
        margin-top: 5px !important;
      }
      .mt-10 {
        margin-top: 10px !important;
      }
      .mt-15 {
        margin-top: 15px !important;
      }
      .mt-20 {
        margin-top: 20px !important;
      }
      .mt-25 {
        margin-top: 25px !important;
      }
      .mt-30 {
        margin-top: 30px !important;
      }
      .mt-40 {
        margin-top: 40px !important;
      }
      .mt-50 {
        margin-top: 50px !important;
      }
      .mt-75 {
        margin-top: 75px !important;
      }
      .mb-10 {
        margin-bottom: 10px !important;
      }
      .mb-20 {
        margin-bottom: 20px !important;
      }
      .mb-30 {
        margin-bottom: 30px !important;
      }
      .mb-100 {
        margin-bottom: 100px !important;
      }
      .ml-16 {
        margin-left: 16px !important;
      }
      .ml-30 {
        margin-left: 30px !important;
      }
      .mr-10 {
        margin-right: 10px !important;
      }
      .mt-min-5 {
        margin-top: -5px !important;
      }
      .ml-min-5 {
        margin-left: -5px !important;
      }
      .ml-min-7 {
        margin-left: -7px !important;
      }
      .mt-min-15 {
        margin-top: -15px !important;
      }
      .mt-min-20 {
        margin-top: -20px !important;
      }
      .mt-min-22 {
        margin-top: -22px !important;
      }
      .mt-min-25 {
        margin-top: -25px !important;
      }
      .mt-min-32 {
        margin-top: -32px !important;
      }
      .mt-min-33 {
        margin-top: -33px !important;
      }
      .mt-min-36 {
        margin-top: -36px !important;
      }
      .mt-min-40 {
        margin-top: -40px !important;
      }
      .mt-min-53 {
        margin-top: -53px !important;
      }
      .mt-min-70 {
        margin-top: -70px !important;
      }
      .mt-min-80 {
        margin-top: -80px !important;
      }
      .mt-min-87 {
        margin-top: -87px !important;
      }
      .mt-min-90 {
        margin-top: -90px !important;
      }
      .mt-min-95 {
        margin-top: -95px !important;
      }
      .mt-min-100 {
        margin-top: -100px !important;
      }
      .mt-min-110 {
        margin-top: -110px !important;
      }
      .mt-min-140 {
        margin-top: -140px !important;
      }
      .mb-min-24 {
        margin-bottom: -24px !important;
      }
      .font-10 {
        font-size: 12px;
      }
      .font-11 {
        font-size: 13px;
      }
      .font-11-5 {
        font-size: 14px !important;
      }
      .font-12 {
        font-size: 14.5px !important;
      }
      .font-13 {
        font-size: 15px !important;
      }
      .font-14 {
        font-size: 16px;
      }
      .font-20 {
        font-size: 20px !important;
      }
      .no-padding {
        padding: 0px;
      }
      .pd-eclipse {
        padding: 0 0 0 10px !important;
      }
      .pd-left-0 {
        padding-left: 0px !important;
      }
      .pd-left-30 {
        padding-left: 30px;
      }
      .pd-bottom-20 {
        padding-bottom: 20px;
      }
      .pd-bottom-30 {
        padding-bottom: 30px;
      }
      .pd-top-2 {
        padding-top: 2px !important;
      }
      .pd-top-5 {
        padding-top: 5px !important;
      }
      .pd-top-6 {
        padding-top: 6px !important;
      }
      .pd-top-7 {
        padding-top: 7px;
      }
      .pd-bottom-7 {
        padding-bottom: 7px;
      }
      .pd-top-10 {
        padding-top: 10px;
      }
      .pd-bottom-10 {
        padding-bottom: 10px;
      }
      .mg-top-1 {
        margin-top: -1px;
      }
      .mg-top-10 {
        margin-top: 10px;
      }
      .mg-top-15 {
        margin-top: 15px;
      }
      .mg-top-20 {
        margin-top: 20px;
      }
      .mg-btm-20 {
        margin-bottom: 20px;
      }
      .mg-top-16p {
        margin-top: 16%;
      }
      .width-94p {
        width: 94% !important;
      }
      .height-48 {
        height: 48px !important;
      }
      .height-70 {
        height: 70px;
      }
      .height-138 {
        height: 145px;
      }
      .height-195 {
        height: 195px !important;
      }
      .height-224 {
        height: 224px !important;
      }
      .height-437 {
        height: 437.533px !important;
      }
      .height-309 {
        height: 309px !important;
        border-radius: 15px;
      }
      .col-custom.kanal .height-309 {
        padding-right: 9px !important;
      }
      .height-100p {
        height: 100%;
      }
      .h-263-967 {
        height: 263.967px !important;
      }
      .h-249-933 {
        height: 249.933px !important;
      }
      .img-responsive {
        width: 100%;
      }
      .objfit-cover {
        object-fit: cover !important;
      }
      .fl-right {
        float: right;
      }
      .border-btm {
        border-bottom: 1px #eaeaea solid;
      }
      .m-code {
        margin: 40px 0 -12px 0 !important;
      }
      .m-code2 {
        margin: 40px 0 12px 0 !important;
      }
      .mlr-min-10 {
        margin: auto -10px !important;
      }
      .mh-285 {
        max-height: 285px !important;
      }
      .mh-140 {
        max-height: 140px !important;
      }
      .mh-85 {
        max-height: 85px !important;
      }
      .h-auto {
        height: auto !important;
      }
      .bottom-25 {
        bottom: 10px !important;
      }
      .bottom-min-40 {
        bottom: -40px !important;
      }
      
      .row.fix_nav {
        top: 0;
        position: fixed;
        width: 100%;
        margin: 0;
        height: 65px;
        background: #fcfcfc;
        z-index: 1000;
        border-bottom: 1px solid #ddd;
        padding: 0;
      }
      .container_inject {
        display: block;
        width: 100%;
        height: auto;
        max-width: 1080px;
        margin: 0 auto;
      }
      /* BUTTON THEMES STYLE
            ----------------------------------*/
      .btn {
        border-radius: 0;
        -webkit-appearance: none;
        -webkit-transition: background-color 0.2s linear;
        -moz-transition: background-color 0.2s linear;
        -o-transition: background-color 0.2s linear;
        transition: background-color 0.2s linear;
      }
      .brand-hover:hover {
        padding: 0 0 1px 1px !important;
      }
      
      /* BANNER STYLE
            ----------------------------------*/
      .wrapper-banner {
        background: #101113;
      }
      .banner,
      .banner img {
        margin: 0 auto;
        text-align: center;
      }
      .banner-header {
        position: relative;
        /* top: -80px; */
        margin: 1% auto 2% auto;
      }
      
      /* HEADER STYLE
            ----------------------------------*/
      header {
        width: 100% !important;
      }
      header.home {
        /* height: 100vh; */
        min-height: 800px;
        /*min-height: 910px;*/
      
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0d1227+32,0b2e84+100 */
        background: #fcfcfc; /* Old browsers */
        /* background: -moz-linear-gradient(top, #0d1227 32%, #0b2e84 100%); FF3.6-15
                background: -webkit-linear-gradient(top, #0d1227 32%,#0b2e84 100%); Chrome10-25,Safari5.1-6
                background: linear-gradient(to bottom, #0d1227 32%,#0b2e84 100%); W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d1227', endColorstr='#0b2e84',GradientType=0 ); IE6-9 */
      }
      header.channel-market,
      header.channel-finansial,
      header.channel-ekobis,
      header.channel-kabar24,
      header.channel-teknologi,
      header.channel-lifestyle,
      header.channel-foto,
      header.channel-traveling,
      header.channel-sport,
      header.channel-bola,
      header.channel-otomotif,
      header.channel-entrepreneur,
      header.channel-jakarta,
      header.channel-koran,
      header.channel-infografik {
        background: #101113;
      }
      header.kanal {
        height: 90px;
        background: #fcfcfc;
      }
      header .logo > img {
        /* display: block; */
        margin: 0 auto;
        padding: 20px 0 0 0;
      }
      header .search {
        font-family: 'Manrope', sans-serif !important;
        font-size: 13px;
        color: #333333;
        /* height: 40px; */
        max-width: 249px;
        background: #fcfcfc;
        margin: 13px 0 0 100px;
        padding: 1px 20px 0 40px;
        border: 1px solid #bbbbbb;
        border-radius: 10px;
        box-shadow: none;
        outline: none;
        height: 35px;
        font-weight: 600;
      }
      header .search:focus {
        box-shadow: none;
        outline: none;
        border-color: #bbbbbb !important;
      }
      header .fa-search {
        position: absolute;
        top: 25px;
        left: 155px;
        font-size: 13px;
        color: #999999;
      }
      header .search::-webkit-input-placeholder {
        font-family: 'Manrope', sans-serif !important;
        font-weight: 300;
        font-size: 13px;
        color: #82889f;
      }
      header .search:-moz-placeholder {
        font-family: 'Manrope', sans-serif !important;
        font-weight: 300;
        font-size: 13px;
        color: #82889f;
      }
      header .search::-moz-placeholder {
        font-family: 'Manrope', sans-serif !important;
        font-weight: 300;
        font-size: 13px;
        line-height: 38px;
        color: #82889f;
      }
      header .search:-ms-input-placeholder {
        font-family: 'Manrope', sans-serif !important;
        font-weight: 300;
        font-size: 13px;
        color: #82889f;
      }
      header.channel-market .search,
      header.channel-finansial .search,
      header.channel-ekobis .search,
      header.channel-kabar24 .search,
      header.channel-teknologi .search,
      header.channel-lifestyle .search,
      header.channel-foto .search,
      header.channel-traveling .search,
      header.channel-sport .search,
      header.channel-bola .search,
      header.channel-otomotif .search,
      header.channel-entrepreneur .search,
      header.channel-jakarta .search,
      header.channel-koran .search,
      header.channel-infografik .search {
        background: #fcfcfc;
      }
      
      header .socmed {
        list-style: none;
        margin: 18px 0 0 0;
        text-align: right;
        text-align: -webkit-right;
        text-align: -moz-right;
        text-align: -o-right;
      }
      header .socmed > li {
        display: inline-block;
        margin: 0 5px;
      }
      header .socmed > li > a {
        display: block;
        background: none;
        color: #333333;
        text-align: center;
        border-radius: 50%;
        width: 35px;
        height: 35px;
      
        -webkit-appearance: none;
        -webkit-transition: background-color 0.2s linear;
        -moz-transition: background-color 0.2s linear;
        -o-transition: background-color 0.2s linear;
        transition: background-color 0.2s linear;
      }
      header .socmed > li > a i {
        font-size: 17px;
        line-height: 34px;
      }
      hr.custom_inject {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        border: 0 !important;
        border-top: 1px solid #ddd !important;
        position: relative !important;
        top: 65px !important;
      }
      header .socmed > li > a:hover {
        /* text-decoration: none;
                background: #a4afdb;
                color: #232b4e; */
      }
      header .socmed > li > a.no-radius {
        border-radius: 0;
        width: inherit;
        height: inherit;
        background: none;
        text-align: right;
        -webkit-text-align: right;
        -moz-text-align: right;
        -o-text-align: right;
      }
      header .socmed > li > a.no-radius:hover {
        color: #ff8d07;
      }
      header .socmed > li > a span {
        font-family: 'Manrope', sans-serif !important;
        font-size: 15px;
        font-weight: 600;
        text-decoration: none;
      }
      
      header.channel-market .socmed > li > a,
      header.channel-finansial .socmed > li > a,
      header.channel-ekobis .socmed > li > a,
      header.channel-kabar24 .socmed > li > a,
      header.channel-teknologi .socmed > li > a,
      header.channel-lifestyle .socmed > li > a,
      header.channel-foto .socmed > li > a,
      header.channel-traveling .socmed > li > a,
      header.channel-sport .socmed > li > a,
      header.channel-bola .socmed > li > a,
      header.channel-otomotif .socmed > li > a,
      header.channel-entrepreneur .socmed > li > a,
      header.channel-jakarta .socmed > li > a,
      header.channel-koran .socmed > li > a,
      header.channel-infografik .socmed > li > a {
        background: #fcfcfc;
        color: #101113;
      }
      header.channel-market .socmed > li > a:hover,
      header.channel-finansial .socmed > li > a:hover,
      header.channel-ekobis .socmed > li > a:hover,
      header.channel-kabar24 .socmed > li > a:hover,
      header.channel-teknologi .socmed > li > a:hover,
      header.channel-lifestyle .socmed > li > a:hover,
      header.channel-foto .socmed > li > a:hover,
      header.channel-traveling .socmed > li > a:hover,
      header.channel-sport .socmed > li > a:hover,
      header.channel-bola .socmed > li > a:hover,
      header.channel-otomotif .socmed > li > a:hover,
      header.channel-entrepreneur .socmed > li > a:hover,
      header.channel-jakarta .socmed > li > a:hover,
      header.channel-koran .socmed > li > a:hover,
      header.channel-infografik .socmed > li > a:hover {
        background: #101113;
        color: #fcfcfc !important;
      }
      header.channel-market .socmed > li > a.no-radius,
      header.channel-finansial .socmed > li > a.no-radius,
      header.channel-ekobis .socmed > li > a.no-radius,
      header.channel-kabar24 .socmed > li > a.no-radius,
      header.channel-teknologi .socmed > li > a.no-radius,
      header.channel-lifestyle .socmed > li > a.no-radius,
      header.channel-foto .socmed > li > a.no-radius,
      header.channel-traveling .socmed > li > a.no-radius,
      header.channel-sport .socmed > li > a.no-radius,
      header.channel-bola .socmed > li > a.no-radius,
      header.channel-otomotif .socmed > li > a.no-radius,
      header.channel-entrepreneur .socmed > li > a.no-radius,
      header.channel-jakarta .socmed > li > a.no-radius,
      header.channel-koran .socmed > li > a.no-radius,
      header.channel-infografik .socmed > li > a.no-radius {
        background: #101113;
        color: #fcfcfc;
      }
      header.channel-market .socmed > li > a.no-radius:hover,
      header.channel-finansial .socmed > li > a.no-radius:hover,
      header.channel-ekobis .socmed > li > a.no-radius:hover,
      header.channel-kabar24 .socmed > li > a.no-radius:hover,
      header.channel-teknologi .socmed > li > a.no-radius:hover,
      header.channel-lifestyle .socmed > li > a.no-radius:hover,
      header.channel-foto .socmed > li > a.no-radius:hover,
      header.channel-traveling .socmed > li > a.no-radius:hover,
      header.channel-sport .socmed > li > a.no-radius:hover,
      header.channel-bola .socmed > li > a.no-radius:hover,
      header.channel-otomotif .socmed > li > a.no-radius:hover,
      header.channel-entrepreneur .socmed > li > a.no-radius:hover,
      header.channel-jakarta .socmed > li > a.no-radius:hover,
      header.channel-koran .socmed > li > a.no-radius:hover,
      header.channel-infografik .socmed > li > a.no-radius:hover {
        color: #fcfcfc;
      }
      
      header .sub-logo {
        margin: -5px 0 15px 0;
      }
      header .sub-logo ul {
        list-style: none;
        text-align: center;
        height: 25px;
      }
      header .sub-logo ul > li {
        display: inline-block;
        margin: 0 10px;
      }
      header .sub-logo ul > li a {
        background: url("../images/logo-sprite.svg") no-repeat;
        display: block;
        height: 25px;
      }
      header .sub-logo ul > li a.epaper {
        background-position: 0px 2px;
        width: 85px;
      }
      header .sub-logo ul > li a.epaper:hover {
        background-position: 0px -41.5px;
      }
      header .sub-logo ul > li a.big-store {
        background-position: -115px -1px;
        width: 115px;
      }
      header .sub-logo ul > li a.big-store:hover {
        background-position: -115px -44.5px;
      }
      header .sub-logo ul > li a.koran-bisnis {
        background-position: -260px -1px;
        width: 135px;
      }
      header .sub-logo ul > li a.koran-bisnis:hover {
        background-position: -260px -44px;
      }
      header .sub-logo ul > li a.bi-group {
        background-position: -422px -1px;
        width: 85px;
      }
      header .sub-logo ul > li a.bi-group:hover {
        background-position: -422px -44px;
      }
      
      header .menu {
        background: none;
        list-style: none;
        padding: 0 15px;
        height: 70px;
        margin-top: 142px;
        position: relative;
        z-index: 100 !important;
      
        width: 100% !important;
        left: 0;
        text-align: center;
      
        /* border-bottom: 1px #ccc solid; */
      }
      header .menu > li {
        display: inline-block;
        /* padding: 20px 16px; */
        padding: 20px 10px;
      }
      header .menu > li a {
        font-family: 'Manrope', sans-serif !important;
        font-size: 13px;
        font-weight: 600;
        text-transform: uppercase;
        color: #333333;
      }
      header .menu > li.active a,
      header .menu > li.active a:hover,
      header .menu > li a:hover {
        text-decoration: none;
        color: #ff8d07;
      }
      header .menu > li.button a {
        color: #999;
      }
      
      header .campaign {
        list-style: none;
        padding: 0 20px;
        height: 55.6px;
        background: linear-gradient(90deg, #ebf0f7 0%, #f5f7fa 50.52%, #ebf0f6 100%);
        border-radius: 13px;
      }
      header .campaign > li {
        display: inline-block;
        padding: 16px 0px 9px 0px;
      }
      header .campaign > li a {
        font-family: 'Manrope', sans-serif !important;
        font-size: 13px;
        font-weight: 500;
        color: #333;
        padding: 10px 13px;
        margin-left: -5px;
        background: #f0f3f836;
        transition: background-color 0.5s ease;
      }
      header .campaign > li a:hover {
        color: #fb5858 !important;
        /* padding: 10px 20px 10px 20px;
                background: linear-gradient(90deg, #48C6EF 0%, #6F86D6 100%);
                border-radius: 40px; */
        transition: background-color 0.5s ease;
      }
      /* header .campaign > li a.notif:hover {
                padding: 10px 13px 10px 20px;
            } */
      header .campaign > li a.epaper_menu:hover {
        background: none;
      }
      header .campaign > li.active {
        background: #c72bb3 !important;
      }
      header .campaign > li.active a {
        background: #c72bb3 !important;
        color: #fcfcfc !important;
      }
      
      ul.campaign > li.bea > a.notif:after {
        content: "";
        display: inline-block;
        width: 7px;
        height: 7px;
        border-radius: 100%;
        background: #fc7c7c;
        margin: 0 0 7px 5px;
      }
      
      .menu-main-channel {
        list-style: none;
      }
      .menu-main-channel > li.button {
        padding: 10px 0 0 3px;
      }
      .menu-main-channel > li {
        display: inline-block;
        padding: 10px 16px 5px 17px;
        vertical-align: top;
      }
      .menu-main-channel > li a {
        font-family: 'Manrope', sans-serif !important;
        font-weight: 600;
        font-size: 13px;
        color: #303030;
        text-transform: uppercase;
        /* font-weight: bold; */
      }
      .menu-main-channel > li a:hover {
        color: #303030 !important;
        text-decoration: none !important;
      }
      .video-menu .bg-icon-vid a:hover {
        border-bottom: none !important;
      }
      .video-menu .bg-icon-vid a:hover::after {
        border-bottom: none !important;
      }
      .video-title-menu a:hover::after {
        border-bottom: 2px solid #222 !important;
      }
      .menu-main-channel > li.active::after,
      .menu-main-channel > li a:hover::after {
        content: "";
        display: block;
        width: 70%;
        margin: 0 auto;
        position: relative;
        margin-bottom: -2px;
        border-bottom: 2px #101113 solid;
      }
      .menu-main-channel > li.active a:hover::after {
        display: none;
      }
      
      .menu-channel {
        list-style: none;
        /*margin-top: 15px;*/
        position: relative;
        z-index: 100 !important;
        height: 70px;
        width: 100%;
        /*text-align: center;*/
      }
      #sticky0 {
        z-index: 100 !important;
        background: #fcfcfc;
      }
      #sticky0-sticky-wrapper {
        margin-bottom: 0 !important;
      }
      /* #sticky1{
                position:relative !important;
            } */
      #sticky0-sticky-wrapper.is-sticky .menu-channel:before,
      #sticky1-sticky-wrapper.is-sticky .menu-channel:before {
        content: "";
        background: red;
        height: 70px;
        z-index: -1;
        left: -120%;
        position: absolute;
        width: 120%;
      }
      #sticky0-sticky-wrapper.is-sticky .menu-channel:after,
      #sticky1-sticky-wrapper.is-sticky .menu-channel:after {
        content: "";
        background: red;
        height: 70px;
        z-index: -1;
        right: -120%;
        position: absolute;
        width: 120%;
        top: 0px;
      }
      #sticky0-sticky-wrapper.is-sticky .menu-channel,
      #sticky1-sticky-wrapper.is-sticky .menu-channel {
        left: 50%;
        transform: translateX(-50%);
        max-width: 1250px;
      }
      @media (min-width: 768px) {
        #sticky0-sticky-wrapper.is-sticky .menu-channel,
        #sticky1-sticky-wrapper.is-sticky .menu-channel {
          max-width: 750px;
        }
      }
      @media (min-width: 992px) {
        #sticky0-sticky-wrapper.is-sticky .menu-channel,
        #sticky1-sticky-wrapper.is-sticky .menu-channel {
          max-width: 970px;
        }
      }
      @media (min-width: 1200px) {
        #sticky0-sticky-wrapper.is-sticky .menu-channel,
        #sticky1-sticky-wrapper.is-sticky .menu-channel {
          max-width: 1250px;
        }
      }
      .menu-channel > li {
        display: inline-block;
        padding: 27px 25px 7px 25px;
        vertical-align: top;
      }
      .menu-channel > li.logo {
        padding: 5px 20px;
      }
      .menu-channel > li a {
        font-family: 'Manrope', sans-serif !important;
        font-weight: 600;
        font-size: 14px;
        text-transform: uppercase;
        color: #303030;
        text-decoration: none;
      }
      .menu-channel.finansial > li a,
      .menu-channel.ekobis > li a,
      .menu-channel.kabar24 > li a,
      .menu-channel.teknologi > li a,
      .menu-channel.lifestyle > li a,
      .menu-channel.foto > li a,
      .menu-channel.traveling > li a,
      .menu-channel.sport > li a,
      .menu-channel.bola > li a,
      .menu-channel.otomotif > li a,
      .menu-channel.entrepreneur > li a,
      .menu-channel.jakarta > li a,
      .menu-channel.koran > li a,
      .menu-channel.infografik > li a {
        color: #fcfcfc !important;
      }
      .menu-channel.market > li a {
        color: #303030 !important;
      }
      .menu-channel > li.active::after,
      .menu-channel > li a:hover::after {
        content: "";
        display: block;
        width: 30%;
        margin: 5px auto;
        border-bottom: 2px #303030 solid;
      }
      .menu-channel.finansial > li.active::after,
      .menu-channel.finansial > li a:hover::after,
      .menu-channel.ekobis > li.active::after,
      .menu-channel.ekobis > li a:hover::after,
      .menu-channel.kabar24 > li.active::after,
      .menu-channel.kabar24 > li a:hover::after,
      .menu-channel.teknologi > li.active::after,
      .menu-channel.teknologi > li a:hover::after,
      .menu-channel.lifestyle > li.active::after,
      .menu-channel.lifestyle > li a:hover::after,
      .menu-channel.foto > li.active::after,
      .menu-channel.foto > li a:hover::after,
      .menu-channel.traveling > li.active::after,
      .menu-channel.traveling > li a:hover::after,
      .menu-channel.sport > li.active::after,
      .menu-channel.sport > li a:hover::after,
      .menu-channel.bola > li.active::after,
      .menu-channel.bola > li a:hover::after,
      .menu-channel.otomotif > li.active::after,
      .menu-channel.otomotif > li a:hover::after,
      .menu-channel.entrepreneur > li.active::after,
      .menu-channel.entrepreneur > li a:hover::after,
      .menu-channel.jakarta > li.active::after,
      .menu-channel.jakarta > li a:hover::after,
      .menu-channel.koran > li.active::after,
      .menu-channel.koran > li a:hover::after,
      .menu-channel.infografik > li.active::after,
      .menu-channel.infografik > li a:hover::after {
        border-bottom: 2px #fcfcfc solid;
      }
      .menu-channel > li.active a:hover::after,
      .menu-channel > li.logo a:hover::after {
        display: none;
      }
      .menu-channel > li a h1 {
        font-family: 'Manrope', sans-serif !important;
        font-size: 48px;
        font-weight: 600;
        text-transform: none;
      }
      .menu-channel.foto.detail > li a h1 {
        color: #db9f0b;
      }
      
      .menu-channel.market,
      #sticky1-sticky-wrapper.is-sticky .menu-channel.market:before,
      #sticky1-sticky-wrapper.is-sticky .menu-channel.market:after {
        background: #ffd22f;
      }
      .menu-channel.finansial,
      #sticky1-sticky-wrapper.is-sticky .menu-channel.finansial:before,
      #sticky1-sticky-wrapper.is-sticky .menu-channel.finansial:after {
        background: #0b97a6;
      }
      .menu-channel.ekobis,
      #sticky1-sticky-wrapper.is-sticky .menu-channel.ekobis:before,
      #sticky1-sticky-wrapper.is-sticky .menu-channel.ekobis:after {
        background: #284b71;
      }
      .menu-channel.kabar24,
      #sticky1-sticky-wrapper.is-sticky .menu-channel.kabar24:before,
      #sticky1-sticky-wrapper.is-sticky .menu-channel.kabar24:after {
        background: #306fd8;
      }
      .menu-channel.teknologi,
      #sticky1-sticky-wrapper.is-sticky .menu-channel.teknologi:before,
      #sticky1-sticky-wrapper.is-sticky .menu-channel.teknologi:after {
        background: #5a159f;
      }
      .menu-channel.lifestyle,
      #sticky1-sticky-wrapper.is-sticky .menu-channel.lifestyle:before,
      #sticky1-sticky-wrapper.is-sticky .menu-channel.lifestyle:after {
        background: #db3e90;
      }
      .menu-channel.foto,
      #sticky1-sticky-wrapper.is-sticky .menu-channel.foto:before,
      #sticky1-sticky-wrapper.is-sticky .menu-channel.foto:after {
        background: #df8715;
      }
      .menu-channel.foto.detail,
      #sticky1-sticky-wrapper.is-sticky .menu-channel.foto.detail:before,
      #sticky1-sticky-wrapper.is-sticky .menu-channel.foto.detail:after {
        background: #101113;
      }
      .menu-channel.traveling,
      #sticky1-sticky-wrapper.is-sticky .menu-channel.traveling:before,
      #sticky1-sticky-wrapper.is-sticky .menu-channel.traveling:after {
        background: #0bc9bf;
      }
      .menu-channel.sport,
      #sticky1-sticky-wrapper.is-sticky .menu-channel.sport:before,
      #sticky1-sticky-wrapper.is-sticky .menu-channel.sport:after {
        background: #c82212;
      }
      .menu-channel.bola,
      #sticky1-sticky-wrapper.is-sticky .menu-channel.bola:before,
      #sticky1-sticky-wrapper.is-sticky .menu-channel.bola:after {
        background: #039029;
      }
      .menu-channel.otomotif,
      #sticky1-sticky-wrapper.is-sticky .menu-channel.otomotif:before,
      #sticky1-sticky-wrapper.is-sticky .menu-channel.otomotif:after {
        background: #a22e51;
      }
      .menu-channel.entrepreneur,
      #sticky1-sticky-wrapper.is-sticky .menu-channel.entrepreneur:before,
      #sticky1-sticky-wrapper.is-sticky .menu-channel.entrepreneur:after {
        background: #b1260f;
      }
      .menu-channel.jakarta,
      #sticky1-sticky-wrapper.is-sticky .menu-channel.jakarta:before,
      #sticky1-sticky-wrapper.is-sticky .menu-channel.jakarta:after {
        background: #ff5e00;
      }
      .menu-channel.koran,
      #sticky1-sticky-wrapper.is-sticky .menu-channel.koran:before,
      #sticky1-sticky-wrapper.is-sticky .menu-channel.koran:after {
        background: #606060;
      }
      .menu-channel.infografik,
      #sticky1-sticky-wrapper.is-sticky .menu-channel.infografik:before,
      #sticky1-sticky-wrapper.is-sticky .menu-channel.infografik:after {
        background: #7da700;
      }
      
      #sticky2 {
        max-width: 300px;
      }
      
      .tag-market {
        color: #ffd22f !important;
      }
      .tag-finansial {
        color: #0b97a6 !important;
      }
      .tag-ekobis {
        color: #284b71 !important;
      }
      .tag-kabar24 {
        color: #306fd8 !important;
      }
      .tag-teknologi {
        color: #5a159f !important;
      }
      .tag-lifestyle {
        color: #db3e90 !important;
      }
      .tag-foto {
        color: #df8715 !important;
      }
      .tag-foto.detail {
        color: #101113 !important;
      }
      .tag-traveling {
        color: #0bc9bf !important;
      }
      .tag-sport {
        color: #c82212 !important;
      }
      .tag-bola {
        color: #039029 !important;
      }
      .tag-otomotif {
        color: #a22e51 !important;
      }
      .tag-entrepreneur {
        color: #b1260f !important;
      }
      .tag-jakarta {
        color: #ff5e00 !important;
      }
      .tag-koran {
        color: #606060 !important;
      }
      .tag-infografik {
        color: #7da700 !important;
      }
      .tag-purple {
        color: #a43e97 !important;
      }
      
      .bb-market {
        border-bottom: 10px #ffd22f solid !important;
      }
      .bb-finansial {
        border-bottom: 10px #0b97a6 solid !important;
      }
      .bb-ekobis {
        border-bottom: 10px #284b71 solid !important;
      }
      .bb-kabar24 {
        border-bottom: 10px #306fd8 solid !important;
      }
      .bb-teknologi {
        border-bottom: 10px #5a159f solid !important;
      }
      .bb-lifestyle {
        border-bottom: 10px #db3e90 solid !important;
      }
      .bb-foto {
        border-bottom: 10px #df8715 solid !important;
      }
      .bb-foto.detail {
        border-bottom: 10px #101113 solid !important;
      }
      .bb-traveling {
        border-bottom: 10px #0bc9bf solid !important;
      }
      .tbbag-sport {
        border-bottom: 10px #c82212 solid !important;
      }
      .bb-bola {
        border-bottom: 10px #039029 solid !important;
      }
      .bb-otomotif {
        border-bottom: 10px #a22e51 solid !important;
      }
      .bb-entrepreneur {
        border-bottom: 10px #b1260f solid !important;
      }
      .bb-jakarta {
        border-bottom: 10px #ff5e00 solid !important;
      }
      .bb-koran {
        border-bottom: 10px #606060 solid !important;
      }
      .bb-infografik {
        border-bottom: 10px #7da700 solid !important;
      }
      .bb-purple {
        border-bottom: 10px #a43e97 solid !important;
      }
      
      .wrapper-submenu {
        position: absolute;
        -webkit-transform: scaleY(0);
        -o-transform: scaleY(0);
        -ms-transform: scaleY(0);
        transform: scaleY(0);
      
        -webkit-transform-origin: top;
        -o-transform-origin: top;
        -ms-transform-origin: top;
        transform-origin: top;
      
        /*-webkit-transition: -webkit-transform 0.5s ease;
                -o-transition: -o-transform 0.5s ease;
                -ms-transition: -ms-transform 0.5s ease;
                transition: transform 0.5s ease;*/
      }
      .wrapper-submenu.open {
        background: rgba(0, 0, 0, 0.9);
        position: fixed;
        height: 100vh;
        width: 100%;
        z-index: 1;
      
        -webkit-transform: scaleY(1);
        -o-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1);
      
        top: 0;
      }
      .wrapper-submenu.footer {
        background: #3c3c3c;
        position: relative;
        -webkit-transform: inherit;
        -o-transform: inherit;
        -ms-transform: inherit;
        transform: inherit;
      }
      .wrapper-submenu .container {
        padding: 120px 0 60px 0;
      }
      .wrapper-submenu.footer .container {
        padding: 20px 0;
      }
      .wrapper-submenu h3 a {
        /*font-family: "Roboto-Bold" !important;*/
        font-family: 'Manrope', sans-serif !important;
        font-weight: 700;
      
        font-size: 16px;
        color: #fcfcfc;
        text-transform: uppercase;
        display: block;
        margin: 15px 0;
      }
      .wrapper-submenu.footer h3 a {
        color: #e08217;
      }
      .wrapper-submenu ul {
        list-style: none;
        margin-bottom: 15px;
      }
      .wrapper-submenu ul > li a {
        /*font-family: "Roboto-Light" !important;*/
        font-family: 'Manrope', sans-serif !important;
        font-weight: 300;
      
        font-size: 11px;
        color: #a1a1a1;
      }
      
      /* HEADLINE STYLE
            ----------------------------------*/
      .wrapper-headline {
        margin: 15px 0 15px 0;
      }
      /*.wrapper-headline .container, 
            .wrapper-list-news .container {
                width: 1170px;
            }*/
      .bigbox {
        position: absolute;
        right: 0;
        z-index: 9;
      }
      .big_image {
        max-width: 390px !important;
        max-height: 309px !important;
        height: 100%;
        border-radius: 15px !important;
      }
      .col-custom.kanal .big_image {
        max-width: 395px !important;
      }
      .big_label {
        font-size: 14px;
        font-weight: 100;
        letter-spacing: 0.3px;
        font-family: 'Manrope', sans-serif !important;
        padding: 10px 30px 15px 70px;
      }
      .small_img_head {
        border-radius: 13px;
        width: auto;
        height: 168px;
        object-fit: cover;
      }
      .wrapper-headline .col-custom,
      .wrapper-list-news .col-custom,
      .wrapper-details .col-custom {
        float: left;
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
      }
      .wrapper-headline > .row > .col-custom.left,
      .wrapper-list-news > .row > .col-custom.left {
        width: 70.7%;
        padding-right: 20px;
      }
      .wrapper-headline > .row > .col-custom.right,
      .wrapper-list-news > .row > .col-custom.right {
        width: 29.3%;
        padding-left: 10px;
      }
      .wrapper-headline > .row > .col-custom.right .sub-left {
        width: 54.33333333%;
        padding-right: 10px;
        padding-left: 10px;
      }
      .wrapper-headline > .row > .col-custom.right .sub-right {
        width: 99.4%;
        padding: 0 15px 0 5px;
      }
      
      .wrapper-headline .channel {
        position: relative;
        left: 70px;
        top: 12px;
        margin-bottom: 7px;
        display: inline-block;
      }
      .wrapper-headline .channel .btn {
        border-radius: 50px;
        padding: 3px 18px 2px;
        font-family: 'Manrope', sans-serif !important;
        font-size: 13px;
        color: #fcfcfc !important;
        text-transform: capitalize;
        border: 1px solid #fcfcfc;
        background: none !important;
      }
      .wrapper-headline .list-headline .channel {
        top: inherit;
        bottom: 96px;
        left: 20px;
        z-index: 2;
        display: inline-block;
        position: absolute;
        /* top: 20px;
                left: 20px;
                z-index: 2;
                display: inline-block; */
      }
      
      /* .wrapper-headline.channel .col-custom {
            } */
      .wrapper-headline.channel .col-custom.left,
      .wrapper-list-news .col-custom.left,
      .wrapper-details .col-custom.left {
        width: 70.7%;
        padding-right: 20px !important;
        /* padding-left: 15px !important; */
        padding: 0;
      }
      .wrapper-headline.channel .col-custom.kanal {
        padding: 0 !important;
      }
      .wrapper-headline.channel .col-custom.right,
      .wrapper-list-news .col-custom.right,
      .wrapper-details .col-custom.right {
        width: 29.3%;
        padding: 0 15px 0 0;
      }
      .wrapper-headline.channel .col-custom.left .last-headline {
        position: relative;
        width: 98.5%;
      }
      
      .wrapper-headline.channel .sidebar.market {
        background: #f5f5f5;
        padding: 0 11px;
        margin-left: 10px;
      }
      .wrapper-headline.channel .sidebar.kabar24,
      .wrapper-headline.channel .sidebar.entrepreneur,
      .wrapper-headline.channel .sidebar.jakarta {
        padding: 0 11px;
        margin-left: 10px;
      }
      
      .wrapper-headline .list-headline {
        list-style: none;
      }
      .wrapper-headline .list-headline > li {
        position: relative;
        width: 230px;
        margin: 20px 10px 0 0;
        display: inline-block;
        /* height: 168px; */
      }
      .wrapper-headline .list-headline.kanal > li {
        width: 245.1px;
      }
      .wrapper-headline .list-headline > li:last-child {
        margin-right: 0;
      }
      .wrapper-headline .list-headline > li.lastlist {
        max-height: 210px !important;
        overflow: hidden;
      }
      .wrapper-headline .list-headline h2 {
        font-family: 'Manrope', sans-serif !important;
        font-size: 15px;
        line-height: 21px;
        /* background: rgba(255,255,255,0.85); */
        padding: 15px 0 0 0;
        text-align: left;
        height: 80px;
        overflow: hidden;
      }
      .hotopic {
        list-style: none;
      }
      .hotopic > label {
        color: #fcfcfc;
        background: #9A1414;
        padding: 8px 24px 8px;
        margin-bottom: 10px;
        border-radius: 7px;
      }
      .hotopic > li {
        font-family: 'Manrope', sans-serif !important;
        font-weight: 600;
        font-size: 16px;
        padding: 3.8px 0;
      }
      .hotopic > li > a {
        color: #333;
      }
      .hotopic > li > a:hover {
        color: #9A1414;
      }
      .hotopic > li::before {
        content: "#";
        font-size: 18px;
        font-weight: 900;
        padding-right: 8px;
        color: #9A1414;
      }
      .hot-topic-wrap .hot-topic-title{
        font-family: 'Manrope', sans-serif !important;
        font-weight: bold;
        color: #FB5858;
        font-size: 21px;
        margin-bottom: 10px;
      }
      .hot-topic-wrap .hot-topic-title span{
        color: #222222;
      }
      .hot-topic-wrap .hot-topic-content{
        padding: 5px 10px;
        border: 1px solid #fb5858;
        border-radius: 5px;
        text-align: center;
        color: #222;
        font-size: 15px;
        font-family: 'Manrope', sans-serif !important;
        display: inline-block;
        margin-right: 5px;
        margin-bottom: 6px;
        transition: color .3s,background-color .3s;
      }
      /* .hot-topic-wrap .hot-topic-content:nth-child(1){
        margin-left: 0;
      } */
      .hot-topic-wrap .hot-topic-content:hover{
        background-color: #fb5858;
        color: white;
      }
      ul.tpopuler {
        list-style: none;
        margin-bottom: 0;
        counter-reset: li;
      }
      ul.tpopuler li::before {
        content: counter(li);
        color: #ccc;
        display: inline-block;
        width: 1em;
        margin-left: -29px;
        margin-top: -2px;
        font-size: 24px;
        position: absolute;
      }
      ul.tpopuler li a {
        color: #212121;
        font-size: 16px;
      }
      ul.tpopuler li a:hover {
        color: #395dd2;
      }
      ul.tpopuler li {
        counter-increment: li;
      }
      ul.tpopuler > li {
        font-family: 'Manrope', sans-serif !important;
        font-size: 18px;
        padding: 10px 15px 10px 44px;
        color: #333;
      }
      .widget.newtv {
        background: linear-gradient(90deg, #f3f3f3 0%, #fbfbfb 100%);
        border-radius: 15px;
        padding-bottom: 10px;
      }
      .newtv_logo {
        padding: 10px 0;
        text-align: center;
      }
      ul.list_newtv {
        list-style: none;
        width: 260px;
        margin: 0 auto;
      }
      ul.list_newtv > li {
        margin: 25px 0 30px 0;
      }
      .newtv_play_img {
        position: relative;
      }
      .img_wtv {
        border-radius: 13px;
        width: auto;
        height: 190px;
        object-fit: cover;
      }
      .h4_newtv {
        padding: 12px 0;
        line-height: 22px;
        color: #333333;
        letter-spacing: 0.3px;
        font-weight: 600;
      }
      .widget.newredaksi {
        background: linear-gradient(90deg, #fff0e8 0%, #fbfbfb 100%);
        border-radius: 15px;
        padding-bottom: 10px;
        margin: 25px 0;
      }
      .title-heading_redaksi {
        font-family: 'Manrope', sans-serif !important;
        color: #999;
        font-weight: 100 !important;
        border-radius: 10px;
        padding: 10px 45px;
        margin-bottom: 35px;
      }
      .title-heading_redaksi > h1 > span {
        color: #333333;
      }
      .newredaksi_logo {
        text-align: center;
        -webkit-text-align: center;
        -moz-text-align: center;
        -o-text-align: center;
      }
      .ul_newredaksi {
        list-style: none;
        width: 260px;
        margin: 0 auto;
      }
      .ul_newredaksi > li {
        margin-bottom: 20px;
        min-height: 90px;
      }
      .ul_newredaksi > li > a:hover > .bio_redaksi > h5 {
        color: #ff8d07;
      }
      .img_redaksi {
        display: inline-block;
        width: 64px;
        height: 64px;
      }
      .img_redaksi > img {
        width: 64px;
        height: 64px;
        border-radius: 50px;
      }
      .bio_redaksi {
        display: inline-block;
        float: right;
        width: 196px;
        padding-left: 15px;
        font-family: 'Manrope', sans-serif !important;
        color: #333333;
      }
      .bio_redaksi > label {
        font-family: 'Manrope', sans-serif !important;
        color: #5f93ad;
        font-size: 14px;
        margin-top: 10px;
      }
      .long_ads {
        display: block;
        width: 100%;
        height: 90px;
        position: relative;
        text-align: center;
      }
      .long_ads_img {
        width: 1100px;
        height: 90px;
        margin: 0 auto;
      }
      .wrapper-headline .list-headline h2 > a {
        /* color: #000; */
      }
      .wrapper-headline .list-headline h2 > a:hover {
        text-decoration: none;
        /* color: #e2b300; */
      }
      .wrapper-headline .list-headline h2 > a:focus {
        text-decoration: none;
        /* color: #e2b300; */
      }
      
      .wrapper-headline #carousel-headline .carousel-control {
        /* background: #0b7dfe; */
        opacity: 0.7;
      
        top: 50%;
        bottom: inherit;
        width: inherit;
        padding: 3px 15px;
      }
      .wrapper-headline #carousel-headline .carousel-control:hover {
        /* background: #3eb9ff; */
      }
      .ads_after_hl {
        display: block;
        width: 100%;
        height: 90px;
        margin: 10px 0 40px 0;
      }
      .carousel-caption {
        text-shadow: none;
        text-align: left;
        position: absolute;
        width: 54%;
        height: 100%;
        left: 340px;
        top: 0;
        background-image: url(../images/2020/bigbox.svg);
        background-repeat: no-repeat;
        background-size: cover;
      }
      .big_kbr24 .bg_kbr24 {
        background-image: url(../images/2020/bigbox-kbr24.svg);
        background-repeat: no-repeat;
        background-size: cover;
        height: 261px;
        width: 440px;
        margin-top: -40px;
        position: relative;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
      }
      .big_kbr24 a img {
        height: 309px;
        width: 440px;
        object-fit: cover;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
      }
      .new_kbr24 .col-sm-6 a img {
        border-radius: 15px;
        height: 195px;
      }
      .bg_kbr24 .channel {
        left: 25px;
        top: 30px;
      }
      .bg_kbr24 .style2 {
        padding: 20px 25px 5px;
      }
      .bg_kbr24 .description {
        padding: 0 25px;
        color: #fcfcfc;
        font-size: 14px;
      }
      .bg_kbr24 .style2 a {
        font-size: 24px !important;
        font-weight: 900 !important;
        letter-spacing: 0.5px;
      }
      .col-custom.kanal .carousel-caption {
        width: 55.5%;
        border-bottom-right-radius: 15px;
        border-top-right-radius: 15px;
      }
      .carousel-caption h1 {
        font-family: 'Manrope', sans-serif !important;
        font-size: 21px;
        font-weight: 600;
        line-height: 26px;
        letter-spacing: 0.7px;
        padding: 18px 30px 0px 70px;
        margin-bottom: 0 !important;
      }
      .carousel-caption h1 > a {
        color: #fcfcfc;
      }
      .carousel-caption h1 > a:hover {
        text-decoration: none;
        color: #fff7cf;
      }
      .wrapper-headline #carousel-headline h1 {
        font-family: 'Manrope', sans-serif !important;
        font-size: 24px;
        font-weight: 500;
        line-height: 30px;
        padding: 18px 20px 15px 60px;
      }
      .wrapper-headline #carousel-headline h1 > a {
        color: #fcfcfc;
      }
      .wrapper-headline #carousel-headline h1 > a:hover {
        text-decoration: none;
        color: #fcfcfc;
      }
      
      .wrapper-headline.channel h1 {
        margin-bottom: 15px;
      }
      .wrapper-headline.channel h1 a {
        color: #fcfcfc;
        display: block;
        margin: 0;
        position: relative;
        top: -5px;
        font-family: 'Manrope', sans-serif !important;
        font-size: 21px !important;
        font-weight: 600;
        line-height: 26px;
        letter-spacing: 0.7px;
      }
      .wrapper-headline.channel h1.style2 {
        margin-bottom: 10px;
      }
      .wrapper-headline.channel h1.style2 a {
        top: 0;
        margin-top: 15px;
      }
      .wrapper-headline.channel h1 a:hover {
        text-decoration: none;
        color: #fff7cf;
      }
      .wrapper-headline.channel h1.style3 {
        /*font-family: "Roboto-Bold" !important;*/
        font-family: 'Manrope', sans-serif !important;
        font-weight: 700;
      
        font-size: 34px;
        line-height: 42px;
        color: #222;
        margin: 0 0 20px 0;
      }
      .wrapper-headline.channel h1.style3 a {
        top: 0;
        margin-top: 15px;
      }
      /* .wrapper-headline.channel h1 a:hover {
                text-decoration: none;
                color: #2E5BB7;
            } */
      .wrapper-headline.channel .description p {
        /*font-family: "OpenSans-Regular" !important;*/
        font-family: 'Manrope', sans-serif !important;
        font-weight: 400;
        font-size: 15px;
        color: #222;
      }
      .wrapper-headline.channel a {
        /* AFTER */
        font-family: 'Manrope', sans-serif !important;
        font-weight: 700;
        /* END */
      
        font-size: 16px;
        font-weight: 450;
        line-height: 20px;
        display: block;
      }
      a.link_img {
        position: absolute;
        display: block;
        top: 0;
        height: 309px;
      }
      .wrapper-headline.channel a {
        color: #444;
      }
      a:hover {
        color: #08acea;
        text-decoration: none;
      }
      .wrapper-headline.channel a:hover {
        color: #08acea;
        text-decoration: none;
      }
      .wrapper-headline.channel a.link {
        margin-top: 10px;
        font-size: 15px;
        line-height: 21px;
      }
      .wrapper-headline.channel .highlight a.link {
        margin-top: 0;
      }
      .wrapper-headline.channel .highlight a.style2,
      .wrapper-headline.channel .highlight a.style2 h2 {
        /*font-family: "OpenSans-Bold" !important;*/
        font-family: 'Manrope', sans-serif !important;
        font-weight: 700;
        font-size: 17px !important;
        line-height: 26px;
        padding: 10px 15px 0 15px;
      }
      .wrapper-headline.channel .highlight a.style2 h1 {
        /*font-family: "OpenSans-Bold" !important;*/
        font-family: 'Manrope', sans-serif !important;
        font-weight: 700;
        font-size: 31px !important;
        line-height: 38px;
        padding: 10px 15px;
      }
      /*.icon {
                position: absolute;
                top: 15px;
                left: 30px;
                font-size: 32px;
                color: #fcfcfc;
            }*/
      .h-218 {
        height: 218.5px;
      }
      .h-340 {
        height: 340px;
      }
      .h-362 {
        height: 362px !important;
      }
      .h-565 {
        height: 565px !important;
      }
      .h-690 {
        height: 690px;
      }
      .img-infografis {
        height: 428px;
        object-fit: cover;
      }
      .wrapper-headline .highlight,
      .sub-highlight {
        background: #f5f5f5;
      }
      .wrapper-headline .highlight .row > div:first-child {
        padding: 20px 0px 20px 40px;
      }
      .sub-highlight > a {
        padding: 5px 20px 15px 20px;
      }
      
      /* PARALAX SLIDE HEADLINE STYLE
            ----------------------------------*/
      .wrapper-headline.channel .paralaxslide-headline h2 {
        position: inherit;
        top: inherit;
        width: inherit;
        height: inherit;
        text-shadow: 0 0 0;
      }
      .paralaxslide-headline {
        width: 100%;
        height: 400px;
        overflow: hidden;
      }
      .paralaxslide-headline ul {
        width: 100%;
        display: table;
        table-layout: fixed;
        margin: 0;
        padding: 0;
      }
      .paralaxslide-headline ul li {
        display: table-cell;
        vertical-align: bottom;
        position: relative;
        width: 16.666%;
        height: 400px;
        background-repeat: no-repeat;
        background-position: center center;
        transition: all 500ms ease;
      }
      .paralaxslide-headline ul li div {
        display: block;
        overflow: hidden;
        width: 100%;
      }
      .paralaxslide-headline ul li div a {
        display: block;
        height: 400px;
        width: 530px;
        position: relative;
        z-index: 3;
        vertical-align: bottom;
        box-sizing: border-box;
        text-decoration: none;
        transition: all 200ms ease;
      }
      .paralaxslide-headline ul li div a * {
        opacity: 1;
        margin: 0;
        width: 100%;
        position: relative;
        z-index: 5;
        overflow: hidden;
        /*-webkit-transform: translateX(-20px);
                transform: translateX(-20px);*/
        -webkit-transition: all 400ms ease;
        transition: all 400ms ease;
      }
      .paralaxslide-headline .caption-wrap {
        position: absolute;
        top: 20px;
        width: 79%;
        height: 100%;
        z-index: 10;
      
        /*background: rgba(0,0,0,0.4);*/
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 15%, rgba(0, 0, 0, 1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 15%, rgba(0, 0, 0, 1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 15%, rgba(0, 0, 0, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
      }
      .paralaxslide-headline ul li div a h2 {
        /*font-family: "Roboto-Bold" !important;*/
        font-family: 'Manrope', sans-serif !important;
        font-weight: 700;
      
        font-size: 25px;
        line-height: 35px;
        display: inline;
        color: #fcfcfc;
        background: none;
        width: 70.666% !important;
        padding: 2%;
        max-height: 165px;
        margin-top: 45%;
      }
      .paralaxslide-headline ul li div a:hover h2 {
        width: 95% !important;
      }
      .paralaxslide-headline ul li {
        width: 100%;
        height: 100%;
        background-position: center;
        background-size: cover;
      }
      .paralaxslide-headline ul:hover li {
        width: 16%;
      }
      .paralaxslide-headline ul:hover li:hover {
        width: 25%;
      }
      .paralaxslide-headline ul:hover li:hover a {
        /*background: rgba(31, 69, 209, 0.9);*/
      }
      .paralaxslide-headline ul:hover li:hover a * {
        opacity: 1;
        /*-webkit-transform: translateX(0);
                transform: translateX(0);*/
      }
      .paralaxslide-headline ul:hover li:hover a .caption-wrap {
        bottom: 25%;
      }
      
      /* LIST NEWS STYLE
            ----------------------------------*/
      .wrapper-list-news {
        padding: 0;
        margin: 15px;
      }
      .wrapper-list-news .title-heading {
        font-family: 'Manrope', sans-serif !important;
        color: #999;
        font-weight: 100 !important;
        background: linear-gradient(90deg, #ebf0f7 0%, #f5f7fa 50.52%, #ebf0f6 100%);
        border-radius: 10px;
        padding: 10px 45px;
        margin-bottom: 20px;
      }
      .title-heading {
        font-family: 'Manrope', sans-serif !important;
        color: #999;
        font-weight: 100 !important;
        background: linear-gradient(90deg, #ebf0f7 0%, #f5f7fa 50.52%, #ebf0f6 100%);
        border-radius: 10px;
        padding: 10px 45px;
        margin-bottom: 20px;
      }
      .wrapper-list-news .title-heading h3 {
        padding-bottom: 10px;
        border-bottom: 1px #999 solid;
        font-size: 36px !important;
      }
      .wrapper-list-news .title-heading.border-finansial {
        border-top: 10px #0c97a6 solid;
        padding-top: 15px;
      }
      .wrapper-list-news .title-heading.border-ekobis {
        border-top: 10px #274c71 solid;
        padding-top: 15px;
      }
      .wrapper-list-news .title-heading.border-teknologi {
        border-top: 10px #5a159f solid;
        padding-top: 15px;
      }
      .wrapper-list-news .title-heading.border-lifestyle {
        border-top: 10px #db3e90 solid;
        padding-top: 15px;
      }
      .wrapper-list-news .title-heading.border-foto {
        border-top: 10px #db3e90 solid;
        padding-top: 15px;
      }
      .wrapper-list-news .title-heading.border-traveling {
        border-top: 10px #0bc9bf solid;
        padding-top: 15px;
      }
      .wrapper-list-news .title-heading.border-sport {
        border-top: 10px #c82212 solid;
        padding-top: 15px;
      }
      .wrapper-list-news .title-heading.border-bola {
        border-top: 10px #039029 solid;
        padding-top: 15px;
      }
      .wrapper-list-news .title-heading.border-otomotif {
        border-top: 10px #a22e51 solid;
        padding-top: 15px;
      }
      .wrapper-list-news .title-heading.border-entrepreneur {
        border-top: 10px #b1260f solid;
        padding-top: 15px;
      }
      .wrapper-list-news .title-heading.border-jakarta {
        border-top: 10px #ff5e00 solid;
        padding-top: 15px;
      }
      .wrapper-list-news .title-heading.border-infografik {
        border-top: 10px #7da700 solid;
        padding-top: 15px;
      }
      .wrapper-list-news .title-heading span {
        color: #333;
      }
      
      .our-recommendation {
        border-top: 1px #e8e8e8 solid;
      }
      .our-recommendation.five {
        max-width: 1080px;
        margin: 0 auto;
      }
      .our-recommendation.five ul {
        margin: 0 -10px;
        padding-bottom: 10px;
        border: none;
      }
      .our-recommendation.five ul li {
        display: inline-block;
        padding: 0 10px;
        width: 216.8px;
        /*margin-right: 4px;*/
      }
      .our-recommendation.five ul li:last-child {
        margin-right: 0 !important;
      }
      .our-recommendation.five ul li div a .small_img_head {
        border-radius: 13px;
        width: 100%;
        height: 125px;
        object-fit: cover;
      }
      .our-recommendation.five ul li div a .h2_cec {
        font-family: 'Manrope', sans-serif !important;
        font-size: 15px;
        line-height: 22px;
        padding-top: 10px;
        text-decoration: none;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
      }
      .our-recommendation.five ul li div a:hover .h2_cec {
        color: #445ba7;
        text-decoration: none;
      }
      .our-recommendation.style2 {
        border-top: 10px #606060 solid;
      }
      .our-recommendation h3 {
        font-family: 'Manrope', sans-serif !important;
        font-size: 20px;
        text-transform: uppercase;
        color: #222;
        margin: 15px 0 25px 0;
      }
      .our-recommendation.five h3 {
        font-family: 'Manrope', sans-serif !important;
        font-size: 19px;
        text-transform: capitalize;
        color: #fb5858;
        letter-spacing: 0.5px;
        margin: 15px 0 20px;
      }
      .our-recommendation ul {
        list-style: none;
        border-bottom: 10px #ffd22f solid;
        margin: 0 0 15px 0;
        padding-bottom: 20px;
      }
      .our-recommendation ul > li {
        display: inline-block;
        padding: 0 15px 0 0;
        /* padding: 0; */
      }
      .our-recommendation ul > li a {
        /*font-family: "Roboto-Regular" !important;*/
        font-family: 'Manrope', sans-serif !important;
        font-weight: 400;
      
        font-size: 18px !important;
        font-weight: 400 !important;
        line-height: 20px !important;
        color: #333;
        position: relative;
        top: -4px;
        display: inline !important;
      }
      .our-recommendation > .bb-kabar24 > li > .right {
        padding-left: 12px !important;
      }
      .col-custom.left > .title-heading > h1 {
        padding-top: 25px !important;
      }
      .col-custom > .title-heading > h1 {
        padding-top: 25px !important;
      }
      .our-recommendation ul > li a:hover {
        text-decoration: none;
        color: #666;
      }
      .our-recommendation ul > li div.left {
        padding: 0;
      }
      .our-recommendation ul > li div.right {
        padding: 0;
      }
      
      .our-recommendation.lifestyle h3 {
        bottom: 1px #ccc solid;
        padding-bottom: 10px;
        margin-bottom: 0;
      }
      .our-recommendation.lifestyle ul {
        margin: 0;
        border-bottom: 0;
      }
      .our-recommendation.lifestyle ul > li {
        padding-left: 0;
      }
      .our-recommendation.lifestyle ul > li a.title {
        /*font-family: "Roboto-Bold" !important;*/
        font-family: 'Manrope', sans-serif !important;
        font-weight: 700;
      
        font-size: 14px;
      }
      .our-recommendation.lifestyle ul > li .date {
        font-size: 10px;
        font-style: italic;
        margin: 0 15px;
        color: #999;
        font-family: 'Manrope', sans-serif !important;
      }
      .our-recommendation.lifestyle ul > li .date a {
        top: 0 !important;
        color: #db3e90 !important;
      }
      
      .our-recommendation.traveling h3 {
        bottom: 1px #ccc solid;
        padding-bottom: 10px;
        margin-bottom: 0;
      }
      .our-recommendation.traveling ul {
        margin: 0;
        border-bottom: 0;
      }
      .our-recommendation.traveling ul > li {
        padding: 0 15px 0 0;
      }
      .our-recommendation.traveling ul > li a.title {
        /*font-family: "Roboto-Bold" !important;*/
        font-family: 'Manrope', sans-serif !important;
        font-weight: 700;
      
        font-size: 14px;
      }
      .our-recommendation.traveling ul > li .date {
        font-size: 10px;
        font-style: italic;
        margin: 0 15px;
        color: #999;
        font-family: 'Manrope', sans-serif !important;
      }
      .our-recommendation.traveling ul > li .date a {
        top: 0 !important;
        color: #db3e90;
      }
      
      .our-recommendation.jakarta h3 {
        bottom: 1px #ccc solid;
        padding-bottom: 10px;
        margin-bottom: 0;
      }
      .our-recommendation.jakarta ul {
        margin: 0;
        border-bottom: 0;
      }
      .our-recommendation.jakarta ul > li {
        padding-left: 0;
      }
      .our-recommendation.jakarta ul > li a.title {
        /*font-family: "Roboto-Bold" !important;*/
        font-family: 'Manrope', sans-serif !important;
        font-weight: 700;
      
        font-size: 14px;
      }
      .our-recommendation.jakarta ul > li .date {
        font-size: 10px;
        font-style: italic;
        margin: 0 15px;
        color: #999;
        font-family: 'Manrope', sans-serif !important;
      }
      .our-recommendation.jakarta ul > li .date a {
        top: 0 !important;
        color: #ff5e00 !important;
      }
      
      .our-recommendation.entrepreneur h3 {
        bottom: 1px #ccc solid;
        padding-bottom: 10px;
        margin-bottom: 0;
      }
      .our-recommendation.entrepreneur ul {
        margin: 0;
        border-bottom: 0;
      }
      .our-recommendation.entrepreneur ul > li {
        padding-left: 0;
      }
      .our-recommendation.entrepreneur ul > li a.title {
        /*font-family: "Roboto-Bold" !important;*/
        font-family: 'Manrope', sans-serif !important;
        font-weight: 700;
      
        font-size: 14px;
      }
      .our-recommendation.entrepreneur ul > li .date {
        font-size: 10px;
        font-style: italic;
        margin: 0 15px;
        color: #999;
        font-family: 'Manrope', sans-serif !important;
      }
      .our-recommendation.entrepreneur ul > li .date a {
        top: 0 !important;
        color: #b1260f !important;
      }
      
      .our-recommendation-small.heading {
        font-family: 'Manrope', sans-serif !important;
        font-weight: bold;
        font-size: 20px;
        text-transform: uppercase;
        color: #222;
        border-bottom: 1px #ccc solid;
        padding-bottom: 5px;
      }
      .our-recommendation-small {
        list-style: none;
      }
      .our-recommendation-small > li {
        margin: 15px 0;
      }
      .our-recommendation-small > li > a {
        font-family: 'Manrope', sans-serif !important;
        /*font-size: 12px !important;*/
        color: #4a4a4a;
      }
      .our-recommendation-small > li > a:hover {
        color: #888;
      }
      
      .list-news {
        display: inline-block;
        width: 100%;
        list-style: none;
        padding: 0;
      }
      .list-news li {
        display: inline-block;
        width: 100%;
      }
      .list-news li > div {
        padding: 0;
      }
      .list-news li > div:last-child {
        padding-left: 15px;
        padding-top: 15px;
      }
      .list-news li.big > div:last-child {
        padding-left: 0;
      }
      .list-news.style2 li,
      .list-news.style3 li {
        padding-bottom: 0;
        border: none;
      }
      .list-news.style2 li > div,
      .list-news.style3 li > div {
        padding: 0 7px;
      }
      .list-news.style2 li > div:first-child,
      .list-news.style3 li > div:first-child {
        padding-right: 10px;
      }
      .list-news.style2 li > div:last-child,
      .list-news.style3 li > div:last-child {
        padding-left: 10px;
      }
      .list-news.style2 li a.link,
      .list-news.style3 li a.link {
        /*font-family: "Roboto-Medium" !important;*/
        font-family: 'Manrope', sans-serif !important;
        font-weight: 500;
      
        font-size: 18px;
        display: block;
        color: #222;
        line-height: 1.3;
        padding: 10px 15px;
        line-height: 1.3;
      }
      .title-heading-little {
        font-family: 'Manrope', sans-serif !important;
        padding: 10px 0 10px 7px;
        color: #445ba7;
      }
      .title-heading-little h1 {
        font-size: 22px;
        font-weight: 600;
      }
      .list-news.style3 li a.terkait {
        width: 49%;
        display: inline-block;
      }
      .list-news.style3 li a.terkait img {
        border-radius: 15px !important;
      }
      .list-news.style3 li a.link {
        font-family: 'Manrope', sans-serif !important;
        font-size: 17px;
        font-weight: 600;
        color: #222;
        padding: 10px 0;
        line-height: 21px;
        width: 49%;
        display: inline-block;
        position: absolute;
        padding: 0 0 0 10px;
      }
      .list-news.style3 li a.link.sub {
        display: block;
        font-family: 'Manrope', sans-serif !important;
        font-size: 26px;
        color: #222;
      
        padding: 0 10px 10px 15px;
      }
      .list-news.style2 li > div > div {
        height: 340px;
        overflow: hidden;
      }
      .list-news.style2.enable li > div > div {
        height: 405px;
        overflow: visible;
      }
      .list-news li > div h2 {
        position: relative;
        top: -5px;
        margin-bottom: 10px;
      }
      .list-news li.big > div h2 {
        top: 0;
      }
      .list-news li > div a.icon i.video {
        position: absolute;
        font-size: 30px;
        bottom: 8px;
        left: 8px;
        color: red;
        /*background: #fcfcfc;*/
      }
      .list-news li.big > div h2 {
        margin: 10px 0;
      }
      .list-news li > div h2 a {
        font-family: 'Manrope', sans-serif !important;
        font-size: 22px;
        font-weight: 600;
        color: #000;
        display: block;
      }
      .list-news li > div h2 a:hover {
        text-decoration: none;
        color: #004CE0;
      }
      .list-news > li > .col-sm-8 > .wrapper-description > .channel > a {
        color: #333 !important;
        border: 1px solid #333;
        padding: 2px 16px 2px 13px;
        font-family: 'Manrope', sans-serif !important;
        font-size: 12px;
        text-transform: capitalize;
        margin: 0 0 5px;
        /* white-space: pre-wrap; */
        white-space: -moz-pre-wrap;
        white-space: -pre-wrap;
        white-space: -o-pre-wrap;
        word-wrap: break-word;
        background: none !important;
        border-radius: 50px;
      }
      .list-news > li > .col-sm-8 > .wrapper-description > .channel.width-list-market-small1 > a {
        padding: 4px 14px 2px 14px;
      }
      .list-news > li > .col-sm-8 > .wrapper-description > .channel > .date {
        display: inline-block;
        margin-left: 15px;
        position: absolute;
        margin-top: 5px;
      }
      .list-news > li > .col-sm-8 > .wrapper-description > .channel {
        float: left;
        width: 75%;
        margin-right: 10px;
        position: absolute;
        top: 0;
      }
      .list-news > li > .col-sm-8 > h2 {
        margin-top: 30px;
      }
      .new_live {
        color: #E00000;
        text-transform: uppercase;
        font-family: 'Manrope', sans-serif !important;
        font-weight: 900;
        font-size: 22px;
        display: block;
        position: relative;
        margin-bottom: -5px;
      }
      .new_live::before {
        content: "";
        width: 10px;
        height: 10px;
        border-radius: 100px;
        background: #E00000;
        display: inline-block;
        position: relative;
        top: -4px;
        margin-right: 7px;
      }
      .new_live.little::before {
        content: "";
        width: 10px;
        height: 10px;
        border-radius: 100px;
        background: #E00000;
        display: inline-block;
        position: relative;
        top: 0;
        margin-right: 7px;
      }
      .new_live label {
        color: #333 !important;
        text-transform: capitalize !important;
      }
      .new_live.little {
        font-size: 17px !important;
        margin-bottom: 5px;
        display: inline-block;
      }
      .list-news li > div h2 span.live::before {
        content: "";
        width: 10px;
        height: 10px;
        border-radius: 100px;
        background: #E00000;
        display: inline-block;
        position: relative;
        top: -1px;
        margin-right: 7px;
      }
      .list-news li > div h2 span.live {
        color: #E00000;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 900;
        letter-spacing: 0.25em;
      }
      .list-news li > div h2 a span.live::before {
        content: "";
        width: 5px;
        height: 5px;
        border-radius: 100px;
        background: #E00000;
        display: inline-block;
        position: relative;
        top: -4px;
        margin-right: 7px;
      }
      .list-news li > div h2 a span.live {
        color: #E00000;
        text-transform: uppercase;
      }
      .list-news li > div .wrapper-description > .channel {
        float: left;
        width: 18%;
        margin-right: 10px;
      }
      .list-news li.big > div .wrapper-description > .channel {
        width: 13%;
      }
      .list-news li.big.style2 > div .wrapper-description > .channel .btn {
        padding: 6px 16px 6px 13px;
        font-family: 'Manrope', sans-serif !important;
        font-size: 12px;
        text-transform: capitalize;
        margin: 5px 0;
        /* white-space: pre-wrap; */
        white-space: -moz-pre-wrap;
        white-space: -pre-wrap;
        white-space: -o-pre-wrap;
        word-wrap: break-word;
        background: none !important;
        color: #fcfcfc !important;
        border: 1px solid #fcfcfc;
        border-radius: 50px;
      }
      .list-news li > div .wrapper-description > .channel .date {
        font-size: 10px;
        font-style: italic;
        margin: 0 15px;
        color: #555555;
        font-family: 'Manrope', sans-serif !important;
      }
      .list-news li > div .wrapper-description > .description {
        float: left;
        width: 450px;
        font-family: 'Manrope', sans-serif !important;
        font-weight: 500;
        font-size: 14px;
        color: #666;
      }
      .list-news li.big > div .wrapper-description > .description {
        width: 85%;
      }
      .list-news.style2 li .description {
        padding: 0 15px;
        font-size: 15px;
      }
      .list-news.style3 li .description {
        padding: 0 15px;
        font-size: 14px;
      
        /*font-family: 'Roboto-Regular' !important;*/
        font-family: 'Manrope', sans-serif !important;
        font-weight: 400;
      
        font-size: 15px;
      }
      .list-news.style2 li .date {
        font-size: 10px;
        font-style: italic;
        margin: 0 15px;
        color: #999;
        font-family: 'Manrope', sans-serif !important;
      }
      .list-news.style3 li .date {
        font-size: 10px;
        font-style: italic;
        margin: 0 15px;
        color: #999;
        font-family: 'Manrope', sans-serif !important;
      }
      .list-news > li > .col-sm-4 {
        width: 35.689% !important;
        max-height: 175px;
        overflow: hidden;
      }
      .list-news > li > .col-sm-8 {
        width: 64.311% !important;
        /* max-height: 165px; */
        overflow: hidden;
      }
      .list-news > li > .col-sm-12 {
        padding: 0 !important;
      }
      .list-news > li > .col-sm-4 > a > img {
        border-radius: 15px;
        height: 176.5px;
        object-fit: cover;
      }
      .list-news li.big.style2 {
        padding-bottom: 0;
        border: none;
        margin-bottom: 25px;
      }
      .list-news li {
        margin-bottom: 25px;
      }
      /* line after */
      /* .list-news li::after {
                content: '';
                display: block;
                border-bottom: 0.5px solid #ccc;
                width: 100%;
                height: 1px;
                top: 187.5px;
                position: relative;
            }
            .list-news li.big.style2::after {
                content: '';
                display: none;
                border-bottom: 0.5px solid #ccc;
                width: 100%;
                height: 1px;
                top: 187.5px;
                position: relative;
            } */
      .big.style2 > .col-sm-6 > a > img {
        height: 100%;
        object-fit: fill;
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px;
      }
      .big.style2 > .col-sm-6 > a > img.new {
        min-width: 380px;
        object-fit: cover;
      }
      .list-news li.big.style2 > div {
        height: 250px;
        /* overflow: hidden; */
      }
      .list-news li.big.style2 > div:last-child {
        padding: 20px;
        background-image: url(../images/2020/bigbox2.svg);
        background-repeat: no-repeat;
        background-size: cover;
        border-top-right-radius: 15px;
        border-bottom-right-radius: 15px;
        position: absolute;
        right: 20px;
        width: 420px;
      }
      .list-news li.big.style2 > div .wrapper-description > .channel {
        width: 100%;
        color: #fcfcfc;
        margin-bottom: 7px;
        padding-left: 55px;
      }
      .list-news li.big.style2 > div .wrapper-description > .channel .date {
        display: inline-block;
        color: #fcfcfc;
        margin-left: 10px;
      }
      .list-news li.big.style2 > div h2 {
        top: 0;
        margin: 0 0 20px 0;
        padding: 0 0 0 55px;
      }
      .list-news li.big.style2 > div h2 a {
        color: #fcfcfc;
      }
      .list-news li.big.style2 > div h2 a:hover {
        color: #999;
      }
      .list-news li.big.style2 > div .wrapper-description > .description {
        width: 100%;
        color: #fcfcfc;
        padding-left: 55px;
      }
      .btn-loadmore {
        display: block;
        margin: 0 auto;
        text-align: center;
      }
      .title_3_kanal {
        font-family: 'Manrope', sans-serif !important;
        color: #333;
      }
      .title_3_kanal:hover {
        color: #08acea;
      }
      .search_icon {
        position: absolute;
        top: 26px;
        left: 155px;
        color: #999999;
        width: 14px;
        height: 14px;
      }
      .form-control.search::-webkit-input-placeholder {
        color: #999999;
        font-family: 'Manrope', sans-serif !important;
        font-size: 13px;
        font-weight: 100 !important;
      }
      .form-control.search::-moz-placeholder {
        color: #999999;
        font-family: 'Manrope', sans-serif !important;
        font-size: 13px;
        font-weight: 100 !important;
      }
      .form-control.search:-ms-input-placeholder {
        color: #999999;
        font-family: 'Manrope', sans-serif !important;
        font-size: 13px;
        font-weight: 100 !important;
      }
      .form-control.search:-moz-placeholder {
        color: #999999;
        font-family: 'Manrope', sans-serif !important;
        font-size: 13px;
        font-weight: 100 !important;
      }
      
      .regional {
        margin: 0 0 25px;
        padding: 25px 0 10px;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
      }
      .regional_today {
        font-family: 'Manrope', sans-serif !important;
        color: #333;
        font-size: 21px;
      }
      .regional_today > span {
        color: #30b6e1;
      }
      .regional > .col-sm-4 > h4 > a {
        font-family: 'Manrope', sans-serif !important;
        font-size: 15px;
        color: #333;
        font-weight: 600;
      }
      .regional > .col-sm-4 > h4 > a:hover {
        color: #08acea;
      }
      .regional > .col-sm-4 > .wrapper-description > .channel > a {
        border: 1px solid #333;
        border-radius: 50px;
        color: #333;
        font-size: 12px;
        padding: 4px 19px 2.5px 20px !important;
      }
      .regional > .col-sm-4 > .wrapper-description > .channel > .date {
        display: inline-block;
        font-size: 10px;
        font-style: italic;
        margin: 0 15px;
        color: #999;
      }
      .list-sub-news {
        padding-top: 7px;
      }
      .list-sub-news > li {
        margin-bottom: 15px;
      }
      .list-sub-news > li.big {
        margin-bottom: 20px;
      }
      .list-sub-news > li.big > a > img {
        border-radius: 15px;
      }
      .list-sub-news > li.big > a {
        font-family: 'Manrope', sans-serif !important;
        font-size: 16px;
        color: #333;
      }
      .list-sub-news > li.big > a:hover {
        color: #08acea;
      }
      .list-sub-news > li > a {
        font-family: 'Manrope', sans-serif !important;
        font-size: 16px;
        color: #333;
      }
      .list-sub-news > li > a:hover {
        color: #08acea;
      }
      .list-sub-news > li.big > a > .date {
        font-size: 10px;
        font-family: 'Manrope', sans-serif !important;
        font-style: italic;
        color: #999;
        letter-spacing: 0.3px;
        padding: 10px 0 5px;
      }
      .btn-loadmore > a {
        color: #333;
        border: 2px transparent solid;
        transition: 0.4s;
        background: linear-gradient(90deg, #ebf0f7 0%, #f5f7fa 50.52%, #ebf0f6 100%);
      }
      .btn-loadmore > a:hover {
        background: #e8e8e8;
        border: 2px transparent solid;
        transition: 0.4s;
      }
      .btn-loadmore .btn {
        font-family: 'Manrope', sans-serif !important;
        font-size: 15px;
        border-radius: 10px;
        width: 100%;
        padding: 11px 0;
      }
      .btn-loadmore .btn i {
        padding: 5px 0 0 0;
      }
      .btn-nextpage {
        display: block;
        margin: 0 auto;
        text-align: right;
      }
      .btn-nextpage .btn {
        font-family: 'Manrope', sans-serif !important;
        font-size: 16px;
        /* text-transform: uppercase; */
        border-radius: 2px;
      }
      .btn-nextpage .btn i {
        padding: 5px 0 0 0;
      }
      
      /* WIDGET
            ----------------------------------*/
      .widget {
        padding: 25px 0;
      }
      .widget:first-child {
        padding: 0 0 25px 0;
      }
      
      .widget.sidebar-foto {
        margin-top: 25px;
      }
      .widget.sidebar-foto .main {
        position: relative;
      }
      .widget.sidebar-foto .main .wrapper {
        position: absolute;
        bottom: 0;
        z-index: 10;
        padding: 25px 15px;
        /*margin: 0 7px;*/
        width: 100%;
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 5%, rgba(0, 0, 0, 1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 5%, rgba(0, 0, 0, 1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 5%, rgba(0, 0, 0, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
      }
      .widget.sidebar-foto .main .wrapper a {
        /*font-family: "Roboto-Bold" !important;*/
        font-family: 'Manrope', sans-serif !important;
        font-weight: 700;
      
        font-size: 20px;
        line-height: 22px;
        color: #fcfcfc !important;
        display: block;
      }
      .widget.sidebar-foto ul.carousel-inner {
        background: none;
        padding: 0;
        height: 28px;
        overflow: hidden;
      }
      .widget.sidebar-foto a.link {
        float: right;
        font-size: 25px;
        line-height: 28px;
        color: #f69322;
        position: relative;
        top: 0;
        padding: 0 5px 0 5px;
        z-index: 10;
      }
      .widget.sidebar-foto a.link i {
      }
      .widget.sidebar-foto ul.carousel-inner li {
        padding: 5px 5px 5px 0;
      }
      .widget.sidebar-foto ul.carousel-inner li a {
        /*font-family: "Roboto-Bold" !important;*/
        font-family: 'Manrope', sans-serif !important;
        font-weight: 700;
      
        font-size: 16px;
        color: #252525;
        text-transform: uppercase;
      }
      .widget.sidebar-foto ul.carousel-inner li a:hover,
      .widget.sidebar-foto ul.carousel-inner li a:focus {
        color: #E00000;
        text-decoration: none;
      }
      .widget.sidebar-foto .sidebar-foto-arrow {
        position: absolute;
        right: 0;
        top: -46px;
        width: 65px;
        z-index: 0;
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.98) 11%, rgba(255, 255, 255, 1) 42%); /* FF3.6-15 */
        background: -webkit-linear-gradient(
          left,
          rgba(255, 255, 255, 0.13) 0%,
          rgba(255, 255, 255, 0.98) 11%,
          rgba(255, 255, 255, 1) 42%
        ); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(
          to right,
          rgba(255, 255, 255, 0.13) 0%,
          rgba(255, 255, 255, 0.98) 11%,
          rgba(255, 255, 255, 1) 42%
        ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#21ffffff', endColorstr='#fcfcfc',GradientType=1 ); /* IE6-9 */
      }
      .widget.sidebar-foto .sidebar-foto-arrow.home {
        top: 0 !important;
      }
      .widget.sidebar-foto .main img {
        margin: 0 auto;
      }
      .widget.sidebar-foto .wrapper-sidebar-foto {
        display: none;
      }
      .widget.sidebar-foto .wrapper-sidebar-foto.active {
        display: block;
      }
      
      .widget.editor-choice {
        position: relative;
        overflow: hidden;
      }
      .widget.editor-choice .title:after {
        content: "";
        background: #fcfcfc;
        display: block;
        width: 100%;
        height: 14px;
        position: absolute;
        top: 4px;
        margin-left: 55%;
      }
      .widget.editor-choice .title h3 {
        font-family: 'Manrope', sans-serif !important;
        font-weight: bold;
        font-size: 20px;
        text-transform: uppercase;
        color: #fcfcfc;
        display: inline-block;
        margin-bottom: 11px;
      }
      .widget.editor-choice ul {
        list-style: none;
      }
      .widget.editor-choice ul > li {
        margin-bottom: 11px;
      }
      .widget.editor-choice ul > li:last-child {
        margin: 0;
      }
      .widget.editor-choice ul > li a {
        font-family: 'Manrope', sans-serif !important;
        font-size: 16px;
        line-height: 20px;
        color: #fcfcfc;
      }
      .widget.editor-choice ul > li a:hover {
        color: #fcfcfc !important;
      }
      
      .widget-terpopuler h3 {
        font-family: 'Manrope', sans-serif !important;
        font-weight: bold;
        font-size: 28px;
        text-transform: uppercase;
        color: #222;
        border-bottom: 1px #ccc solid;
        padding: 0;
      }
      .widget-terpopuler h3.style2 {
        position: relative;
        top: -8px;
      }
      .widget-terpopuler ol {
        list-style: none;
        padding: 10px 10px 0 10px;
        margin-bottom: 0;
      }
      .widget-terpopuler ol > li {
        counter-increment: step-counter;
        margin: 0 0 8px 0;
        padding: 0 0 8px 0;
        border-bottom: 1px #707070 dotted;
      }
      .widget-terpopuler ol > li a {
        display: inline-block;
        width: 86%;
      
        /*font-family: "Roboto-Regular" !important;*/
        font-family: 'Manrope', sans-serif !important;
        font-weight: 400;
      
        font-size: 16px;
        line-height: 20px;
        font-weight: 400 !important;
        color: #222;
        position: relative;
        top: -5px;
      }
      .widget-terpopuler ol > li::before {
        content: counter(step-counter);
        vertical-align: top;
      
        /*font-family: "Roboto-Medium" !important;*/
        font-family: 'Manrope', sans-serif !important;
        font-weight: 500;
      
        font-size: 38px;
        font-weight: 600;
        color: #222;
        margin-right: 12px;
        line-height: 32px;
      }
      .widget-terpopuler ol.no-humber > li::before {
        content: "";
      }
      
      .widget.live-report h3,
      .widget.hot-topic h3 {
        font-family: 'Manrope', sans-serif !important;
        font-weight: 800;
        font-size: 30px;
        line-height: 40px;
        letter-spacing: -2px;
        /* text-transform: uppercase; */
        color: #303030;
        /* margin-left: 85px; */
        padding-top: 2px;
        margin-bottom: 10px;
      }
      .widget.hot-topic {
        position: relative;
      }
      .widget.live-report h3 span,
      .widget.hot-topic h3 span {
        background: #E00000;
        color: #fcfcfc;
        padding: 0 12px;
        /* position: absolute; */
        /*top: 0;*/
        left: 5px;
      }
      .widget.live-report h3 span:before,
      .widget.hot-topic h3 span:before {
        content: ".";
        font-size: 36px;
        display: inline-block;
        padding-right: 7px;
        position: relative;
        top: -6px;
      }
      .widget.live-report ul,
      .widget.hot-topic ul {
        list-style: none;
      }
      .widget.live-report ul > li,
      .widget.hot-topic ul > li {
        margin-bottom: 10px;
        padding-bottom: 10px;
        /* border-bottom: 1px dashed #777; */
        border-style: solid;
        border-width: 0;
        -webkit-border-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 1%, rgba(0, 0, 0, 1) 50%, rgba(255, 255, 255, 1) 100%) 0 0 100% 0/0 0 1px 0 stretch;
        -moz-border-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 1%, rgba(0, 0, 0, 1) 50%, rgba(255, 255, 255, 1) 100%) 0 0 100% 0/0 0 1px 0 stretch;
        -o-border-image: -o-linear-gradient(left, rgba(255, 255, 255, 0) 1%, rgba(0, 0, 0, 1) 50%, rgba(255, 255, 255, 1) 100%) 0 0 100% 0/0 0 1px 0 stretch;
        border-image: linear-gradient(to left, rgba(255, 255, 255, 0) 1%, rgba(0, 0, 0, 1) 50%, rgba(255, 255, 255, 1) 100%) 0 0 100% 0/0 0 1px 0 stretch;
      }
      .widget.live-report ul > li:last-child,
      .widget.hot-topic ul > li:last-child {
        margin: 0;
        /* border-bottom: 1px solid #777; */
        border-bottom: none !important;
      }
      .widget.live-report ul > li .date,
      .widget.hot-topic ul > li .topic {
        font-family: 'Manrope', sans-serif !important;
        font-weight: 600;
        font-size: 16px;
        color: #E00000;
        margin-bottom: 5px;
      }
      .widget.live-report ul > li a,
      .widget.hot-topic ul > li a {
        font-family: 'Manrope', sans-serif !important;
        font-size: 20px;
        line-height: 20px;
        display: block;
        margin-left: 20px;
        color: #222;
      }
      .widget.live-report ul > li a:hover,
      .widget.hot-topic ul > li a:hover {
        color: #E00000;
        text-decoration: none;
      }
      .epaper_side {
        background: url(../images/2020/bg-epaper-side.jpg) no-repeat center;
        text-align: center;
        padding: 40px 0;
      }
      .widget.breaking-koran {
        background: #f0f0f0 url("../images/bg-widget-koran.png") no-repeat bottom right;
        padding-bottom: 150px;
      }
      .widget .breaking-koran-logo {
        /*background-image: url("../images/logo-side-bg.png");*/
        padding: 10px 0;
        text-align: center;
        /*border-bottom: #aaa 1px dashed;*/
      }
      .widget .breaking-koran-list ul {
        padding: 0;
        margin: 0;
        padding: 10px 20px 15px;
        list-style: none;
      }
      .widget .breaking-koran-list li {
        padding: 13px 0px;
      
        /*font-family: "Roboto-Medium" !important;*/
        font-family: 'Manrope', sans-serif !important;
        font-weight: 500;
      
        border-bottom: 1px #ccc dashed;
        font-size: 16px;
      }
      /*.widget .breaking-koran-list li:last-of-type {
                border: 0;
            }*/
      .widget .breaking-koran-list li a {
        color: #463317;
      }
      .widget .breaking-koran-list li a:hover {
        color: #5f8cc9;
        text-decoration: none;
      }
      .widget .breaking-koran-list a.btn {
        font-weight: 600;
        font-size: 13px;
        border-radius: 20px;
        display: block;
        margin: 15px 30px 0 30px;
        text-transform: uppercase;
      }
      
      .wrapper-beacukai {
        position: relative;
        /* top: -120px; */
        margin: 0 15px 0 15px;
        /* margin-top: -55px !important; */
      }
      .bg {
        background: #fcfcfc;
        padding-top: 15px;
      }
      .widget.beacukai,
      .widget.pmk {
        margin: 0;
        background: #ebd548;
        padding: 0;
      }
      .widget.pmk {
        background: #201a1a;
      }
      .widget.beacukai h2,
      .widget.pmk h2 {
        font-family: 'Manrope', sans-serif !important;
        font-weight: 600;
        font-size: 17px;
        letter-spacing: 0.5px;
        color: #313131;
        padding: 8px 8px 8px 15px;
      }
      .widget.pmk h2 {
        color: #f7d000;
      }
      .pmk-arrow {
        color: #f7d000;
      }
      
      .widget.beacukai a,
      .widget.pmk a {
        color: #313131;
      }
      .widget.beacukai .full,
      .widget.pmk .full {
        width: 100%;
        height: 100%;
        background-position: center center;
        background-size: cover;
        margin: 0 auto;
      }
      .widget.beacukai .link,
      .widget.pmk .link {
        padding: 5px 15px;
        display: inline-block;
        width: 100%;
        text-align: right;
      }
      
      .widget.tab-beacukai {
        margin: 0;
        padding: 0;
      }
      .widget.tab-beacukai .nav-tabs {
        margin: 0;
        border: none;
      }
      .widget.tab-beacukai .nav-tabs > li > a {
        font-family: 'Manrope', sans-serif !important;
        font-size: 20px;
        color: #757575;
        text-transform: uppercase;
        padding: 5px;
      }
      .widget.tab-beacukai .nav-tabs > li > a:hover,
      .widget.tab-beacukai .nav-tabs > li > a:focus {
        background: transparent;
        border: none;
        color: #0acb9b !important;
      }
      .widget.tab-beacukai .nav-tabs > li.active > a,
      .widget.tab-beacukai .nav-tabs > li.active > a:hover,
      .widget.tab-beacukai .nav-tabs > li.active > a:focus {
        font-family: 'Manrope', sans-serif !important;
        font-weight: bold;
        border: none;
        color: #0acb9b;
        border-bottom: 4px #0acb9b solid;
      }
      .link-widget-beacukai,
      .link-widget-beacukai-2 {
        font-family: 'Manrope', sans-serif !important;
        font-weight: 600;
        margin: 20px 0;
      }
      .link-widget-beacukai a,
      .link-widget-beacukai-2 a {
        font-size: 18px;
        line-height: 24px;
        color: #39424b;
        display: block;
        position: relative;
      }
      .link-widget-beacukai a:hover,
      .link-widget-beacukai a:focus,
      .link-widget-beacukai-2 a:hover,
      .link-widget-beacukai-2 a:focus {
        text-decoration: none;
      }
      .link-widget-beacukai .slick-slide,
      .link-widget-beacukai-2 .slick-slide {
        padding-left: 45px;
        width: 230px !important;
      }
      .link-widget-beacukai .slick-slide > div > div,
      .link-widget-beacukai-2 .slick-slide > div > div {
        /*max-width: 80%;*/
        /* max-width: 85%; */
      }
      .link-widget-beacukai .slick-slide span,
      .link-widget-beacukai-2 .slick-slide span {
        position: absolute;
        left: -35px;
        background: #2081e0;
        color: #fcfcfc;
        width: 24px;
        border-radius: 24px;
        text-align: center;
      }
      .link-widget-beacukai-button,
      .link-widget-beacukai-button-2 {
        position: relative;
      }
      .link-widget-beacukai-button .prev {
        position: absolute;
        bottom: 71px;
        left: -10px;
        color: #a3a3a3;
        font-size: 22px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        display: inline-block !important;
        text-align: center;
      }
      .link-widget-beacukai-button-2 .prev {
        position: absolute;
        bottom: 85px;
        left: -10px;
        color: #a3a3a3;
        font-size: 22px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        display: inline-block !important;
        text-align: center;
      }
      .link-widget-beacukai-button .next {
        position: absolute;
        bottom: 71px;
        right: -10px;
        color: #a3a3a3;
        font-size: 22px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        display: inline-block !important;
        text-align: center;
      }
      .link-widget-beacukai-button-2 .next {
        position: absolute;
        bottom: 85px;
        right: -10px;
        color: #a3a3a3;
        font-size: 22px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        display: inline-block !important;
        text-align: center;
      }
      
      .widget.tab-beacukai #terpopuler a.hashtag,
      .widget.tab-beacukai #hot-topic a.hashtag {
        color: #e01818;
      }
      .widget.tab-beacukai #terpopuler a:hover.hashtag,
      .widget.tab-beacukai #hot-topic a:hover.hashtag {
        color: #c21515;
      }
      .widget.tab-beacukai #terpopuler a.hashtag .description,
      .widget.tab-beacukai #hot-topic a.hashtag .description {
        color: #222222;
        font-size: 22px;
        /* font-weight: 600; */
        margin-top: 5px;
      }
      .widget.tab-beacukai #terpopuler a.hashtag span {
        background: none;
        color: #ececec;
        font-size: 100px;
        bottom: 22px;
        left: -45px;
        z-index: -1;
        top: 20px;
      }
      .widget.tab-beacukai #terpopuler a.hashtag span:first-child {
        left: -25px;
      }
      /*.widget.tab-beacukai #terpopuler .slick-list {
                overflow: inherit;
            }*/
      
      .widget.asian-games {
        margin: 25px 0;
        background: #009db9;
        padding: 0;
      }
      .widget.asian-games .main {
        position: relative;
        overflow: hidden;
      }
      .widget.asian-games h2 {
        /*font-family: "Roboto-Medium" !important;*/
        font-family: 'Manrope', sans-serif !important;
        font-weight: 500;
      
        font-size: 18px;
      
        position: absolute;
        margin-top: 90px;
        padding: 0 15px;
      }
      .widget.asian-games ul {
        list-style: none;
        padding: 15px;
      }
      .widget.asian-games ul > li {
        /*font-family: "Roboto-Medium" !important;*/
        font-family: 'Manrope', sans-serif !important;
        font-weight: 500;
      
        font-size: 16px;
        margin-bottom: 25px;
      }
      .widget.asian-games a {
        color: #fcfcfc;
      }
      .widget.asian-games a:hover {
        text-decoration: none;
        color: #ffd22f !important;
      }
      .widget.asian-games a.cover:before {
        content: "";
        position: absolute;
        display: block;
        height: 170px;
        background: rgba(0, 0, 0, 0.3) url(../images/asian-games-logo.png) no-repeat 0 0;
        width: 100%;
      }
      .widget.asian-games a.back {
        position: absolute;
        top: 0;
        right: 0;
        padding: 10px 15px;
      }
      .widget.asian-games img {
        width: 100%;
        height: 100%;
        background-position: center center;
        background-size: cover;
        margin: 0 auto;
      }
      
      .widget.widget-pilpres {
        margin: 25px 0;
        background: #f9f9f9;
        border: 1px solid #e0e0e0;
        padding: 0;
      }
      .widget.widget-pilpres .main {
        position: relative;
        overflow: hidden;
      }
      .widget.widget-pilpres h2 {
        /*font-family: "Roboto-Medium" !important;*/
        font-family: 'Manrope', sans-serif !important;
        font-weight: 500;
      
        font-size: 16px;
      
        position: absolute;
        margin-top: 90px;
        padding: 0 15px;
      }
      .widget.widget-pilpres ul {
        list-style: none;
        background: #f9f9f9;
        padding: 10px;
        position: relative;
        top: -60px;
        margin: 10px;
        margin-bottom: 0;
        padding-bottom: 0;
      }
      .widget.widget-pilpres ul > li {
        /*font-family: "Roboto-Medium" !important;*/
        font-family: 'Manrope', sans-serif !important;
        font-weight: 500;
      
        font-size: 17px;
        margin-bottom: 25px;
      }
      .widget.widget-pilpres a {
        color: #000;
      }
      .widget.widget-pilpres a.back {
        color: #fcfcfc;
      }
      .widget.widget-pilpres a:hover {
        text-decoration: none;
        color: #999 !important;
      }
      .widget.widget-pilpres a.cover:before {
        content: "";
        position: absolute;
        display: block;
        height: 250px;
        /* background: rgba(0,0,0,0.3)url(../images/tag-widget-pilpres.svg) no-repeat 0 0; */
        background: none !important;
        width: 100%;
      }
      .widget.widget-pilpres a.back {
        position: relative;
        top: -40px;
        right: 0;
        padding: 0 20px;
        color: #0085ff;
      }
      .widget.widget-pilpres img {
        width: 100%;
        height: 100%;
        background-position: center center;
        background-size: cover;
        margin: 0 auto;
      }
      .wrapper-pilpres {
        padding: 0 !important;
        position: relative;
        top: -25px;
        width: 159px;
      }
      .wrapper-pilpres a {
        display: block;
        padding: 0 !important;
      }
      .wrapper-pilpres img {
        position: absolute;
        width: 163px;
        display: inline-block;
        padding: 0;
        height: 40px;
        top: 0;
        margin: 0;
      }
      
      .widget.widget-giias {
        margin: 25px 0;
        background: #f9f9f9;
        border: 1px solid #e0e0e0;
        padding: 0;
      }
      .widget.widget-giias .main {
        position: relative;
        overflow: hidden;
      }
      .widget.widget-giias h2 {
        /*font-family: "Roboto-Medium" !important;*/
        font-family: 'Manrope', sans-serif !important;
        font-weight: 500;
      
        font-size: 16px;
      
        position: absolute;
        margin-top: 90px;
        padding: 0 15px;
      }
      .widget.widget-giias ul {
        list-style: none;
        background: #f9f9f9;
        padding: 10px;
        position: relative;
        top: -60px;
        margin: 10px;
        margin-bottom: 0;
        padding-bottom: 0;
      }
      .widget.widget-giias ul > li {
        /*font-family: "Roboto-Medium" !important;*/
        font-family: 'Manrope', sans-serif !important;
        font-weight: 500;
      
        font-size: 17px;
        margin-bottom: 25px;
      }
      .widget.widget-giias a {
        color: #000;
      }
      .widget.widget-giias a.back {
        color: #fcfcfc;
      }
      .widget.widget-giias a:hover {
        text-decoration: none;
        color: #999 !important;
      }
      .widget.widget-giias a.cover:before {
        content: "";
        position: absolute;
        display: block;
        height: 250px;
        /* background: rgba(0,0,0,0.3)url(../images/tag-widget-pilpres.svg) no-repeat 0 0; */
        background: none !important;
        width: 100%;
      }
      .widget.widget-giias a.back {
        position: relative;
        top: -40px;
        right: 0;
        padding: 0 20px;
        color: #0085ff;
      }
      .widget.widget-giias img {
        width: 100%;
        height: 100%;
        background-position: center center;
        background-size: cover;
        margin: 0 auto;
      }
      .wrapper-giias {
        padding: 0 !important;
        position: relative;
        top: -25px;
        width: 159px;
      }
      .wrapper-giias a {
        display: block;
        padding: 0 !important;
      }
      .wrapper-giias img {
        position: absolute;
        width: 163px;
        display: inline-block;
        padding: 0;
        height: 40px;
        top: 0;
        margin: 0;
      }
      
      .widget.widget-august {
        margin: 25px 0;
        background: #f9f9f9;
        border: 1px solid #e0e0e0;
        padding: 0;
      }
      .widget.widget-august .main {
        position: relative;
        overflow: hidden;
      }
      .widget.widget-august h2 {
        /*font-family: "Roboto-Medium" !important;*/
        font-family: 'Manrope', sans-serif !important;
        font-weight: 500;
      
        font-size: 16px;
      
        position: absolute;
        margin-top: 90px;
        padding: 0 15px;
      }
      .widget.widget-august ul {
        list-style: none;
        background: #f9f9f9;
        padding: 10px;
        position: relative;
        top: -60px;
        margin: 10px;
        margin-bottom: 0;
        padding-bottom: 0;
      }
      .widget.widget-august ul > li {
        /*font-family: "Roboto-Medium" !important;*/
        font-family: 'Manrope', sans-serif !important;
        font-weight: 500;
      
        font-size: 17px;
        margin-bottom: 25px;
      }
      .widget.widget-august a {
        color: #000;
      }
      .widget.widget-august a.back {
        color: #fcfcfc;
      }
      .widget.widget-august a:hover {
        text-decoration: none;
        color: #999 !important;
      }
      .widget.widget-august a.cover:before {
        content: "";
        position: absolute;
        display: block;
        height: 250px;
        /* background: rgba(0,0,0,0.3)url(../images/tag-widget-pilpres.svg) no-repeat 0 0; */
        background: none !important;
        width: 100%;
      }
      .widget.widget-august a.back {
        position: relative;
        top: -40px;
        right: 0;
        padding: 0 20px;
        color: #0085ff;
      }
      .widget.widget-august img {
        width: 100%;
        height: 100%;
        background-position: center center;
        background-size: cover;
        margin: 0 auto;
      }
      .wrapper-august {
        padding: 0 !important;
        position: relative;
        top: -25px;
        width: 159px;
      }
      .wrapper-august a {
        display: block;
        padding: 0 !important;
      }
      .wrapper-august img {
        position: absolute;
        width: 163px;
        display: inline-block;
        padding: 0;
        height: 40px;
        top: 0;
        margin: 0;
      }
      .landing-august {
        width: 100%;
        height: auto;
        display: block;
        margin: 0 auto;
        text-align: center;
        text-align: -webkit-center;
        text-align: -moz-center;
        text-align: -o-center;
      }
      
      .widget.widget-inspira {
        margin: 25px 0;
        background: #f9f9f9;
        border: 1px solid #e0e0e0;
        padding: 0;
      }
      .widget.widget-inspira .main {
        position: relative;
        overflow: hidden;
      }
      .widget.widget-inspira h2 {
        /*font-family: "Roboto-Medium" !important;*/
        font-family: 'Manrope', sans-serif !important;
        font-weight: 500;
      
        font-size: 16px;
      
        position: absolute;
        margin-top: 90px;
        padding: 0 15px;
      }
      .widget.widget-inspira ul {
        list-style: none;
        background: #f9f9f9;
        padding: 10px;
        position: relative;
        top: -60px;
        margin: 10px;
        margin-bottom: 0;
        padding-bottom: 0;
      }
      .widget.widget-inspira ul > li {
        /*font-family: "Roboto-Medium" !important;*/
        font-family: 'Manrope', sans-serif !important;
        font-weight: 500;
      
        font-size: 17px;
        margin-bottom: 25px;
      }
      .widget.widget-inspira a {
        color: #000;
      }
      .widget.widget-inspira a.back {
        color: #fcfcfc;
      }
      .widget.widget-inspira a:hover {
        text-decoration: none;
        color: #999 !important;
      }
      .widget.widget-inspira a.cover:before {
        content: "";
        position: absolute;
        display: block;
        height: 250px;
        /* background: rgba(0,0,0,0.3)url(../images/tag-widget-pilpres.svg) no-repeat 0 0; */
        background: none !important;
        width: 100%;
      }
      .widget.widget-inspira a.back {
        position: relative;
        top: -40px;
        right: 0;
        padding: 0 20px;
        color: #0085ff;
      }
      .widget.widget-inspira img {
        width: 100%;
        height: 100%;
        background-position: center center;
        background-size: cover;
        margin: 0 auto;
      }
      .wrapper-inspira {
        padding: 0 !important;
        position: relative;
        top: -25px;
        width: 159px;
      }
      .wrapper-inspira a {
        display: block;
        padding: 0 !important;
      }
      .wrapper-inspira img {
        position: absolute;
        width: 163px;
        display: inline-block;
        padding: 0;
        height: 40px;
        top: 0;
        margin: 0;
      }
      
      .brand-stroy-list {
        margin-top: 20px;
      }
      .brand-hover {
        color: #21bcff !important;
      }
      .widget.brand-stroy {
        padding: 25px 30px;
        background: #f6f6f6;
        border-radius: 15px;
      }
      .widget.brand-stroy::before {
        content: "";
        display: block;
        position: absolute;
        background: url(../images/ribbon-brand-story.png) no-repeat left bottom;
        width: 50%;
        height: 30px;
      }
      .widget.brand-stroy h3 {
        font-family: 'Manrope', sans-serif !important;
        font-size: 26px;
        font-weight: 600;
        text-transform: capitalize;
        color: #21bcff;
        margin-left: 35px;
      }
      .widget .brand-stroy-list ul {
        list-style: none;
      }
      .widget .brand-stroy-list ul > li {
        margin-bottom: 15px;
        padding-bottom: 10px;
        border-bottom: 1px #e9e9e9 solid;
      }
      .widget .brand-stroy-list ul > li > a {
        font-family: 'Manrope', sans-serif !important;
        font-weight: 400;
        font-size: 16px;
        color: #3c3a3a;
        text-decoration: none;
        outline: none;
      }
      .widget .brand-stroy-list ul > li > a:hover {
        color: #08acea;
        text-decoration: none;
        outline: none;
      }
      
      .widget-list-news h3 {
        /*font-family: "PlayFairDisplay-Bold" !important;*/
        font-family: "Playfair Display", serif !important;
        font-size: 24px;
        color: #000;
        padding: 5px 0;
        border-bottom: 1px #000 solid;
      }
      .widget-list-news .read-more {
        /*font-family: "Roboto-Regular" !important;*/
        font-family: 'Manrope', sans-serif !important;
        font-weight: 400;
      
        font-size: 14px;
        color: #000;
        position: absolute;
        right: 15px;
        top: 15px;
      }
      .widget-list-news ul {
        list-style: none;
        margin: 15px 0;
      }
      .widget-list-news ul > li {
        margin-bottom: 10px;
      }
      .widget-list-news ul > li.big {
        position: relative;
      }
      .widget-list-news ul > li.big .title {
        /*font-family: "Roboto-Medium" !important;*/
        font-family: 'Manrope', sans-serif !important;
        font-weight: 500;
      
        font-size: 16px;
        position: absolute;
        bottom: 0;
        padding: 15px;
        color: #fcfcfc;
      }
      .widget-list-news ul > li.cols-3 .col-sm-4:first-child {
        padding-left: 15px;
        padding-right: 0;
      }
      .widget-list-news ul > li.cols-3 .col-sm-4 {
        padding: 7.5px;
      }
      .widget-list-news ul > li.cols-3 .col-sm-4:last-child {
        padding-left: 0;
        padding-right: 15px;
      }
      .widget-list-news ul > li a {
        /*font-family: "Roboto-Medium" !important;*/
        font-family: 'Manrope', sans-serif !important;
        font-weight: 500;
      
        font-size: 15px;
        color: #000;
      }
      .widget-list-news ul > li.big a {
        color: #fcfcfc;
      }
      
      .widget.bisnis-tv-large {
        background: #f5f5f5;
      }
      .widget.bisnis-tv-large .logo {
        margin-bottom: 15px;
      }
      .widget.bisnis-tv-large .read-more {
        /*font-family: "Roboto-Regular" !important;*/
        font-family: 'Manrope', sans-serif !important;
        font-weight: 400;
      
        font-size: 16px;
        color: #000;
        position: absolute;
        right: 15px;
        top: 10px;
      }
      .widget.bisnis-tv-large ul {
        list-style: none;
        width: 101%;
      }
      .widget.bisnis-tv-large ul > li {
        display: inline-block;
        width: 19.7%;
        padding-right: 10px;
        vertical-align: top;
      }
      /*.widget.bisnis-tv-large ul > li:first-child {
                padding-left: 0;
            }
            .widget.bisnis-tv-large ul > li:last-child {
                padding-right: 0;
            }*/
      .widget.bisnis-tv-large ul > li a {
        /*font-family: "Roboto-Medium" !important;*/
        font-family: 'Manrope', sans-serif !important;
        font-weight: 500;
      
        font-size: 16px;
        color: #000;
      }
      .widget.bisnis-tv-large ul > li a:hover,
      .widget.bisnis-tv-large ul > li a:hover .title,
      .widget.bisnis-tv-large ul > li a:focus,
      .widget.bisnis-tv-large ul > li a:focus .title {
        text-decoration: none;
        color: #e01818 !important;
      }
      .widget.bisnis-tv-large ul > li .title {
        margin: 10px 0 5px 0;
      }
      .widget.bisnis-tv-large ul > li .description {
        /*font-family: "Roboto-Regular" !important;*/
        font-family: 'Manrope', sans-serif !important;
        font-weight: 400;
      
        font-size: 13px;
        color: #333;
      }
      /*.widget.bisnis-tv-large .wrapper-icon {
                position: absolute;
                background-color: #f5f5f5;
                padding: 5px 15px;
                /* top: 51%; 
                top: 173px;
                -webkit-appearance: none;
                -webkit-transition: background-color 0.2s linear;
                -moz-transition: background-color 0.2s linear;
                -o-transition: background-color 0.2s linear;
                transition: background-color 0.2s linear;
            }*/
      /* .top-174{
                top: 173px !important
            } */
      .widget.bisnis-tv-large .wrapper-icon {
        display: inline-block;
        background-position: -263px -82px;
        /*width: 46px;
                height: 46px;*/
        position: relative;
        bottom: 0;
        /* padding: 13px; */
      }
      .widget.bisnis-tv-large .icon-video {
        bottom: 0;
        position: absolute;
        background-color: #f5f5f5;
      
        /*-webkit-appearance: none;
                -webkit-transition: background-color 0.2s linear;
                -moz-transition: background-color 0.2s linear;
                -o-transition: background-color 0.2s linear;
                transition: background-color 0.2s linear;*/
      }
      .widget.bisnis-tv-large ul > li a:hover .wrapper-icon,
      .widget.bisnis-tv-large ul > li a:hover .icon-video {
        background-color: #e01818 !important;
        /* background: url('../images/logo-sprite.png') no-repeat; */
        background-position: -372px -80px;
      }
      .widget.bisnis-tv-large .date {
        font-size: 10px;
        font-style: italic;
        margin: 0 15px;
        color: #999;
        font-family: 'Manrope', sans-serif !important;
      }
      .date_newtv {
        font-size: 10px;
        font-style: italic;
        margin: 0 15px 0 0;
        color: #333;
        font-family: 'Manrope', sans-serif !important;
      }
      .widget.bisnis-tv {
        margin: 15px 0;
        background: #f8f8f8;
        padding: 0;
      }
      .widget.bisnis-tv .main {
        position: relative;
      }
      .widget.bisnis-tv a.logo:before {
        content: "";
        position: absolute;
        display: block;
        background: rgba(0, 0, 0, 0.3) url(../images/bisnis-tv-logo.png) no-repeat 0 0;
        width: 100%;
        height: 36px;
      }
      .widget.bisnis-tv a.logo h3 {
        display: none;
      }
      .widget.bisnis-tv a.back {
        position: absolute;
        top: 0;
        right: 0;
        padding: 10px 15px;
      }
      .widget.bisnis-tv ul {
        list-style: none;
      }
      .widget.bisnis-tv ul > li {
        margin-bottom: 10px;
      }
      
      .widget.emoticon {
        padding: 15px auto;
        border-top: 1px solid #ebebeb;
        margin-top: 28px;
      }
      .widget.emoticon .hover-emoticon.inactive {
        opacity: 0.3;
        display: block;
      }
      .widget.emoticon .row {
        margin: 0;
      }
      .widget.emoticon .row > div {
        /*padding: 0;*/
      }
      .widget.emoticon .row > div a {
        cursor: pointer;
        text-decoration: none;
      }
      .widget.emoticon .title,
      .widget.emoticon .percentage {
        /*font-family: "Raleway-Light" !important;*/
        font-family: "Raleway", sans-serif !important;
        font-weight: 300;
        font-size: 13px;
        text-align: center;
        color: #1d2129;
      }
      .widget.emoticon .percentage {
        /*font-family: "Raleway-Bold" !important;*/
        font-family: "Raleway", sans-serif !important;
        font-weight: 700;
      }
      .widget.emoticon h2 {
        /*font-family: "Raleway-Bold" !important;*/
        font-family: "Raleway", sans-serif !important;
        font-weight: 700;
        font-size: 14px;
        color: #1d2129;
      }
      
      /* FOOTER STYLE
            ----------------------------------*/
      footer {
        margin-top: 30px;
        padding: 15px 0 0 0;
        background: none;
      }
      footer .copyright {
        font-family: 'Manrope', sans-serif !important;
        font-size: 12px;
        color: #666;
        padding-top: 10px;
      }
      footer .copyright a {
        color: #f69322;
      }
      footer .link {
        /*font-family: "Roboto-Regular" !important;*/
        font-family: 'Manrope', sans-serif !important;
        font-weight: 400;
      
        font-size: 14px;
        position: relative;
        top: 20px;
      }
      footer .link a {
        color: #333;
        margin: 0 22px;
        font-weight: 600;
      }
      footer .link a:hover {
        color: #ff8d07 !important;
      }
      .tag-big-channel {
        width: auto !important;
        min-width: 85px !important;
        max-width: none !important;
      }
      
      /* Redaction
            ----------------------------------*/
      .wrapper-redaction {
        position: relative;
        z-index: 100;
        background: #29adea;
        padding: 20px 0;
      }
      .wrapper-redaction h2 {
        /*font-family: "PlayFairDisplay-Bold" !important;*/
        font-family: "Playfair Display", serif !important;
        font-size: 36px;
        color: #fcfcfc;
        padding-bottom: 10px;
        border-bottom: 2px #40b6ec solid;
      }
      .wrapper-redaction h2 a {
        color: #fcfcfc;
        font-size: 16px;
        padding: 15px 5px !important;
      }
      .wrapper-redaction .list-redaction {
        list-style: none;
        margin: 15px -15px;
      }
      .wrapper-redaction .list-redaction > li {
        text-align: center;
        margin-top: 10px;
      }
      .wrapper-redaction .list-redaction > li > a > .name {
        /*font-family: "Roboto-Light" !important;*/
        font-family: 'Manrope', sans-serif !important;
        font-weight: 300;
      
        font-size: 16px;
        color: #eaff00;
        margin: 10px 0 15px 0;
      }
      .wrapper-redaction .list-redaction > li > a > .bio {
        font-family: 'Manrope', sans-serif !important;
        font-weight: bold;
        font-size: 20px;
        line-height: 18px;
        color: #fcfcfc;
        margin: 20px 25px 25px 25px;
      }
      .wrapper-redaction .list-redaction > li > a:hover {
        text-decoration: none;
      }
      .wrapper-redaction .list-redaction > li > a:hover > .name {
        color: #333;
      }
      
      /* Info Graphics
            ----------------------------------*/
      .wrapper-info-graphics {
        padding: 25px 0 50px;
        background: linear-gradient(90deg, #e9e9e9 0%, #d8f3ff 100%);
      }
      .wrapper-info-graphics h2 {
        font-family: 'Manrope', sans-serif !important;
        font-size: 32px !important;
        color: #999;
        padding-bottom: 25px;
        padding-top: 10px;
      }
      .wrapper-info-graphics h2 a {
        font-family: 'Manrope', sans-serif !important;
        font-size: 32px !important;
        color: #999;
      }
      .wrapper-info-graphics h2 a span {
        font-family: 'Manrope', sans-serif !important;
        font-size: 32px !important;
        color: #333;
      }
      .wrapper-info-graphics .list-info-graphics {
        list-style: none;
        margin: 15px 0;
      }
      .wrapper-info-graphics .list-info-graphics > li a img {
        width: 196px;
        height: 314px;
        object-fit: cover;
        object-position: 0% 0%;
      }
      .graphic_arrow {
        float: right;
        padding: 15px 0;
      }
      .col-five-inject {
        width: 19.666666%;
        display: inline-block;
        padding: 0 5px;
      }
      
      /* epaper */
      /* .bg_epaper{
                display: block;
                height: 345px;
                width: 100%;
                background-image: url(../images/2020/bg-epaper1.jpg);
                background-attachment: fixed;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
            } */
      .bg_epaper_new {
        display: block;
        height: 605px;
        width: 100%;
        background-image: url(../images/2020/bg-epaper2.jpg);
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
      }
      .caption {
        position: relative;
        width: 100%;
        height: 100%;
        text-align: center;
        color: #000;
      }
      .caption span.border {
        display: block;
        width: 100%;
        height: 605px;
        margin: 0 auto;
        background: rgba(255, 255, 255, 0.7);
        padding: 65px 0;
      }
      .epaper_title {
        color: #333;
        font-size: 18px;
        font-family: 'Manrope', sans-serif !important;
        font-weight: 900;
      }
      .epaper_title > span {
        color: #ff2d2d;
      }
      
      /* Foto
            ----------------------------------*/
      ul.list-foto > li.col-sm-4 > a > img {
        border-radius: 15px;
      }
      .wrapper-foto {
        padding: 30px 0 40px;
      }
      .total-photo {
        font-size: 16px;
        position: absolute;
        top: 0;
        left: 0;
        color: #998a80;
        z-index: 11;
        background: linear-gradient(90deg, #e2d1c3 0%, #fdfcfb 100%);
        border-radius: 15px 0px;
        padding: 8px 20px;
        text-decoration: none;
      }
      .title-photo {
        padding: 10px 0 5px;
        font-size: 18px;
        line-height: 24px;
        text-decoration: none;
      }
      .wrapper-foto h2 {
        padding-bottom: 25px;
        padding-top: 10px;
      }
      .wrapper-foto h2 a {
        color: #333;
      }
      .wrapper-foto .list-foto {
        list-style: none;
        margin: 0 -10px;
      }
      .wrapper-foto .list-foto > li {
        max-height: 263px;
        overflow: hidden;
        margin-bottom: 5px;
        padding: 12px 10px;
        position: relative;
      }
      .wrapper-foto .list-foto > li a {
        position: relative;
        display: inline-block;
        width: 100%;
        height: 100%;
        border-radius: 15px;
      }
      .wrapper-foto .list-foto > li a:hover::before {
        content: "";
        background: linear-gradient(125.31deg, rgb(179, 136, 100) 0%, rgb(241, 241, 241) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#151c72', endColorstr='#6125c3',GradientType=1 ); /* IE6-9 */
        opacity: 0.9;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 10;
        border-radius: 15px;
      }
      .wrapper-sidebar-foto a:hover::before {
        content: "";
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#151c72+0,6125c3+100 */
        background: #151c72; /* Old browsers */
        background: -moz-linear-gradient(left, #151c72 0%, #6125c3 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #151c72 0%, #6125c3 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #151c72 0%, #6125c3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#151c72', endColorstr='#6125c3',GradientType=1 ); /* IE6-9 */
        opacity: 0.8;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 10;
      }
      .wrapper-sidebar-foto .wrapper a:hover::before {
        content: "";
        background: #151c72;
        background: -moz-linear-gradient(left, #151c72 0%, #6125c3 100%);
        background: -webkit-linear-gradient(left, #151c72 0%, #6125c3 100%);
        background: linear-gradient(to right, #fcfcfc 0%, #fcfcfc 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#151c72', endColorstr='#6125c3',GradientType=1 );
        opacity: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 10;
      }
      .wrapper-foto .list-foto > li a .total-photo {
        /* font-size: 16px;
                position: absolute;
                top: 270px;
                left: 30px;
                color: #333;
                width: 100px;
                z-index: 11; */
        font-size: 16px;
        position: absolute;
        top: 0;
        left: 0;
        color: #998a80;
        z-index: 11;
        background: linear-gradient(90deg, #e2d1c3 0%, #fdfcfb 100%);
        border-radius: 10px 0px;
        padding: 8px 20px;
      }
      /* .little_count_foto{
                display: block;
                position: absolute;
                background: linear-gradient(90deg, #E2D1C3 0%, #FDFCFB 100%);
                border-radius: 10px 0px;
                width: 80px;
                height: 40px;
                top: 0;
                left: 0;
            } */
      .wrapper-foto .list-foto > li a:hover .total-photo {
        top: 100px;
        background: none !important;
        left: 12px;
        color: #333 !important;
      }
      .wrapper-foto .list-foto > li a:hover .title-photo {
        font-family: 'Manrope', sans-serif !important;
        font-weight: 600;
        font-size: 20px;
        line-height: 24px;
        color: #333 !important;
        position: absolute;
        top: 145px;
        left: 30px;
        z-index: 11;
        width: 277px;
      }
      
      .wrapper-sub-channel {
        padding: 20px 0 10px 0;
      }
      .wrapper-sub-channel h2 {
        /*font-family: "PlayFairDisplay-Bold" !important;*/
        font-family: "Playfair Display", serif !important;
        font-size: 24px;
      }
      .wrapper-sub-channel h2.market,
      .wrapper-sub-channel li a.link.market {
        color: #ec9b0e;
      }
      .wrapper-sub-channel h2.industri,
      .wrapper-sub-channel li a.link.industri {
        color: #3b536f;
      }
      .wrapper-sub-channel h2.finansial,
      .wrapper-sub-channel li a.link.finansial {
        color: #26d0b2 !important;
      }
      .wrapper-sub-channel h2.entrepreneur,
      .wrapper-sub-channel li a.link.entrepreneur {
        color: #b1260f;
      }
      .wrapper-sub-channel h2.jakarta,
      .wrapper-sub-channel li a.link.jakarta {
        color: #ff5e00;
      }
      .wrapper-sub-channel h2.koran,
      .wrapper-sub-channel li a.link.koran {
        color: #606060;
      }
      .wrapper-sub-channel .list-sub-news {
        list-style: none;
        /* padding: 15px 0; */
      }
      .wrapper-sub-channel .list-sub-news > li {
        border-bottom: 1px dashed #777;
        padding: 10px 0;
      }
      .wrapper-sub-channel .list-sub-news > li > a {
        font-family: 'Manrope', sans-serif !important;
        font-size: 16px;
        color: #222;
      }
      .wrapper-sub-channel .list-sub-news > li.big > a {
        font-family: 'Manrope', sans-serif !important;
        font-weight: bold;
        font-size: 20px;
        line-height: 24px;
      }
      .wrapper-sub-channel .list-sub-news > li.big .date {
        font-size: 10px;
        font-style: italic;
        margin: 0 15px;
        color: #999;
        font-family: 'Manrope', sans-serif !important;
      }
      .wrapper-sub-channel .list-sub-news > li:last-child {
        border-bottom: 0;
        text-align: right;
        padding-top: 30px;
      }
      
      /* bisnis regional */
      .b_regional {
        display: block;
        width: 100%;
        max-width: 1080px;
        margin: 50px auto 30px;
        text-align: center;
        -webkit-text-align: center;
        -moz-text-align: center;
        -o-text-align: center;
      }
      .b_regional > h2 {
        font-family: 'Manrope', sans-serif !important;
        font-size: 32px !important;
        color: #999;
        margin-bottom: 20px;
      }
      .b_regional > h2 > span {
        color: #21bcff;
      }
      .b_regional > ul > li {
        list-style: none;
        display: inline-block;
        width: 14%;
        margin: 20px 0;
      }
      /* .b_regional > ul > li > a{
                background: linear-gradient(90deg, #48C6EF 0%, #6F86D6 100%);
                width: 145px;
                height: 40px;
                display: block;
                margin: 0 auto;
                padding: 9px 0;
                border-radius: 50px;
                color: #fcfcfc;
                font-family: 'gothic' !important;
                font-size: 16px;
            } */
      .b_regional > ul > li > a {
        background: linear-gradient(90deg, #48c6ef 0%, #6f86d6 100%);
        margin: 0 auto;
        padding: 9px 30px;
        border-radius: 50px;
        color: #fcfcfc;
        font-family: 'Manrope', sans-serif !important;
        font-size: 16px;
      }
      .b_regional > ul > li > a:hover {
        background: none;
        margin: 0 auto;
        padding: 9px 30px;
        border-radius: 50px;
        color: #333;
        font-family: 'Manrope', sans-serif !important;
        font-size: 16px;
        border: 1px solid #333;
      }
      
      /* DETAILS STYLE
            ----------------------------------*/
      .wrapper-details {
        padding: 0;
        margin: 15px;
      }
      .wrapper-details.detail-foto {
        background: #101113;
        margin: 0;
        padding: 0 15px 35px 15px;
      }
      /* .breadcrumb {
                background-color: transparent;
                padding: 8px 0; 
                margin-bottom: 5px;
                padding-top: 0 !important;
                margin-top: -6px !important;
            } */
      .breadcrumb {
        background-color: transparent;
        padding: 7px 0;
        margin-bottom: 10px;
        margin-top: -6px !important;
      }
      .breadcrumb > li + li::before {
        content: "";
        width: 4px;
        height: 4px;
        border-radius: 50px !important;
        background: #555;
        display: inline-block;
        margin: 2.5px 12px;
        padding: 0;
        color: unset;
      }
      .breadcrumb > li.active,
      .breadcrumb > li > a {
        font-family: 'Manrope', sans-serif !important;
        font-weight: 400;
      
        font-size: 14px;
        color: #666;
      }
      /* .wrapper-details h1 {
                font-family: 'Roboto', sans-serif !important;
                  font-weight: 700;
            
                font-size: 44px;
                line-height: 50px;
                color: #222;
            } */
      .bgblack {
        width: 100%;
        height: 200px;
        background: #232323;
        position: absolute;
        top: 215px;
      }
      .wrapper-details h1.title-premium {
        position: relative;
        margin-top: 10px;
        font-family: 'Manrope', sans-serif !important;
        font-weight: 600;
        font-size: 30px;
        line-height: 35px;
        letter-spacing: 0.5px;
        padding: 15px 0 5px;
      }
      .wrapper-details h1.title-only {
        position: relative;
        margin-top: 10px;
        font-family: 'Manrope', sans-serif !important;
        font-weight: 800;
        font-size: 30px;
        line-height: 35px;
        /* letter-spacing: 0.5px; */
        /* padding: 15px 0 5px; */
      }
      .wrapper-details h1.title-only.premium {
        text-align: center;
        -webkit-text-align: center;
        -moz-text-align: center;
        -o-text-align: center;
      }
      .wrapper-details.detail-foto h1 {
        /*font-family: "OpenSans-Bold" !important;*/
        font-family: 'Manrope', sans-serif !important;
        font-weight: 700;
        font-size: 35px;
        line-height: 42px;
        color: #fcfcfc;
        /*padding-top: 10px;*/
      }
      .wrapper-details .subtitle {
        font-family: 'Manrope', sans-serif !important;
        font-weight: 400;
        font-size: 14px;
        letter-spacing: 0.2px;
        color: #666;
        font-style: italic;
        margin: 15px 0;
      }
      .wrapper-details.detail-foto .subtitle {
        color: #fcfcfc;
      }
      .wrapper-details .subtitle.series {
        font-size: 24px;
        color: #ce2329;
        font-style: inherit;
        padding: 10px 0 0;
        /* border-bottom: 1px #999 solid; */
        margin-bottom: 0;
      }
      /*.wrapper-details .subtitle.series:after {
                content: '';
                display: inline-block;
                width: 94%;
                border-bottom: 1px #999 solid;
                float: right;
                position: relative;
                bottom: -5px;
            }*/
      .wrapper-details .subtitle.series h2 {
        display: inline-block;
        padding: 0px 15px;
        position: relative;
        top: 2px;
        color: #444444;
        font-size: 22px;
        font-family: 'Manrope', sans-serif !important;
        font-weight: bold;
      }
      .wrapper-details .subtitle.series .number {
        display: inline-block;
        background: #fb5858;
        border-radius: 5px;
        color: #fcfcfc;
        padding: 2px 11px;
        float: left;
        margin: 1px 0 0 0;
        font-size: 22px;
        font-family: 'Manrope', sans-serif !important;
        font-weight: bold;
      }
      .wrapper-details .subtitle.series .paginations {
        /* position: relative; */
        float: right;
        bottom: -32px;
        display: inline-block;
        font-size: 14px;
        color: #666;
        background: #fcfcfc;
        padding: 0 0 0 10px;
        z-index: 1;
      }
      .wrapper-details .author {
        font-family: 'Manrope', sans-serif !important;
        font-weight: 600;
        font-size: 14px;
        color: #444;
        margin: 20px 0 20px 0;
        position: relative;
      }
      .wrapper-details .author .new-description {
        display: inline-block;
        position: absolute;
        padding: 5px 10px;
      }
      .wrapper-details .author .new-description a {
        color: #395dd2;
      }
      .wrapper-details .author .new-description span {
        display: block;
        font-size: 11px;
        font-style: italic;
        color: #555;
        padding-top: 5px;
      }
      .wrapper-details .author .text-style {
        /*font-family: "OpenSans-Regular" !important;*/
        font-family: 'Manrope', sans-serif !important;
        font-weight: 400;
        font-size: 14px;
        color: #999;
      
        display: inline-block;
        margin-left: 10px;
        position: relative;
        top: 10px;
      }
      .wrapper-details .author .text-style strong,
      .wrapper-details .author .text-style span {
        display: block;
      }
      /*.wrapper-details .author a {
                font-size: 15px;
            }
            .wrapper-details .author .date {
                display: inline-block;
                position: absolute;
                left: 94px;
                margin-top: 40px;
            }*/
      
      .author-wrapper {
        /*font-family: "OpenSans-Light" !important;*/
        font-family: 'Manrope', sans-serif !important;
        font-weight: 300;
        font-size: 15px;
        color: #666;
        display: block;
        position: relative;
        padding: 15px 0;
        margin: 5px 15px;
        border-top: 1px #999 solid;
      }
      .author-wrapper .date,
      .author-wrapper .author {
        display: inline-block;
      }
      .author-wrapper.small {
        font-size: 11px;
      }
      .author-wrapper .date i,
      .author-wrapper .author i {
        margin-right: 5px;
      }
      .wrapper-details .main-image {
        padding: 20px 0 20px;
        /* border-top: 1px #999 solid;
                border-bottom: 1px #999 solid; */
        text-align: center;
        position: relative;
      }
      .wrapper-details .kanal_container .premium .main-image {
        width: 100%;
        margin: 0 auto;
        padding-top: 0 !important;
      }
      .wrapper-details.detail-foto .main-image {
        border: 0;
      }
      .wrapper-details .main-image a {
        /* display: inline-block; */
        position: relative;
        overflow: hidden;
      }
      .wrapper-details .main-image a::before {
        content: "";
        position: absolute;
        background: rgba(0, 0, 0, 0.3);
        width: 100%;
        height: 100%;
        left: 0;
      }
      .wrapper-details .main-image a.video::after {
        font-family: "Font Awesome 5 Free" !important;
        content: "\f144";
        font-size: 80px;
        font-weight: 900;
        line-height: 80px;
        display: block;
        width: 90px;
        height: 80px;
        position: absolute;
        top: 40%;
        left: 45%;
        right: 45%;
        color: #ce2329;
      }
      .wrapper-details .main-image a.video:hover::after {
        color: #fcfcfc;
      }
      .wrapper-details .main-image img {
        display: block;
        margin: 0 auto;
        max-width: 100% !important;
        object-fit: cover;
        border-radius: 15px;
      }
      .wrapper-details .main-image .caption,
      .wrapper-details.detail-foto .photo-details figcaption {
        font-family: 'Manrope', sans-serif !important;
        font-weight: 400;
        font-size: 12px;
        line-height: 18px;
        color: #333;
        /* font-style: italic; */
        letter-spacing: 0.02em;
        text-align: center;
        margin: 10px auto 0;
        max-width: 700px;
      }
      .wrapper-details.detail-foto .main-image .caption,
      .wrapper-details.detail-foto .photo-details figcaption {
        color: #fcfcfc;
        text-align: left;
        margin-top: 15px;
      }
      
      .wrapper-details .description {
        font-family: 'Manrope', sans-serif !important;
        font-weight: 400;
        font-size: 17px;
        color: #333;
        margin: 20px 0;
        margin-left: -135px;
      }
      .wrapper-details .description p,
      .wrapper-details .description img {
        margin-top: 35px;
        margin-bottom: 25px;
        margin-right: 15px;
        max-width: 100%;
        height: auto;
        line-height: 1.5;
      }
      .description p a{
        color: #395dd2;
        font-weight: bold;
      }
      .description p a:hover{
        text-decoration: underline;
      }
      .wrapper-details .description .col-sm-10 h5 em {
        display: block;
        text-align: center;
        margin-top: -40px;
        font-family: 'Manrope', sans-serif !important;
        font-weight: 400;
        font-size: 12px;
        line-height: 18px;
        color: #333;
        font-style: italic;
        margin-right: 15px;
      }
      .wrapper-details .description .col-sm-10 h5 span em {
        position: absolute;
        width: 100%;
        padding-right: 30px;
        margin-top: -45px;
      }
      
      .new_live_line_img {
        max-width: 440px !important;
        height: auto;
        max-height: 240px !important;
        object-fit: cover !important;
        border-radius: 15px;
      }
      /* .wrapper-details .description h2 {
        font-size: 25px;
        font-weight: bold;
        padding-bottom: 15px;
      } */
      .wrapper-details .description h2 {
        font-size: 24px;
        font-weight: 900;
        padding-top: 7px;
        font-family: 'Manrope', sans-serif !important;
        padding-bottom: 7px;
        margin-top: 35px;
      }
      .wrapper-details .description h3 {
        padding-top: 7px;
      }
      .wrapper-details .description .baca-juga::before {
        /* content: "";
                width: 6px;
                height: 50px;
                background: #FB5858;
                border-radius: 15px;
                display: inline-block;
                margin: -10px 10px -18px -16px; */
      }
      .wrapper-details .description .baca-juga table th {
        width: 100%;
        font-size: 19px;
        border: 0 !important;
      }
      .wrapper-details .description .baca-juga table td {
        text-align: left;
        font-size: 19px;
        border: 0 !important;
      }
      .wrapper-details .description .baca-juga {
        font-family: 'Manrope', sans-serif !important;
        font-weight: 700;
        font-size: 20px;
        color: #E00000;
        margin-bottom: 30px;
        padding: 2px 0 2px 15px;
        border-left: 5px solid #E00000;
        border-radius: 0;
      }
      .wrapper-details .description .baca-juga a {
        color: #004CE0;
      }
      .wrapper-details .description .baca-juga a:hover {
        text-decoration: none;
        color: #0A317B;
      }
    
      .wrapper-details .tags {
        font-family: 'Manrope', sans-serif !important;
        font-size: 16px;
        margin-top: 25px;
      }
      .wrapper-details .tags a {
        font-style: italic;
        font-weight: 600;
        color: #ed6464;
      }
      .wrapper-details .tags .editor {
        /* float: right; */
      }
      
      .wrapper-details .description .share {
        font-family: 'Manrope', sans-serif !important;
        font-weight: 400;
        text-align: center;
        font-size: 16px;
        color: #222;
        margin-left: 4px;
        width: 107px;
        padding-left: 25px;
        padding-top: 60px;
      }
      .share ul.socmed li {
        width: 40px;
        height: 40px;
        border-radius: 100px;
        margin: 10px 0;
        padding: 10px;
      }
      ul.socmed {
        list-style: none;
        padding: 0 6px 0 0;
      }
      ul.socmed li {
        width: 20px;
        height: 20px;
        margin: 0 8px;
        -webkit-appearance: none;
        -webkit-transition: background-color 0.2s linear;
        -moz-transition: background-color 0.2s linear;
        -o-transition: background-color 0.2s linear;
        transition: background-color 0.2s linear;
      }
      ul.socmed li a {
        width: 20px;
        height: 20px;
        display: inline-block;
      }
      ul.socmed.small li a {
        width: 25px;
        height: 25px;
      }
      ul.socmed li:hover {
        /*background: pink;*/
      }
      
      ul.socmed.style2 {
        display: block;
        padding: 15px;
      }
      ul.socmed.style2.big {
        padding: 34px 15px;
      }
      ul.socmed.style2 li {
        display: inline-block;
        text-align: center;
        margin: 0 auto;
        border: 1px transparent solid;
      }
      ul.socmed.style2.small li {
        width: 25px;
        height: 25px;
      }
      
      ul.socmed.style2 li a {
        line-height: 40px;
        color: #fcfcfc;
      }
      ul.socmed.style2.small li a {
        font-size: 14px;
        line-height: 25px;
      }
      .socmed__copylink{
        width: 42px;
        height: 42px;
        background: #dedede;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 3px;
      }
      header .fix_nav ul.socmed li a img {
        max-width: 25px;
      }
      header .fix_nav ul.socmed li.last {
        margin-right: 20px !important;
      }
      .profile-li{
        width: initial !important;
        height: initial !important;
        margin: 0 !important;
      }
      .bisnispro-profile{
        display: flex;
        align-items: center;
      }
      .profile-left{
        margin-right: 8px;
      }
      .profile-left a{
        font-family: 'Manrope', sans-serif !important;
        font-size: 12px;
        color: #999;
        width: initial !important;
        height: initial !important;
        text-align: right;
        text-align: -webkit-right;
        display: block !important;
      }
      .nav-socmed-links{
        display: flex; justify-content: flex-end; align-items: center;
      }
      .nav-socmed-links li{
        width: initial !important;
        height: initial !important;
        margin: 0 7px !important;
      }
      .nav-socmed-links li a{
        width: initial !important;
        height: initial !important;
      }
      .nav-socmed-links li .scroll-icon{
        width: initial !important;
        height: initial !important;
        position: relative !important;
        top: unset !important;
      }
      
      .font-size {
        text-align: center;
        margin: 5px 0 0 35px;
        position: relative;
        width: 90px;
      }
      .font-size a {
        background: #ededed;
        border-radius: 100px;
        width: 35px;
        height: 35px;
        display: inline-block;
        padding: 5px 9px;
        font-size: 20px;
        font-weight: 100;
        color: #555 !important;
        float: left;
      }
      .font-size a.minus {
        background: #ededed;
        border-radius: 100px;
        display: inline-block;
        padding: 8px 12px;
        font-weight: 100;
        font-size: 15px;
        color: #555 !important;
        margin-right: 4px;
      }
      .font-size a:hover,
      .font-size a:focus {
        text-decoration: none;
      }
      
      .nav-series {
        /*font-family: "OpenSans-Regular" !important;*/
        font-family: 'Manrope', sans-serif !important;
        font-weight: 400;
        font-size: 13px;
        color: #666;
        background: #eaeaea;
        text-align: center;
        padding: 20px 15px;
        height: auto;
        position: relative;
        display: inline-block;
        width: 100%;
      }
      .nav-series .link a,
      .nav-series .link a span {
        color: #ce2329;
        font-style: italic;
        font-size: 16px;
      }
      .nav-series .link span {
        position: relative;
        top: -5px;
      }
      .nav-series .link a i {
        font-size: 24px;
      }
      .nav-series .link a:hover,
      .nav-series .link a:hover span {
        text-decoration: none;
        color: #666;
      }
      .nav-series .link.left {
        float: left;
        width: 33.33333333%;
        padding: 0 10px;
        position: relative;
        min-height: 1px;
      }
      .nav-series .link.right {
        float: right;
        padding: 0 10px;
        width: 33.33333333%;
        position: relative;
        min-height: 1px;
      }
      .nav-series .link.left i {
        margin-left: 15px;
      }
      .nav-series .link.right i {
        margin-right: 15px;
      }
      .font-style-normal {
        font-style: normal !important;
      }
      
      /* OTHERS
            ----------------------------------*/
      .zoom {
        overflow: hidden;
        margin: 2%;
        display: inline-block;
        padding: 0 !important;
        margin: 0 !important;
      }
      .zoom img {
        max-width: 100%;
        -moz-transition: all 0.7s;
        -webkit-transition: all 0.7s;
        transition: all 0.7s;
      }
      .zoom:hover img {
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
      }
      .zoom.w-290 {
        width: 290px;
      }
      .zoom.w-402 {
        width: 402px;
      }
      .zoom.w-805 {
        width: 805px;
      }
      
      ul.thumb {
        list-style: none;
      }
      ul.thumb > li {
        display: inline-block;
        margin: 5px;
      }
      ul.thumb > li a {
        display: block;
        border: 2px transparent solid;
      }
      ul.thumb > li.active a,
      ul.thumb > li a:hover {
        border: 2px #fcfcfc solid;
      }
      .main-image .loading {
        position: absolute;
        z-index: 10;
        top: 50%;
        font-size: 26px;
        color: #fcfcfc;
      }
      
      .wrapper-pagination:before {
        content: "";
        display: block;
        width: 30%;
        height: 1%;
        border-top: 1px #666 solid;
        position: absolute;
        bottom: 5px;
        left: 4%;
      }
      .wrapper-pagination:after {
        content: "";
        display: block;
        width: 30%;
        height: 1%;
        border-top: 1px #666 solid;
        position: absolute;
        bottom: 5px;
        right: 4%;
      }
      
      .pagination {
        border-radius: 0;
        margin: 0;
      }
      .pagination > li > a,
      .pagination > li > span {
        color: #999;
        background-color: #fcfcfc;
        border: 1px solid transparent;
        border-radius: 0;
      }
      .pagination > li > a:hover {
        background-color: #fcfcfc;
        color: #222;
        /* border: none; */
      }
      .pagination > .active > a,
      .pagination > .active > span,
      .pagination > .active > a:hover,
      .pagination > .active > span:hover,
      .pagination > .active > a:focus,
      .pagination > .active > span:focus {
        /* background-color: #DF8715; */
        color: #222;
        cursor: pointer;
        background: #fbd11f !important;
        padding: 8px 13px;
        border-radius: 2px !important;
        border: none;
      }
      .orange-pagination:hover {
        background-color: #ba7010 !important;
      }
      .green-pagination:hover {
        background-color: #5e7e00 !important;
      }
      .green-pagination {
        background-color: #7da700 !important;
      }
      .c-222 {
        color: #222 !important;
      }
      .c-fff {
        color: #fcfcfc !important;
      }
      .c-fff:hover {
        color: #fcfcfc !important;
      }
      .c-orange {
        color: #f69322 !important;
      }
      .c-pink {
        color: #eb5757 !important;
      }
      .c-blue-index {
        color: #2f80ed !important;
      }
      .border-white {
        border-color: #fcfcfc !important;
      }
      .sticky-wrapper {
        /* max-height: 70px; */
        margin-bottom: 10px;
        margin-top: 0;
      }
      .description .sticky-wrapper {
        max-height: inherit;
      }
      /* #back-to-top {
                width: 50px;
                height: 50px;
                position: fixed;
                z-index: 999;
                bottom: 95px;
                left: 95%;
                outline: none !important;
                text-align: center;
                color: #666;
                font-size: 22px;
                cursor: pointer;
                border-radius: 100px;
            }
            #back-to-top:hover {
                z-index: 999;
                color: #222222 !important;
                -webkit-transition: background-color 0.2s linear;
                -moz-transition: background-color 0.2s linear;
                -o-transition: background-color 0.2s linear;
                transition: background-color 0.2s linear;
            } */
      #back-to-top {
        width: 50px;
        height: 50px;
        position: fixed;
        z-index: 999;
        bottom: 150px !important;
        right: 25px;
        outline: none !important;
        text-align: center;
        color: #333333 !important;
        font-size: 22px;
        cursor: pointer;
        display: none;
      }
      #back-to-top:hover {
        z-index: 999;
        color: #333333 !important;
      }
      @media (max-width: 992px) {
        #back-to-top {
          bottom: 80px;
          z-index: 999;
        }
      }
      
      /* .roboto-bold {
       
        font-family: "Roboto", sans-serif !important;
        font-weight: 700;
      }
      .roboto-medium {
        
        font-family: "Roboto", sans-serif !important;
        font-weight: 500;
      }
      .roboto-reguler {
        
        font-family: "Roboto", sans-serif !important;
        font-weight: 400;
      }
      .opensans-reguler {
        
        font-family: "Open Sans", sans-serif !important;
        font-weight: 400;
      }
      .opensans-bold {
        
        font-family: "Open Sans", sans-serif !important;
        font-weight: 700;
      }
      .roboto-light {
        
        font-family: "Roboto", sans-serif !important;
        font-weight: 300;
      }
      .proxima-bold {
        font-family: "ProximaNova-Bold" !important;
      } */
      
      .no-underline:hover,
      no-underline:focus,
      no-underline:active,
      no-underline:visited {
        color: #127c9e !important;
        text-decoration: none !important;
      }
      .no-underline-reply:hover,
      no-underline-reply:focus,
      no-underline-reply:active,
      no-underline-reply:visited {
        color: #1e9cc4 !important;
        text-decoration: none !important;
      }
      .btn-comm:hover,
      btn-comm:focus {
        background-color: #127c9e !important;
        color: #fcfcfc !important;
        text-decoration: none !important;
        outline: none !important;
        border: none;
      }
      .btn-comm:active,
      btn-comm:visited {
        color: #fcfcfc !important;
        text-decoration: none !important;
        outline: none !important;
        border: none;
      }
      .heading-comment {
        color: #222222;
        background: #f0f0f0;
        text-transform: uppercase;
        line-height: 40px;
        width: 110px;
        padding: 0 13px;
        /* margin: 5px 0; */
      }
      .hr-style {
        border-top: 2px solid #f0f0f0;
      }
      .hr-style-1 {
        margin-top: 0ox;
        -webkit-margin-before: 0em;
      }
      .hr-style2 {
        border-top: 1px solid #eaeaea;
      }
      .picture-box {
        width: 13.666667%;
      }
      .pro-pic {
        width: 67px;
        height: 67px;
      }
      .b-radius-50 {
        border-radius: 50%;
      }
      .blank {
        height: 40px;
      }
      .blank2 {
        height: 70px;
      }
      .comment-area {
        width: 86.33333333%;
      }
      .textarea-fix {
        resize: none;
        width: 100%;
        height: 70px;
        border: 1px #f0f0f0 solid;
        outline: none !important;
        padding: 5px;
      }
      .login {
        background: #f0f0f0;
        width: 86.33333333%;
        height: 40px;
        padding-top: 10px;
      }
      .login-reply {
        background: #f0f0f0;
        width: 100%;
        height: 40px;
        padding-top: 10px;
      }
      .btn-send {
        float: right;
        margin-top: -6px;
        background-color: #1e9cc4;
        color: #fcfcfc;
        width: 100px;
        height: 31px;
        border-width: 0px !important;
        border-radius: 2px;
      }
      .btn-load {
        float: right;
        background-color: #1e9cc4;
        color: #fcfcfc;
        width: 200px;
        height: 40px;
        border-width: 0px !important;
        border-radius: 2px;
        margin: 20px 15px;
      }
      .btn-sort {
        border: none;
        outline: none !important;
        width: 120px;
      }
      .preview {
        background: #1e9cc4;
        width: 100%;
        height: 40px;
        padding-top: 11px;
      }
      .preview-area {
        width: 100%;
        height: 120px;
        border: 1px #1e9cc4 solid;
      }
      .comment-list {
        padding-top: 11px;
      }
      .comment-post {
        width: 100%;
      }
      .comment-reply {
        padding-left: 12%;
        width: 100%;
      }
      .reply-comm {
        width: 100%;
        height: 120px;
      }
      .border-comm {
        border: 1px #d6d6d6 solid !important;
      }
      .pd-right-0 {
        padding-right: 0px !important;
      }
      .pd-left-13p {
        padding-left: 13% !important;
      }
      .pd-left-109 {
        padding-left: 109px !important;
      }
      
      .teks-center {
        text-align: center !important;
        text-align: -webkit-center !important;
        text-align: -moz-center !important;
      }
      .txt-decor-none {
        text-decoration: none !important;
      }
      .rekomendasi-txt-style {
        /*font-family: "Roboto-Regular" !important;*/
        font-family: 'Manrope', sans-serif !important;
        font-weight: 400;
      
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 20px !important;
        display: block !important;
      }
      .padding-widget-list-2-big-img-left {
        padding: 0 5px 10px 0 !important;
      }
      .padding-widget-list-2-big-txt-left {
        padding: 5px 5px 0 0 !important;
      }
      .padding-widget-list-2-big-img-right {
        padding: 0 0 10px 5px !important;
      }
      .padding-widget-list-2-big-txt-right {
        padding: 5px 0 0 5px !important;
      }
      .padding-widget-list-2-big-img-center {
        padding: 0 2.5px 10px 2.5px;
      }
      .padding-widget-list-2-big-txt-center {
        padding: 5px 2.5px 0 2.5px;
      }
      .bb-1-ccc {
        border-bottom: 1px solid #ccc !important;
      }
      .img-parallax-height {
        max-height: 400px !important;
      }
      .jakarta-btm {
        border-bottom: 10px #ff5e00 solid !important;
      }
      .ht-kanal {
        margin: 0 !important;
      }
      .ht-subkanal {
        margin: 2px 0 0 0 !important;
        border-left: 2px solid #303030;
        padding-left: 15px;
      }
      .tag-red {
        color: #e01818 !important;
      }
      /* .width-list-market-big1{width: 17% !important}
            .width-list-market-big2{width: 83% !important}
            .width-list-market-small1{width: 25% !important}
            .width-list-market-small2{width: 75% !important}
            .width-list-semarang-small1{width: 22% !important}
            .width-list-semarang-small2{width: 78% !important}
            .width-list-semarang-big1{width: 15% !important}
            .width-list-semarang-big2{width: 85% !important}
            .width-list-sulawesi-big1{width: 14% !important}
            .width-list-sulawesi-big2{width: 86% !important}
            .width-list-sulawesi-small1{width: 20% !important}
            .width-list-sulawesi-small2{width: 80% !important} */
      
      .loginhighlight:hover {
        color: #ffd600 !important;
      }
      .br-100p {
        border-radius: 100% !important;
      }
      .br-100p:hover {
        /* border-radius: 100% !important; */
        opacity: 0 !important;
      }
      .redaksi-name {
        width: 170px !important;
        height: 170px !important;
        border-radius: 100% !important;
        background: #11ffcb !important;
      }
      .name-position {
        height: 170px;
        padding: 107px 10px 40px 10px;
        color: #133444 !important;
      }
      .pen-img {
        width: 65px;
        position: absolute;
        left: 123.5px;
        top: 33px;
      }
      .img-redaksi {
        position: absolute;
        left: 71px;
        top: 0px;
      }
      /* link live for details */
      .link-live {
        margin: 0;
        display: block;
        width: 669px;
        height: 31px;
        line-height: 30px;
        overflow: hidden;
      }
      .link-live-button {
        position: relative;
      }
      .bg_live_white {
        background: #fcfcfc;
        width: 775px;
        left: -15px;
        margin-top: -10px;
        height: 90px;
        position: absolute;
      }
      /* .is_stuck .bg_live_white{
                left: -30px;
            } */
      #sticky_live {
        z-index: 1;
        transition: 0.2s;
      }
      #sticky_live.is_stuck {
        /* z-index: 9999;
                top: -18px !important;
                transition: 0.2s; */
      }
      .link-live-button .prev:hover {
        background: #E00000;
        transition: 0.3s;
      }
      .link-live-button .next:hover {
        background: #E00000;
        transition: 0.3s;
      }
      .link-live-button .prev {
        position: absolute;
        top: -30px;
        right: 36px;
        background: #E00000;
        color: #fcfcfc;
        font-size: 22px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        display: inline-block !important;
        text-align: center;
        border-radius: 6px;
        transition: 0.3s;
      }
      .link-live-button .next {
        position: absolute;
        top: -30px;
        right: 0;
        background: #E00000;
        color: #fcfcfc;
        font-size: 22px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        display: inline-block !important;
        text-align: center;
        border-radius: 6px;
        transition: 0.3s;
      }
      .link-live .slick-slide {
        text-align: center;
        position: relative;
        /* bottom: 7px;
                border-bottom: 1px #999 solid;  */
        width: auto !important;
        margin: 0 10px 0 0;
      }
      .link-live .slick-slide a {
        font-family: 'Manrope', sans-serif !important;
        font-weight: 900;
        font-size: 13px;
        color: #fcfcfc;
        background: #333;
        text-decoration: none;
        position: relative;
        border-radius: 6px;
        padding: 7px 13px;
        transition: 0.3s;
      }
      .link-live .slick-slide a:after {
        /* content: '\2022'; */
        /*font-family: "FontAwesome" !important;*/
        /*font-family: "Font Awesome 5 Free";*/
        /* font-style: normal;
                font-weight: normal;
                text-decoration: inherit;
                color: #999;
                position: absolute;
                font-size: 40px;
                width: 12px;
                height: 12px;
                top: 12px;
                left: 25px; */
      }
      .link-live .slick-slide.slick-current.slick-active .first a:after {
        /*content: '\f192';*/
        /* content: '\2022'; */
      }
      .link-live .slick-slide.slick-active a:hover,
      .link-live .slick-slide.slick-active a:hover:after,
      .link-live .slick-slide.slick-current.slick-active .first a,
      .link-live .slick-slide.slick-current.slick-active .first a:after {
        background: #E00000;
        transition: 0.3s;
      }
      .link-live .slick-list {
        margin: 0;
      }
      .slick-track {
        min-width: 1280px;
      }
      /*===== Vertical Timeline =====*/
      #wrapper-timeline {
        position: relative;
        /*max-width: 920px; mobile*/
        width: 100%;
        margin: 0 -15px 30px -15px;
        /*left: -49%; mobile*/
      }
      #wrapper-timeline .wrapper-center-line {
        position: absolute;
        width: 1px;
        height: 95%;
        top: 11px;
        left: 44.5px;
        margin-left: -0.5px;
        background: #dedede;
        z-index: -1;
      }
      #wrapper-timeline .wrapper-timeline-content {
        /*padding-top: 30px;*/
        margin-top: 30px;
        padding-bottom: 30px;
      }
      .timeline-article {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
        margin: 20px 0;
      }
      .timeline-article .content-left-container,
      .timeline-article .content-right-container {
        /*max-width: 45%; mobile*/
        width: 95%;
        font-size: 14px;
        line-height: 16px;
      
        position: relative;
      }
      .timeline-article .timeline-content {
        display: block;
        color: #242424;
        padding: 10px 0;
        margin: -40px 0 0 60px;
      }
      .timeline-article .timeline-content h1,
      .timeline-article .timeline-content h2,
      .timeline-article .timeline-content h3,
      .timeline-article .timeline-content h4,
      .timeline-article .timeline-content h5 {
        font-family: 'Manrope', sans-serif !important;
        font-size: 18px;
        font-weight: 700;
        line-height: 30px;
        /* margin-bottom: 10px; */
      }
      .timeline-article .timeline-content p {
        font-size: 16px;
        line-height: 22px;
      }
      .timeline-article .content-left,
      .timeline-article .content-right {
        position: relative;
        width: auto;
        border: 1px solid #dedede;
        background-color: #fcfcfc;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
        display: inline-block;
        padding: 6.5px 12px;
        border-radius: 6px;
        font-weight: 600;
        font-size: 13px;
        margin-left: -36px;
      }
      .timeline-article.active .timeline-content h2 {
        color: #E00000;
      }
      .timeline-article.active .content-right {
        background-color: #fcfcfc;
        border: 1px solid #dedede;
        color: #E00000;
      }
      .timeline-article .content-left-container {
        float: left;
        text-align: right;
      }
      .timeline-article .content-right-container {
        float: right;
      }
      .timeline-article .content-left:before,
      .timeline-article .content-right:before {
        position: absolute;
        /*top: 20px;*/
        font-size: 20px;
        font-family: "FontAwesome" !important;
        /*font-family: "Font Awesome 5 Free";*/
        color: #999;
      }
      .timeline-article .content-left:before {
        content: "\25C0";
        right: -15px;
      }
      .timeline-article .content-right:before {
        /* content: "\25C0"; */
        left: -15px;
      }
      .timeline-article.active .content-left:before,
      .timeline-article.active .content-right:before {
        color: #ce2329;
      }
      .timeline-article .icon {
        position: absolute;
        top: 0;
        /*left: 50%; mobile*/
        left: 10px;
        width: 20px;
        height: 20px;
        margin-left: -10px;
        color: #999;
        text-align: center;
      }
      .timeline-article.active .icon {
        color: #ce2329;
      }
      .timeline-article.active .icon:before {
        /*content: '\f192';*/
        content: "\2022";
        /*font-family: 'FontAwesome' !important;*/
        /*font-family: "Font Awesome 5 Free";*/
        font-size: 70px;
        left: -2px;
        line-height: 20px;
        position: relative;
      }
      .timeline-article.active .icon i {
        display: none;
      }
      /*===== // Vertical Timeline =====*/
      
      /*===== Resonsive Vertical Timeline =====*/
      @media only screen and (max-width: 830px) {
        #wrapper-timeline {
          left: inherit;
        }
        #wrapper-timeline .wrapper-center-line {
          margin-left: -22px;
          left: 50px;
          height: 95%;
        }
        .timeline-article .icon {
          margin-left: 0;
          left: 20px;
        }
        .timeline-article .content-left-container,
        .timeline-article .content-right-container {
          max-width: 100%;
          width: auto;
          float: none;
          margin-left: 60px;
        }
        .timeline-article .content-left-container {
          margin-bottom: 20px;
          text-align: left;
        }
        .timeline-article .content-left,
        .timeline-article .content-right {
          padding: 3px 5px;
        }
        .timeline-article .content-left:before {
          content: "\25C4";
          left: -15px;
          font-size: 20px;
          right: auto;
        }
        .timeline-article .content-right:before {
          /*display: none;*/
        }
      }
      @media only screen and (max-width: 400px) {
        .timeline-article p {
          margin: 0;
        }
        .timeline-article p span.article-number {
          display: none;
        }
      }
      /*===== // Resonsive Vertical Timeline =====*/
      
      .img-author {
        border-radius: 50%;
        margin-right: 10px;
        max-width: 50px;
        max-height: 50px;
      }
      .no-kanal {
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
        margin-bottom: 30px;
      }
      
      /* ===== error 404 ===== */
      .head-1 {
        font-family: 'Manrope', sans-serif !important;
        font-weight: bold;
        font-size: 35px;
      }
      .w-25p {
        width: 25% !important;
      }
      /* Styles for wrapping the search box */
      
      .main-scustom {
        width: 440px;
        margin: 50px auto 20px auto;
      }
      .form-group-scustom {
        margin-bottom: 1rem;
      }
      
      /* Bootstrap 4 text input with search icon */
      
      .has-search-scustom .form-control-scustom {
        padding-left: 2.375rem;
      }
      
      .has-search-scustom .form-control-feedback-scustom {
        position: absolute;
        z-index: 2;
        display: block;
        width: 83.375rem;
        height: 2.375rem;
        line-height: 5.7rem;
        text-align: center;
        pointer-events: none;
        color: #828282;
      }
      .form-control-scustom {
        display: block;
        width: 100%;
        padding: 0.375rem 0.75rem;
        padding-left: 0.75rem;
        font-size: 16px;
        line-height: 1.5;
        color: #495057;
        background-color: #f2f2f2;
        background-clip: padding-box;
        border: 1px solid #f2f2f2;
        border-radius: 5px;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        height: 60px;
      }
      .menu-indeks-rss {
        width: auto;
        margin: 0 auto;
        display: inline-block;
      }
      .separator {
        margin: 0 15px;
        font-size: 22px !important;
        color: #333;
      }
      .no-kanal {
        /* border-top: 1px solid #ccc; */
        margin: 5px 0 0 0 !important;
      }
      .l-height-27 {
        line-height: 27px !important;
      }
      .b-radius-5 {
        border-radius: 5px !important;
      }
      
      .ui.icon.input > img.icon:not(.link) {
        pointer-events: none;
      }
      .ui[class*="left icon"].input > img.icon {
        right: auto;
        left: 1px;
        border-radius: 0.28571429rem 0 0 0.28571429rem;
      }
      .ui.icon.input > img.icon {
        cursor: default;
        position: absolute;
        line-height: 1;
        text-align: center;
        top: 0;
        right: 0;
        margin: 0;
        height: 100%;
        width: 2.67142857em;
        /* opacity: .5; */
        border-radius: 0 0.28571429rem 0.28571429rem 0;
        -webkit-transition: opacity 0.3s ease;
        transition: opacity 0.3s ease;
      }
      img.icon,
      img.icons {
        font-size: 1em;
      }
      img.icon {
        display: inline-block;
        opacity: 1;
        margin: 0 0.25rem 0 0;
        width: 1.18em;
        height: 1em;
        font-family: Icons !important;
        font-style: normal;
        font-weight: 400;
        text-decoration: inherit;
        text-align: center;
        speak: none;
        font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        width: 24px !important;
        margin-left: 15px !important;
      }
      .ui.input input {
        color: #666 !important;
        border: 1px solid #e8e8e8 !important;
        background: #e8e8e8 !important;
        border-radius: 5px !important;
        height: 48px !important;
        /* width: 180px !important; */
      }
      .label-kanal {
        display: inline-block;
        width: 95% !important;
        height: 48px !important;
        background: #2f80ed !important;
        border-radius: 5px !important;
        color: #fcfcfc !important;
        font-family: 'Manrope', sans-serif !important;
        font-weight: bold;
        font-size: 20px;
        padding: 11px 15px;
        margin-top: 18px;
      }
      .w-95p {
        width: 95% !important;
      }
      .w-93p {
        width: 93% !important;
      }
      .b-right {
        border-right: 1px solid #c2c2c2;
      }
      .list-kanal {
        list-style: none !important;
        font-family: 'Manrope', sans-serif !important;
        font-weight: 600;
        font-size: 18px;
        color: #666 !important;
        padding-left: 14px;
        line-height: 45px;
        padding: 14px 0 0 14px;
      }
      .list-kanal li {
        cursor: pointer;
      }
      .list-kanal li:hover {
        color: #2f80ed;
      }
      .list-kanal li.active {
        color: #2f80ed;
        list-style: inside;
      }
      .l-style-none {
        list-style: none !important;
        margin-top: 0 !important;
      }
      .title {
        color: #333;
        font-family: 'Manrope', sans-serif !important;
        font-size: 16px;
        line-height: 22px;
      }
      .title:hover {
        color: #08acea;
      }
      .play_hover:hover > .h4_newtv {
        color: #08acea;
      }
      .sub-title {
        /*font-family: "OpenSans-Regular" !important;*/
        font-family: 'Manrope', sans-serif !important;
        font-weight: 400;
        font-size: 12px;
        color: #222 !important;
        line-height: 25px;
        cursor: default;
      }
      .sub-title a {
        cursor: pointer;
      }
      .i-date {
        background-color: #e8e8e8 !important;
        border-color: #e8e8e8 !important;
        border-bottom-right-radius: 5px !important;
        border-top-right-radius: 5px !important;
        text-decoration: none !important;
        box-shadow: none !important;
        padding-top: 8.5px !important;
        font-size: 16px !important;
      }
      .icon-date {
        background-color: #e8e8e8 !important;
        border-color: #e8e8e8 !important;
        border-bottom-left-radius: 5px !important;
        border-top-left-radius: 5px !important;
        padding-left: 15px !important;
      }
      .pagination-v2:after,
      .pagination-v2:before {
        content: "";
        display: table;
      }
      .pagination-v2:after {
        clear: both;
      }
      .pagination__wrapper-v2 {
        /* background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 17%, white 83%, rgba(255, 255, 255, 0) 100%); */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
        height: 50px;
        left: 50%;
        display: inline-block;
        position: relative;
        text-align: center;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        /* top: 50%; */
        /* width: 700px; */
      }
      .pagination__wrapper-v2:before,
      .pagination__wrapper-v2:after {
        /* background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 17%, rgba(0, 0, 0, 0.1) 83%, rgba(0, 0, 0, 0) 100%); */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 );
        content: "";
        height: 1px;
        left: 0;
        position: absolute;
        width: 100%;
      }
      .pagination__wrapper-v2:before {
        top: -1px;
      }
      .pagination__wrapper-v2:after {
        bottom: -1px;
      }
      .pagination-v2 {
        display: inline-block;
        list-style: none;
        margin: 0;
        padding: 0;
        background: #f2f2f2;
        border-radius: 5px;
      }
      .pagination-v2 li {
        display: block;
        float: left;
        /* padding: 5px 1px 5px 1px; */
      }
      .pagination-v2 li:first-child {
        border: none;
      }
      .pagination-v2 button,
      .pagination-v2 span {
        background: none;
        border: none;
        /* border-radius: 5px; */
        box-sizing: border-box;
        color: rgba(0, 0, 0, 0.6);
        /* display: block; */
        font-size: 16px;
        height: 40px;
        line-height: 40px;
        min-width: 40px;
        padding: 0;
      }
      .pagination-v2 button {
        outline: none;
        position: relative;
        transition: all 170ms linear;
      }
      .pagination-v2 button:before {
        background: rgba(0, 0, 0, 0.2);
        /* border-radius: 5px; */
        content: "";
        cursor: pointer;
        height: 0;
        left: 50%;
        opacity: 0;
        position: absolute;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        transition: all 170ms linear;
        top: 50%;
        width: 0;
      }
      .pagination-v2 button:hover:not(.active) {
        color: black;
      }
      .pagination-v2 button:hover:not(.active):before {
        -webkit-animation: hoverAnimation 510ms linear forwards;
        animation: hoverAnimation 510ms linear forwards;
        height: 40px;
        width: 40px;
      }
      .pagination-v2 button.active {
        background: #fbd11f;
        color: #000;
      }
      .pagination-v2 .prev,
      .pagination-v2 .next {
        font-size: 14px;
      }
      @-webkit-keyframes hoverAnimation {
        from {
          opacity: 1;
        }
        to {
          opacity: 0;
        }
      }
      
      @keyframes hoverAnimation {
        from {
          opacity: 1;
        }
        to {
          opacity: 0;
        }
      }
      .index-title {
        font-family: 'Manrope', sans-serif !important;
        font-weight: 800;
        font-size: 46px;
        color: #303030;
        letter-spacing: -2px;
      }
      
      .d-list {
        padding: 15px 0 15px 63px;
      }
      .isi_list {
        padding: 5px 0 0 10px;
        list-style: decimal !important;
      }
      .btn-list {
        background: #dd3333;
        color: #fcfcfc;
        padding: 5px 25px;
        border-radius: 50px;
        font-size: 16px;
        box-shadow: 1px 1px 2px #666;
        transition: 0.3s;
        outline: none !important;
      }
      .btn-list:hover {
        background: #a42525;
        color: #fcfcfc;
        box-shadow: none;
      }
      .overlay:hover {
        -webkit-filter: brightness(80%) !important;
        -moz-filter: brightness(80%) !important;
        -o-filter: brightness(80%) !important;
        -ms-filter: brightness(80%) !important;
        filter: brightness(80%) !important;
      }
      .more-market {
        float: right !important;
        font-size: 16px !important;
        color: #ec9b0e !important;
        padding: 5px !important;
      }
      .more-market:hover {
        color: #2e5bb7 !important;
      }
      .c-market-home:hover {
        color: #2e5bb7 !important;
      }
      .more-industri {
        float: right !important;
        font-size: 16px !important;
        color: #3b536f !important;
        padding: 5px !important;
      }
      .more-industri:hover {
        color: #2e5bb7 !important;
      }
      .c-industri:hover {
        color: #2e5bb7 !important;
      }
      .more-finansial {
        float: right !important;
        font-size: 16px !important;
        color: #26d0b2 !important;
        padding: 5px !important;
      }
      .more-finansial:hover {
        color: #2e5bb7 !important;
      }
      .c-finansial:hover {
        color: #2e5bb7 !important;
      }
      .more-infografik-teks {
        /*font-family: "PlayFairDisplay-Bold" !important;*/
        font-family: "Playfair Display", serif !important;
        font-size: 24px !important;
      }
      .more-infografik {
        float: right !important;
        font-size: 16px !important;
        color: #303030 !important;
        padding: 15px 5px !important;
      }
      .more-infografik:hover {
        color: #2e5bb7 !important;
      }
      .c-infografik:hover {
        color: #2e5bb7 !important;
      }
      
      .more-foto-teks {
        font-family: 'Manrope', sans-serif !important;
        font-size: 32px !important;
        color: #333;
      }
      .more-foto {
        float: right !important;
        font-size: 16px !important;
        color: #fcfcfc !important;
        padding: 15px 5px !important;
      }
      .more-foto:hover {
        color: #ffd22f !important;
      }
      .c-foto:hover {
        color: #ffd22f !important;
      }
      .headline-fly {
        bottom: 93px !important;
        display: block;
        position: absolute;
        width: 100%;
        height: auto;
      }
      .li-home {
        background-image: url("../images/home.svg");
        background-repeat: no-repeat;
        width: 20px;
        height: 20px;
        display: inline-block;
        position: absolute;
        margin: 7px;
        left: 30px;
      }
      .change-home.style2 {
        position: absolute;
      }
      .change-home.style2:hover::after,
      .change-home.style2:focus::after {
        text-decoration: hover !important;
        border-bottom: 2px transparent solid;
      }
      .change-home.style2 .li-home {
        margin: 7px 0;
        left: -5px !important;
        position: relative;
      }
      .change-home.style2 .li-logob {
        top: 1px !important;
        left: -5px !important;
      }
      
      .li-home_black {
        background-image: url("../images/home_black.svg");
        background-repeat: no-repeat;
        width: 20px;
        height: 20px;
        display: inline-block;
        position: absolute;
        margin: 3px 0 0 -10px;
        left: none !important;
      }
      .li-logob {
        background-image: url("../images/loho-b.svg");
        background-repeat: no-repeat;
        width: 20px;
        height: 20px;
        display: inline-block;
        /*position: absolute;
                margin: 5px -40px;*/
        position: relative;
        top: 5px;
      }
      .bigteks:hover {
        color: #fff7cf !important;
        text-decoration: none !important;
      }
      .bg-f5 {
        background: #f5f5f5 !important;
      }
      .teks-kanal-big {
        display: inline-block;
        position: absolute;
      }
      .head2-kabar24 {
        min-height: 137px !important;
        object-fit: cover !important;
      }
      .rec_kbr24 {
        margin: 15px auto 0 auto;
        max-width: 1080px;
        position: relative;
      }
      
      /*======================================================
                                Navbar Overlay 
            ======================================================*/
      .vid-obj {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      .mw-100 {
        max-width: 100% !important;
      }
      .w-100p {
        width: 100%;
      }
      .h-100p {
        height: 100%;
      }
      .p-content-menu {
        padding: 85px 0 0 25px;
      }
      .ptb-3 {
        padding: 3px 0 !important;
      }
      a svg:hover #play-vid {
        fill: #ff3a3a;
      }
      .kanal-teks {
        text-align: left !important;
        padding-left: 3px;
        font-family: 'Manrope', sans-serif !important;
        font-weight: 800;
        font-size: 23px;
      }
      .icon-vid-menu {
        width: 100% !important;
        height: 100% !important;
        padding: 118px 205px 8px 15px !important;
        position: absolute;
      }
      .video-menu {
        width: 100%;
        height: 153px;
        max-width: 308px;
        background: #f5f5f5;
      }
      .video-title-menu {
        width: 100%;
        height: 153px;
        /* background: #ccc; */
      }
      .bg-icon-vid {
        /* background-color: #222222; */
        bottom: -1px;
        left: -1px;
        height: 100%;
        width: 100%;
        position: absolute;
        /* padding: 11px 0; */
        /* text-align: center; */
      }
      .bg-icon-vid-2 {
        background-color: #222222;
        bottom: -1px;
        left: -1px;
        height: 47px;
        width: 70px;
        position: absolute;
        /* padding: 11px 0; */
        /* text-align: center; */
      }
      .rela-block {
        display: block;
        position: absolute;
        margin: auto;
        margin-left: -5px;
        top: ;
        left: ;
        right: ;
        bottom: ;
      }
      .floated {
        display: inline-block;
        position: relative;
        margin: false;
        top: ;
        left: ;
        right: ;
        bottom: ;
        float: left;
      }
      .abs-center {
        display: false;
        position: absolute;
        margin: false;
        top: 50%;
        left: 50%;
        right: false;
        bottom: false;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
        width: 88%;
      }
      .abs-center2 {
        display: false;
        position: absolute;
        margin: false;
        top: 50%;
        left: 50%;
        right: false;
        bottom: false;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
        width: 88%;
      }
      .abs-center3 {
        display: false;
        position: absolute;
        margin: false;
        top: 50%;
        left: false;
        right: 50%;
        bottom: false;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
        width: 88%;
      }
      .vid-header {
        top: -200%;
        left: -750%;
        transition: 0.35s ease, left 0s 0.2s ease;
      }
      .vid-header.nav-open {
        top: 185%;
        left: 50%;
        text-align: left;
        transition: 0.35s ease, left 0.2s 0.6s cubic-bezier(0.85, 0, 0.15, 1);
      }
      .vid-header-tex {
        top: -200%;
        left: -750%;
        transition: 0.35s ease, left 0s 0.2s ease;
      }
      .vid-header-tex.nav-open {
        height: 163px;
        top: 182%;
        left: 50%;
        text-align: left;
        transition: 0.35s ease, left 0.2s 0.6s cubic-bezier(0.85, 0, 0.15, 1);
        border-right: 1px solid #666;
        width: 300px;
        padding-left: 0;
        padding-right: 40px;
      }
      .vid-title {
        font-family: 'Manrope', sans-serif !important;
        font-size: 26px;
        text-transform: none;
        color: #fcfcfc;
        line-height: 30px;
        margin-top: 2px;
      }
      .vid-title:hover {
        color: #ff3a3a;
      }
      .vid-time {
        /*font-family: "Opensans-Light" !important;*/
        font-family: 'Manrope', sans-serif !important;
        font-weight: 300;
        font-size: 12px !important;
        color: #aaa;
      }
      .vid-more {
        /*font-family: "Roboto-Light" !important;*/
        font-family: 'Manrope', sans-serif !important;
        font-weight: 300;
      
        font-size: 14px;
        position: absolute;
        bottom: 0px;
        letter-spacing: 0.5px;
        text-transform: none;
        color: #fcfcfc;
      }
      .vid-more:hover {
        color: #ff3a3a;
      }
      .vid-ml-12 {
        margin-left: 12px;
      }
      .w-vid-52p {
        width: 52% !important;
        max-width: 626.59px !important;
      }
      .w-kanal-48p {
        width: 48% !important;
        max-width: 578.39px !important;
      }
      .row-nav {
        margin: 0 !important;
        height: 100% !important;
        text-align: -webkit-center !important;
        text-align: center !important;
        width: 100% !important;
      }
      .div-nav {
        width: 1204.98px !important;
        height: 100% !important;
        margin: 0 auto !important;
      }
      .kan-header-tex {
        top: -200%;
        right: -300%;
        transition: 0.35s ease, right 0s 0.2s ease;
      }
      .kan-header-tex a:hover {
        color: #fbd11f !important;
      }
      .video-title-menu .col-sm-4 .ptb-3 a:hover {
        color: #fbd11f !important;
      }
      
      .kan-header-tex.nav-open {
        top: 50%;
        right: -34.5%;
        text-align: left;
        transition: 0.35s ease, right 0.2s 0.6s cubic-bezier(0.85, 0, 0.15, 1);
      }
      .no-up-tex {
        text-transform: none !important;
        font-family: 'Manrope', sans-serif !important;
        font-weight: 300;
        font-size: 20px !important;
        color: #fcfcfc !important;
      }
      
      p.light {
        color: #727272;
      }
      
      .side-nav {
        display: false;
        position: absolute;
        margin: false;
        top: 65px;
        left: false;
        right: 0;
        bottom: false;
        z-index: 100;
        height: 80px;
        width: 80px;
        opacity: 0;
        overflow: hidden;
        transition: 1.5s ease, height 0.5s 0.35s ease, width 0.4s ease;
      }
      .side-nav.nav-open {
        height: 290px;
        width: 100%;
        /* margin-top: 47px; */
        padding-left: 15px;
        opacity: 1;
        color: #333333;
        /* background-color: #222222; */
        /* box-shadow: 0 5px 30px -5px rgba(0,0,0,0.35); */
        background-color: #fcfcfc;
        box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
        transition: 0.1s ease, height 0.1s 0s cubic-bezier(0.85, 0, 0.15, 1), width 0.4s 0.2s cubic-bezier(0.85, 0, 0.15, 1);
      }
      .nav-header {
        top: -40%;
        left: 48.5%;
        transition: 0.1s ease, top 0s 0.1s ease;
      }
      .nav-header.nav-open {
        top: 13%;
        transition: 0.1s ease, top 0.2s 0.5s cubic-bezier(0.85, 0, 0.15, 1);
      }
      .nav-options {
        width: 100%;
        height: auto;
        top: calc(50% + 5px);
      }
      .nav-options li {
        width: 70%;
        padding: 12px 0px;
        cursor: pointer;
        left: -120%;
      }
      .nav-options li:hover {
        color: #f67f74;
      }
      .nav-options.nav-open li {
        left: -2%;
      }
      .nav-options.nav-open li:nth-child(1) {
        transition: 0.35s ease, left 0.35s 0.9s cubic-bezier(0, 0, 0.15, 1.3);
      }
      .nav-options.nav-open li:nth-child(2) {
        transition: 0.35s ease, left 0.35s 0.95s cubic-bezier(0, 0, 0.15, 1.3);
      }
      .nav-options.nav-open li:nth-child(3) {
        transition: 0.35s ease, left 0.35s 1s cubic-bezier(0, 0, 0.15, 1.3);
      }
      .nav-options.nav-open li:nth-child(4) {
        transition: 0.35s ease, left 0.35s 1.05s cubic-bezier(0, 0, 0.15, 1.3);
      }
      .nav-options.nav-open li:nth-child(5) {
        transition: 0.35s ease, left 0.35s 1.1s cubic-bezier(0, 0, 0.15, 1.3);
      }
      .nav-options.nav-open li:nth-child(6) {
        transition: 0.35s ease, left 0.35s 1.15s cubic-bezier(0, 0, 0.15, 1.3);
      }
      .nav-options.nav-open li:nth-child(7) {
        transition: 0.35s ease, left 0.35s 1.2s cubic-bezier(0, 0, 0.15, 1.3);
      }
      .nav-options.nav-open li:nth-child(8) {
        transition: 0.35s ease, left 0.35s 1.25s cubic-bezier(0, 0, 0.15, 1.3);
      }
      .nav-options.nav-open li:nth-child(9) {
        transition: 0.35s ease, left 0.35s 1.3s cubic-bezier(0, 0, 0.15, 1.3);
      }
      .nav-options.nav-open li:nth-child(10) {
        transition: 0.35s ease, left 0.35s 1.35s cubic-bezier(0, 0, 0.15, 1.3);
      }
      /* .top-section {
                height: 640px;
                color: #e0e5f5;
                background-color: #272727;
                overflow: hidden;
              } */
      
      .nav-button,
      .search-button {
        z-index: 100;
        display: false;
        position: relative;
        margin: false;
        top: ;
        left: ;
        right: ;
        bottom: ;
        height: 55px;
        width: 16px;
        cursor: pointer;
      }
      .nav-button {
        right: false;
        margin-top: 3px;
      }
      .nav-button.nav-open {
        /* right: 245px; */
        color: #333 !important;
        transition: 0.35s ease, right 0.4s 0.75s cubic-bezier(0.85, 0, 0.15, 1);
      }
      .nav-button.nav-open .nav-bars,
      .nav-button.black .nav-bars {
        background-color: #272727;
        width: 0;
      }
      .nav-button.nav-open .nav-bars:before,
      .nav-button.black .nav-bars:before {
        background-color: #272727;
        top: -1px;
        transform: rotate(405deg);
        width: 15px;
        left: -4px;
        height: 3px;
      }
      .nav-button.nav-open .nav-bars:after,
      .nav-button.black .nav-bars:after {
        background-color: #222;
        top: -1px;
        transform: rotate(-405deg);
        width: 15px;
        left: -4px;
        height: 3px;
      }
      .nav-button.top > label {
        position: absolute;
        /* left: 40px; */
        padding-left: 40px;
        top: 16px;
        font-family: 'Manrope', sans-serif !important;
        font-size: 16px;
        cursor: pointer;
        font-weight: 600;
      }
      .nav-bars {
        width: 10px;
        height: 2.5px;
        background-color: #222;
        left: 40%;
        border-radius: 35px;
        margin-left: 4px;
      }
      .nav-bars:before,
      .nav-bars:after {
        content: "";
        display: false;
        position: absolute;
        margin: false;
        top: false;
        left: 0;
        right: false;
        bottom: false;
        width: 100%;
        height: 2.5px;
        background-color: #222;
        transition: 0.35s ease;
        border-radius: 35px;
      }
      .nav-bars:before {
        top: -7px;
        width: 19px;
      }
      .nav-bars:after {
        top: 7.5px;
        width: 14px;
        height: 2px;
      }
      
      .swipe-tabs.menu-swipe {
        z-index: 100;
      }
      .slick-initialized .swipe-tab {
        display: flex;
        height: 35px;
        line-height: 35px;
        /* background: #fcfcfc; */
        border: 0;
        color: #222;
        cursor: pointer;
        /* text-align: center; */
        border-bottom: 2px solid rgba(0, 0, 0, 0);
        transition: all 0.5s;
      }
      
      .logo-ekonomi {
        /* max-width: 350px;
                padding: 7px 15px;
                display: inline-block;
                position: relative; */
        max-width: 315px;
        padding: 10px 10px 10px 15px;
        display: inline-block;
        position: relative;
      }
      .kanal-ekonomi {
        display: inline-block;
        position: absolute;
        width: 900px;
        padding: 2px 0 0 50px;
        height: 100%;
        line-height: 70px;
        cursor: ew-resize;
        overflow: hidden;
      }
      /*.kanal-ekonomi div{
                  display: inline-block;
                  padding: 0 15px;
                }*/
      .kanal-ekonomi div.slick-slide {
        margin-right: 50px;
        width: initial !important;
        float: inherit;
        display: inline-block;
      }
      .kanal-ekonomi .slick-list::after {
        content: "";
        position: absolute;
        display: inline-block;
        width: 70px;
        height: 100%;
        background: linear-gradient(90deg, #284b71 50%, rgba(255, 203, 68, 0) 100%);
        transform: rotate(-180deg);
        right: 0;
        top: 0;
      }
      .kanal-ekonomi div a {
        color: #fcfcfc !important;
        font-family: 'Manrope', sans-serif !important;
        font-weight: 600;
        font-size: 14px;
        text-transform: uppercase;
        text-decoration: none;
      }
      .kanal-ekonomi div.active::after {
        border-bottom: 2px solid #fcfcfc !important;
        content: "";
        display: block;
        width: 30%;
        margin: 5px auto;
      }
      .kanal-ekonomi div a:hover::after {
        border-bottom: 2px solid #fcfcfc !important;
        content: "";
        display: block;
        width: 30%;
        margin: 5px auto;
      }
      
      /*.slick-dotted.slick-slider {
                    margin-bottom: 30px;
                }
                .slick-slider {
                    margin: 30px auto 50px;
                }
                .slick-slider {
                    position: relative;
                    display: block;
                    box-sizing: border-box;
                    -webkit-user-select: none;
                    -moz-user-select: none;
                    -ms-user-select: none;
                    user-select: none;
                    -webkit-touch-callout: none;
                    -khtml-user-select: none;
                    -ms-touch-action: pan-y;
                    touch-action: pan-y;
                    -webkit-tap-highlight-color: transparent;
                }*/
      
      /* test burger */
      
      .thumb-market {
        max-height: 140px !important;
        object-fit: cover !important;
      }
      .rendered {
        color: #999 !important;
        font-size: 11px;
        display: block;
        margin-right: 30px;
        margin-bottom: 5px;
      }
      .ul-detail-content {
        padding: 0 22px 22px 22px !important;
      }
      .description ul {
        padding: 0 0 21px 21px !important;
      }
      .baca-juga-box{
        margin-top: 15px;
        margin-bottom: 15px;
        padding: 20px;
        background: #fff;
        /* box-shadow: 0 0 15px rgb(0 0 0 / 13%); */
        border: 1px solid #e3e3e3;
        border-radius: 4px;
        font-weight: 700;
      }
      .baca-juga-box .baca-juga-title{
        font-weight: 800;
        font-size: 16px;
        color:  #E00000;
        margin: 0 !important;
        margin-bottom: 12px !important;
        text-transform: uppercase;
        letter-spacing: 0.1em;
      }
      .baca-juga-box ul{
        list-style: square;
        padding: 0 0 0px 19px !important;
      }
      .baca-juga-box li{
        color:  #E00000;
        margin-bottom: 10px;
      }
      .baca-juga-box li a{
        font-weight: bold;
        font-size: 16px;
        color: #004CE0;
      }
      .baca-juga-box li a:hover{    
        color: #0A317B;
      }
      
      /* .close-billboard{
                position: absolute;
                z-index: 1;
                right: 0;
                margin: 20px 56px 0 0;
                font-size: 12px;
                cursor: pointer;
            } */
      .close-billboard {
        position: absolute;
        z-index: 1;
        right: 0;
        margin: 12px 33px 0 0;
        font-size: 18px;
        cursor: pointer;
        color: #980a0a;
      }
      .bor-billboard {
        width: 18px !important;
        height: 18px !important;
        display: inline-block;
        border: 1px solid #000;
        border-radius: 100%;
        text-align: center;
        /* position: absolute; */
        margin: -3px 0 0 5px;
        cursor: pointer;
        position: relative;
      }
      .teks-billboard {
        font-size: 15px;
        margin: -2.1px 0 0 -1px;
        cursor: pointer;
      }
      .pos-billboard {
        position: relative;
      }
      .hal-style {
        margin: 0 auto;
        position: relative;
        display: inline-block;
        padding: 0;
        max-width: 200px;
        /* width: 33.33333333%; */
      }
      .hal-style-left {
        font-size: 20px;
        color: #ce2329;
        padding: 0 10px 0 0;
      }
      .hal-style-right {
        font-size: 20px;
        color: #ce2329;
        padding: 0 0 0 10px;
      }
      .hal-title {
        max-width: 250px !important;
        min-width: 250px !important;
      }
      
      .widget-emas {
        background-image: url(../images/widget-market.jpg);
        background-repeat: no-repeat;
        height: 174.98px;
      }
      .title-emas {
        text-align: center;
        padding: 18px 10px 10px 10px;
        font-family: 'Manrope', sans-serif !important;
        font-weight: bold;
        font-size: 21px;
        text-transform: uppercase;
      }
      .arrow-emas {
        width: 0px;
        height: 0px;
        position: absolute;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 5px solid #f2c94c;
        display: inline-block;
        margin: 9px 0 0 -9px;
      }
      .title-emas a {
        color: #f2c94c;
      }
      .title-emas a:hover {
        color: #f2c94c !important;
        text-decoration: underline !important;
      }
      .content-emas {
        padding: 10px 15px 15px 15px;
      
        /*font-family: "Roboto-Medium";*/
        font-family: 'Manrope', sans-serif !important;
        font-weight: 500;
      
        font-size: 19px;
        line-height: 25px;
      }
      .content-emas a {
        color: #fcfcfc;
      }
      .content-emas a:hover {
        color: #fcfcfc !important;
        text-decoration: underline !important;
      }
      .live {
        color: #E00000;
        text-transform: uppercase;
      }
      .content-emas span.live::before {
        content: ".";
        font-size: 34px;
        display: inline-block;
        padding-right: 2px;
        position: relative;
        top: -5px;
      }
      .arrow-link {
        padding: 5px 5px;
        bottom: 0;
        right: 0;
        position: absolute;
        margin: 0 25px 3px 0;
      }
      .arrow-link i {
        color: #fcfcfc;
      }
      .arrow-link i:hover {
        color: #ffd22f;
      }
      #adesk {
        display: inline-block;
        position: relative;
        width: 80px;
        min-height: 1px;
        text-align: left;
      }
      #adesk > span a {
        font-family: 'Manrope', sans-serif !important;
        font-size: 12px;
        color: #999999;
        width: 100%;
        height: initial !important;
        text-align: right;
        text-align: -webkit-right;
        text-align: -moz-right;
        text-align: -o-right;
      }
      #adesk > span a:hover {
        color: #e88b21 !important;
        text-decoration: none;
      }
      #adesk > span .bisnispro-logo{
        width: 50px;
        text-align: center;
      }
      #adesk > span:nth-child(1) {
        display: flex;
        position: absolute;
        width: 120px;
        margin: -23px 0 0 0;
        height: 20px !important;
        align-items: center;
      }
      /* #adesk > span:nth-child(2){
                display: block;
                position: absolute;
                height: 1px;
                background-color: #a4afdb;
                width: 70px;
                margin: -6px 0 0 0;
            } */
      #adesk > span:nth-child(2) {
        display: inline-block;
        position: absolute;
        width: 110px;
        margin: -8px 0 0 0;
        height: 20px !important;
    }
      #adesk > span:nth-child(2) > a {
        height: 20px !important;
        line-height: normal !important;
      }
      #adesk > span:nth-child(2) > a:hover {
        color: #ce7373 !important;
        text-decoration: none;
      }
      .akun-name {
        font-size: 14px !important;
        color: #333333 !important;
        height: 20px !important;
        line-height: normal !important;
      }
      #adesk-link {
        display: inline-block;
        position: relative;
        width: 80px;
        min-height: 1px;
        text-align: left;
      }
      #adesk-link > span a {
        font-family: 'Manrope', sans-serif !important;
        font-size: 12px;
        color: #d7cda7;
        width: 100%;
        text-align: right;
        text-align: -webkit-right;
        text-align: -moz-right;
        text-align: -o-right;
      }
      #adesk-link > span a:hover {
        color: #eee !important;
      }
      #adesk-link > span:nth-child(1) {
        display: inline-block;
        position: absolute;
        width: 90px;
        margin: -30px 0 0 0;
        height: 20px !important;
      }
      /* #adesk-link > span:nth-child(2){
                display: block;
                position: absolute;
                height: 1px;
                background-color: #fcfcfc;
                width: 70px;
                margin: -6px 0 0 0;
            } */
      #adesk-link > span:nth-child(2) {
        display: inline-block;
        position: absolute;
        width: 90px;
        margin: -5px 0 0 0;
        line-height: 23px;
        height: 30px !important;
      }
      #adesk-link > span:nth-child(2) > a {
        height: 20px !important;
        line-height: normal !important;
      }
      
      .stiky {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 1 !important;
        background-color: #fcfcfc;
        border-bottom: 1px solid #ccc;
        padding-bottom: 5px;
      }
      
      .stiky + .wrapper-details {
        padding-top: 60px;
      }
      .nav-scroll {
        top: 50px !important;
      }
      .log-style {
        line-height: unset !important;
        height: 20px !important;
        color: #1cb7eb;
        font-weight: 700;
      }
      .h-46 {
        height: 46px !important;
      }
      
      /* ======= pages ======= */
      
      .pages:after,
      .pages:before {
        content: "";
        display: table;
      }
      .pages:after {
        clear: both;
      }
      .pages__wrapper {
        /* background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 17%, white 83%, rgba(255, 255, 255, 0) 100%); */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
        height: 50px;
        left: 50%;
        display: inline-block;
        position: relative;
        text-align: center;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        /* top: 50%; */
        /* width: 700px; */
      }
      .pages__wrapper:before,
      .pages__wrapper:after {
        /* background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 17%, rgba(0, 0, 0, 0.1) 83%, rgba(0, 0, 0, 0) 100%); */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 );
        content: "";
        height: 1px;
        left: 0;
        position: absolute;
        width: 100%;
      }
      .pages__wrapper:before {
        top: -1px;
      }
      .pages__wrapper:after {
        bottom: -1px;
      }
      .pages__wrapper .pages {
        display: inline-block;
        list-style: none;
        margin: 0;
        padding: 0 !important;
        background: #f2f2f2;
        border-radius: 6px;
      }
      .pages li {
        display: inline-block;
      }
      .pages li:first-child {
        border: none;
      }
      .pages li.active {
        background: #fbd11f;
        color: #000 !important;
        border-radius: 2px;
        font-weight: 900;
      }
      .pages li.active > a {
        color: #000 !important;
        text-decoration: none !important;
      }
      .pages a,
      .pages span {
        background: none;
        border: none;
        /* border-radius: 5px; */
        box-sizing: border-box;
        color: rgba(0, 0, 0, 0.6);
        display: block;
        font-size: 16px;
        height: 40px;
        line-height: 40px;
        width: 40px;
        /* padding: 10px 15.5px 11px 15.5px; */
      }
      .pages a {
        outline: none;
        position: relative;
        transition: all 170ms linear;
      }
      .pages li a:hover {
        color: #222 !important;
      }
      .pages a:before {
        background: rgba(0, 0, 0, 0.2);
        /* border-radius: 5px; */
        content: "";
        cursor: pointer;
        height: 0;
        left: 50%;
        opacity: 0;
        position: absolute;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        transition: all 170ms linear;
        top: 50%;
        width: 0;
      }
      .pages a:hover:not(.active) {
        color: black;
      }
      .pages a:hover:not(.active):before {
        -webkit-animation: hoverAnimation 510ms linear forwards;
        animation: hoverAnimation 510ms linear forwards;
        height: 40px;
        width: 40px;
      }
      .pages a.active {
        background: #fbd11f;
        color: #000;
      }
      .pages .prev,
      .paginapages .next {
        font-size: 14px;
      }
      @-webkit-keyframes hoverAnimation {
        from {
          opacity: 1;
        }
        to {
          opacity: 0;
        }
      }
      
      @keyframes hoverAnimation {
        from {
          opacity: 1;
        }
        to {
          opacity: 0;
        }
      }
      .title-live {
        padding: 10px 0 10px 0;
      }
      
      /* change editor choice */
      .ul_cec {
        position: relative !important;
        overflow: hidden !important;
        padding: 0 !important;
        margin: 0 !important;
        /* max-height: 168px !important; */
      }
      .div_cec {
        bottom: 75px !important;
      }
      .h2_cec {
        /* top: 76px !important;
                    height: 75px !important; */
      }
      
      .home .wrapper-headline #carousel-headline h1 > a:hover {
        text-decoration: none;
        /* color: #0b2e84 !important; */
      }
      .home .wrapper-headline .list-headline h2 > a:hover {
        text-decoration: none;
        color: #ff8d07 !important;
      }
      
      .wrapper-details .description .topik {
        margin-top: 50px;
        font-size: 17px;
        font-family: 'Manrope', sans-serif !important;
        color: #333;
      }
      .wrapper-details .description .topik a {
        color: #fcfcfc;
        background: linear-gradient(90deg, #48c6ef 0%, #6f86d6 100%);
        border-radius: 50px;
        padding: 7px 20px;
        font-size: 13px;
        margin-top: 10px;
        margin-right: 5px;
        display: inline-block;
        border: 1px solid #fcfcfc;
      }
      .wrapper-details .description .topik a:hover {
        text-decoration: none;
        color: #333;
        background: #fcfcfc;
        border: 1px solid #333;
      }
      
      /* table style */
      .description > .sticky-wrapper > table {
        border-collapse: collapse;
        border-radius: 8px;
        overflow: hidden;
      }
      .thead_title {
        padding: 12px 15px;
        background: #1a2a56;
        color: #fcfcfc;
        border-bottom: 3px solid white;
        border-left: 3px solid white;
        border-right: 3px solid white;
        border-radius: 8px;
        vertical-align: middle;
        font-size: 16px;
        font-weight: 300;
        text-align: center;
        text-align: -webkit-center;
        text-align: -moz-center;
        text-align: -o-center;
      }
      .thead_column {
        padding: 10px 15px;
        background: #fbd246;
        color: #000;
        border-bottom: 3px solid white;
        border-left: 3px solid white;
        border-right: 3px solid white;
        border-radius: 8px;
        vertical-align: middle;
        font-size: 16px;
        font-weight: 600;
        text-align: center;
        text-align: -webkit-center;
        text-align: -moz-center;
        text-align: -o-center;
      }
      .description > .sticky-wrapper > tbody > th,
      td {
        padding: 10px 15px;
        background: #fcfcfc;
        border-bottom: 3px solid white;
        border-left: 3px solid white;
        border-right: 3px solid white;
        border-radius: 8px;
        vertical-align: middle;
        font-size: 14px;
        text-align: center;
        text-align: -webkit-center;
        text-align: -moz-center;
        text-align: -o-center;
      }
      .description > .sticky-wrapper > tbody > th,
      td > p {
        margin: 0 !important;
      }
      .description > .sticky-wrapper > thead > th,
      td > p {
        margin: 0 !important;
      }
      .thead_title > p {
        margin: 0 !important;
      }
      .table_footer {
        font-size: 12px;
        font-style: italic;
        padding: 10px 0 0 2px;
      }
      .new-baca > table > tbody > tr > td{
        border: none !important;
        padding: 0px 15px 0px 0px !important;
        font-size: 19px !important;
      }
      .new-baca table tbody tr td:last-child{
        padding-left: 15px !important;
      }
      .bg-baca{
        position: relative;
        padding-right: 0px !important;
      }
      .bg-baca > span{
        position: absolute;
        top: 50%;
        left: 45%;
        transform: translate(-50%, -50%);
        width: 100%;
      }
      .bg-baca > img{
        margin: 0 !important;
        height: 60px !important;
      }
      .author-channel .img-author {
        display: block;
        margin: 0 auto;
      }
      .author-channel .name {
        /*font-family: "Roboto-Medium";*/
        font-family: 'Manrope', sans-serif !important;
        font-weight: 500;
      
        font-size: 20px;
        color: #2f80ed;
      }
      .author-channel .position {
        /*font-family: "Roboto-Medium";*/
        font-family: 'Manrope', sans-serif !important;
        font-weight: 500;
      
        font-size: 15px;
        color: #333;
      }
      .author-channel .description {
        /*font-family: "Roboto-Regular";*/
        font-family: 'Manrope', sans-serif !important;
        font-weight: 400;
      
        font-size: 14px;
        color: #4f4f4f;
        margin: 13px 0;
      }
      .author-channel .btn {
        border-radius: 8px;
        margin-right: 10px;
      }
      .author-channel .btn i {
        margin-right: 5px;
      }
      
      /* update 24/7/2019 */
      .gateway-wc {
        position: relative;
      
        background: #ef105a !important;
        color: #fcfcfc !important;
        border: 1px solid transparent;
        border-radius: 30px;
      
        font-family: 'Manrope', sans-serif !important;
        /*font-size: 12px !important;*/
      
        padding: 12px 25px !important;
        margin: 0;
        line-height: 10px;
      }
      .gateway-wc:after {
        content: "";
        background: url("../images/ico-wc-2019.svg") no-repeat;
        position: absolute;
        display: block;
        height: 40px;
        width: 40px;
        top: -20px;
        right: -20px;
        z-index: 100;
      }
      .gateway-wc.nonactive:after {
        background: none;
      }
      .gateway-wc:hover {
        background: #fcfcfc !important;
        color: #E00000 !important;
        /* border: 1px #000 solid;  */
        border: 1px #fcfcfc solid;
      }
      
      /* play button */
      * btn-play-big */ .btn_play {
        bottom: 0;
        position: absolute;
        width: 88px;
        height: 64px;
      }
      .b_play {
        background: url(../images/icon/play_black_big.svg) no-repeat;
        transition: 0.2s;
      }
      .play_hover:hover > .big_news > .head_title .title {
        color: #de861b !important;
        text-decoration: none;
        transition: 0.2s;
      }
      .play_hover:hover > .big_news > .for_img .b_play {
        background: url(../images/icon/play_red_big.svg) no-repeat;
        transition: 0.2s;
      }
      /* btn-play-md */
      .b_play_md {
        background: url(../images/icon/play_white_big.svg) no-repeat;
        transition: 0.2s;
      }
      .play_hover:hover > .for_img .b_play_md {
        background: url(../images/icon/play_red_big.svg) no-repeat;
        transition: 0.2s;
      }
      .play_hover:hover > .head_title .title_md {
        color: #de861b !important;
        text-decoration: none;
        transition: 0.2s;
      }
      .shadow .for_img .b_play_md {
        background: url(../images/icon/play_carousel.svg) no-repeat;
        transition: 0.2s;
      }
      .play_hover:hover > .shadow .for_img .b_play_md {
        background: url(../images/icon/play_red_big.svg) no-repeat;
        transition: 0.2s;
      }
      /* .play_hover:hover > .head_title .title_md{color: #DE861B !important; text-decoration: none;transition: 0.2s} */
      
      /* btn-play-sm */
      .btn_play_sm {
        bottom: 0;
        position: absolute;
        width: 70px;
        height: 50px;
      }
      .b_play_sm {
        background: url(../images/2020/play_white_sm.svg) no-repeat;
        transition: 0.2s;
      }
      
      .b_play_sm_wtv {
        background: url(../images/2020/play-widget.svg) no-repeat;
        transition: 0.2s;
        width: 90px;
      }
      .play_hover:hover > .newtv_play_img .b_play_sm_wtv {
        background: url(../images/2020/play-widget.svg) no-repeat;
        transition: 0.2s;
        z-index: 99;
      }
      
      .play_hover:hover > .for_img .b_play_sm {
        background: url(../images/2020/play_white_sm.svg) no-repeat;
        transition: 0.2s;
        z-index: 99;
      }
      /* .play_hover:hover > .for_img .b_play_sm{
                background: url(../images/icon/play_red_sm.svg) no-repeat;transition: 0.2s;
                z-index: 99;
            } */
      /* btn-play-xs */
      .btn_play_xs {
        bottom: 0;
        position: absolute;
        width: 50px;
        height: 36px;
      }
      .b_play_xs {
        background: url(../images/icon/play_white_xs.svg) no-repeat;
        transition: 0.2s;
      }
      .play_hover:hover > .for_img .b_play_xs {
        background: url(../images/icon/play_red_xs.svg) no-repeat;
        transition: 0.2s;
      }
      
      .big > .col-sm-6 > a > .for_img > img {
        min-height: 250px;
        object-fit: fill;
        border-radius: 15px;
      }
      .list-news li div a:hover > div .btn_play_sm {
        z-index: 99;
      }
      ul > li > .col-sm-4 > a > .wrapper-icon.top-54p6 > .icon-video {
        bottom: 0;
        position: absolute;
        background-color: #fcfcfc;
      }
      ul > li > .col-sm-4 > a:hover > .wrapper-icon.top-54p6 > .icon-video {
        background-color: #e01818 !important;
        /* background: url(../images/logo-sprite.png) no-repeat; */
        background-position: -372px -80px;
      }
      
      .wrapper-premium-content {
        /* height: 600px; */
        height: 250px;
        overflow: hidden;
      }
      .wrapper-premium-content:after {
        content: "";
        height: 40%;
        width: 100%;
        position: absolute;
        background-image: linear-gradient(rgba(252, 252, 252, 0.3), rgb(252, 252, 252));
        bottom: 0;
        left: 0;
      }
      .premium-content {
        position: relative;
        top: -100px;
        padding: 20px 20px 15px;
        background-color: #fcfcfc;
        color: #444;
        font-family: 'Manrope', sans-serif !important;
        font-size: 20px;
        text-align: center;
        -webkit-text-align: center;
        -moz-text-align: center;
        -o-text-align: center;
      }
      .premium-content .icon {
        position: relative;
        top: -3px;
        font-size: 14px;
        margin-right: 3px;
      }
      .premium-content .info {
        font-family: 'Manrope', sans-serif !important;
        font-size: 16px;
        line-height: 32px;
        color: #444444;
        padding: 0 20px 20px;
      }
      /* .premium-content .info a {
                color: #fdca00;
            } */
      
      .premium-content .info a {
        text-transform: uppercase;
        font-weight: bold;
      }
      
      .premium-content .info a:hover {
        text-decoration: underline;
      }
      .lowongan {
        background: #0c97a6;
        border: 0px;
        color: #fcfcfc;
        padding: 5px 25px;
        border-radius: 50px;
        box-shadow: 1px 1px 2px #666;
        transition: 0.3s;
        outline: none !important;
      }
      .lowongan:hover {
        background: #07707b;
        box-shadow: none;
      }
      
      .wrapper-list-news.home.d-table {
        /*display: table;*/
        margin: 20px 10px;
      }
      .d-table-cell {
        display: inline-block;
        vertical-align: top;
        float: left;
      }
      
      .sidenav {
        height: calc(100vh - 65px);
        position: fixed;
        z-index: 9999;
        display: block;
        width: 0;
        top: 65px;
        left: 0;
        background-color: #fcfcfc;
        border-right: 1px solid #ddd;
        transition: 0.3s ease-in-out;
        padding-top: 20px;
        overflow-x: hidden;
        overflow-y: auto;
      }
      /* ::-webkit-scrollbar {
                width: 8px;
                height: 18px;
              }
              
              ::-webkit-scrollbar-track {
                background: rgba(223, 223, 223, 0.75);
                border-radius: 10px;
              }
               
              ::-webkit-scrollbar-thumb {
                background: rgba(0, 0, 0, 0.3);
                border-radius: 10px;
              }
              
              ::-webkit-scrollbar-thumb:hover {
                background: #BBBBBB; 
              } */
      
      ::-webkit-scrollbar,
      ::-webkit-scrollbar-thumb {
        width: 17px;
        border-radius: 50px;
        background-clip: padding-box;
        border: 5px solid transparent;
      }
      
      ::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 0 10px rgba(0, 0, 0, 0.15);
      }
      
      @media screen and (max-height: 450px) {
        .sidenav a {
          font-size: 18px;
        }
      }
      .sidenav a .premium-btn-nav{
        background: linear-gradient(90deg,#fda085 0%,#f6d365 100%);
        color: #954700;
        border-radius: 7px;
        padding: 10px 15px 9px 35px;
        width: auto;
        margin: 15px 20px;
        position: relative;
      }
      .sidenav a .premium-btn-nav svg{
        display: block;
        width: 14px;
        height: 14px;
        color: #954700!important;
        position: absolute;
        top: 12px;
        left: 80px;
      }
      /* .sidenav a .premium-btn-nav::before{
        font-family: "font awesome 5 free";
        content: "\f005";
        display: block;
        width: 14px;
        height: 14px;
        color: #954700!important;
        position: absolute;
        left: 29%;
        font-size: 12px;
        top: 26%;
        font-weight: 700;
      } */
      .sidenav a .premium-btn-nav p{
        font-size: 12px;
        font-weight: 700;
        text-align: center;
      }
      
      .burger_white:before {
        background-color: #fcfcfc !important;
      }
      .burger_white:after {
        background-color: #fcfcfc !important;
      }
      
      .logo_nav {
        max-width: 130px;
        display: block;
        padding-left: 25px;
        width: 100%;
      }
      .all_kanal_nav {
        list-style: none;
        padding: 15px 0 15px 45px;
        width: 319px;
      }
      .all_kanal_nav > li {
        padding: 4px 0 4px 0;
        width: 130px;
        display: inline-block;
      }
      .all_kanal_nav > li.right {
        padding: 4px 0 4px 15px;
      }
      .all_kanal_nav > li > a {
        color: #333;
        font-size: 13px;
        font-family: 'Manrope', sans-serif !important;
        font-weight: 600;
      }
      .b_network {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        padding: 25px 25px;
        width: 340px;
        display: block;
        margin: 0 auto;
      }
      .b_network > label {
        font-family: 'Manrope', sans-serif !important;
        color: #333;
        display: block;
        font-size: 18px;
        font-weight: 300 !important;
      }
      .b_network > label > span {
        color: #f37826;
      }
      .reg_kanal_nav {
        /* display: block;
                margin: 0 auto; */
        padding: 15px 0 15px 45px;
        width: 320px;
      }
      .reg_kanal_nav ul {
        list-style: none;
      }
      .reg_kanal_nav > label {
        font-family: 'Manrope', sans-serif !important;
        color: #333;
        display: block;
        font-size: 18px;
        font-weight: 300 !important;
        margin-left: -20px;
      }
      .reg_kanal_nav > label > span {
        color: #f37826;
      }
      .reg_kanal_nav li {
        padding: 4px 0 4px 0;
        width: 130px;
        display: inline-block;
      }
      .reg_kanal_nav li.right {
        padding: 4px 0 4px 15px;
      }
      .reg_kanal_nav li a {
        color: #333;
        font-size: 13px;
        font-family: "Roboto" !important;
        font-weight: 600;
      }
      .b_network > a {
        display: inline-block;
        width: 130px;
        padding: 0 0 0 20px;
        margin: 10px 0 7px;
      }
      .b_network > a > img {
        max-width: 100px;
      }
      
      .big_ads_hl {
        margin: 0;
        padding: 20px 0 15px;
        left: -25px;
        display: none;
      }
      .big_ads_hl.selected {
        display: block;
      }
      .close_ads {
        position: absolute;
        right: -50px;
        top: 20px;
      }
      .btn_close {
        background: #bfbfbf;
        border: none;
        box-shadow: none;
        outline: none;
      }
      .box_close {
        width: 100% !important;
        max-width: 1100px !important;
        margin: 0 auto !important;
        display: block !important;
        min-height: 1px !important;
        position: relative !important;
      }
      .close-btn.new {
        display: block !important;
        position: absolute !important;
        right: 0 !important;
        top: 0 !important;
      }
      .bg-close {
        background-color: #bfbfbf !important;
        padding: 5px 5px 0px 0px !important;
        color: #fcfcfc !important;
        position: relative !important;
        top: -18px !important;
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
      }
      .x1 {
        background-color: #fcfcfc !important;
        width: 13px;
      }
      .x2 {
        background-color: #fcfcfc !important;
        width: 13px;
      }
      
      header.kanal .fix_nav .container_inject .col-sm-6 {
        padding: 0;
        margin: 0;
      }
      header.kanal .fix_nav .container_inject .col-sm-5 {
        padding: 3px 0 0 0;
        margin: 0;
      }
      .logo_kanal {
        font-family: 'Manrope', sans-serif !important;
        font-size: 60px;
        color: #445ba7;
      }
      .campaign_kanal {
        display: inline-block;
        width: 1080px;
        list-style: none;
        text-decoration: none;
        padding: 16.5px 20px;
        background: linear-gradient(90deg, #ebf0f7 0%, #f5f7fa 50.52%, #ebf0f6 100%);
        border-radius: 13px;
        text-align: left;
        margin: 0;
      }
      .campaign_kanal li {
        display: inline-block;
        padding: 0 12px;
        text-transform: uppercase;
        font-size: 13px;
        font-weight: 600;
        font-family: 'Manrope', sans-serif !important;
      }
      .campaign_kanal li a {
        color: #333333;
        font-weight: 600;
      }
      .campaign_kanal li a:hover {
        color: #e88b21;
      }
      .campaign_kanal li.active a {
        color: #e88b21;
      }
      .kanal_container {
        max-width: 1080px !important;
        padding: 0 !important;
        margin: 0 auto !important;
      }
      .new_livereport {
        padding: 25px 0;
        min-height: 111px;
      }
      .new_livereport span.live {
        font-family: 'Manrope', sans-serif !important;
        font-size: 16px;
        font-weight: 600;
        display: inline-block;
        width: 65px;
        border-right: 3px solid #E00000;
        padding: 20px 0;
        float: left;
      }
      .new_livereport span.live::before {
        content: "";
        width: 5px;
        height: 5px;
        border-radius: 100px;
        background: #E00000;
        display: inline-block;
        position: relative;
        top: -3px;
        margin-right: 7px;
      }
      .listlive_report {
        display: inline-block;
        width: 335px;
        color: #444444;
        font-size: 15px;
        font-weight: 100 !important;
        font-family: 'Manrope', sans-serif !important;
        padding: 0 18px;
        float: left;
      }
      .listlive_report label {
        font-weight: 100 !important;
      }
      .listlive_report span {
        font-size: 10px;
        color: #fb5858;
        font-style: italic;
        display: block;
      }
      
      .new_hotoppic {
        padding: 25px 0;
        position: relative;
        display: inline-block;
      }
      .new_hotoppic span.hotopic {
        font-family: 'Manrope', sans-serif !important;
        font-size: 18px;
        font-weight: 900;
        line-height: 20px;
        display: inline-block;
        width: 65px;
        border-right: 3px solid #E00000;
        padding: 13px 12px 13px 0;
        float: left;
        color: #E00000;
        text-align: right;
      }
      .hotopic_news {
        display: inline-block;
        width: 248px;
        color: #444444;
        font-size: 15px;
        font-weight: 100 !important;
        font-family: 'Manrope', sans-serif !important;
        padding: 0 18px;
        float: left;
      }
      .hotopic_news label {
        font-weight: 100 !important;
      }
      .hotopic_news span a {
        font-size: 14px !important;
        color: #fb5858 !important;
      }
      .hotopiclabel{
        font-family: 'Manrope', sans-serif !important;
      }
      .hotopic li.hotopicLabel{
        font-family: 'Manrope', sans-serif !important;
      }
      .hotopic li.hotopicLabel label{
        letter-spacing: 0.05em !important;
      }
      
      .our-recommendation.four {
        max-width: 780px;
        display: inline-block;
      }
      .our-recommendation.four ul {
        margin: 0 -10px;
        padding-bottom: 10px;
        border: none;
      }
      .our-recommendation.four ul li {
        display: inline-block;
        padding: 0 10px;
        width: 191px;
      }
      .our-recommendation.four ul li div a .small_img_head {
        border-radius: 13px;
        width: 100%;
        height: 125px;
        object-fit: cover;
      }
      .our-recommendation.four ul li div a .h2_cec {
        font-family: 'Manrope', sans-serif !important;
        font-size: 15px;
        line-height: 22px;
        padding: 10px 0;
        text-decoration: none;
      }
      .our-recommendation.four ul li div a:hover .h2_cec {
        color: #445ba7;
        text-decoration: none;
      }
      .our-recommendation.four h3 {
        font-family: 'Manrope', sans-serif !important;
        font-size: 19px;
        text-transform: capitalize;
        color: #fb5858;
        letter-spacing: 0.5px;
        margin: 15px 0 20px;
      }
      .banner_ads_custom {
        padding: 0;
        display: inline-block;
        width: 300px;
        position: absolute;
        right: 0;
      }
      .premium_home{
        position: relative;
      }
      .premium_home::after {
        content: "";
        display: block;
        width: 100%;
        height: 220px;
        /* background: #313439; */
        margin-top: 50px;
      }
      .premium_home .col-sm-12 {
        left: 50%;
        transform: translate(-50%, 0px);
        padding: 0;
      }
      .premium_home .premium_home-bg{
        position: absolute;
        height: 220px;
        width: 100%;
        bottom: 0;
        z-index: -1;
      }
      .det_premium {
        text-align: center;
        -webkit-text-align: center;
        -moz-text-align: center;
        -o-text-align: center;
        margin-top: 0;
      }
      .det_premium span {
        border-radius: 10px !important;
      }
      .col-custom.premium .title-premium,
      .col-custom.premium .subtitle,
      .col-custom.premium .author {
        text-align: center;
        -webkit-text-align: center;
        -moz-text-align: center;
        -o-text-align: center;
        margin: 15px auto;
      }
      .col-custom.premium .title-premium {
        background: #fdfcfc;
        border-radius: 15px 15px 0 0;
        /* margin-top: -10px; */
        /* padding: 30px 30px 70px; */
        max-width: 760px;
        font-weight: 900;
        line-height: 38px;
        margin-top: unset !important;
      }
      .col-custom.premium .subtitle,
      .col-custom.premium .author {
        max-width: 505px;
        font-weight: 200;
      }
      .col-custom.premium .author a .img-author {
        margin-top: -22px !important;
      }
      .col-custom.premium .author .new-description {
        position: relative !important;
      }
      .lbl_premium {
        font-family: 'Manrope', sans-serif !important;
        font-size: 16px;
        color: #444444;
        display: block;
        margin-bottom: 15px;
      }
      .lbl_premium2 {
        font-family: 'Manrope', sans-serif !important;
        font-size: 20px;
        color: #444444;
        display: block;
        margin-bottom: 15px;
      }
      .lbl_premium span {
        color: #E00000;
      }
      .premium-content .info .daftar {
        display: inline-block;
        background: linear-gradient(173.26deg, #e76e1e -0.11%, #f79e19 50.56%, #ffce21 100.17%);
        box-shadow: 7px 7px 8px rgba(154, 154, 154, 0.4);
        border-radius: 30px;
        color: #fcfcfc;
        font-size: 18px;
        text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
        padding: 7px 37px;
        text-decoration: none;
        border: 1px solid #fbb51d;
        margin: 0 15px;
      }
      .premium-content .info .masuk {
        display: inline-block;
        background: linear-gradient(173.26deg, #ececec -0.11%, #e3e3e3 46.97%, #fdfdfd 100.17%);
        box-shadow: inset -7px -7px 8px rgba(196, 196, 196, 0.4), inset 8px 8px 10px #ffffff;
        border: 1px solid #f5f5f5;
        border-radius: 30px;
        color: #444444;
        font-size: 18px;
        text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
        padding: 7px 37px;
        text-decoration: none;
        min-width: 275px;
        margin: 0 15px;
      }
      .premium-content .info .daftar:hover {
        text-decoration: none;
        background: #c1820c;
        border: 1px solid #c1820c;
      }
      .premium-content .info .masuk:hover {
        text-decoration: none;
        background: #c5c5c5;
      }
      .col-custom.premium .emoticon {
        max-width: 743.55px;
        margin: 28px auto 0;
      }
      .col-custom.premium .pd-bottom-15,
      .col-custom.premium .pd-bottom-30 {
        max-width: 743.55px;
        margin: 0 auto;
      }
      .btn_series {
        width: 100%;
        height: auto;
        display: inline-block;
        padding: 15px 0;
        position: relative;
      }
      .button_series {
        width: 91px;
        display: inline-block;
        /* position: absolute; */
      }
      .number_series {
        width: 450px;
        display: inline-block;
        position: absolute;
      }
      .pagination_series {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 20px 0 0;
        font-size: 16px;
        font-family: 'Manrope', sans-serif !important;
      }
      .number_series button {
        background: #fb5858;
        color: #fcfcfc;
        border-radius: 6px;
        box-shadow: none !important;
        text-decoration: none !important;
        outline: none !important;
        border: 0;
        padding: 9px 15px;
      }
      .number_series button:hover {
        background: #E00000;
      }
      .number_series button.active {
        background: #E00000;
      }
      button.all_page {
        background: #fb5858;
        color: #fcfcfc;
        border-radius: 6px;
        box-shadow: none !important;
        text-decoration: none !important;
        outline: none !important;
        border: 0;
        padding: 10px 20px;
        float: right;
        font-size: 14px;
      }
      button.all_page:hover {
        background: #E00000;
      }
      .title_series {
        width: 630px;
        display: inline-block;
        padding: 9px 5px 0;
        float: right;
      }
      .title_series a {
        color: #004CE0;
        font-family: 'Manrope', sans-serif !important;
        font-size: 18px;
        font-weight: bold;
      }
      .title_series a:hover {
        color: #0A317B;
      }
      .link_series .prev_series img,
      .link_series .next_series img {
        /* background: #FB5858; */
        padding: 15px 6px;
        margin: 0 !important;
        /* border-radius: 6px; */
        /* margin: 0 2px 5px 0; */
      }
      .link_series .button_series button {
        background: #fb5858;
        border-radius: 6px;
        box-shadow: none !important;
        text-decoration: none !important;
        outline: none !important;
        border: 0;
      }
      .link_series .button_series button:disabled,
      .link_series .button_series button.disabled,
      .link_series .button_series button.disabled:hover {
        background: #eaeaea !important;
        cursor: default !important;
      }
      .link_series .prev_series:hover {
        background: #E00000;
        /* transition: 0.3s; */
      }
      .link_series .next_series:hover {
        background: #E00000;
        /* transition: 0.3s; */
      }
      /* .link_series .prev_series.disable img,
            .link_series .next_series.disable img{
                background: #D3D3D3 !important;
            }
            .link_series .prev_series.disable:hover > img{
                background: #D3D3D3 !important;
            }
            .link_series .next_series.disable:hover > img{
                background: #D3D3D3 !important;
            } */
      .page_series {
        font-family: 'Manrope', sans-serif !important;
        font-style: italic;
        font-size: 14px;
        color: #666666;
        position: relative;
      }
      .page_series img {
        margin: 0 !important;
        padding: 16px 5px 20px 0;
      }
      .page_series hr {
        margin: 0;
        position: absolute;
        top: 32px;
        right: 0;
        width: 570px;
      }
      #sticky-share2 {
        float: right;
      }
      
      /* zooming */
      #myImg-inject {
        border-radius: 5px;
        cursor: pointer;
        transition: 0.3s;
        width: 100%;
        height: auto;
        object-fit: cover;
      }
      
      #myImg-inject:hover {
        opacity: 0.9;
      }
      
      /* The Modal (background) */
      .modal-inject {
        display: none; /* Hidden by default */
        position: fixed; /* Stay in place */
        z-index: 9999999; /* Sit on top */
        padding-top: 100px; /* Location of the box */
        left: 0;
        top: 0;
        width: 100%; /* Full width */
        height: 100%; /* Full height */
        overflow: hidden; /* Enable scroll if needed */
        background-color: rgb(0, 0, 0); /* Fallback color */
        background-color: rgba(0, 0, 0, 0.9); /* Black w/ opacity */
      }
      
      /* Modal Content (image) */
      .modal-content-inject {
        margin: auto;
        display: block;
        width: 80%;
        max-width: 800px;
        max-height: 500px;
        z-index: 999;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 25px;
      }
      .modal-content-inject img {
        width: 100%;
        height: auto;
        /* max-height: 500px; */
        object-fit: cover;
      }
      .popup-infografik {
        width: 100%;
        height: 100%;
        overflow-y: scroll;
      }
      /* width */
      .popup-infografik::-webkit-scrollbar {
        width: 5px;
        border-radius: 10px;
        margin-left: 5px;
      }
      
      /* Track */
      .popup-infografik::-webkit-scrollbar-track {
        box-shadow: 0;
        border-radius: 10px;
        background: #333;
      }
      
      /* Handle */
      .popup-infografik::-webkit-scrollbar-thumb {
        background: #666;
        border-radius: 10px;
      }
      
      /* Handle on hover */
      .popup-infografik::-webkit-scrollbar-thumb:hover {
        background: #999;
      }
      
      /* Caption of Modal Image */
      #caption-inject {
        margin: auto;
        display: block;
        width: 100%;
        /* max-width: 700px; */
        text-align: center;
        color: #ccc;
        padding: 10px 0;
        /* height: 150px; */
      }
      
      /* Add Animation */
      .modal-content-inject,
      #caption-inject {
        -webkit-animation-name: zoom;
        -webkit-animation-duration: 0.4s;
        animation-name: zoom;
        animation-duration: 0.4s;
      }
      
      @-webkit-keyframes zoom {
        from {
          -webkit-transform: scale(0);
        }
        to {
          -webkit-transform: scale(1);
        }
      }
      
      @keyframes zoom {
        from {
          transform: scale(0);
        }
        to {
          transform: scale(1);
        }
      }
      
      /* The Close Button */
      .close-inject {
        color: #f1f1f1;
        font-size: 40px;
        transition: 0.3s;
        display: block;
        width: 100%;
        text-align: right;
        padding: 20px 35px 100%;
        margin-top: -100px;
      }
      
      .close-inject:hover,
      .close-inject:focus {
        color: #bbb;
        text-decoration: none;
        cursor: default;
      }
      
      /* 100% Image Width on Smaller Screens */
      @media only screen and (max-width: 700px) {
        .modal-content-inject {
          width: 100%;
        }
      }
      .premium_img {
        padding: 15px 70px 0;
      }
      .premium_img span {
        width: 50%;
        display: inline-block;
        text-align: left;
        font-family: 'Manrope', sans-serif !important;
        font-size: 16px;
        line-height: 24px;
        color: #333;
      }
      .premium_img span label {
        font-family: 'Manrope', sans-serif !important;
        font-size: 22px;
        color: #ed821b;
        margin-bottom: 14px;
      }
      .premium_img span b {
        color: #ed821b;
      }
      .premium_img img {
        max-width: 351px !important;
        padding: 0 20px 30px;
        margin: 0;
      }
      ul.campaign > li.crn > a {
        color: #fb5858 !important;
      }
      .search-nav {
        position: relative;
        width: 249px;
        margin: 0 auto;
      }
      .search-nav.hh .search_icon {
        top: 11px !important;
        left: 27px !important;
      }
      .search-nav.hh .search {
        margin: 13px 0 0 14px !important;
      }
      .search-nav.all .search_icon {
        top: 11px !important;
        left: 15px !important;
      }
      .search-nav.all .search {
        margin: 13px 0 0 0 !important;
      }
      .static-page {
        max-width: 1080px !important;
        margin: 0 auto !important;
        border-bottom: 0 !important;
      }
      .static-page .container {
        padding: 0 !important;
        max-width: 1080px !important;
      }
      .static-page .container .left .description {
        margin-left: 0 !important;
      }
      .static-page .container .right {
        padding: 0 !important;
        width: 300px !important;
        float: right !important;
      }
      /* #premium-popup .premium-box{
                text-align: center;
                padding-top: 100px;
            }
            #premium-popup .premium-box .premium-relative{
                display: inline-block;
                position: relative;
            }
            #premium-popup .premium-box .premium-relative span.notif-close{
                position: absolute;
                bottom: 43px;
                background: #F2994A;
                color: #fff;
                font-size: 15px;
                padding: 10px;
                width: 250px;
                border-radius: 5px;
                left: 50%;
                transform: translate(-50%, 0);
                cursor: pointer;
            }
            #premium-popup .premium-box .premium-relative span.txt{
                position: absolute;
                margin: 0 !important;
                left: 50%;
                transform: translate(-50%, 0);
                bottom: 92px;
                font-size: 14px;
            }
            
            #premium-popup .premium-box .premium-relative img.mt-30{
                margin: 0 !important;
                padding: 0 !important;
            }
            #premium-popup .premium-box .premium-relative img.comp{
                position: absolute;
                margin: 0 !important;
                left: 50%;
                transform: translate(-50%, -60%);
                top: 50%;
            } */
      .run-teks {
        display: inline-block;
        position: relative;
        height: 37px;
        width: 940px;
        padding: 9px 0;
        margin: 0 65px 15px 65px;
        background: #eee;
        font-family: 'Manrope', sans-serif !important;
        font-weight: 200;
        font-size: 13px;
        border-radius: 8px;
      }
      .run-teks a {
        color: #333;
        text-decoration: none;
        margin: 0 8px;
      }
      .run-teks a:hover {
        color: #d8101c;
        text-decoration: none;
      }
      .run-teks img {
        position: absolute;
        left: 0;
        top: 0;
      }
      .menu-premium:before {
        top: 9px !important;
      }
      .premium-content .info span {
        display: block;
        margin: 20px 0 0 0;
        font-size: 16px;
        font-family: 'Manrope', sans-serif !important;
        color: #444;
      }
      .premium-content .info span a {
        text-transform: none !important;
        color: #21bcff !important;
      }
      .land-premium .little_article .h2_inject {
        color: #333 !important;
        font-size: 16px !important;
        line-height: 25px;
      }
      .land-premium .big_article .h2_inject {
        color: #fff !important;
        position: absolute !important;
        z-index: 9 !important;
        bottom: 30px !important;
        font-size: 22px !important;
        line-height: 30px !important;
        padding: 0 30px !important;
      }
      
      .alert {
        position: relative;
        padding-left: 60px;
        margin-left: -15px;
        width: calc(100% + 30px);
        font-size: 15px;
      }
      .alert-danger {
        color: #fff !important;
        background-color: #ff8585 !important;
        border-color: #ff8585 !important;
      }
      .alert-success {
        color: #fff !important;
        background-color: #52c1ad !important;
        border-color: #52c1ad !important;
      }
      .alert div {
        display: inline-block;
        width: 23px;
        height: 23px;
        border-radius: 50px;
        position: absolute;
        margin-right: 10px;
        left: 18px;
        top: 14px;
      }
      .alert div span {
        color: #fff;
      }
      .alert-danger div {
        background: #e96d6d !important;
      }
      .alert-success div {
        background: #319684 !important;
      }
      .alert-danger > div > span {
        font-size: 20px;
        position: absolute;
        top: -2.5px;
        left: 6px;
      }
      .alert-success > div > span {
        font-size: 16px;
        position: absolute;
        top: 1.5px;
        left: 9.3px;
      }
      button.close:hover,
      button.close:focus {
        color: #000;
        cursor: pointer;
        opacity: 0.4;
      }
      
      @font-face {
        font-family: "slick";
        font-weight: normal;
        font-style: normal;
      
        src: url("../vendors/slick/fonts/slick.eot");
        src: url("../vendors/slick/fonts/slick.eot?#iefix") format("embedded-opentype"), url("../vendors/slick/fonts/slick.woff") format("woff"),
          url("../vendors/slick/fonts/slick.ttf") format("truetype"), url("../vendors/slick/fonts/slick.svg#slick") format("svg");
      }
      
      /* Dots */
      .slick-dotted.slick-slider {
        margin-bottom: 30px;
      }
      
      .slick-dots {
        position: absolute;
        bottom: -15px;
      
        display: block;
      
        width: 100%;
        padding: 0;
        margin: 0;
      
        list-style: none;
      
        text-align: center;
      }
      .slick-dots li {
        position: relative;
      
        display: inline-block;
      
        width: 10px;
        height: 10px;
        margin: 0;
        padding: 0;
      
        cursor: pointer;
      }
      .slick-dots li button {
        font-size: 0;
        line-height: 0;
      
        display: block;
      
        width: 20px;
        height: 20px;
        padding: 5px;
      
        cursor: pointer;
      
        color: transparent;
        border: 0;
        outline: none;
        background: transparent;
      }
      .slick-dots li button:hover,
      .slick-dots li button:focus {
        outline: none;
      }
      .slick-dots li button:hover:before,
      .slick-dots li button:focus:before {
        opacity: 1;
      }
      .slick-dots li button:before {
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
      
        position: absolute;
        top: 0;
        left: 0;
      
        width: 20px;
        height: 20px;
      
        content: "•";
        text-align: center;
      
        opacity: 0.25;
        color: black;
      
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
      }
      .slick-dots li.slick-active button:before {
        opacity: 0.75;
        color: black;
      }
      .description .sticky-wrapper .col-sm-2 {
        padding: 0;
      }
      /* ok */
      
      #bodyclose-inject {
        /* margin-top: 65px; */
        position: fixed;
        width: 0;
        height: 0;
      }
      #bodyclose-inject label {
        width: 100%;
        height: 100%;
        margin-top: -20px;
        cursor: default;
      }
      .banner-17-2020 {
        position: relative;
        width: 100%;
        height: 60px;
        background-color: #d7d7d7;
        text-align: center;
        text-align: -webkit-center;
        text-align: -moz-center;
        text-align: -o-center;
      }
      .banner-17-2020 div {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
      }
      .banner-17-2020 div label {
        font-size: 16px;
        font-family: 'Manrope', sans-serif !important;
        font-weight: 100 !important;
        color: #000;
        margin: 0 15px;
      }
      .banner-17-2020 div label span {
        font-size: 15px;
        font-weight: 600 !important;
        color: #E00000;
      }
      .banner-17-2020 div a {
        background-color: #E00000;
        font-size: 16px;
        font-family: 'Manrope', sans-serif !important;
        color: #fff;
        padding: 10px 20px;
        border-radius: 5px;
      }
      .banner-17-2020 div a:hover {
        background-color: #c72929;
      }
      
      /* New Subscribe */
      .new-subscribe {
        background: #d5dfeb;
        border-radius: 10px;
        width: 728px;
        height: auto;
        display: inline-block;
        margin-left: 0;
        margin-top: 30px;
        position: relative;
        text-align: center;
        text-align: -webkit-center;
        text-align: -moz-center;
        text-align: -o-center;
        padding: 31px 0 !important;
      }
      .new-subscribe label {
        font-family: 'Manrope', sans-serif !important;
        font-size: 18px;
        color: #344267;
        padding: 4px 0 0;
        margin: 0;
        width: 100%;
        text-align: center;
      }
      .new-subscribe p {
        font-family: 'Manrope', sans-serif !important;
        font-size: 13px;
        font-weight: 100;
        color: #344267;
        margin-top: 0 !important;
      }
      .new-subscribe form {
        /* max-width: 590px; */
        height: 40px;
        margin-top: -3px;
        padding: 0 !important;
      }
      .new-subscribe form .form-group {
        width: 428px;
        display: inline-block;
        float: left;
      }
      .new-subscribe form .form-group input {
        height: 40px;
        border-radius: 5px;
        border: 0;
        outline: none;
        box-shadow: none;
        font-weight: 100 !important;
      }
      .new-subscribe form button {
        background: #5b82e5;
        color: #fff;
        font-family: 'Manrope', sans-serif !important;
        font-size: 15px;
        height: 40px;
        width: 152px;
        text-align: center;
        text-align: -webkit-center;
        text-align: -moz-center;
        text-align: -o-center;
        border-radius: 5px;
        border: 0;
        outline: none;
        box-shadow: none;
        float: right;
      }
      .new-input-subscribe {
        height: 40px !important;
        width: 100% !important;
        max-width: 428px !important;
        border-radius: 5px !important;
        border: 0 !important;
        outline: none !important;
        box-shadow: none !important;
        font-weight: 100 !important;
        padding: 10px 15px !important;
        float: left;
      }
      .btn-new-subcribe {
        background-color: #5b82e5 !important;
        color: #fff !important;
        font-family: 'Manrope', sans-serif !important;
        font-size: 15px !important;
        height: 40px !important;
        width: 152px !important;
        text-align: center !important;
        text-align: -webkit-center !important;
        text-align: -moz-center !important;
        text-align: -o-center !important;
        border-radius: 5px !important;
        border: 0 !important;
        outline: none !important;
        box-shadow: none !important;
        float: right !important;
        margin: 0 !important;
        padding: 0 !important;
      }
      #mc_embed_signup .mc-field-group {
        width: 100% !important;
        display: inline-block !important;
        /* margin-left: -20px !important; */
        max-width: 590px;
        margin: 0 auto !important;
        display: block !important;
      }
      #mc_embed_signup .mc-field-group input {
        text-indent: 0 !important;
        clear: unset;
        margin-bottom: 5px !important;
      }
      #mc_embed_signup .button:hover {
        background-color: #3a59a7 !important;
      }
      #mc_embed_signup div.response {
        margin: 0 !important;
        padding: 0 !important;
        font-weight: bold;
        float: unset !important;
        top: 0 !important;
        z-index: 1;
        width: 100% !important;
        text-align: center !important;
        padding: 15px 50px 25px !important;
      }
      #mc_embed_signup div#mce-responses {
        float: unset !important;
        top: 0 !important;
        padding: 0 !important;
        overflow: hidden;
        width: 100% !important;
        margin: 0 !important;
        clear: unset !important;
      }
      #mc_embed_signup .indicates-required {
        text-align: center !important;
        margin-right: 0 !important;
      }
      #mc_embed_signup div#mce-responses {
        float: unset !important;
        top: 0 !important;
        overflow: hidden;
        width: 100% !important;
        margin: 0 !important;
        clear: unset !important;
        background-color: #d5dfeb !important;
        border-radius: 10px !important;
        /* padding: 15px 50px 25px !important; */
      }
      #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
        display: contents !important;
      }
      
      /* FAQ Style */
      
      .big-orange {
        font-size: 26px;
        font-weight: 900;
        font-style: italic;
        color: #ed821b;
        max-width: unset !important;
        position: relative;
        padding-top: 50px;
        margin-top: 0 !important;
        text-align: center;
        -webkit-text-align: center;
        -moz-text-align: center;
        -o-text-align: center;
      }
      .big-orange span {
        font-size: 90px;
        /* position: absolute; */
        display: block;
        width: 100%;
        top: -20px;
      }
      .big-orange br{
        display: none;
      }
      
      .ml.share-custom img {
        margin: 0px;
        width: 16px;
        height: 16px;
      }
      
      .ml.share-custom {
        background: #dedede;
        border: 1px solid #ffffff;
      }
      
      .tooltip {
        z-index: 1000 !important;
      }
      
      .tooltip.fade.right.in {
        /* top: 309px !important;
              left: 88px !important; */
        z-index: 100;
      }
      
      .tooltip.right .tooltip-arrow {
        top: 50% !important;
      }
      
      .tooltip-inner {
        width: 150px;
      }
      
      .wrapper__automization {
        background: #192647;
        border-radius: 10px;
        margin-top: 20px;
      }
      
      .automization__header {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        margin-right: 20px;
      }
      
      .header__left {
        background: #eb5757;
        border-radius: 5px 0px 30px 0px;
      }
      
      .header__left p {
        color: #ffffff;
        font-size: 16px;
        font-weight: 700;
        padding: 10px 20px 10px 20px;
        margin: 0px;
      }
      
      .header__right a {
        color: #50cff6;
        font-size: 11px;
        font-weight: 400;
      }
      
      .automization__body {
        margin: 20px;
      }
      
      .automization__title {
        color: #ffffff;
        font-size: 14px;
        font-weight: 700;
        margin-top: 15px;
        margin-bottom: 5px;
      }
      
      .automization__datetime {
        color: #999999;
        font-style: italic;
        font-size: 11px;
        font-weight: 400;
        margin-bottom: 40px;
      }
      
      .automization__body img {
        width: 100%;
        height: 100%;
      }
      
      .flex-reverse-tooltip {
        display: flex;
        flex-direction: row-reverse;
      }
      
      @media (max-width: 768px) {
        .header__right {
          margin-top: 10px;
          margin-left: 20px;
        }
      }
      
      #bottomzone {
        z-index: 100 !important;
      }
      
      .ads-bisnismuda__icon {
        position: relative;
        top: 40px;
        left: 98%;
        z-index: 100;
        cursor: pointer;
        width: 23px;
        height: 23px;
      }
      
      /* CAROUSEL UPDATE */
      .carousel-cell {
        margin: 0 0 0 -5px !important;
      }
      
      .carousel-cell.is-selected {
        z-index: 9999;
      }
      
      /* FLYING CARPET AD*/
      .flying_carpet_show_inner::before{
        /* background-color: #FAFAFA; */
        content: url(../images/adbanner-icon.svg);
        position: fixed;
        z-index: -1;
        left: 0; 
        right: 0;
        top: 0;
        width: 75%;
        height: 100%;
        font: 400 14px/1.4 Roboto,sans-serif;
        color: #C9CACF;
        display: flex;
        justify-content: center;
        align-items: center;
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
      }
      .flying_carpet_show_inner::after{
        content: "Advertisement";
        position: fixed;
        z-index: -1;
        left: 0;
        right: 0;
        top: 35px;
        width: 75%;
        height: 100%;
        font: 400 14px/1.4 Roboto,sans-serif;
        color: #C9CACF;
        display: flex;
        justify-content: center;
        align-items: center;
      }
      .flying_carpet_show_inner_infografik{
        /* margin: 0; */
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        clip: rect(auto, auto, auto, auto);
      }
      .flying_carpet_show_inner_infografik::before{
        /* background-color: #FAFAFA; */
        content: url(../images/adbanner-icon.svg);
        position: fixed;
        z-index: -1;
        /* left: 0;  */
        right: 0;
        top: 0;
        width: 75%;
        height: 100%;
        font: 400 14px/1.4 Roboto,sans-serif;
        color: #C9CACF;
        display: flex;
        justify-content: center;
        align-items: center;
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
      }
      .flying_carpet_show_inner_infografik::after{
        content: "Advertisement";
        position: fixed;
        z-index: -1;
        /* left: 0; */
        right: 0;
        top: 35px;
        width: 75%;
        height: 100%;
        font: 400 14px/1.4 Roboto,sans-serif;
        color: #C9CACF;
        display: flex;
        justify-content: center;
        align-items: center;
      }
      .flying_carpet_show_inner_infografik .flying_carpet_show_fix .flying_carpet_show_banner{
        left: 64%;
      }
      .flying_carpet_upper_note{
        width: 100%;
        /* padding: 10px 0px; */
        background-color: #445BA7;
        color: white;
        font-weight: bold;
        font-size: 16px;
        text-align: center;
        margin: auto;
        border-radius: 30px;
        line-height: 32px;
        height: 35px;
        vertical-align: middle;
      }

      /* COMPILATION AT KANAL STYLES */
.compilation-container{
  background-color: #23262A;
  padding: 25px 0;
  margin-bottom: 25px;
}
.compilation-row{
  align-items: center;
}
.panel{
  margin-bottom: initial;
}
.compilation-fieldset{
  border: 1px solid transparent; 
  border-top-color: #FFB723; 
  box-sizing: border-box; 
  /* padding: 20px;  */
  padding-bottom: 15px;
  width: inherit; 
}
.compilation-title{
  margin: auto; 
  padding: 0 4px; 
  width: initial;
  border: 0;
  color: #FFB723;
  padding: 0 15px;
} 
.slick-content{
  /* margin: 0 10px; */
  padding: 0 10px;
  border: none;
  background-color: transparent;
  /* height: 391px; */
  /* position: relative; */
}
.slick-content:hover a .panel-compilation{
  opacity: 75%;
}
.slick-content .panel-compilation{
  position: relative;
  transition: .3s;
}
.slick-content .panel-compilation-new::before{
  content: "BARU";
  color: white;
  position: absolute;
  background-color: #BA181E;
  padding: 5px;
  top: 10px;
  left: 10px;
  border-radius: 3px;
  font-size: 12px;
}
.slick-content .panel-body{
  padding: 0;
  padding-top: 15px;
  /* margin-bottom: 15px; */
  font-size: 17px;
  line-height: 21px;
  font-weight: 500;
  color: white;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.slick-content .panel-footer{
  border: none;
  padding: 10px 0;
  color: #FFB723;
  font-weight: 400px;
  font-size: 14px;
  background-color: transparent;
  /* position: absolute;
  bottom: 0; */
}
.comp-img{
  width: 100%;
  height: 279px;
  object-position: top center;
  object-fit: cover;
  border: none;
  border-radius: 10px;
}
.compilation-col .slick-list{
  z-index: 1;
}
.compilation-col .slick-next, .compilation-col .slick-prev{
  top: 40%;
}
.compilation-col .slick-arrow{
  font-size: 18px;
  color: #666666;
  background-color: #23262A;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  z-index: 2;
  transition: .3s;
}
.compilation-col .slick-arrow:hover{
  background-color: #23262A !important;
  color: #FFB723 !important;
  opacity: 100%;
}
.compilation-col .slick-arrow:focus{
  background-color: #23262A !important;
  color: #666666 ;
}
/* .slick-arrow:active{
  background-color: #23262A !important;
  color: #FFB723 !important;
} */
.compilation-col .slick-arrow::before{
  content: none;
}
/* END */

/* COMPILATION DETAILS STYLES */
.compilation-detail-container{
  background-repeat: no-repeat !important;
  /* background-attachment: fixed !important; */
  background-position: center !important;
  background-size: cover !important;
  padding: 25px 0;
  margin: 25px 0;
}
.compilation-detail-container::before{
  content: "";
  width: 100%;
  height: 100%;
  filter: blur(8px);
  -webkit-filter: blur(8px);
}
.compilation-detail-row{
  align-items: center;
  justify-content: center;
}
.comp-header{
  align-items: center;
  justify-content: center;
  display: flex;
}
.comp-header-img{
  text-align: center;
}
.comp-header-img img{
  width: 235px;
  height: 328px;
  object-fit: cover;
  object-position: top center;
  border-radius: 10px;
  margin: auto;
}
.comp-header-desc h3{
  color: white;
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 20px;
}
.comp-header-desc p{
  font-size: 12px;
  color: white;
  margin-bottom: 20px;
  line-height: 18px;
}
.comp-header-btn{
  display: flex;
}
.comp-header-btn button{
  color: #333333;
  border-radius: 10px;
  padding: 10px 10px;
  border: 1px solid #333333;
  display: flex;
  font-size: 14px;
}
.comp-bell-btn{
  background-color: #F49135;
  margin-right: 20px;
}
.comp-share-btn{
  background-color: white;
}
.compilation-count{
  font-size: 28px;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 25px;
}

.compilation-content-list-container{
  padding: 25px 0 50px;
}
.content-list-title{
    font-family: 'Manrope', sans-serif !important;
  font-size: 32px!important;
  color: #999;
  padding-bottom: 25px;
  padding-top: 10px;
}
.content-list-title a{
    font-family: 'Manrope', sans-serif !important;
  font-size: 32px!important;
  color: #999;
  padding-bottom: 25px;
  padding-top: 10px;
}
.content-list-title a span{
    font-family: 'Manrope', sans-serif !important;
  font-size: 32px!important;
  color: #333;
}
.compilation-suggestion .panel{
  background-color: transparent;
  border: none;
  box-shadow: none;
}
.compilation-suggestion .panel-compilation{
  position: relative;
  transition: .3s;
}
.compilation-suggestion .panel-compilation-new::before{
  content: "BARU";
  color: white;
  position: absolute;
  background-color: #BA181E;
  padding: 5px;
  top: 10px;
  left: 10px;
  border-radius: 3px;
  font-size: 12px;
}
.compilation-suggestion .panel-body{
  padding: 0;
  padding-top: 15px;
  /* margin-bottom: 15px; */
  font-size: 17px;
  line-height: 21px;
  font-weight: 500;
  color: #333333;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.compilation-suggestion .panel-footer{
  border: none;
  padding: 10px 0;
  color: #B28124;
  font-weight: 400px;
  font-size: 14px;
  background-color: transparent;
  /* position: absolute;
  bottom: 0; */
}
/* END */

/* COMPILATION AT KANAL STYLES */
.compilation-container{
  background-color: #23262A;
  padding: 25px 0;
  margin-bottom: 25px;
}
.compilation-row{
  align-items: center;
}
.panel{
  margin-bottom: initial;
}
.compilation-fieldset{
  border: 1px solid transparent; 
  border-top-color: #FFB723; 
  box-sizing: border-box; 
  /* padding: 20px;  */
  padding-bottom: 15px;
  width: inherit; 
}
.compilation-title{
  margin: auto; 
  padding: 0 4px; 
  width: initial;
  border: 0;
  color: #FFB723;
  padding: 0 15px;
} 
.slick-content{
  /* margin: 0 10px; */
  padding: 0 10px;
  border: none;
  background-color: transparent;
  /* height: 391px; */
  /* position: relative; */
}
.slick-content:hover a .panel-compilation{
  opacity: 75%;
}
.slick-content .panel-compilation{
  position: relative;
  transition: .3s;
}
.slick-content .panel-compilation-new::before{
  content: "BARU";
  color: white;
  position: absolute;
  background-color: #BA181E;
  padding: 5px;
  top: 10px;
  left: 10px;
  border-radius: 3px;
  font-size: 12px;
}
.slick-content .panel-body{
  padding: 0;
  padding-top: 15px;
  /* margin-bottom: 15px; */
  font-size: 17px;
  line-height: 21px;
  font-weight: 500;
  color: white;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.slick-content .panel-footer{
  border: none;
  padding: 10px 0;
  color: #FFB723;
  font-weight: 400px;
  font-size: 14px;
  background-color: transparent;
  /* position: absolute;
  bottom: 0; */
}
.comp-img{
  width: 100%;
  height: 279px;
  object-position: top center;
  object-fit: cover;
  border: none;
  border-radius: 10px;
}
.compilation-col .slick-list{
  z-index: 1;
}
.compilation-col .slick-next, .compilation-col .slick-prev{
  top: 40%;
}
.compilation-col .slick-arrow{
  font-size: 18px;
  color: #666666;
  background-color: #23262A;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  z-index: 2;
  transition: .3s;
}
.compilation-col .slick-arrow:hover{
  background-color: #23262A !important;
  color: #FFB723 !important;
  opacity: 100%;
}
.compilation-col .slick-arrow:focus{
  background-color: #23262A !important;
  color: #666666 ;
}
/* .slick-arrow:active{
  background-color: #23262A !important;
  color: #FFB723 !important;
} */
.compilation-col .slick-arrow::before{
  content: none;
}
/* END */

/* COMPILATION DETAILS STYLES */
.compilation-detail-container{
  background-repeat: no-repeat !important;
  /* background-attachment: fixed !important; */
  background-position: center !important;
  background-size: cover !important;
  padding: 25px 0;
  margin: 25px 0;
}
.compilation-detail-container::before{
  content: "";
  width: 100%;
  height: 100%;
  filter: blur(8px);
  -webkit-filter: blur(8px);
}
.compilation-detail-row{
  align-items: center;
  justify-content: center;
}
.comp-header{
  align-items: center;
  justify-content: center;
  display: flex;
}
.comp-header-img{
  text-align: center;
}
.comp-header-img img{
  width: 235px;
  height: 328px;
  object-fit: cover;
  object-position: top center;
  border-radius: 10px;
  margin: auto;
}
.comp-header-desc h3{
  color: white;
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 20px;
}
.comp-header-desc p{
  font-size: 12px;
  color: white;
  margin-bottom: 20px;
  line-height: 18px;
}
.comp-header-btn{
  display: flex;
}
.comp-header-btn button{
  color: #333333;
  border-radius: 10px;
  padding: 10px 10px;
  border: 1px solid #333333;
  display: flex;
  font-size: 14px;
}
.comp-bell-btn{
  background-color: #F49135;
  margin-right: 20px;
}
.comp-share-btn{
  background-color: white;
}
.compilation-count{
  font-size: 28px;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 25px;
}

.compilation-content-list-container{
  padding: 25px 0 50px;
}
.content-list-title{
    font-family: 'Manrope', sans-serif !important;
  font-size: 32px!important;
  color: #999;
  padding-bottom: 25px;
  padding-top: 10px;
}
.content-list-title a{
    font-family: 'Manrope', sans-serif !important;
  font-size: 32px!important;
  color: #999;
  padding-bottom: 25px;
  padding-top: 10px;
}
.content-list-title a span{
    font-family: 'Manrope', sans-serif !important;
  font-size: 32px!important;
  color: #333;
}
.compilation-suggestion .panel{
  background-color: transparent;
  border: none;
  box-shadow: none;
}
.compilation-suggestion .panel-compilation{
  position: relative;
  transition: .3s;
}
.compilation-suggestion .panel-compilation-new::before{
  content: "BARU";
  color: white;
  position: absolute;
  background-color: #BA181E;
  padding: 5px;
  top: 10px;
  left: 10px;
  border-radius: 3px;
  font-size: 12px;
}
.compilation-suggestion .panel-body{
  padding: 0;
  padding-top: 15px;
  /* margin-bottom: 15px; */
  font-size: 17px;
  line-height: 21px;
  font-weight: 500;
  color: #333333;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.compilation-suggestion .panel-footer{
  border: none;
  padding: 10px 0;
  color: #B28124;
  font-weight: 400px;
  font-size: 14px;
  background-color: transparent;
  /* position: absolute;
  bottom: 0; */
}
/* END */



      @media screen and (min-width: 1000px){
        .flying_carpet_show_inner::before, .flying_carpet_show_inner::after{
            width: 75%;
        }
        .flying_carpet_show_inner_infografik::before, .flying_carpet_show_inner_infografik::after{
            width: 70%;
        }
      }
      @media screen and (min-width: 1200px){
        .flying_carpet_show_inner::before, .flying_carpet_show_inner::after{
            width: 75%;
        }
        .flying_carpet_show_inner_infografik::before, .flying_carpet_show_inner_infografik::after{
            width: 71%;
        }
      }
      @media screen and (min-width: 1300px){
        .flying_carpet_show_inner::before, .flying_carpet_show_inner::after{
            width: 77%;
        }
        .flying_carpet_show_inner_infografik::before, .flying_carpet_show_inner_infografik::after{
            width: 74%;
        }
      }
      @media screen and (min-width: 1400px){
        .flying_carpet_show_inner::before, .flying_carpet_show_inner::after{
            width: 79%;
        }
        .flying_carpet_show_inner_infografik::before, .flying_carpet_show_inner_infografik::after{
            width: 75%;
        }
      }
      @media screen and (min-width: 1500px){
        .flying_carpet_show_inner::before, .flying_carpet_show_inner::after{
            width: 80%;
        }
        .flying_carpet_show_inner_infografik::before, .flying_carpet_show_inner_infografik::after{
            width: 77%;
        }
      }
      @media screen and (min-width: 1650px){
        .flying_carpet_show_inner::before, .flying_carpet_show_inner::after{
            width: 82%;
        }
        .flying_carpet_show_inner_infografik::before, .flying_carpet_show_inner_infografik::after{
            width: 79%;
        }
      }
      @media screen and (min-width: 1900px){
        .flying_carpet_show_inner::before, .flying_carpet_show_inner::after{
            width: 84%;
        }
        .flying_carpet_show_inner_infografik::before, .flying_carpet_show_inner_infografik::after{
            width: 82%;
        }
      }
      @media screen and (min-width: 2000px){
        .flying_carpet_show_inner::before, .flying_carpet_show_inner::after{
            width: 87%;
        }
        .flying_carpet_show_inner_infografik::before, .flying_carpet_show_inner_infografik::after{
            width: 85%;
        }
      }
      @media screen and (min-width: 2500px){
        .flying_carpet_show_inner::before, .flying_carpet_show_inner::after{
            width: 89%;
        }
        .flying_carpet_show_inner_infografik::before, .flying_carpet_show_inner_infografik::after{
            width: 86%;
        }
      }
      @media screen and (min-width: 3000px){
        .flying_carpet_show_inner::before, .flying_carpet_show_inner::after{
            width: 91%;
        }
        .flying_carpet_show_inner_infografik::before, .flying_carpet_show_inner_infografik::after{
            width: 90%;
        }
      }
      @media screen and (min-width: 3500px){
        .flying_carpet_show_inner::before, .flying_carpet_show_inner::after{
            width: 92%;
        }
        .flying_carpet_show_inner_infografik::before, .flying_carpet_show_inner_infografik::after{
            width: 91%;
        }
      }