kaskus.co.id.css

.main-menu>li>a {
    padding: 0 10px;
}

.main-menu li img {
    max-width: 90px !important;
}

.skin-banner__left {
    width: 120px;
}

.card__sidebar__list--contributor .card__sidebar__list--image img {
    max-width: 60px;
}

.user-control-stick .pull-right {
    float: left !important;
}

.groupee .postlist .author .user-details {
    margin-left: 5px;
}

.first-post .postlist .author .user-details {
    margin-left: 10px;
}

.sub-footer .kaskus--twitter .popover-info:after {
    left: 17%;
}

.image-thread__title h1 {
    line-height: 23px;
}

.hover-sidebar-content .nav-browse ul.list-categories {
    max-height: 350px;
}

.video-thread .reply-section__detail img {
    max-width: 100%;
}

#news-widget-sidebar .col-sm-12 {
    padding: 0;
}

.sidebar .news-sidebar .nav-tabs {
    padding: 3px 0;
}

.reply-section__detail p {
    word-wrap: break-word;
}

.block__box .item__content {
    height: initial!important;
}

#kk-epulsa:hover {
    background: #f16534;
}

#kk-epulsa:after {
    content: 'New';
    display: block;
    position: absolute;
    text-transform: uppercase;
    padding: 0 4px;
    top: 5px;
    right: 4px;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    border-radius: 2px;
    background-color: #e4302f;
    height: 13px;
    line-height: 13px;
    -webkit-animation: tada 1s;
    -moz-animation: tada 1s;
    -ms-animation: tada 1s;
    animation: tada 1s;
}

#kk-smash img {
    max-width: 80px;
}

.con-kaskus-ads.clearfix iframe {
    width: 100%;
    height: 70px;
}

.kaskus-ads.postlist {
    border: none;
    background: transparent;
    margin-bottom: 0;
}

.table-striped .col-xs-12 {
    min-height: 0;
}

ul.tab-quick-update>li a span {
    word-wrap: normal;
}

.calendar-widget__date {
    top: 6px;
}

.con-kaskus-ads.clearfix iframe {
    width: 286px;
    float: right;
}

.listing-table .table-striped .con-kaskus-ads.clearfix iframe {
    width: 100%;
}

.con-kaskus-ads.clearfix {
    max-height: 120px;
    overflow: hidden;
    display: none;
}

.listing-table .con-kaskus-ads.clearfix {
    display: block;
}

.list-grey li a {
    padding: 5px 10px;
}

.product-detail-head .highlight-text {
    color: #4d4d4d;
    font-weight: 700;
    margin-top: 5px;
}

.fjb .hover-sidebar-content .nav-browse ul.list-categories {
    max-height: 285px;
}

.sidebar-category > li.listing-sidebar > .categories-title span {
    line-height: 130%!important;
}

#sidebar-category .listing-sidebar {
    height: 30px!important;
}

.seller-info .seller-detail-info {
    margin-left: 8px;
}

body.fjb .user-control-stick {
    width: 860px;
}

.site-header__quick ul li.cart-list a span {
    text-align: center;
    right: 10px;
    top: -5px;
}

.kskdDiv {
    z-index: 0!important;
}

.all-category-section > li > ul {
    width: 1090px;
}

#kk-hq .list-grey li a {
    position: relative;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: 18px;
    max-height: 26px;
}

#div-gpt-ad-m1a, #div-gpt-ad-m1b {
    float: left;
    width: 286px !important;
    position: relative;
}

.video-nav-tabs li:last-child a:after {
    display: none;
}

.quick-post .markItUpHeader {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
}

.calendar-widget {
    max-height: initial;
}

.user-control-stick {
    width: 809px!important;
}

.select-category {
    display: none!important;
}

.main-menu>li>a {
    line-height: 52px;
}

.select-category.show {
    display: table-cell!important;
}

.flyout__scroll {
    width: 100%;
}

.search-result-menu li a {
    line-height: 30px;
}

.calendar-widget a {
    min-height: 80px;
}

.postlist .entry-head .meta-check i {
    top: 2px;
}

.hot-thread-wrap {
    padding-top: 10px;
    position: relative;
}

.bt-frame-ads.expanded, .bt-frame-ads.expanded iframe {
    height: 200px!important;
}

@media only screen and (max-width: 1200px) {
    .user-control-stick .pull-right .fa-pencil {
        display: none;
    }
}

@media only screen and (max-width: 1024px) {
    .main-menu li img {
        max-width: 75px !important;
    }

    .block-grid-xs-4 .video-grid__image div {
        height: 90px;
    }

    #all-category .all-category-section > li > ul {
        width: 920px;
    }

    #div-gpt-ad-m1c {
        display: none;
    }
}

#leader-banner {
    position: relative;
    max-width: 970px;
    margin: 0 auto 10px;
}

#leader-banner iframe {
    transition: height 0.4s ease-out;
    -webkit-transition: height 0.4s ease-out;
}

#leader-banner.expanded iframe {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    height: 315px;
}

#video-yt {
    position: absolute;
    right: 0;
    transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
}

#video-yt iframe {
    position: absolute;
    right: 0;
    transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
}

@font-face {
    font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(http://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfaCWcynf_cDxXwCLxiixG1c.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(http://fonts.gstatic.com/s/roboto/v15/zN7GBFwfMP4uA6AR0HCoLQ.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(http://fonts.gstatic.com/s/roboto/v15/RxZJdnzeo3R5zSexge8UUaCWcynf_cDxXwCLxiixG1c.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(http://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOKCWcynf_cDxXwCLxiixG1c.ttf) format('truetype');
}

@charset "UTF-8";

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,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: 0 0
}

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

b,strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em
}

mark {
    background: #ff0;
    color: #000
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

hr {
    -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[type=checkbox],input[type=radio] {
    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-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,th {
    padding: 0
}

@media print {
    * {
        text-shadow: none!important;
        color: #000!important;
        background: 0 0!important;
        box-shadow: none!important
    }

    a,a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="javascript:"]:after,a[href^="#"]:after {
        content: ""
    }

    blockquote,pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100%!important
    }

    h2,h3,p {
        orphans: 3;
        widows: 3
    }

    h2,h3 {
        page-break-after: avoid
    }

    select {
        background: #fff!important
    }

    .navbar {
        display: none
    }

    .table td,.table th {
        background-color: #fff!important
    }

    .btn>.caret,.dropup>.btn>.caret {
        border-top-color: #000!important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse!important
    }

    .table-bordered td,.table-bordered th {
        border: 1px solid #ddd!important
    }
}

*,:after,:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent
}

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

a:focus,a:hover {
    color: #2a6496;
    text-decoration: underline
}

a:focus {
    outline-offset: -2px
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.428571429;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 2px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .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
}

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

cite {
    font-style: normal
}

.mark,mark {
    background-color: #fcf8e3;
    padding: .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: #428bca
}

a.text-primary:hover {
    color: #3071a9
}

.text-success {
    color: #3c763d
}

a.text-success:hover {
    color: #2b542c
}

.text-info {
    color: #31708f
}

a.text-info:hover {
    color: #245269
}

.text-warning {
    color: #8a6d3b
}

a.text-warning:hover {
    color: #66512c
}

.text-danger {
    color: #a94442
}

a.text-danger:hover {
    color: #843534
}

.bg-primary {
    color: #fff;
    background-color: #428bca
}

a.bg-primary:hover {
    background-color: #3071a9
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:hover {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:hover {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:hover {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #f2dede
}

a.bg-danger:hover {
    background-color: #e4b9b9
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee
}

ol,ul {
    margin-top: 0;
    margin-bottom: 10px
}

ol ol,ol ul,ul ol,ul ul {
    margin-bottom: 0
}

.list-inline,.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    margin-left: -5px
}

.list-inline>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

dl {
    margin-top: 0;
    margin-bottom: 20px
}

dd,dt {
    line-height: 1.428571429
}

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

.dl-horizontal dd:after,.dl-horizontal dd:before {
    content: " ";
    display: table
}

.dl-horizontal dd:after {
    clear: both
}

@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[data-original-title],abbr[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 ol:last-child,blockquote p:last-child,blockquote ul:last-child {
    margin-bottom: 0
}

blockquote .small,blockquote footer,blockquote small {
    display: block;
    font-size: 80%;
    line-height: 1.428571429;
    color: #777
}

blockquote .small:before,blockquote footer: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 .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before {
    content: ''
}

.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after {
    content: '\00A0 \2014'
}

blockquote:after,blockquote:before {
    content: ""
}

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.428571429
}

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

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

.container-fluid:after {
    clear: both
}

.row {
    margin-left: -15px;
    margin-right: -15px
}

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

.row:after {
    clear: both
}

.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.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-md-1,.col-md-10,.col-md-11,.col-md-12,.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-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.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-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
    float: left
}

.col-xs-1 {
    width: 8.3333333333%
}

.col-xs-2 {
    width: 16.6666666667%
}

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

.col-xs-4 {
    width: 33.3333333333%
}

.col-xs-5 {
    width: 41.6666666667%
}

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

.col-xs-7 {
    width: 58.3333333333%
}

.col-xs-8 {
    width: 66.6666666667%
}

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

.col-xs-10 {
    width: 83.3333333333%
}

.col-xs-11 {
    width: 91.6666666667%
}

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

.col-xs-pull-0 {
    right: auto
}

.col-xs-pull-1 {
    right: 8.3333333333%
}

.col-xs-pull-2 {
    right: 16.6666666667%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-4 {
    right: 33.3333333333%
}

.col-xs-pull-5 {
    right: 41.6666666667%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-7 {
    right: 58.3333333333%
}

.col-xs-pull-8 {
    right: 66.6666666667%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-10 {
    right: 83.3333333333%
}

.col-xs-pull-11 {
    right: 91.6666666667%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-push-1 {
    left: 8.3333333333%
}

.col-xs-push-2 {
    left: 16.6666666667%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-4 {
    left: 33.3333333333%
}

.col-xs-push-5 {
    left: 41.6666666667%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-7 {
    left: 58.3333333333%
}

.col-xs-push-8 {
    left: 66.6666666667%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-10 {
    left: 83.3333333333%
}

.col-xs-push-11 {
    left: 91.6666666667%
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-offset-0 {
    margin-left: 0
}

.col-xs-offset-1 {
    margin-left: 8.3333333333%
}

.col-xs-offset-2 {
    margin-left: 16.6666666667%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-4 {
    margin-left: 33.3333333333%
}

.col-xs-offset-5 {
    margin-left: 41.6666666667%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-7 {
    margin-left: 58.3333333333%
}

.col-xs-offset-8 {
    margin-left: 66.6666666667%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-10 {
    margin-left: 83.3333333333%
}

.col-xs-offset-11 {
    margin-left: 91.6666666667%
}

.col-xs-offset-12 {
    margin-left: 100%
}

@media (min-width:768px) {
    .col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9 {
        float: left
    }

    .col-sm-1 {
        width: 8.3333333333%
    }

    .col-sm-2 {
        width: 16.6666666667%
    }

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

    .col-sm-4 {
        width: 33.3333333333%
    }

    .col-sm-5 {
        width: 41.6666666667%
    }

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

    .col-sm-7 {
        width: 58.3333333333%
    }

    .col-sm-8 {
        width: 66.6666666667%
    }

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

    .col-sm-10 {
        width: 83.3333333333%
    }

    .col-sm-11 {
        width: 91.6666666667%
    }

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

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-pull-1 {
        right: 8.3333333333%
    }

    .col-sm-pull-2 {
        right: 16.6666666667%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-4 {
        right: 33.3333333333%
    }

    .col-sm-pull-5 {
        right: 41.6666666667%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-7 {
        right: 58.3333333333%
    }

    .col-sm-pull-8 {
        right: 66.6666666667%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-10 {
        right: 83.3333333333%
    }

    .col-sm-pull-11 {
        right: 91.6666666667%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-push-1 {
        left: 8.3333333333%
    }

    .col-sm-push-2 {
        left: 16.6666666667%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-4 {
        left: 33.3333333333%
    }

    .col-sm-push-5 {
        left: 41.6666666667%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-7 {
        left: 58.3333333333%
    }

    .col-sm-push-8 {
        left: 66.6666666667%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-10 {
        left: 83.3333333333%
    }

    .col-sm-push-11 {
        left: 91.6666666667%
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }

    .col-sm-offset-1 {
        margin-left: 8.3333333333%
    }

    .col-sm-offset-2 {
        margin-left: 16.6666666667%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-4 {
        margin-left: 33.3333333333%
    }

    .col-sm-offset-5 {
        margin-left: 41.6666666667%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-7 {
        margin-left: 58.3333333333%
    }

    .col-sm-offset-8 {
        margin-left: 66.6666666667%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-10 {
        margin-left: 83.3333333333%
    }

    .col-sm-offset-11 {
        margin-left: 91.6666666667%
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }
}

@media (min-width:992px) {
    .col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9 {
        float: left
    }

    .col-md-1 {
        width: 8.3333333333%
    }

    .col-md-2 {
        width: 16.6666666667%
    }

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

    .col-md-4 {
        width: 33.3333333333%
    }

    .col-md-5 {
        width: 41.6666666667%
    }

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

    .col-md-7 {
        width: 58.3333333333%
    }

    .col-md-8 {
        width: 66.6666666667%
    }

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

    .col-md-10 {
        width: 83.3333333333%
    }

    .col-md-11 {
        width: 91.6666666667%
    }

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

    .col-md-pull-0 {
        right: auto
    }

    .col-md-pull-1 {
        right: 8.3333333333%
    }

    .col-md-pull-2 {
        right: 16.6666666667%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-4 {
        right: 33.3333333333%
    }

    .col-md-pull-5 {
        right: 41.6666666667%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-7 {
        right: 58.3333333333%
    }

    .col-md-pull-8 {
        right: 66.6666666667%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-10 {
        right: 83.3333333333%
    }

    .col-md-pull-11 {
        right: 91.6666666667%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-push-1 {
        left: 8.3333333333%
    }

    .col-md-push-2 {
        left: 16.6666666667%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-4 {
        left: 33.3333333333%
    }

    .col-md-push-5 {
        left: 41.6666666667%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-7 {
        left: 58.3333333333%
    }

    .col-md-push-8 {
        left: 66.6666666667%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-10 {
        left: 83.3333333333%
    }

    .col-md-push-11 {
        left: 91.6666666667%
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-offset-0 {
        margin-left: 0
    }

    .col-md-offset-1 {
        margin-left: 8.3333333333%
    }

    .col-md-offset-2 {
        margin-left: 16.6666666667%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-4 {
        margin-left: 33.3333333333%
    }

    .col-md-offset-5 {
        margin-left: 41.6666666667%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-7 {
        margin-left: 58.3333333333%
    }

    .col-md-offset-8 {
        margin-left: 66.6666666667%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-10 {
        margin-left: 83.3333333333%
    }

    .col-md-offset-11 {
        margin-left: 91.6666666667%
    }

    .col-md-offset-12 {
        margin-left: 100%
    }
}

@media (min-width:1200px) {
    .col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9 {
        float: left
    }

    .col-lg-1 {
        width: 8.3333333333%
    }

    .col-lg-2 {
        width: 16.6666666667%
    }

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

    .col-lg-4 {
        width: 33.3333333333%
    }

    .col-lg-5 {
        width: 41.6666666667%
    }

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

    .col-lg-7 {
        width: 58.3333333333%
    }

    .col-lg-8 {
        width: 66.6666666667%
    }

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

    .col-lg-10 {
        width: 83.3333333333%
    }

    .col-lg-11 {
        width: 91.6666666667%
    }

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

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-pull-1 {
        right: 8.3333333333%
    }

    .col-lg-pull-2 {
        right: 16.6666666667%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-4 {
        right: 33.3333333333%
    }

    .col-lg-pull-5 {
        right: 41.6666666667%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-7 {
        right: 58.3333333333%
    }

    .col-lg-pull-8 {
        right: 66.6666666667%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-10 {
        right: 83.3333333333%
    }

    .col-lg-pull-11 {
        right: 91.6666666667%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-push-1 {
        left: 8.3333333333%
    }

    .col-lg-push-2 {
        left: 16.6666666667%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-4 {
        left: 33.3333333333%
    }

    .col-lg-push-5 {
        left: 41.6666666667%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-7 {
        left: 58.3333333333%
    }

    .col-lg-push-8 {
        left: 66.6666666667%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-10 {
        left: 83.3333333333%
    }

    .col-lg-push-11 {
        left: 91.6666666667%
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }

    .col-lg-offset-1 {
        margin-left: 8.3333333333%
    }

    .col-lg-offset-2 {
        margin-left: 16.6666666667%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-4 {
        margin-left: 33.3333333333%
    }

    .col-lg-offset-5 {
        margin-left: 41.6666666667%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-7 {
        margin-left: 58.3333333333%
    }

    .col-lg-offset-8 {
        margin-left: 66.6666666667%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-10 {
        margin-left: 83.3333333333%
    }

    .col-lg-offset-11 {
        margin-left: 91.6666666667%
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

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

.container:after {
    clear: both
}

@media (min-width:1025px) {
    .container {
        width: 1010px
    }
}

@media (min-width:1025px) {
    .col-ml-1,.col-ml-10,.col-ml-11,.col-ml-12,.col-ml-2,.col-ml-3,.col-ml-4,.col-ml-5,.col-ml-6,.col-ml-7,.col-ml-8,.col-ml-9 {
        float: left
    }

    .col-ml-1 {
        width: 8.3333333333%
    }

    .col-ml-2 {
        width: 16.6666666667%
    }

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

    .col-ml-4 {
        width: 33.3333333333%
    }

    .col-ml-5 {
        width: 41.6666666667%
    }

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

    .col-ml-7 {
        width: 58.3333333333%
    }

    .col-ml-8 {
        width: 66.6666666667%
    }

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

    .col-ml-10 {
        width: 83.3333333333%
    }

    .col-ml-11 {
        width: 91.6666666667%
    }

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

    .col-ml-pull-0 {
        right: auto
    }

    .col-ml-pull-1 {
        right: 8.3333333333%
    }

    .col-ml-pull-2 {
        right: 16.6666666667%
    }

    .col-ml-pull-3 {
        right: 25%
    }

    .col-ml-pull-4 {
        right: 33.3333333333%
    }

    .col-ml-pull-5 {
        right: 41.6666666667%
    }

    .col-ml-pull-6 {
        right: 50%
    }

    .col-ml-pull-7 {
        right: 58.3333333333%
    }

    .col-ml-pull-8 {
        right: 66.6666666667%
    }

    .col-ml-pull-9 {
        right: 75%
    }

    .col-ml-pull-10 {
        right: 83.3333333333%
    }

    .col-ml-pull-11 {
        right: 91.6666666667%
    }

    .col-ml-pull-12 {
        right: 100%
    }

    .col-ml-push-0 {
        left: auto
    }

    .col-ml-push-1 {
        left: 8.3333333333%
    }

    .col-ml-push-2 {
        left: 16.6666666667%
    }

    .col-ml-push-3 {
        left: 25%
    }

    .col-ml-push-4 {
        left: 33.3333333333%
    }

    .col-ml-push-5 {
        left: 41.6666666667%
    }

    .col-ml-push-6 {
        left: 50%
    }

    .col-ml-push-7 {
        left: 58.3333333333%
    }

    .col-ml-push-8 {
        left: 66.6666666667%
    }

    .col-ml-push-9 {
        left: 75%
    }

    .col-ml-push-10 {
        left: 83.3333333333%
    }

    .col-ml-push-11 {
        left: 91.6666666667%
    }

    .col-ml-push-12 {
        left: 100%
    }

    .col-ml-offset-0 {
        margin-left: 0
    }

    .col-ml-offset-1 {
        margin-left: 8.3333333333%
    }

    .col-ml-offset-2 {
        margin-left: 16.6666666667%
    }

    .col-ml-offset-3 {
        margin-left: 25%
    }

    .col-ml-offset-4 {
        margin-left: 33.3333333333%
    }

    .col-ml-offset-5 {
        margin-left: 41.6666666667%
    }

    .col-ml-offset-6 {
        margin-left: 50%
    }

    .col-ml-offset-7 {
        margin-left: 58.3333333333%
    }

    .col-ml-offset-8 {
        margin-left: 66.6666666667%
    }

    .col-ml-offset-9 {
        margin-left: 75%
    }

    .col-ml-offset-10 {
        margin-left: 83.3333333333%
    }

    .col-ml-offset-11 {
        margin-left: 91.6666666667%
    }

    .col-ml-offset-12 {
        margin-left: 100%
    }
}

.visible-ml,.visible-ml-block,.visible-ml-inline,.visible-ml-inline-block {
    display: none!important
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-block {
        display: block!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline {
        display: inline!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline-block {
        display: inline-block!important
    }
}

@media (min-width:1025px) {
    .visible-ml {
        display: block!important
    }

    table.visible-ml {
        display: table
    }

    tr.visible-ml {
        display: table-row!important
    }

    td.visible-ml,th.visible-ml {
        display: table-cell!important
    }
}

@media (min-width:1025px) {
    .visible-ml-block {
        display: block!important
    }
}

@media (min-width:1025px) {
    .visible-ml-inline {
        display: inline!important
    }
}

@media (min-width:1025px) {
    .visible-ml-inline-block {
        display: inline-block!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none!important
    }
}

@media (min-width:1025px) {
    .hidden-md {
        display: none!important
    }
}

table {
    background-color: transparent
}

th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th {
    padding: 8px;
    line-height: 1.428571429;
    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>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th {
    border-top: 0
}

.table>tbody+tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #fff
}

.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th {
    padding: 5px
}

.table-bordered,.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
    border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-child(even)>td,.table-striped>tbody>tr:nth-child(even)>th {
    background-color: #f9f9f9
}

.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th {
    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>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active {
    background-color: #f5f5f5
}

.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover {
    background-color: #e8e8e8
}

.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success {
    background-color: #dff0d8
}

.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover {
    background-color: #d0e9c6
}

.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info {
    background-color: #d9edf7
}

.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover {
    background-color: #c4e3f3
}

.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning {
    background-color: #fcf8e3
}

.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover {
    background-color: #faf2cc
}

.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger {
    background-color: #f2dede
}

.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover {
    background-color: #ebcccc
}

@media screen and (max-width:767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        overflow-x: auto;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive>.table {
        margin-bottom: 0
    }

    .table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th {
        white-space: nowrap
    }

    .table-responsive>.table-bordered {
        border: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child {
        border-left: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child {
        border-right: 0
    }

    .table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th {
        border-bottom: 0
    }
}

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

.navbar-header:after {
    clear: both
}

@media (min-width:768px) {
    .navbar-header {
        float: left
    }
}

.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse {
    max-height: 340px
}

@media (max-width:480px) and (orientation:landscape) {
    .navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse {
        max-height: 200px
    }
}

.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width:768px) {
    .container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header {
        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-bottom,.navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

@media (min-width:768px) {
    .navbar-fixed-bottom,.navbar-fixed-top {
        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-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: 2px
}

.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>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;
        box-shadow: none
    }

    .navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a {
        padding: 5px 15px 5px 25px
    }

    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 20px
    }

    .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover {
        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-nav.navbar-right:last-child {
        margin-right: -15px
    }
}

@media (min-width:768px) {
    .navbar-left {
        float: left!important
    }

    .navbar-right {
        float: right!important
    }
}

.navbar-form {
    margin: 8px -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,.1),0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1)
}

@media (max-width:767px) {
    .navbar-form .form-group {
        margin-bottom: 5px
    }
}

@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-form.navbar-right:last-child {
        margin-right: -15px
    }
}

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

    .navbar-text.navbar-right:last-child {
        margin-right: 0
    }
}

.navbar-default {
    border-color: #e7e7e7
}

.navbar-default .navbar-brand {
    color: #777
}

.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
    color: #5e5e5e;
    background-color: transparent
}

.navbar-default .navbar-nav>li>a,.navbar-default .navbar-text {
    color: #777
}

.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
    background-color: transparent
}

.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover {
    background-color: #e7e7e7
}

.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover {
    color: #ccc;
    background-color: transparent
}

.navbar-default .navbar-toggle {
    border-color: #ddd
}

.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
    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:focus,.navbar-default .navbar-nav>.open>a:hover {
    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:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #333;
        background-color: transparent
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
        color: #555;
        background-color: #e7e7e7
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
        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:focus,.navbar-default .btn-link:hover {
    color: #333
}

.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover {
    color: #ccc
}

.navbar-inverse {
    background-color: #222;
    border-color: #090909
}

.navbar-inverse .navbar-brand {
    color: #777
}

.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-nav>li>a,.navbar-inverse .navbar-text {
    color: #777
}

.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #090909
}

.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover {
    color: #444;
    background-color: transparent
}

.navbar-inverse .navbar-toggle {
    border-color: #333
}

.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover {
    background-color: #333
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff
}

.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form {
    border-color: #101010
}

.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover {
    background-color: #090909;
    color: #fff
}

@media (max-width:767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
        border-color: #090909
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #090909
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #777
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #fff;
        background-color: transparent
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {
        color: #fff;
        background-color: #090909
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover {
        color: #444;
        background-color: transparent
    }
}

.navbar-inverse .navbar-link {
    color: #777
}

.navbar-inverse .navbar-link:hover {
    color: #fff
}

.navbar-inverse .btn-link {
    color: #777
}

.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover {
    color: #fff
}

.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover {
    color: #444
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    visibility: visible;
    font-size: 12px;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0)
}

.tooltip.in {
    opacity: .9;
    filter: alpha(opacity=90)
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    border-radius: 2px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    left: 5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    right: 5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    left: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    right: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 250px;
    padding: 1px;
    text-align: left;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    white-space: normal
}

.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;
    font-weight: 400;
    line-height: 18px;
    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,.25);
    bottom: -11px
}

.popover.top>.arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff
}

.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,.25)
}

.popover.right>.arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff
}

.popover.bottom>.arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0,0,0,.25);
    top: -11px
}

.popover.bottom>.arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff
}

.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,.25)
}

.popover.left>.arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px
}

.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%
}

.carousel-inner>.item {
    display: none;
    position: relative;
    -webkit-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left
}

.carousel-inner>.item>a>img,.carousel-inner>.item>img {
    display: block;
    max-width: 100%;
    height: auto;
    line-height: 1
}

.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;
    filter: alpha(opacity=50);
    font-size: 20px;
    color: #fff;
    text-align: center
}

.carousel-control.left {
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
}

.carousel-control.right {
    left: auto;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
}

.carousel-control:focus,.carousel-control:hover {
    outline: 0;
    color: #fff;
    text-decoration: none;
    opacity: .9;
    filter: alpha(opacity=90)
}

.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block
}

.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev {
    left: 50%;
    margin-left: -10px
}

.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next {
    right: 50%;
    margin-right: -10px
}

.carousel-control .icon-next,.carousel-control .icon-prev {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    font-family: serif
}

.carousel-control .icon-prev:before {
    content: '\2039'
}

.carousel-control .icon-next:before {
    content: '\203a'
}

.carousel-indicators {
    position: absolute;
    left: 50%;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center
}

.carousel-indicators li {
    display: inline-block;
    text-indent: -999px;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer
}

.carousel-indicators .active {
    margin: 0;
    width: 12px;
    height: 12px;
    background-color: #fff
}

.carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(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-next,.carousel-control .icon-prev {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        font-size: 30px
    }

    .carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev {
        margin-left: -15px
    }

    .carousel-control .glyphicon-chevron-right,.carousel-control .icon-next {
        margin-right: -15px
    }

    .carousel-caption {
        left: 20%;
        right: 20%;
        padding-bottom: 30px
    }

    .carousel-indicators {
        bottom: 20px
    }
}

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

.clearfix: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;
    visibility: hidden!important
}

.affix {
    position: fixed;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    -o-transition: height .35s ease;
    transition: height .35s ease
}

[class*=block-grid-] {
    display: block;
    margin: 0;
    padding: 0
}

[class*=block-grid-]:after,[class*=block-grid-]:before {
    content: " ";
    display: table
}

[class*=block-grid-]:after {
    clear: both
}

[class*=block-grid-]>* {
    display: inline;
    margin: 0;
    padding: 0;
    height: auto;
    float: left;
    list-style: none
}

.block-grid-xs-1>* {
    width: 100%
}

.block-grid-xs-1>:nth-of-type(n) {
    clear: none
}

.block-grid-xs-1>:nth-of-type(1n+1) {
    clear: both
}

.block-grid-xs-2>* {
    width: 50%
}

.block-grid-xs-2>:nth-of-type(n) {
    clear: none
}

.block-grid-xs-2>:nth-of-type(2n+1) {
    clear: both
}

.block-grid-xs-3>* {
    width: 33.333333333333336%
}

.block-grid-xs-3>:nth-of-type(n) {
    clear: none
}

.block-grid-xs-3>:nth-of-type(3n+1) {
    clear: both
}

.block-grid-xs-4>* {
    width: 25%
}

.block-grid-xs-4>:nth-of-type(n) {
    clear: none
}

.block-grid-xs-4>:nth-of-type(4n+1) {
    clear: both
}

.block-grid-xs-5>* {
    width: 20%
}

.block-grid-xs-5>:nth-of-type(n) {
    clear: none
}

.block-grid-xs-5>:nth-of-type(5n+1) {
    clear: both
}

.block-grid-xs-6>* {
    width: 16.666666666666668%
}

.block-grid-xs-6>:nth-of-type(n) {
    clear: none
}

.block-grid-xs-6>:nth-of-type(6n+1) {
    clear: both
}

.block-grid-xs-7>* {
    width: 14.285714285714286%
}

.block-grid-xs-7>:nth-of-type(n) {
    clear: none
}

.block-grid-xs-7>:nth-of-type(7n+1) {
    clear: both
}

.block-grid-xs-8>* {
    width: 12.5%
}

.block-grid-xs-8>:nth-of-type(n) {
    clear: none
}

.block-grid-xs-8>:nth-of-type(8n+1) {
    clear: both
}

.block-grid-xs-9>* {
    width: 11.11111111111111%
}

.block-grid-xs-9>:nth-of-type(n) {
    clear: none
}

.block-grid-xs-9>:nth-of-type(9n+1) {
    clear: both
}

.block-grid-xs-10>* {
    width: 10%
}

.block-grid-xs-10>:nth-of-type(n) {
    clear: none
}

.block-grid-xs-10>:nth-of-type(10n+1) {
    clear: both
}

.block-grid-xs-11>* {
    width: 9.090909090909092%
}

.block-grid-xs-11>:nth-of-type(n) {
    clear: none
}

.block-grid-xs-11>:nth-of-type(11n+1) {
    clear: both
}

.block-grid-xs-12>* {
    width: 8.333333333333334%
}

.block-grid-xs-12>:nth-of-type(n) {
    clear: none
}

.block-grid-xs-12>:nth-of-type(12n+1) {
    clear: both
}

@media (min-width:768px) {
    .block-grid-sm-1>* {
        width: 100%
    }

    .block-grid-sm-1>:nth-of-type(n) {
        clear: none
    }

    .block-grid-sm-1>:nth-of-type(1n+1) {
        clear: both
    }

    .block-grid-sm-2>* {
        width: 50%
    }

    .block-grid-sm-2>:nth-of-type(n) {
        clear: none
    }

    .block-grid-sm-2>:nth-of-type(2n+1) {
        clear: both
    }

    .block-grid-sm-3>* {
        width: 33.333333333333336%
    }

    .block-grid-sm-3>:nth-of-type(n) {
        clear: none
    }

    .block-grid-sm-3>:nth-of-type(3n+1) {
        clear: both
    }

    .block-grid-sm-4>* {
        width: 25%
    }

    .block-grid-sm-4>:nth-of-type(n) {
        clear: none
    }

    .block-grid-sm-4>:nth-of-type(4n+1) {
        clear: both
    }

    .block-grid-sm-5>* {
        width: 20%
    }

    .block-grid-sm-5>:nth-of-type(n) {
        clear: none
    }

    .block-grid-sm-5>:nth-of-type(5n+1) {
        clear: both
    }

    .block-grid-sm-6>* {
        width: 16.666666666666668%
    }

    .block-grid-sm-6>:nth-of-type(n) {
        clear: none
    }

    .block-grid-sm-6>:nth-of-type(6n+1) {
        clear: both
    }

    .block-grid-sm-7>* {
        width: 14.285714285714286%
    }

    .block-grid-sm-7>:nth-of-type(n) {
        clear: none
    }

    .block-grid-sm-7>:nth-of-type(7n+1) {
        clear: both
    }

    .block-grid-sm-8>* {
        width: 12.5%
    }

    .block-grid-sm-8>:nth-of-type(n) {
        clear: none
    }

    .block-grid-sm-8>:nth-of-type(8n+1) {
        clear: both
    }

    .block-grid-sm-9>* {
        width: 11.11111111111111%
    }

    .block-grid-sm-9>:nth-of-type(n) {
        clear: none
    }

    .block-grid-sm-9>:nth-of-type(9n+1) {
        clear: both
    }

    .block-grid-sm-10>* {
        width: 10%
    }

    .block-grid-sm-10>:nth-of-type(n) {
        clear: none
    }

    .block-grid-sm-10>:nth-of-type(10n+1) {
        clear: both
    }

    .block-grid-sm-11>* {
        width: 9.090909090909092%
    }

    .block-grid-sm-11>:nth-of-type(n) {
        clear: none
    }

    .block-grid-sm-11>:nth-of-type(11n+1) {
        clear: both
    }

    .block-grid-sm-12>* {
        width: 8.333333333333334%
    }

    .block-grid-sm-12>:nth-of-type(n) {
        clear: none
    }

    .block-grid-sm-12>:nth-of-type(12n+1) {
        clear: both
    }
}

@media (min-width:1025px) {
    .block-grid-md-1>* {
        width: 100%
    }

    .block-grid-md-1>:nth-of-type(n) {
        clear: none
    }

    .block-grid-md-1>:nth-of-type(1n+1) {
        clear: both
    }

    .block-grid-md-2>* {
        width: 50%
    }

    .block-grid-md-2>:nth-of-type(n) {
        clear: none
    }

    .block-grid-md-2>:nth-of-type(2n+1) {
        clear: both
    }

    .block-grid-md-3>* {
        width: 33.333333333333336%
    }

    .block-grid-md-3>:nth-of-type(n) {
        clear: none
    }

    .block-grid-md-3>:nth-of-type(3n+1) {
        clear: both
    }

    .block-grid-md-4>* {
        width: 25%
    }

    .block-grid-md-4>:nth-of-type(n) {
        clear: none
    }

    .block-grid-md-4>:nth-of-type(4n+1) {
        clear: both
    }

    .block-grid-md-5>* {
        width: 20%
    }

    .block-grid-md-5>:nth-of-type(n) {
        clear: none
    }

    .block-grid-md-5>:nth-of-type(5n+1) {
        clear: both
    }

    .block-grid-md-6>* {
        width: 16.666666666666668%
    }

    .block-grid-md-6>:nth-of-type(n) {
        clear: none
    }

    .block-grid-md-6>:nth-of-type(6n+1) {
        clear: both
    }

    .block-grid-md-7>* {
        width: 14.285714285714286%
    }

    .block-grid-md-7>:nth-of-type(n) {
        clear: none
    }

    .block-grid-md-7>:nth-of-type(7n+1) {
        clear: both
    }

    .block-grid-md-8>* {
        width: 12.5%
    }

    .block-grid-md-8>:nth-of-type(n) {
        clear: none
    }

    .block-grid-md-8>:nth-of-type(8n+1) {
        clear: both
    }

    .block-grid-md-9>* {
        width: 11.11111111111111%
    }

    .block-grid-md-9>:nth-of-type(n) {
        clear: none
    }

    .block-grid-md-9>:nth-of-type(9n+1) {
        clear: both
    }

    .block-grid-md-10>* {
        width: 10%
    }

    .block-grid-md-10>:nth-of-type(n) {
        clear: none
    }

    .block-grid-md-10>:nth-of-type(10n+1) {
        clear: both
    }

    .block-grid-md-11>* {
        width: 9.090909090909092%
    }

    .block-grid-md-11>:nth-of-type(n) {
        clear: none
    }

    .block-grid-md-11>:nth-of-type(11n+1) {
        clear: both
    }

    .block-grid-md-12>* {
        width: 8.333333333333334%
    }

    .block-grid-md-12>:nth-of-type(n) {
        clear: none
    }

    .block-grid-md-12>:nth-of-type(12n+1) {
        clear: both
    }
}

@media (min-width:1200px) {
    .block-grid-lg-1>* {
        width: 100%
    }

    .block-grid-lg-1>:nth-of-type(n) {
        clear: none
    }

    .block-grid-lg-1>:nth-of-type(1n+1) {
        clear: both
    }

    .block-grid-lg-2>* {
        width: 50%
    }

    .block-grid-lg-2>:nth-of-type(n) {
        clear: none
    }

    .block-grid-lg-2>:nth-of-type(2n+1) {
        clear: both
    }

    .block-grid-lg-3>* {
        width: 33.333333333333336%
    }

    .block-grid-lg-3>:nth-of-type(n) {
        clear: none
    }

    .block-grid-lg-3>:nth-of-type(3n+1) {
        clear: both
    }

    .block-grid-lg-4>* {
        width: 25%
    }

    .block-grid-lg-4>:nth-of-type(n) {
        clear: none
    }

    .block-grid-lg-4>:nth-of-type(4n+1) {
        clear: both
    }

    .block-grid-lg-5>* {
        width: 20%
    }

    .block-grid-lg-5>:nth-of-type(n) {
        clear: none
    }

    .block-grid-lg-5>:nth-of-type(5n+1) {
        clear: both
    }

    .block-grid-lg-6>* {
        width: 16.666666666666668%
    }

    .block-grid-lg-6>:nth-of-type(n) {
        clear: none
    }

    .block-grid-lg-6>:nth-of-type(6n+1) {
        clear: both
    }

    .block-grid-lg-7>* {
        width: 14.285714285714286%
    }

    .block-grid-lg-7>:nth-of-type(n) {
        clear: none
    }

    .block-grid-lg-7>:nth-of-type(7n+1) {
        clear: both
    }

    .block-grid-lg-8>* {
        width: 12.5%
    }

    .block-grid-lg-8>:nth-of-type(n) {
        clear: none
    }

    .block-grid-lg-8>:nth-of-type(8n+1) {
        clear: both
    }

    .block-grid-lg-9>* {
        width: 11.11111111111111%
    }

    .block-grid-lg-9>:nth-of-type(n) {
        clear: none
    }

    .block-grid-lg-9>:nth-of-type(9n+1) {
        clear: both
    }

    .block-grid-lg-10>* {
        width: 10%
    }

    .block-grid-lg-10>:nth-of-type(n) {
        clear: none
    }

    .block-grid-lg-10>:nth-of-type(10n+1) {
        clear: both
    }

    .block-grid-lg-11>* {
        width: 9.090909090909092%
    }

    .block-grid-lg-11>:nth-of-type(n) {
        clear: none
    }

    .block-grid-lg-11>:nth-of-type(11n+1) {
        clear: both
    }

    .block-grid-lg-12>* {
        width: 8.333333333333334%
    }

    .block-grid-lg-12>:nth-of-type(n) {
        clear: none
    }

    .block-grid-lg-12>:nth-of-type(12n+1) {
        clear: both
    }
}

@font-face {
    font-family:fontello;src:url(../fonts/fontello.eot?95111625);src:url(../fonts/fontello.eot?95111625#iefix) format("embedded-opentype"),url(../fonts/fontello.woff2?95111625) format("woff2"),url(../fonts/fontello.woff?95111625) format("woff"),url(../fonts/fontello.ttf?95111625) format("truetype"),url(../fonts/fontello.svg?95111625#fontello) format("svg");font-weight:400;font-style:normal
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 fontello;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-search:before {
    content: '\e800'
}

.fa-envelope:before {
    content: '\e801'
}

.fa-mail-squared:before {
    content: '\e802'
}

.fa-heart:before {
    content: '\e803'
}

.fa-star:before {
    content: '\e804'
}

.fa-user:before {
    content: '\e805'
}

.fa-users:before {
    content: '\e806'
}

.fa-photo:before {
    content: '\e807'
}

.fa-th-large:before {
    content: '\e808'
}

.fa-th-list:before {
    content: '\e809'
}

.fa-check-circle:before {
    content: '\e80a'
}

.fa-times:before {
    content: '\e80b'
}

.fa-times-circle-o:before {
    content: '\e80c'
}

.fa-plus-circle:before {
    content: '\e80d'
}

.fa-plus-squared:before {
    content: '\e80e'
}

.fa-minus-squared:before {
    content: '\e80f'
}

.fa-question-circle:before {
    content: '\e810'
}

.fa-info-circle:before {
    content: '\e811'
}

.fa-home:before {
    content: '\e812'
}

.fa-chain:before {
    content: '\e813'
}

.fa-unlink:before {
    content: '\e814'
}

.fa-lock:before {
    content: '\e815'
}

.fa-thumb-tack:before {
    content: '\e816'
}

.fa-eye:before {
    content: '\e817'
}

.fa-eye-slash:before {
    content: '\e818'
}

.fa-tags:before {
    content: '\e819'
}

.fa-bookmark:before {
    content: '\e81a'
}

.fa-reply:before {
    content: '\e81b'
}

.fa-mail-forward:before {
    content: '\e81c'
}

.fa-quote-left:before {
    content: '\e81d'
}

.fa-code:before {
    content: '\e81e'
}

.fa-share-alt:before {
    content: '\e81f'
}

.fa-pencil:before {
    content: '\e820'
}

.fa-edit:before {
    content: '\e821'
}

.fa-comment:before {
    content: '\e822'
}

.fa-comments:before {
    content: '\e823'
}

.fa-bell-alt:before {
    content: '\e824'
}

.fa-exclamation-circle:before {
    content: '\e825'
}

.fa-map-marker:before {
    content: '\e826'
}

.fa-trash:before {
    content: '\e827'
}

.fa-trash-o:before {
    content: '\e828'
}

.fa-file:before {
    content: '\e829'
}

.fa-archive:before {
    content: '\e82a'
}

.fa-phone:before {
    content: '\e82b'
}

.fa-bars:before {
    content: '\e82c'
}

.fa-gear:before {
    content: '\e82d'
}

.fa-sliders:before {
    content: '\e82e'
}

.fa-calendar:before {
    content: '\e82f'
}

.fa-clock-o:before {
    content: '\e830'
}

.fa-block:before {
    content: '\e831'
}

.fa-caret-down:before {
    content: '\e832'
}

.fa-chevron-down:before {
    content: '\e833'
}

.fa-chevron-left:before {
    content: '\e834'
}

.fa-chevron-right:before {
    content: '\e835'
}

.fa-chevron-up:before {
    content: '\e836'
}

.fa-angle-right:before {
    content: '\e837'
}

.fa-angle-down:before {
    content: '\e838'
}

.fa-chevron-circle-up:before {
    content: '\e839'
}

.fa-chevron-circle-down:before {
    content: '\e83a'
}

.fa-arrow-left:before {
    content: '\e83b'
}

.fa-arrow-right:before {
    content: '\e83c'
}

.fa-arrow-circle-right:before {
    content: '\e83d'
}

.fa-up-circled:before {
    content: '\e83e'
}

.fa-expand:before {
    content: '\e83f'
}

.fa-forward:before {
    content: '\e840'
}

.fa-backward:before {
    content: '\e841'
}

.fa-font:before {
    content: '\e842'
}

.fa-bold:before {
    content: '\e843'
}

.fa-italic:before {
    content: '\e844'
}

.fa-align-left:before {
    content: '\e845'
}

.fa-align-center:before {
    content: '\e846'
}

.fa-align-right:before {
    content: '\e847'
}

.fa-outdent:before {
    content: '\e848'
}

.fa-indent:before {
    content: '\e849'
}

.fa-list-ul:before {
    content: '\e84a'
}

.fa-list-ol:before {
    content: '\e84b'
}

.fa-underline:before {
    content: '\e84c'
}

.fa-power-off:before {
    content: '\e84d'
}

.fa-check-square-o:before {
    content: '\e84e'
}

.fa-facebook:before {
    content: '\e84f'
}

.fa-google-1:before {
    content: '\e850'
}

.fa-google-plus-1:before {
    content: '\e851'
}

.fa-instagram:before {
    content: '\e852'
}

.fa-soundcloud:before {
    content: '\e853'
}

.fa-twitter:before {
    content: '\e854'
}

.fa-vimeo-square:before {
    content: '\e855'
}

.fa-youtube:before {
    content: '\e856'
}

.fa-eye-1:before {
    content: '\e857'
}

.fa-play:before {
    content: '\e858'
}

.fa-pause:before {
    content: '\e859'
}

.fa-stop:before {
    content: '\e85a'
}

.fa-attach:before {
    content: '\e85b'
}

.fa-whatsapp:before {
    content: '\e85c'
}

.fa-facebook-official:before {
    content: '\e85d'
}

.fa-star-empty:before {
    content: '\e85e'
}

.fa-heart-empty:before {
    content: '\e85f'
}

.fa-angle-circled-left:before {
    content: '\e860'
}

.fa-angle-circled-right:before {
    content: '\e861'
}

.fa-left-circled:before {
    content: '\e862'
}

.fa-music:before {
    content: '\e863'
}

.fa-download:before {
    content: '\e864'
}

.fa-headphones:before {
    content: '\e865'
}

.fa-basket:before {
    content: '\e866'
}

.fa-shopping-bag:before {
    content: '\e867'
}

.fa-thumbs-up-alt:before {
    content: '\e868'
}

.fa-thumbs-down-alt:before {
    content: '\e869'
}

.fa-flag:before {
    content: '\e86a'
}

.fa-ok-squared:before {
    content: '\e86b'
}

.fa-plus:before {
    content: '\e86c'
}

.fa-minus:before {
    content: '\e86d'
}

.fa-spinner:before {
    content: '\e86e'
}

.fa-dot-3:before {
    content: '\e86f'
}

.fa-soccer:before {
    content: '\e870'
}

.fa-google-plus:before {
    content: '\e871'
}

.fa-google:before {
    content: '\e872'
}

.fa-crown:before {
    content: '\e873'
}

.fa-videocam:before {
    content: '\e874'
}

.fa-upload:before {
    content: '\e875'
}

.fa-print:before {
    content: '\e876'
}

.fa-award:before {
    content: '\e877'
}

.fa-floppy:before {
    content: '\e878'
}

.fa-youtube-play:before {
    content: '\e879'
}

.fa-camera:before {
    content: '\e87a'
}

.fa-lock-open:before {
    content: '\e87b'
}

.fa-user-2:before {
    content: '\f061'
}

.fa-angle-left:before {
    content: '\f104'
}

.fa-desktop:before {
    content: '\f108'
}

.fa-mobile:before {
    content: '\f10b'
}

.fa-glyph:before {
    content: '\f14a'
}

.fa-moon:before {
    content: '\f186'
}

.fa-commenting:before {
    content: '\f27a'
}

.fa-shopping-basket:before {
    content: '\f291'
}

@-webkit-keyframes $animation-name {
    0% {
        -moz-transform: scale3d(1,1,1);
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    10%,20% {
        -moz-transform: scale3d(0.9,.9,.9) rotate3d(0,0,1,-3deg);
        -webkit-transform: scale3d(0.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(0.9,.9,.9) rotate3d(0,0,1,-3deg)
    }

    30%,50%,70%,90% {
        -moz-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }

    40%,60%,80% {
        -moz-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }

    100% {
        -moz-transform: scale3d(1,1,1);
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@-moz-keyframes $animation-name {
    0% {
        -moz-transform: scale3d(1,1,1);
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    10%,20% {
        -moz-transform: scale3d(0.9,.9,.9) rotate3d(0,0,1,-3deg);
        -webkit-transform: scale3d(0.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(0.9,.9,.9) rotate3d(0,0,1,-3deg)
    }

    30%,50%,70%,90% {
        -moz-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }

    40%,60%,80% {
        -moz-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }

    100% {
        -moz-transform: scale3d(1,1,1);
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes $animation-name {
    0% {
        -moz-transform: scale3d(1,1,1);
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    10%,20% {
        -moz-transform: scale3d(0.9,.9,.9) rotate3d(0,0,1,-3deg);
        -webkit-transform: scale3d(0.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(0.9,.9,.9) rotate3d(0,0,1,-3deg)
    }

    30%,50%,70%,90% {
        -moz-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }

    40%,60%,80% {
        -moz-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }

    100% {
        -moz-transform: scale3d(1,1,1);
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@-webkit-keyframes $animation-name {
    0%,100% {
        -moz-transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    10%,30%,50%,70%,90% {
        -moz-transform: translate3d(-5px,0,0);
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    20%,40%,60%,80% {
        -moz-transform: translate3d(5px,0,0);
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }
}

@-moz-keyframes $animation-name {
    0%,100% {
        -moz-transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    10%,30%,50%,70%,90% {
        -moz-transform: translate3d(-5px,0,0);
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    20%,40%,60%,80% {
        -moz-transform: translate3d(5px,0,0);
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }
}

@keyframes $animation-name {
    0%,100% {
        -moz-transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    10%,30%,50%,70%,90% {
        -moz-transform: translate3d(-5px,0,0);
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    20%,40%,60%,80% {
        -moz-transform: translate3d(5px,0,0);
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }
}

@-webkit-keyframes $animation-name {
    0% {
        -moz-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg)
    }

    25% {
        -moz-transform: rotateZ(10deg);
        -webkit-transform: rotateZ(10deg);
        transform: rotateZ(10deg)
    }

    75% {
        -moz-transform: rotateZ(-10deg);
        -webkit-transform: rotateZ(-10deg);
        transform: rotateZ(-10deg)
    }

    100% {
        -moz-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg)
    }
}

@-moz-keyframes $animation-name {
    0% {
        -moz-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg)
    }

    25% {
        -moz-transform: rotateZ(10deg);
        -webkit-transform: rotateZ(10deg);
        transform: rotateZ(10deg)
    }

    75% {
        -moz-transform: rotateZ(-10deg);
        -webkit-transform: rotateZ(-10deg);
        transform: rotateZ(-10deg)
    }

    100% {
        -moz-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg)
    }
}

@keyframes $animation-name {
    0% {
        -moz-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg)
    }

    25% {
        -moz-transform: rotateZ(10deg);
        -webkit-transform: rotateZ(10deg);
        transform: rotateZ(10deg)
    }

    75% {
        -moz-transform: rotateZ(-10deg);
        -webkit-transform: rotateZ(-10deg);
        transform: rotateZ(-10deg)
    }

    100% {
        -moz-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg)
    }
}

@-webkit-keyframes $animation-name {
    from {
        stroke-dashoffset: -293
    }

    to {
        stroke-dashoffset: -585
    }
}

@-moz-keyframes $animation-name {
    from {
        stroke-dashoffset: -293
    }

    to {
        stroke-dashoffset: -585
    }
}

@keyframes $animation-name {
    from {
        stroke-dashoffset: -293
    }

    to {
        stroke-dashoffset: -585
    }
}

@-webkit-keyframes cloud-animation {
    0% {
        opacity: 0;
        transform: translate(30px,0)
    }

    25% {
        opacity: .5;
        transform: translate(50px,0)
    }

    50% {
        opacity: 1;
        transform: translate(70px,0)
    }

    75% {
        opacity: .5;
        transform: translate(90px,0)
    }

    100% {
        opacity: 0;
        transform: translate(110px,0)
    }
}

@keyframes cloud-animation {
    0% {
        opacity: 0;
        transform: translate(30px,0)
    }

    25% {
        opacity: .5;
        transform: translate(50px,0)
    }

    50% {
        opacity: 1;
        transform: translate(70px,0)
    }

    75% {
        opacity: .5;
        transform: translate(90px,0)
    }

    100% {
        opacity: 0;
        transform: translate(110px,0)
    }
}

.tada {
    -webkit-animation: tada 1s;
    -moz-animation: tada 1s;
    -ms-animation: tada 1s;
    animation: tada 1s
}

.shake {
    -webkit-animation: shake 1s;
    -moz-animation: shake 1s;
    -ms-animation: shake 1s;
    animation: shake 1s
}

.swing {
    -webkit-animation: swing 1s;
    -moz-animation: swing 1s;
    -ms-animation: swing 1s;
    animation: swing 1s
}

:not(.pesdk-react-spritesCanvasControls__item__text__content) {
    line-height: 140%
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    margin: 0
}

h3,h4 {
    font-weight: 400
}

a {
    color: #0073b9;
    text-decoration: none
}

a:focus {
    outline: 0!important
}

hr.dashed {
    border: 0;
    border-bottom: dashed 1px rgba(0,0,0,.2);
    clear: both;
    margin: 5px 0
}

hr.green {
    border: 0;
    border-bottom: solid 1px #1da89f;
    clear: both;
    margin: 5px 0
}

.m-lr-min-5 {
    margin-left: -5px;
    margin-right: -5px
}

.m-lr-10 {
    margin-left: 10px;
    margin-right: 10px
}

.m-bottom-10 {
    margin-bottom: 10px
}

.m-bottom-30 {
    margin-bottom: 30px
}

.m-top-5 {
    margin-top: 5px
}

.m-top-10 {
    margin-top: 10px
}

.m-top-30 {
    margin-top: 30px
}

.m-l-10 {
    margin-left: 10px
}

.m-l-0 {
    margin-left: 0
}

.bar0 {
    padding: 0
}

.bar5 {
    padding: 0 5px
}

.bar10 {
    padding: 0 10px
}

.bar15 {
    padding: 0 15px
}

.bar20 {
    padding: 0 20px
}

.bar-v-5 {
    padding: 5px 0
}

.p-all-0 {
    padding: 0!important
}

.p-all-10 {
    padding: 10px
}

.p-all-15 {
    padding: 15px
}

.p-tb-5 {
    padding-top: 5px;
    padding-bottom: 5px
}

.p-tb-10 {
    padding-top: 10px;
    padding-bottom: 10px
}

.p-tb-20 {
    padding-top: 20px;
    padding-bottom: 20px
}

.p-tb-30 {
    padding-top: 30px;
    padding-bottom: 30px
}

.p-lr-10 {
    padding-left: 10px;
    padding-right: 10px
}

.p-top-20 {
    padding-top: 20px
}

.p-right-0 {
    padding-right: 0
}

.p-right-5 {
    padding-right: 5px
}

.p-right-10 {
    padding-right: 10px
}

.p-left-0 {
    padding-left: 0
}

.p-left-5 {
    padding-left: 5px
}

.p-left-10 {
    padding-left: 10px
}

.line-height-20 {
    line-height: 20px
}

.follow-btn {
    display: inline-block
}

.select {
    color: #333
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.pointer {
    cursor: pointer
}

.v-middle {
    display: inline-block!important;
    vertical-align: middle
}

.filter--blur {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-filter: blur(2px);
    filter: blur(2px);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.sticky-notice {
    position: fixed;
    top: 50px;
    z-index: 9;
    width: 100%;
    text-align: center
}

.spoiler {
    margin: 1em 0
}

.spoiler .smallfont {
    font-size: 11px;
    padding: 3px 0
}

.spoiler input[type=button] {
    background: #ccc!important;
    border-radius: 3px;
    cursor: pointer;
    width: 40px!important;
    border: none
}

.o-hidden {
    overflow: hidden
}

textarea {
    font-size: 13px
}

#bgover {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 6
}

.preload {
    display: block;
    text-align: center
}

.preload img {
    width: 30px!important
}

.red,.req {
    color: #e4302f
}

.green {
    color: #1da89f
}

.orange {
    color: #ff7100!important
}

.purple {
    color: #f0f!important
}

.strike {
    text-decoration: line-through
}

.list-grey {
    margin-bottom: 0
}

.list-grey li {
    list-style: none;
    border-bottom: 1px solid #d4d4d4;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.list-grey li a {
    text-decoration: none;
    color: #6e6e6e;
    font-size: 12px;
    padding: 5px 10px;
    display: block
}

.list-grey li:hover a {
    color: #1998ed
}

.head-title {
    color: #545454;
    padding-bottom: 4px;
    margin-bottom: 5px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.head-title h2.title {
    border-left: 5px solid #f7941d;
    padding-left: 5px;
    line-height: 20px;
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    float: left
}

.head-title.no-border {
    border-bottom: none
}

.head-title a.small {
    float: right;
    margin-top: 4px
}

.head-title a.small.text-orange,.head-title a.small.text-orange:hover {
    color: #ff7100
}

.head-title a.small em {
    margin-right: 5px
}

.head-title .btn.small {
    font-size: 10px;
    padding: 0 5px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

body.fjb .head-title h2.title {
    border-left: 5px solid #1da89f
}

.notice {
    background: #fffee9;
    border: 1px solid #d4d4d4;
    margin-bottom: 5px;
    padding: 5px;
    text-align: center;
    position: relative
}

.notice:first-child {
    margin-top: -5px
}

.notice i {
    margin-right: 5px;
    color: #545454
}

.notice .btn-close {
    font-size: 12px;
    position: absolute;
    right: 5px;
    top: 4px
}

.notice .btn-close i {
    cursor: pointer
}

.notice center {
    display: inline-block
}

.notice.err {
    border-color: #e4302f;
    background: #fff;
    text-align: left;
    padding: 10px
}

.notice.err h4 {
    color: #e4302f;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 14px
}

.notice.success {
    border-color: #1da89f;
    background: #fff;
    text-align: left;
    padding: 10px
}

.notice.success h4 {
    color: #1da89f;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 14px
}

.notice.fmt {
    color: #e4302f;
    border: 1px solid #1da89f;
    border-left: 0;
    border-right: 0
}

.pagination {
    float: left;
    padding-left: 0;
    margin: 1px 0;
    font-size: 12px;
    position: relative
}

.pagination>li {
    display: inline
}

.pagination>li>a,.pagination>li>span {
    position: relative;
    float: left;
    padding: 5px 7px;
    line-height: 140%;
    text-decoration: none;
    color: #6e6e6e
}

.pagination>li>a:focus,.pagination>li>a:hover {
    color: #0073b9;
    text-decoration: underline
}

.pagination>li>span:focus,.pagination>li>span:hover {
    color: #0073b9
}

.pagination>.active>a {
    color: #0073b9;
    text-decoration: underline;
    cursor: default;
    font-weight: 700
}

.pagination>.active>a:focus,.pagination>.active>a:hover {
    cursor: default
}

.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
    color: #fff;
    background-color: #428bca;
    border-color: #428bca;
    cursor: default
}

.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover {
    color: #777;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed
}

.pagination>.page-count {
    color: #6e6e6e;
    float: left;
    font-weight: 700;
    padding: 5px
}

.jump-page {
    float: left;
    vertical-align: top
}

.jump-page .dropdown {
    float: left;
    margin-top: 5px
}

.jump-page .dropdown a {
    padding: 5px 10px;
    border: 1px solid transparent;
    color: #6e6e6e;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.jump-page .dropdown a:focus,.jump-page .dropdown a:hover {
    border: 1px solid #d4d4d4;
    background: #ebebeb;
    color: #545454;
    text-decoration: none
}

.jump-page .dropdown.open>a {
    border: 1px solid #d4d4d4;
    color: #545454;
    background: #ebebeb;
    text-decoration: none
}

.jump-page .dropdown-menu {
    margin-top: 5px;
    min-width: 70px;
    padding: 10px
}

.jump-page .dropdown-menu input[type=text] {
    float: left;
    font-size: 10px;
    height: 24px;
    width: 48px;
    border: 1px solid #d4d4d4;
    color: #545454;
    padding: 0 24px 0 3px
}

.jump-page .dropdown-menu input[type=button],.jump-page .dropdown-menu input[type=submit] {
    border: 0;
    color: #6e6e6e;
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 3px 5px
}

.pagination-lg>li>a,.pagination-lg>li>span {
    padding: 10px 16px;
    font-size: 18px
}

.pagination-sm>li>a,.pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 12px
}

.dropdown {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    text-align: left;
    background-color: #fff;
    border: 1px solid #d4d4d4;
    background-clip: padding-box
}

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

.dropdown-menu .divider {
    height: 1px;
    overflow: hidden;
    background-color: #e5e5e5
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857;
    color: #333;
    white-space: nowrap
}

.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5
}

.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #428bca
}

.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover {
    color: #777
}

.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    cursor: not-allowed
}

.open>.dropdown-menu {
    display: block
}

.open>a {
    outline: 0
}

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

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

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857;
    color: #777;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990
}

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

.dropup .caret,.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid;
    content: ""
}

.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px
}

.live-preview-title {
    top: 3px;
    position: relative;
    font-size: 10px
}

.box-simple {
    margin-top: 20px;
    padding-bottom: 40px
}

.home-breadcrumb {
    color: #333!important
}

select.select {
    z-index: 1
}

span.customSelect {
    background-color: #fff;
    color: #545454;
    border: 1px solid rgba(0,0,0,.2);
    padding: 2px 20px 2px 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    line-height: 24px;
    position: relative
}

span.customSelect:after {
    content: "";
    right: 10px;
    top: 50%;
    margin-top: -1px;
    position: absolute;
    border-style: solid;
    border-color: #acacac transparent transparent;
    border-width: 3px 3px 0
}

span.customSelect.customSelectDisabled {
    background-color: #eee
}

span.customSelect span.customSelectInner {
    width: 100%!important
}

.image-highlight {
    position: relative
}

.image-highlight a {
    position: absolute;
    background: url(../images/transparent.png);
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 2
}

.image-highlight .highlight-title {
    width: 100%;
    height: 100%;
    background: #ff7100;
    border: 1px solid #f7941d;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: relative
}

.image-highlight .highlight-title p {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    font-size: 12px;
    text-decoration: none
}

.image-highlight .highlight-title:after,.image-highlight .highlight-title:before {
    content: "";
    top: 50%;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.image-highlight .highlight-title:before {
    position: absolute;
    border-style: solid;
    border-color: transparent;
    border-right-color: #f7941d;
    border-width: 16px 16px 16px 0;
    margin-top: -15px
}

.image-highlight .highlight-title:after {
    position: absolute;
    border-style: solid;
    border-color: transparent;
    border-right-color: #f7941d;
    border-width: 15px 15px 15px 0;
    margin-top: -14px
}

.image-highlight:hover .highlight-title {
    border: 1px solid #f7941d;
    background: #fff
}

.image-highlight:hover .highlight-title:before {
    position: absolute;
    border-style: solid;
    border-color: transparent;
    border-right-color: #f7941d;
    border-width: 16px 16px 16px 0
}

.image-highlight:hover .highlight-title:after {
    position: absolute;
    border-style: solid;
    border-color: transparent;
    border-right-color: #fff;
    border-width: 15px 15px 15px 0
}

.image-highlight:hover .highlight-title p {
    color: #6e6e6e
}

.image-highlight .highlight-image {
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 0;
    float: left
}

.top-product-list .product-thumbnail figure,.top-product-list .product-thumbnail figure div {
    width: 220px;
    height: 130px
}

.top-product-list .product-thumbnail figure div img {
    max-width: 220px;
    max-height: 130px
}

.product-thumbnail {
    background: #fafafa;
    position: relative;
    overflow: hidden
}

.product-thumbnail a {
    position: absolute;
    background: url(../images/transparent.png);
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 5
}

.product-thumbnail figure,.product-thumbnail figure div {
    width: 165px;
    height: 150px
}

.product-thumbnail figure div img {
    max-width: 165px;
    max-height: 150px
}

.product-thumbnail .thumbnail-title {
    width: 100%;
    background: #f0f0f0;
    border-top: 1px solid #e6e6e6;
    bottom: 0;
    display: table;
    position: relative
}

.product-thumbnail .thumbnail-title h4 {
    color: #0073b9;
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.product-thumbnail .thumbnail-title:after,.product-thumbnail .thumbnail-title:before {
    content: "";
    left: 50%;
    position: absolute
}

.product-thumbnail .thumbnail-title:before {
    border: 7px solid transparent;
    margin-left: -7px;
    top: -14px
}

.product-thumbnail .thumbnail-title:after {
    border: 6px solid transparent;
    margin-left: -6px;
    position: absolute;
    top: -12px;
    top: -10px\9!important
}

.product-thumbnail .thumbnail-title.thumbnail-title.arrow:before {
    border-bottom-color: #ebebeb
}

.product-thumbnail .thumbnail-title.thumbnail-title.arrow:after {
    border-bottom-color: #f0f0f0
}

.product-thumbnail:hover .thumbnail-title {
    background: #f0f0f0;
    border-top: 1px solid #ff7100
}

.product-thumbnail:hover .thumbnail-title h4 {
    color: #ff7100
}

.product-thumbnail:hover .thumbnail-title:before {
    border-bottom-color: #ff7100!important
}

.product-thumbnail:hover .thumbnail-title:after {
    border-bottom-color: #f0f0f0!important
}

.carousel-caption,.carousel-indicators {
    z-index: 1
}

table td.entry-checkbox,table th.entry-checkbox {
    vertical-align: middle;
    padding-left: 0!important
}

table.table-striped thead th {
    background: #ebebeb
}

table.table-noborder tr td {
    border: 0
}

table.table-stripped-double tr {
    background-color: #fff
}

table.table-stripped-double tr:nth-child(4n+1),table.table-stripped-double tr:nth-child(4n+2) {
    background-color: #eee
}

table.table-stripped-double tr:nth-child(2n+2) td {
    padding: 0 8px 15px
}

table td.image-holder {
    margin-bottom: 10px
}

table td.image-holder figure {
    height: 100px;
    margin: 0 auto;
    width: 100px
}

table td.image-holder figure>div {
    height: 100px;
    width: 100px
}

table td.image-holder figure>div img {
    max-width: 100px;
    max-height: 100px
}

table .jump {
    border: 1px solid #8ec549;
    background: #8ec549;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    display: block;
    float: left;
    font-size: 9px;
    line-height: 12px;
    margin: 1px 5px 0 0;
    opacity: .625;
    overflow: hidden;
    padding: 0;
    text-align: center;
    text-decoration: none!important;
    text-shadow: -1px -1px #8ec549;
    width: 12px
}

table .jump:hover {
    opacity: 1
}

table .info,table .replies,table .stats {
    color: #6e6e6e;
    max-width: 220px;
    word-wrap: break-word
}

table .info span,table .replies span,table .stats span {
    display: block
}

table .info span time,table .replies span time,table .stats span time {
    float: left;
    padding-right: 5px
}

table .info i,table .replies i,table .stats i {
    font-style: normal
}

.signup-header {
    display: block;
    margin: 0 auto 30px;
    padding-top: 10px
}

.signup-header h2 {
    color: #545454;
    font-size: 36px;
    position: relative;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 10px
}

.signup-header .desc {
    color: #6e6e6e;
    font-size: 14px;
    line-height: 1.5
}

.signup-header .sign-via {
    margin-top: 15px;
    font-size: 14px;
    color: #6e6e6e
}

.signup-header .sign-via ul {
    margin-top: 10px
}

.register-form {
    padding: 20px;
    background: rgba(0,0,0,.3)
}

.register-form h2 {
    color: #fff;
    font-size: 20px;
    font-weight: 600
}

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

.social-list {
    margin: 0
}

.social-list li {
    padding: 0
}

.social-list li a {
    padding: 7px 12px 7px 6px;
    float: left;
    font-size: 11px;
    text-decoration: none;
    color: #fff;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.social-list li a .fa {
    font-size: 13px;
    padding: 2px 5px
}

.social-list li .social-facebook {
    background: #3054a6
}

.social-list li .social-facebook:hover {
    background: #4568b2
}

.social-list li .social-twitter {
    background: #00adee
}

.social-list li .social-twitter:hover {
    background: #12beff
}

.social-list li .social-google {
    background: #dd4b39
}

.social-list li .social-google:hover {
    background: #e26757
}

.center-bar {
    margin: 0 auto 30px;
    display: block
}

#form-create .checkbox {
    font-weight: 400;
    padding-left: 20px
}

#form-create .group-icon {
    border: 1px solid #e6e6e6;
    margin-bottom: 20px;
    margin-right: 15px;
    float: left;
    width: 80px;
    height: 80px
}

#form-create .group-icon img {
    border: 4px solid #fff;
    width: 78px;
    height: 78px
}

#form-create .note {
    float: left
}

.popovers {
    box-shadow: none;
    border: none
}

.popover-content {
    font-weight: 400
}

.career-page {
    margin: 0 auto 20px;
    background: #ebebeb;
    padding-bottom: 20px
}

.career-page .tab-content {
    width: 96%;
    margin: 0 auto;
    background: #fff;
    padding: 15px 10px
}

.career-page .tab-content .title {
    background: #ebebeb;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 10px;
    padding-left: 10px;
    position: relative
}

.career-page .tab-content .title .btn-apply {
    background: #079fff;
    color: #fff;
    font-size: 14px;
    line-height: 40px;
    padding: 0 40px 0 10px;
    position: absolute;
    right: 0;
    top: 0
}

.career-page .tab-content .title .btn-apply .fa {
    position: absolute;
    right: 9px;
    top: 9px;
    font-size: 24px
}

.career-page .tab-content .job-detail {
    margin-top: 10px;
    padding: 0 30px;
    line-height: 1.4
}

.career-page .tab-content .job-detail ul li {
    margin: 5px 0
}

.career-page .tab-content .job-detail h3 {
    font-size: 12px;
    font-weight: 700
}

.career-page .tab-content .job-detail .apply-to {
    padding: 10px 0;
    margin-bottom: 20px;
    font-size: 14px
}

.career-page .tab-content .job-detail .apply-to h4 {
    font-weight: 700
}

.career-page .nav-tabs {
    width: 96%;
    padding-top: 20px;
    margin: 0 auto
}

.career-page .nav-tabs li {
    height: 120px;
    float: left;
    text-align: center;
    border: 1px solid #fff;
    border-right: none;
    font-size: 11px;
    cursor: pointer;
    line-height: 1.4;
    width: 10%;
    position: relative;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.career-page .nav-tabs li:last-child {
    border-right: 1px solid #fff
}

.career-page .nav-tabs li a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.career-page .nav-tabs li>span {
    background: url(../images/layout/sprite-menu.png);
    display: block;
    height: 55px;
    width: 55px;
    margin: 10px auto 15px
}

.career-page .nav-tabs li .title {
    padding: 0 10px
}

.career-page .nav-tabs li .title .title {
    color: #6e6e6e;
    font-weight: 400
}

.career-page .nav-tabs li.active,.career-page .nav-tabs li:hover {
    background: #fff
}

.career-page .nav-tabs li.active .title,.career-page .nav-tabs li:hover .title {
    color: #1998ed
}

.career-page .nav-tabs li.active a,.career-page .nav-tabs li:hover a {
    background: 0 0;
    border: none
}

.career-page .nav-tabs li.active a,.career-page .nav-tabs li.active:hover a {
    background: 0 0!important;
    border: none!important
}

.career-page .nav-tabs li.active .title {
    font-weight: 700
}

#login-form {
    margin-top: 10vh;
    margin-bottom: 10vh;
    padding: 20px;
    border: 1px solid #d4d4d4;
    width: 481px;
    background: #fff
}

#login-form header {
    position: relative
}

#login-form header hgroup {
    border-bottom: solid 1px rgba(0,0,0,.1);
    margin-bottom: 30px;
    padding-bottom: 30px;
    height: 82px
}

#login-form header hgroup h2 {
    color: #1998ed;
    font-size: 14px;
    position: absolute;
    top: 72px;
    width: 100%
}

#login-form header hgroup h2 span {
    padding: 0 10px;
    background: #fff
}

#login-form .social-list {
    margin-bottom: 20px
}

.footer-login {
    width: 480px;
    margin: 0 auto
}

.para {
    font-size: 13px;
    line-height: 1.5
}

.para h2 {
    font-size: 20px;
    margin-bottom: 15px
}

.para h3 {
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: 700
}

.para h4 {
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 5px
}

.para ol,.para ul {
    margin: 10px 15px;
    padding-left: 20px
}

.para ol li,.para ul li {
    padding: 5px 0
}

.redirect-page .message {
    margin: 0 10px 5px;
    padding: 10px
}

.message-page {
    min-height: 380px
}

.message-page .header {
    padding-bottom: 10px
}

.message-page .message-con {
    border: 1px solid #d4d4d4;
    width: 680px;
    margin: 0 auto
}

.message-page .message-con .bar-header {
    padding: 10px 15px;
    border-bottom: 1px solid #d4d4d4;
    background: #f0f0f0;
    text-align: center
}

.message-page .message-con .list-message {
    padding: 25px;
    text-align: center;
    position: relative;
    font-size: 14px
}

.message-page .message-con .list-message hgroup {
    border-bottom: solid 1px rgba(0,0,0,.1);
    margin-top: 15px;
    margin-bottom: 10px
}

.message-page .message-con .list-message hgroup h2 {
    color: #1998ed;
    font-size: 14px;
    position: absolute;
    top: 93px;
    width: 100%;
    margin-left: -25px
}

.message-page .message-con .list-message hgroup h2 span {
    padding: 0 10px;
    background: #fff
}

.message-page .message-con .list-message .header img {
    min-height: 51px
}

#register-form {
    padding: 20px
}

.form-horizontal.register-form-con {
    padding-bottom: 0
}

.register-form-con {
    color: #fff;
    clear: both
}

.register-form-con .info-form {
    clear: both;
    padding-top: 5px;
    color: #fff;
    font-size: 11px
}

.register-form-con .info-form a {
    color: #fff;
    text-decoration: underline
}

.register-form-con .has-2-col div[class^=col-]:nth-child(1) {
    padding-right: 7px
}

.register-form-con .has-2-col div[class^=col-]:nth-child(2) {
    padding-left: 7px
}

.register-form-con .has-3-col div[class^=col-]:nth-child(1) {
    padding-right: 7px
}

.register-form-con .has-3-col div[class^=col-]:nth-child(2),.register-form-con .has-3-col div[class^=col-]:nth-child(3) {
    padding-left: 7px;
    padding-right: 7px
}

figure {
    overflow: hidden;
    text-align: center
}

figure div {
    vertical-align: middle;
    display: table-cell;
    margin: 0 auto
}

figure div img {
    display: block;
    margin: 0 auto
}

.customSelectFocus {
    border-color: #66afe9;
    outline: 0;
    -moz-box-shadow: 0 0 8px #66afe9;
    -webkit-box-shadow: 0 0 8px #66afe9;
    box-shadow: 0 0 8px #66afe9
}

.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .form-control-feedback,.has-success .help-block,.has-success .info-form.has-success,.has-success .radio,.has-success .radio-inline {
    color: #1da89f!important
}

.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .form-control-feedback,.has-error .help-block,.has-error .info-form.has-error,.has-error .radio,.has-error .radio-inline {
    color: #e4302f!important
}

.capctha .recaptchatable #recaptcha_response_field {
    padding: 2px 5px;
    font-size: 11px;
    border: 1px solid #d4d4d4
}

.related-thread {
    background: #fff;
    width: 355px;
    position: fixed;
    bottom: 15px;
    right: -355px;
    z-index: 99;
    border: 1px solid #ccc;
    transition: all .2s ease-in-out
}

.related-thread.no-content {
    bottom: 92px;
    height: auto
}

.related-thread.no-content .button-related {
    height: 40px
}

.related-thread.no-content .button-related .back-to-top {
    border: none
}

.related-thread .button-related {
    width: 40px;
    border: 1px solid #ddd;
    height: 81px;
    position: absolute;
    left: -40px;
    background: #fff;
    cursor: pointer;
    text-align: center
}

.related-thread .button-related .back-to-top,.related-thread .button-related .related-icon {
    padding: 10px;
    float: left;
    width: 40px;
    height: 40px;
    border-bottom: 1px solid #ddd
}

.related-thread .button-related .back-to-top:hover .fa,.related-thread .button-related .related-icon:hover .fa {
    opacity: 1
}

.related-thread .button-related .back-to-top .fa,.related-thread .button-related .related-icon .fa {
    font-size: 16px;
    opacity: .6
}

.related-thread.nongol {
    right: 0
}

.related-thread.nongol .button-related {
    display: none
}

.related-thread h1 {
    border-bottom: 1px solid #d4d4d4;
    color: #6e6e6e;
    background-color: #f5f5f5;
    font-size: 12px;
    position: relative;
    border-left: 5px solid #1998ed;
    line-height: 30px;
    padding: 0 10px;
    font-weight: 700;
    height: 30px
}

.related-thread h1 .back-to-top,.related-thread h1 .close {
    float: right;
    padding: 0 5px
}

.related-thread .wrap-scroll {
    overflow: hidden;
    width: 325px;
    margin: 10px 0 0 15px
}

.related-thread .wrap-scroll ul {
    width: 1690px;
    margin-bottom: 0
}

.related-thread .wrap-scroll ul li {
    display: inline-block;
    width: 335px;
    vertical-align: top
}

.related-thread .wrap-scroll ul li:last-child {
    border-bottom: 0;
    padding-bottom: 0
}

.related-thread .bar-v-5>a {
    margin: 0 10px
}

.related-thread .little-desc {
    display: inline-block;
    width: 265px;
    padding-left: 10px
}

.related-thread .img-desc {
    display: inline-block;
    vertical-align: top;
    width: 50px;
    height: 50px
}

.related-thread .img-desc figure,.related-thread .img-desc figure div,.related-thread .img-desc figure div img {
    width: 50px;
    height: 50px
}

#redirect-vsl {
    margin-top: 10vh;
    margin-bottom: 10vh;
    padding: 0 20px 20px;
    border: 1px solid #d4d4d4;
    width: 715px;
    background: #fff
}

#redirect-vsl .message {
    padding: 0
}

#redirect-vsl .vsl-thanks {
    color: #1da89f;
    font-size: 20px;
    font-weight: 300;
    border-top: 1px solid #1da89f;
    margin: 20px auto;
    padding: 10px 0;
    border-bottom: 1px solid #1da89f;
    width: 110px
}

#redirect-vsl .vsl-message {
    font-size: 14px;
    line-height: 160%
}

#redirect-vsl .vsl-message a {
    font-size: 12px
}

.grid-13a #main-column textarea {
    min-width: 600px;
    min-height: 400px
}

table.no-v-border tr td,table.no-v-border tr th {
    border: 0!important
}

.feed-score .no-content {
    font-size: 14px
}

.feed-score .fa-question-circle {
    color: #ff7100
}

.feed-score table.no-v-border {
    table-layout: fixed
}

.callout-panel {
    max-width: 700px;
    margin: 50px auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.4);
    -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.4);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.4)
}

.callout-panel h2 {
    color: #1998ed;
    margin-bottom: 25px;
    margin-top: 10px
}

.callout-panel p {
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    margin-top: 20px
}

.callout-panel p.blue-forum {
    color: #1998ed;
    font-size: 15px;
    max-width: 575px;
    margin: 0 auto 30px
}

.callout-panel a.blue-forum {
    color: #1998ed
}

.callout-panel fieldset {
    margin: 0 0 5px
}

.callout-panel label {
    font-weight: 500;
    font-size: 14px;
    margin-left: 10px
}

.callout-panel .btn {
    margin: 0 15px
}

.callout-panel .col-xs-8 {
    margin-bottom: 15px
}

.bg--white {
    background-color: #fff
}

.bg--yellow {
    background-color: #ffd75e
}

.bg--blueLight {
    background-color: #a7e0f5
}

.bg--bg-white-fade {
    background-color: #fafafa
}

.line-blue {
    max-width: 75px;
    border-top: 4px solid #1998ed;
    margin-bottom: 50px
}

.panel-notice {
    padding: 15px;
    background-color: #eee
}

.panel-notice__alert {
    font-size: 28px;
    margin: 10px 20px 35px
}

.panel-notice__alert--orange {
    color: #ff7100
}

.row-equalizer {
    margin: 0 -10px 0 -5px
}

.row-widget {
    margin-right: -20px
}

#news-widget-sidebar {
    padding: 0
}

.kaskus-ads.postlist {
    border: none;
    background: 0 0;
    margin-bottom: 0
}

.kskdDiv {
    z-index: 0!important
}

#div-gpt-ad-m1a,#div-gpt-ad-m1b {
    float: left;
    width: 286px!important;
    position: relative
}

.sidebar-category>li.listing-sidebar>.categories-title span {
    line-height: 130%!important
}

.listing-table .table-striped .con-kaskus-ads.clearfix iframe {
    width: 100%
}

.listing-table .con-kaskus-ads.clearfix {
    display: block
}

.btn {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    -moz-user-select: -moz- none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

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

.btn:focus,.btn:hover {
    color: #333;
    text-decoration: none
}

.btn.active,.btn:active {
    outline: 0;
    background-image: none;
    -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}

.btn.disabled,.btn[disabled] {
    cursor: not-allowed;
    pointer-events: none;
    filter: alpha(Opacity=65);
    opacity: .65;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn.btn-outline {
    padding: 10px 25px;
    background-color: transparent
}

.btn.btn-outline--border-orange {
    border: 1px solid #ff7100;
    color: #ff7100;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.btn.btn-outline--border-orange:hover {
    background-color: #ff7100;
    color: #fff
}

.btn.btn-outline--border-orange--bolder {
    color: #ff7100!important;
    border: 2px solid #ff7100;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 32px;
    line-height: 1.42857;
    background-color: transparent;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.btn.btn-outline--border-orange--bolder:hover {
    background-color: #ff7100!important;
    color: #fff!important
}

.btn.btn-outline--border-blue {
    border: 1px solid #1998ed;
    color: #1998ed;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.btn.btn-outline--border-blue:hover {
    background-color: #1998ed;
    color: #fff
}

.btn.btn-outline--border-green {
    border: 1px solid #1da89f;
    color: #1da89f;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.btn.btn-outline--border-green:hover {
    background-color: #1da89f;
    color: #fff
}

.btn.btn-outline--border-green__text-orange {
    border: 1px solid #1da89f;
    color: #ff7100;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.btn.btn-outline--border-green__text-orange:hover {
    background-color: #ff7100;
    border: 1px solid #ff7100;
    color: #fff
}

.btn.btn-outline--border-yellow {
    border: 1px solid #f99e1c;
    color: #f99e1c;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.btn.btn-outline--border-yellow:hover {
    background-color: #f99e1c;
    color: #fff
}

.btn.btn-fixed {
    width: 125px
}

.btn.btn-fixed--long {
    width: 155px
}

.btn.btn-fixed--superlong {
    width: 320px
}

.btn--chat img {
    margin-right: 3px;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.btn--chat:hover img {
    -webkit-filter: saturate(0) brightness(2);
    filter: saturate(0) brightness(2)
}

.btn__radio {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    margin-bottom: 2px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    transition: .2s;
    box-shadow: inset 0 0 0 8px #fff;
    border: 2px solid #1da89f;
    background: gray
}

.btn__radio--selected,.btn__radio:hover {
    box-shadow: inset 0 0 0 3px #fff;
    background: #1da89f;
    border: 2px solid #1da89f
}

.btn__radio:focus {
    outline: 0
}

.btn__full {
    width: 100%
}

.btn-medium {
    padding: 5px 35px
}

.btn-lg {
    padding: 10px 16px;
    font-size: 13px;
    line-height: 1.33
}

.btn-lg.btn-icon .fa {
    height: 50px;
    width: 40px
}

.btn-sm {
    padding: 4px 10px;
    font-size: 12px;
    line-height: 1.5
}

.btn-jumbo {
    padding: 10px 60px;
    font-size: 15px;
    line-height: 1.5
}

.btn-rounded {
    border-radius: 8px
}

.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5
}

.btn-bid {
    padding: 3px 5px;
    font-size: 12px;
    line-height: 1.5
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: 5px
}

.btn-block--card {
    background: #fff;
    border: 1px solid #e5e5e5;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.btn-block--card:hover {
    background: #1998ed;
    text-decoration: none
}

.btn-block--card:hover span {
    color: #fff
}

.btn-block--card span {
    color: #1998ed;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block {
    width: 100%
}

.btn-blue {
    color: #fff!important;
    background-color: #1998ed!important;
    border-radius: 2px;
    -moz-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.btn-blue.active,.btn-blue:active,.btn-blue:focus,.btn-blue:hover {
    color: #fff;
    background-color: #31a3ef!important
}

.btn-blue--transparent {
    border: 1px solid;
    color: #1998ed!important;
    background-color: url(../images/transparent.png)!important;
    border-radius: 2px;
    -moz-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.btn-blue--transparent.active,.btn-blue--transparent:active,.btn-blue--transparent:focus,.btn-blue--transparent:hover {
    color: #1998ed;
    background-color: #31a3ef!important
}

.btn-blue--transparent:hover {
    color: #fff!important
}

.btn-blue--transparent.is-active {
    color: #fff!important;
    background-color: #1998ed!important;
    border-radius: 2px;
    -moz-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.btn-blue--transparent.is-active.active,.btn-blue--transparent.is-active:active,.btn-blue--transparent.is-active:focus,.btn-blue--transparent.is-active:hover {
    color: #fff;
    background-color: #31a3ef!important
}

.btn-blue--transparent .fa {
    font-size: 16px;
    vertical-align: text-top;
    margin-right: 5px
}

.btn-blue.has-shadow {
    position: relative;
    top: 0;
    -webkit-box-shadow: 0 3px 0 0 #296c97;
    -moz-box-shadow: 0 3px 0 0 #296c97;
    box-shadow: 0 3px 0 0 #296c97
}

.btn-blue.has-shadow:active,.btn-blue.has-shadow:focus {
    outline: 0;
    top: 2px;
    -webkit-box-shadow: 0 1px 0 0 #296c97;
    -moz-box-shadow: 0 1px 0 0 #296c97;
    box-shadow: 0 1px 0 0 #296c97
}

.btn-green {
    color: #fff!important;
    background-color: #1da89f!important;
    border-radius: 2px;
    -moz-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.btn-green.active,.btn-green:active,.btn-green:focus,.btn-green:hover {
    color: #fff;
    background-color: #21beb4!important
}

.btn-green--transparent {
    border: 1px solid;
    color: #1da89f!important;
    background-color: url(../images/transparent.png)!important;
    border-radius: 2px;
    -moz-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.btn-green--transparent.active,.btn-green--transparent:active,.btn-green--transparent:focus,.btn-green--transparent:hover {
    color: #1da89f;
    background-color: #21beb4!important
}

.btn-green--transparent:hover {
    color: #fff!important
}

.btn-green--transparent.is-active {
    color: #fff!important;
    background-color: #1da89f!important;
    border-radius: 2px;
    -moz-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.btn-green--transparent.is-active.active,.btn-green--transparent.is-active:active,.btn-green--transparent.is-active:focus,.btn-green--transparent.is-active:hover {
    color: #fff;
    background-color: #21beb4!important
}

.btn-green--transparent .fa {
    font-size: 16px;
    vertical-align: text-top;
    margin-right: 5px
}

.btn-green.has-shadow {
    position: relative;
    top: 0;
    -webkit-box-shadow: 0 3px 0 0 #12776d;
    -moz-box-shadow: 0 3px 0 0 #12776d;
    box-shadow: 0 3px 0 0 #12776d
}

.btn-green.has-shadow:active,.btn-green.has-shadow:focus {
    outline: 0;
    top: 2px;
    -webkit-box-shadow: 0 1px 0 0 #12776d;
    -moz-box-shadow: 0 1px 0 0 #12776d;
    box-shadow: 0 1px 0 0 #12776d
}

.btn-danger,.btn-red {
    color: #fff!important;
    background-color: #e4302f!important;
    border-radius: 2px;
    -moz-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.btn-danger.active,.btn-danger:active,.btn-danger:focus,.btn-danger:hover,.btn-red.active,.btn-red:active,.btn-red:focus,.btn-red:hover {
    color: #fff;
    background-color: #e74646!important
}

.btn-danger--transparent,.btn-red--transparent {
    border: 1px solid;
    color: #e4302f!important;
    background-color: url(../images/transparent.png)!important;
    border-radius: 2px;
    -moz-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.btn-danger--transparent.active,.btn-danger--transparent:active,.btn-danger--transparent:focus,.btn-danger--transparent:hover,.btn-red--transparent.active,.btn-red--transparent:active,.btn-red--transparent:focus,.btn-red--transparent:hover {
    color: #e4302f;
    background-color: #e74646!important
}

.btn-danger--transparent:hover,.btn-red--transparent:hover {
    color: #fff!important
}

.btn-danger--transparent.is-active,.btn-red--transparent.is-active {
    color: #fff!important;
    background-color: #e4302f!important;
    border-radius: 2px;
    -moz-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.btn-danger--transparent.is-active.active,.btn-danger--transparent.is-active:active,.btn-danger--transparent.is-active:focus,.btn-danger--transparent.is-active:hover,.btn-red--transparent.is-active.active,.btn-red--transparent.is-active:active,.btn-red--transparent.is-active:focus,.btn-red--transparent.is-active:hover {
    color: #fff;
    background-color: #e74646!important
}

.btn-danger--transparent .fa,.btn-red--transparent .fa {
    font-size: 16px;
    vertical-align: text-top;
    margin-right: 5px
}

.btn-white {
    background-color: #fff
}

.btn-white.icon-title {
    border: 1px solid #ccc;
    border-right: none
}

.btn-orange {
    color: #fff!important;
    background-color: #ff7100!important;
    border-radius: 2px;
    -moz-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.btn-orange.active,.btn-orange:active,.btn-orange:focus,.btn-orange:hover {
    color: #fff;
    background-color: #ff7f1a!important
}

.btn-orange--transparent {
    border: 1px solid;
    color: #ff7100!important;
    background-color: url(../images/transparent.png)!important;
    border-radius: 2px;
    -moz-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.btn-orange--transparent.active,.btn-orange--transparent:active,.btn-orange--transparent:focus,.btn-orange--transparent:hover {
    color: #ff7100;
    background-color: #FFEFDA!important
}

.btn-orange.has-shadow {
    position: relative;
    top: 0;
    -webkit-box-shadow: 0 3px 0 0 #95312f;
    -moz-box-shadow: 0 3px 0 0 #95312f;
    box-shadow: 0 3px 0 0 #95312f
}

.btn-orange.has-shadow:active,.btn-orange.has-shadow:focus {
    outline: 0;
    top: 2px;
    -webkit-box-shadow: 0 1px 0 0 #95312f;
    -moz-box-shadow: 0 1px 0 0 #95312f;
    box-shadow: 0 1px 0 0 #95312f
}

.btn-purple {
    color: #fff!important;
    background-color: #c365d1!important;
    border-radius: 2px;
    -moz-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.btn-purple.active,.btn-purple:active,.btn-purple:focus,.btn-purple:hover {
    color: #fff;
    background-color: #cb79d7!important
}

.btn-pink {
    color: #fff!important;
    background-color: #ee4a7d!important;
    border-radius: 2px;
    -moz-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.btn-pink.active,.btn-pink:active,.btn-pink:focus,.btn-pink:hover {
    color: #fff;
    background-color: #f26f98!important
}

.btn-grey {
    color: #fff!important;
    background-color: #acacac!important;
    border-radius: 2px;
    -moz-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.btn-grey.active,.btn-grey:active,.btn-grey:focus,.btn-grey:hover {
    color: #fff;
    background-color: #b9b9b9!important
}

.btn-grey--border-blue {
    border: 1px solid #1998ed;
    color: #1998ed!important
}

.btn-light-grey {
    color: #545454!important;
    background-color: #f5f5f5!important;
    border-radius: 2px;
    -moz-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    border: 1px solid #d4d4d4
}

.btn-light-grey.active,.btn-light-grey:active,.btn-light-grey:focus,.btn-light-grey:hover {
    color: #545454;
    background-color: #f0f0f0!important
}

.btn-light-grey-border {
    color: #1998ed!important;
    background-color: #f5f5f5!important;
    border-radius: 2px;
    -moz-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    border: 1px solid #1998ed
}

.btn-light-grey-border.active,.btn-light-grey-border:active,.btn-light-grey-border:focus,.btn-light-grey-border:hover {
    color: #1998ed;
    background-color: #f0f0f0!important
}

.btn-yellow-plus {
    color: #fff!important;
    background-color: #f99e1c!important;
    border-radius: 2px;
    -moz-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.btn-yellow-plus.active,.btn-yellow-plus:active,.btn-yellow-plus:focus,.btn-yellow-plus:hover {
    color: #fff;
    background-color: #FFB245!important
}

.btn-yellow {
    color: #fff!important;
    background-color: #faa61a!important;
    border-radius: 2px;
    -moz-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.btn-yellow.active,.btn-yellow:active,.btn-yellow:focus,.btn-yellow:hover {
    color: #fff;
    background-color: #faa61a!important
}

.btn-billboard-video {
    box-shadow: 0 2px 4px -1px rgba(0,0,0,.4);
    border-bottom: 3px solid #c9881c;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    position: absolute;
    left: 25px;
    bottom: 15px;
    border-radius: 0
}

.btn-billboard-video:active {
    border-bottom: 0 solid #c9881c;
    box-shadow: 0 0 transparent
}

.btn-lg.btn-icon {
    word-wrap: break-word;
    white-space: normal;
    font-size: 13px;
    text-align: center;
    width: 145px;
    height: 50px;
    vertical-align: middle;
    line-height: 100%!important;
    position: relative;
    padding: 0 0 0 50px!important
}

.btn-lg.btn-icon .icon {
    border-right: solid 1px #fff;
    height: 50px;
    width: 50px;
    position: absolute;
    top: 0;
    left: 10px
}

.btn-lg.btn-icon i {
    margin-right: 5px!important
}

.btn-lg.btn-icon.notice-updated {
    position: relative
}

.btn-lg.btn-icon.notice-updated:after {
    content: 'Updated';
    background-color: #e4302f;
    border-radius: 3px;
    position: absolute;
    font-size: 10px;
    padding: 3px 5px;
    color: #fff;
    right: -15px;
    top: -10px;
    font-weight: 400
}

.btn-circle {
    padding: 3.5px 4px;
    border-radius: 100%
}

.has-shadow-grey {
    -webkit-box-shadow: 3px 3px 0 0 rgba(0,0,0,.15);
    -moz-box-shadow: 3px 3px 0 0 rgba(0,0,0,.15);
    box-shadow: 3px 3px 0 0 rgba(0,0,0,.15)
}

.radius-5 {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.radius-3 {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.btn-long {
    padding: 12px 70px
}

.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.diskon {
    width: 25%
}

.input-group .form-control,.input-group-addon,.input-group-btn {
    display: table-cell
}

.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn: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: 400;
    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-label {
    display: table-cell;
    vertical-align: middle;
    color: #878787
}

.input-group-label+.form-control {
    border-radius: 3px!important;
    margin-left: 10px
}

.form-horizontal .form-group-sm .input-group-addon.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.input-group-addon.btn {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px
}

.form-horizontal .form-group-lg .input-group-addon.form-control,.input-group-addon.input-lg,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.input-group-addon.btn {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px
}

.input-group-addon input[type=checkbox],.input-group-addon input[type=radio] {
    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-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    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:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle {
    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:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover {
    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 {
    margin-left: -1px
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700
}

input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input[type=checkbox],input[type=radio] {
    margin: 2px 0 0;
    line-height: normal
}

input[type=file] {
    display: block
}

input[type=range] {
    display: block;
    width: 100%
}

select[multiple],select[size] {
    height: auto
}

input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus {
    outline: dotted thin;
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px
}

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0
}

.form-control::-moz-placeholder {
    color: #777;
    opacity: 1
}

.form-control:-ms-input-placeholder,.form-control::-webkit-input-placeholder {
    color: #777
}

.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1
}

textarea.form-control {
    height: auto
}

input[type=search] {
    -webkit-appearance: none
}

input[type=date],input[type=datetime-local],input[type=month],input[type=time] {
    line-height: 34px;
    line-height: 1.428571429 \0
}

.form-horizontal .form-group-sm input[type=date].form-control,.form-horizontal .form-group-sm input[type=datetime-local].form-control,.form-horizontal .form-group-sm input[type=month].form-control,.form-horizontal .form-group-sm input[type=time].form-control,input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm {
    line-height: 30px
}

.form-horizontal .form-group-lg input[type=date].form-control,.form-horizontal .form-group-lg input[type=datetime-local].form-control,.form-horizontal .form-group-lg input[type=month].form-control,.form-horizontal .form-group-lg input[type=time].form-control,input[type=date].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg,input[type=time].input-lg {
    line-height: 46px
}

.form-group {
    margin-bottom: 15px
}

.checkbox,.radio {
    position: relative;
    display: block;
    min-height: 20px;
    margin-top: 10px;
    margin-bottom: 10px
}

.checkbox label,.radio label {
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer
}

.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio] {
    position: absolute;
    margin-left: -20px
}

.checkbox+.checkbox,.radio+.radio {
    margin-top: -5px
}

.checkbox-inline,.radio-inline {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: 400;
    cursor: pointer
}

.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline {
    margin-top: 0;
    margin-left: 10px
}

.checkbox-inline.disabled,.checkbox.disabled label,.radio-inline.disabled,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio label,fieldset[disabled] .radio-inline,fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled] {
    cursor: not-allowed
}

.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0
}

.form-control-static.input-lg,.form-control-static.input-sm,.form-horizontal .form-group-lg .form-control-static.form-control,.form-horizontal .form-group-sm .form-control-static.form-control {
    padding-left: 0;
    padding-right: 0
}

.form-horizontal .form-group-sm .form-control,.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.form-horizontal .form-group-sm select.form-control,select.input-sm {
    height: 30px;
    line-height: 30px
}

.form-horizontal .form-group-sm select[multiple].form-control,.form-horizontal .form-group-sm textarea.form-control,select[multiple].input-sm,textarea.input-sm {
    height: auto
}

.form-horizontal .form-group-lg .form-control,.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px
}

.form-horizontal .form-group-lg select.form-control,select.input-lg {
    height: 46px;
    line-height: 46px
}

.form-horizontal .form-group-lg select[multiple].form-control,.form-horizontal .form-group-lg textarea.form-control,select[multiple].input-lg,textarea.input-lg {
    height: auto
}

.has-feedback {
    position: relative
}

.has-feedback .form-control {
    padding-right: 42.5px
}

.form-control-feedback {
    position: absolute;
    top: 25px;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center
}

.form-horizontal .form-group-lg .input-lg+.form-control,.input-lg+.form-control-feedback,.input-lg+.form-horizontal .form-group-lg .form-control {
    width: 46px;
    height: 46px;
    line-height: 46px
}

.form-horizontal .form-group-sm .input-sm+.form-control,.input-sm+.form-control-feedback,.input-sm+.form-horizontal .form-group-sm .form-control {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline {
    color: #3c763d
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

.has-success .form-control:focus {
    border-color: #2b542b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(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 .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline {
    color: #8a6d3b
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

.has-warning .form-control:focus {
    border-color: #66502c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c09f6b;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c09f6b
}

.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3
}

.has-warning .form-control-feedback {
    color: #8a6d3b
}

.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline {
    color: #a94442
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

.has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(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.sr-only~.form-control-feedback {
    top: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373
}

.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px
}

.form-horizontal .checkbox,.form-horizontal .radio {
    min-height: 27px
}

.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px
}

.form-horizontal .form-group:before {
    content: " ";
    display: table
}

.form-horizontal .form-group:after {
    content: " ";
    display: table;
    clear: both
}

.form-horizontal .has-feedback .form-control-feedback {
    top: 0;
    right: 15px
}

.chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    zoom: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.chosen-container * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    left: -9999px;
    z-index: 1010;
    width: 100%;
    border: 1px solid #aaa;
    border-top: 0;
    background: #fff;
    box-shadow: 0 4px 5px rgba(0,0,0,.15)
}

.chosen-container.chosen-with-drop .chosen-drop {
    left: 0
}

.chosen-container a {
    cursor: pointer
}

.chosen-container .chosen-single .group-name,.chosen-container .search-choice .group-name {
    margin-right: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 400;
    color: #999
}

.chosen-container .chosen-single .group-name:after,.chosen-container .search-choice .group-name:after {
    content: ":";
    padding-left: 2px;
    vertical-align: top
}

.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    text-decoration: none;
    white-space: nowrap;
    height: 28px;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 14px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.chosen-container-single .chosen-default {
    color: #999
}

.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px
}

.chosen-container-single .chosen-single abbr {
    position: absolute;
    top: 6px;
    right: 26px;
    display: block;
    width: 12px;
    height: 12px;
    background: url(../images/layout/chosen-sprite.png) -42px 1px no-repeat;
    font-size: 1px
}

.chosen-container-single .chosen-single abbr:hover,.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
    background-position: -42px -10px
}

.chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 18px;
    height: 100%
}

.chosen-container-single .chosen-single div b {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/layout/chosen-sprite.png) 0 4px no-repeat
}

.chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    padding: 3px 4px;
    white-space: nowrap
}

.chosen-container-single .chosen-search input[type=text] {
    margin: 1px 0;
    padding: 4px 20px 4px 5px;
    width: 100%;
    height: auto;
    outline: 0;
    border: 1px solid #aaa;
    background: url(../images/layout/chosen-sprite.png) 100% -20px no-repeat;
    font-size: 1em;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0
}

.chosen-container-single .chosen-drop {
    margin-top: -1px;
    border-radius: 0 0 4px 4px;
    background-clip: padding-box
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    left: -9999px
}

.chosen-container .chosen-results {
    color: #444;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 4px 4px 0;
    padding: 0 0 0 4px;
    max-height: 240px;
    -webkit-overflow-scrolling: touch
}

.chosen-container .chosen-results li {
    display: none;
    margin: 0;
    padding: 5px 6px;
    list-style: none;
    line-height: 15px;
    word-wrap: break-word;
    -webkit-touch-callout: none
}

.chosen-container .chosen-results li.active-result {
    display: list-item;
    cursor: pointer
}

.chosen-container .chosen-results li.disabled-result {
    display: list-item;
    color: #ccc;
    cursor: default
}

.chosen-container .chosen-results li.highlighted {
    background-color: #3875d7;
    color: #fff
}

.chosen-container .chosen-results li.no-results {
    color: #777;
    display: list-item;
    background: #f4f4f4
}

.chosen-container .chosen-results li.group-result {
    display: list-item;
    font-weight: 700;
    cursor: default
}

.chosen-container .chosen-results li.group-option {
    padding-left: 15px
}

.chosen-container .chosen-results li em {
    font-style: normal;
    text-decoration: underline
}

.chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0 5px;
    width: 100%;
    height: auto!important;
    height: 1%;
    background-color: #fff;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(1%,#eee),color-stop(15%,#fff));
    background-image: -webkit-linear-gradient(#eee 1%,#fff 15%);
    background-image: -moz-linear-gradient(#eee 1%,#fff 15%);
    background-image: -o-linear-gradient(#eee 1%,#fff 15%);
    background-image: linear-gradient(#eee 1%,#fff 15%);
    cursor: text
}

.chosen-container-multi .chosen-choices li {
    float: left;
    list-style: none
}

.chosen-container-multi .chosen-choices li.search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap
}

.chosen-container-multi .chosen-choices li.search-field input[type=text] {
    margin: 1px 0;
    padding: 0;
    height: 25px;
    outline: 0;
    border: 0!important;
    background: 0 0!important;
    box-shadow: none;
    color: #999;
    font-size: 100%;
    line-height: normal;
    border-radius: 0
}

.chosen-container-multi .chosen-choices li.search-choice {
    position: relative;
    margin: 3px 5px 3px 0;
    padding: 3px 20px 3px 5px;
    border: 1px solid #aaa;
    max-width: 100%;
    border-radius: 3px;
    background-color: #eee;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));
    background-image: -webkit-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);
    background-image: -moz-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);
    background-image: -o-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);
    background-image: linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);
    background-size: 100% 19px;
    background-repeat: repeat-x;
    background-clip: padding-box;
    box-shadow: 0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);
    color: #333;
    line-height: 13px;
    cursor: default
}

.chosen-container-multi .chosen-choices li.search-choice span {
    word-wrap: break-word
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    position: absolute;
    top: 4px;
    right: 3px;
    display: block;
    width: 12px;
    height: 12px;
    background: url(../images/layout/chosen-sprite.png) -42px 1px no-repeat;
    font-size: 1px
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
    background-position: -42px -10px
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
    padding-right: 5px;
    border: 1px solid #ccc;
    background-color: #e4e4e4;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));
    background-image: -webkit-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);
    background-image: -moz-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);
    background-image: -o-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);
    background-image: linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);
    color: #666
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
    background: #d4d4d4
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
    background-position: -42px -10px
}

.chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0
}

.chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color: #ccc;
    cursor: default
}

.chosen-container-active .chosen-single {
    border: 1px solid #5897fb
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #aaa;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    box-shadow: 0 1px 0 #fff inset
}

.chosen-container-active.chosen-with-drop .chosen-single div {
    border-left: none;
    background: 0 0
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 2px
}

.chosen-container-active .chosen-choices {
    border: 1px solid #5897fb;
    box-shadow: 0 0 5px rgba(0,0,0,.3)
}

.chosen-container-active .chosen-choices li.search-field input[type=text] {
    color: #222!important
}

.chosen-disabled {
    opacity: .5!important;
    cursor: default
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close,.chosen-disabled .chosen-single {
    cursor: default
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi),only screen and (min-resolution:1.5dppx) {
    .chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span,.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container-single .chosen-search input[type=text],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-rtl .chosen-search input[type=text] {
        background-image: url(chosen-sprite@2x.png)!important;
        background-size: 52px 37px!important;
        background-repeat: no-repeat!important
    }
}

.textarea-block {
    font-size: 13px;
    border: 1px solid #d4d4d4;
    width: 100%;
    min-height: 55px;
    max-width: 820px;
    padding: 10px!important;
    background: 0 0;
    resize: none
}

.textarea-block:focus {
    background: #fff;
    outline: -webkit-focus-ring-color auto
}

.select-wrapper {
    position: relative
}

.select-wrapper:after {
    position: absolute;
    top: 50%;
    right: .7rem;
    display: inline-block;
    content: "";
    width: 0;
    height: 0;
    margin-top: -.15rem;
    pointer-events: none;
    border-top: .35rem solid;
    border-right: .35rem solid transparent;
    border-bottom: .35rem solid transparent;
    border-left: .35rem solid transparent
}

.select-wrapper select {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: .2rem 2.1rem .2rem .9rem!important;
    line-height: 1.5;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    background-image: none!important;
    cursor: pointer;
    outline: 0;
    font-size: 12px;
    -webkit-appearance: none;
    -moz-appearance: none
}

.accessibility a,.badges .user-badge>div,.beli,.beli-end,.bid-info span:before,.btn-icon .icon,.colek-icon,.escrow-icon,.hot-premium,.icon-vsl,.jual,.jual-end,.mark-got-it,.mark-sold,.pict-upload,.pro-pic,.report a,.reputation-icon,.sprite-icon-search-hp,.sundul-icon,.user-option-first-post a,a.sprite-social,div[class^=tel-],footer ul.sosmed span.sprite-social,ul.user-option li a {
    background: url(../images/layout/comp-sprites.png)
}

.fjb-icon {
    background: url(../images/layout/fjb-image-sprites.png) top left no-repeat;
    width: 20px;
    height: 16px;
    display: inline-block
}

.fjb-icon.check-green {
    background-position: 0 0
}

.fjb-icon.check-grey {
    background-position: -25px 0
}

.fjb-icon.check-red {
    background-position: -50px 0
}

.fjb-icon.message-green {
    background-position: -75px 0
}

.fjb-icon.message-blue {
    background-position: -100px 0;
    height: 16px
}

.fjb-icon.message-red {
    background-position: -125px 0;
    height: 16px
}

.fjb-icon.rp-green {
    background-position: -150px 0;
    height: 19px
}

.fjb-icon.rp-grey {
    background-position: -175px 0;
    height: 20px
}

.fjb-icon.rp-red {
    background-position: -200px 0;
    height: 19px
}

.fjb-icon.star-red {
    background-position: -225px 0;
    height: 18px
}

.fjb-icon.star-grey {
    background-position: -250px 0;
    height: 17px
}

.fjb-icon.star-yellow {
    background-position: -275px 0;
    height: 17px
}

.fjb-icon.truck-green {
    background-position: -300px 0
}

.fjb-icon.truck-grey {
    background-position: -325px 0
}

.fjb-icon.truck-red {
    background-position: -350px 0;
    width: 19px
}

.fjb-icon.warning-green {
    background-position: -374px 0;
    width: 19px;
    height: 18px
}

.fjb-icon.warning-blue {
    background-position: -398px 0;
    width: 19px;
    height: 18px
}

.fjb-icon.warning-red {
    background-position: -422px 0;
    width: 19px;
    height: 19px
}

.fjb-icon.warning-grey {
    background-position: -446px 0;
    width: 19px;
    height: 19px
}

.icon-vsl {
    height: 26px;
    width: 26px;
    display: inline-block
}

.icon-vsl.pencil-green {
    background-position: -162px -324px!important
}

.icon-vsl.menu-green {
    background-position: -188px -324px!important
}

.sprite-icon-search-hp {
    width: 21px;
    height: 17px;
    display: block;
    background-position: -170px -179px
}

.close-slim {
    background: url(../images/layout/close-but.png) no-repeat;
    width: 17px;
    height: 18px;
    display: block;
    background-size: 17px!important
}

.close-slim:hover {
    background-position: 0 -18px
}

.close-new {
    margin-top: 3px;
    background-image: url(../images/layout/ic-close-button.png);
    width: 12px;
    height: 12px;
    background-size: contain;
    display: block;
    background-position: center;
    filter: alpha(Opacity=70);
    opacity: .7
}

.close-new:hover {
    filter: alpha(Opacity=100);
    opacity: 1
}

.close-new.white {
    background-image: url(../images/close-white.png)!important;
    filter: alpha(Opacity=100);
    opacity: 1
}

.close-red {
    background: url(../images/layout/close-button.png) no-repeat;
    width: 40px;
    height: 39px;
    display: block;
    background-size: 40px!important
}

.close-red:hover {
    background-position: 0 -39px
}

.close-grey {
    background: url(../images/layout/close-button-grey.png) no-repeat;
    width: 40px;
    height: 39px;
    display: block;
    background-size: 40px!important
}

.close-grey:hover {
    background-position: 0 -39px
}

.btn-sm.btn-icon .icon {
    width: 30px;
    height: 28px;
    margin-left: -5px
}

.btn-sm.btn-icon .icon.sell {
    background-position: -227px -90px!important
}

.btn-sm.btn-icon .icon.buy {
    background-position: -262px -90px!important
}

.icon.c-thread {
    background-position: -135px -80px!important
}

.icon.sell {
    background-position: -35px -80px!important
}

.icon.buy {
    background-position: -85px -80px!important
}

.escrow-icon {
    height: 30px;
    width: 30px;
    display: inline-block
}

.escrow-icon.printer {
    background-position: 0 -352px!important
}

.escrow-icon.disket {
    background-position: -30px -352px!important
}

.escrow-icon.cart {
    background-position: -60px -352px!important
}

.sundul-icon {
    vertical-align: middle;
    margin-top: -2px;
    height: 13px;
    width: 13px;
    display: inline-block;
    background-position: -132px -359px!important
}

.colek-icon {
    vertical-align: middle;
    height: 25px;
    width: 25px;
    display: inline-block;
    background-position: -201px -421px!important
}

.colek-icon.disable {
    background-position: -232px -421px!important
}

.pict-upload {
    height: 27px;
    width: 30px;
    display: inline-block;
    background-position: -95px -354px!important
}

.mark-got-it {
    height: 42px;
    width: 50px;
    display: inline-block;
    background-position: -219px -354px!important
}

.mark-got-it.disable {
    background-position: -163px -354px!important
}

.mark-sold {
    height: 29px;
    width: 46px;
    margin-left: 10px;
    display: inline-block;
    background-position: -146px -402px!important
}

.reputation-icon {
    width: 72px;
    height: 71px;
    display: block
}

.reputation-icon.cendol-big {
    background-position: -131px -219px
}

.reputation-icon.bata-big {
    background-position: -201px -219px
}

.sprite-icon-sidebar {
    background: url(../images/layout/sprite_icon_sidebar.png);
    width: 20px;
    height: 20px;
    float: left;
    margin: 5px 0;
    display: table-cell
}

.sprite-icon-sidebar.subs {
    background-position: -200px 0
}

.sprite-icon-sidebar.all {
    background-position: -140px 0
}

.sprite-icon-sidebar.kaskus {
    background-position: -160px -60px
}

.sprite-icon-sidebar.lifestyle {
    background-position: -40px -60px
}

.sprite-icon-sidebar.entertainment {
    background-position: -60px -60px
}

.sprite-icon-sidebar.technology {
    background-position: 0 -60px
}

.sprite-icon-sidebar.interest {
    background-position: -120px 0
}

.sprite-icon-sidebar.knowledge {
    background-position: -20px -60px
}

.sprite-icon-sidebar.regional {
    background-position: -220px -60px
}

.sprite-icon-sidebar.news {
    background-position: -100px -60px
}

.sprite-icon-sidebar.life {
    background-position: -180px -60px
}

.sprite-icon-sidebar.sports {
    background-position: -120px -60px
}

.sprite-icon-sidebar.fashion {
    background-position: -80px 0
}

.sprite-icon-sidebar.handphones {
    background-position: -60px 0
}

.sprite-icon-sidebar.cameras {
    background-position: -40px 0
}

.sprite-icon-sidebar.computers {
    background-position: -20px 0
}

.sprite-icon-sidebar.hobbies {
    background-position: -80px -60px
}

.sprite-icon-sidebar.travel {
    background-position: -180px 0
}

.sprite-icon-sidebar.electronics {
    background-position: -100px 0
}

.sprite-icon-sidebar.office {
    background-position: -160px 0
}

.sprite-icon-sidebar.automotives {
    background-position: 0 0
}

.icon-white .sprite-icon-sidebar,.kkss .sprite-icon-sidebar,.kkss__permanent .sprite-icon-sidebar {
    background: url(../images/layout/sprite_icon_sidebar.png);
    width: 20px;
    height: 20px;
    float: left;
    margin: 5px 0;
    display: table-cell
}

.icon-white .sprite-icon-sidebar.subs,.kkss .sprite-icon-sidebar.subs,.kkss__permanent .sprite-icon-sidebar.subs {
    background-position: -200px -40
}

.icon-white .sprite-icon-sidebar.all,.kkss .sprite-icon-sidebar.all,.kkss__permanent .sprite-icon-sidebar.all {
    background-position: -140px -40px
}

.icon-white .sprite-icon-sidebar.kaskus,.kkss .sprite-icon-sidebar.kaskus,.kkss__permanent .sprite-icon-sidebar.kaskus {
    background-position: -160px -100px
}

.icon-white .sprite-icon-sidebar.lifestyle,.kkss .sprite-icon-sidebar.lifestyle,.kkss__permanent .sprite-icon-sidebar.lifestyle {
    background-position: -40px -100px
}

.icon-white .sprite-icon-sidebar.entertainment,.kkss .sprite-icon-sidebar.entertainment,.kkss__permanent .sprite-icon-sidebar.entertainment {
    background-position: -60px -100px
}

.icon-white .sprite-icon-sidebar.technology,.kkss .sprite-icon-sidebar.technology,.kkss__permanent .sprite-icon-sidebar.technology {
    background-position: 0 -100px
}

.icon-white .sprite-icon-sidebar.interest,.kkss .sprite-icon-sidebar.interest,.kkss__permanent .sprite-icon-sidebar.interest {
    background-position: -120px -40px
}

.icon-white .sprite-icon-sidebar.knowledge,.kkss .sprite-icon-sidebar.knowledge,.kkss__permanent .sprite-icon-sidebar.knowledge {
    background-position: -20px -100px
}

.icon-white .sprite-icon-sidebar.regional,.kkss .sprite-icon-sidebar.regional,.kkss__permanent .sprite-icon-sidebar.regional {
    background-position: -220px -100px
}

.icon-white .sprite-icon-sidebar.news,.kkss .sprite-icon-sidebar.news,.kkss__permanent .sprite-icon-sidebar.news {
    background-position: -100px -100px
}

.icon-white .sprite-icon-sidebar.life,.kkss .sprite-icon-sidebar.life,.kkss__permanent .sprite-icon-sidebar.life {
    background-position: -180px -100px
}

.icon-white .sprite-icon-sidebar.sports,.kkss .sprite-icon-sidebar.sports,.kkss__permanent .sprite-icon-sidebar.sports {
    background-position: -120px -100px
}

.icon-white .sprite-icon-sidebar.fashion,.kkss .sprite-icon-sidebar.fashion,.kkss__permanent .sprite-icon-sidebar.fashion {
    background-position: -80px -40px
}

.icon-white .sprite-icon-sidebar.handphones,.kkss .sprite-icon-sidebar.handphones,.kkss__permanent .sprite-icon-sidebar.handphones {
    background-position: -60px -40px
}

.icon-white .sprite-icon-sidebar.cameras,.kkss .sprite-icon-sidebar.cameras,.kkss__permanent .sprite-icon-sidebar.cameras {
    background-position: -40px -40px
}

.icon-white .sprite-icon-sidebar.computers,.kkss .sprite-icon-sidebar.computers,.kkss__permanent .sprite-icon-sidebar.computers {
    background-position: -20px -40px
}

.icon-white .sprite-icon-sidebar.hobbies,.kkss .sprite-icon-sidebar.hobbies,.kkss__permanent .sprite-icon-sidebar.hobbies {
    background-position: -80px -100px
}

.icon-white .sprite-icon-sidebar.travel,.kkss .sprite-icon-sidebar.travel,.kkss__permanent .sprite-icon-sidebar.travel {
    background-position: -180px -40px
}

.icon-white .sprite-icon-sidebar.electronics,.kkss .sprite-icon-sidebar.electronics,.kkss__permanent .sprite-icon-sidebar.electronics {
    background-position: -100px -40px
}

.icon-white .sprite-icon-sidebar.office,.kkss .sprite-icon-sidebar.office,.kkss__permanent .sprite-icon-sidebar.office {
    background-position: -160px -40px
}

.icon-white .sprite-icon-sidebar.automotives,.kkss .sprite-icon-sidebar.automotives,.kkss__permanent .sprite-icon-sidebar.automotives {
    background-position: 0 -40px
}

.icon-white .listing-sidebar.hover .sprite-icon-sidebar,.kkss__permanent .listing-sidebar.hover .sprite-icon-sidebar {
    background: url(../images/layout/sprite_icon_sidebar.png);
    width: 20px;
    height: 20px;
    float: left;
    margin: 5px 0;
    display: table-cell
}

.icon-white .listing-sidebar.hover .sprite-icon-sidebar.subs,.kkss__permanent .listing-sidebar.hover .sprite-icon-sidebar.subs {
    background-position: -200px 0
}

.icon-white .listing-sidebar.hover .sprite-icon-sidebar.all,.kkss__permanent .listing-sidebar.hover .sprite-icon-sidebar.all {
    background-position: -140px 0
}

.icon-white .listing-sidebar.hover .sprite-icon-sidebar.kaskus,.kkss__permanent .listing-sidebar.hover .sprite-icon-sidebar.kaskus {
    background-position: -160px -60px
}

.icon-white .listing-sidebar.hover .sprite-icon-sidebar.lifestyle,.kkss__permanent .listing-sidebar.hover .sprite-icon-sidebar.lifestyle {
    background-position: -40px -60px
}

.icon-white .listing-sidebar.hover .sprite-icon-sidebar.entertainment,.kkss__permanent .listing-sidebar.hover .sprite-icon-sidebar.entertainment {
    background-position: -60px -60px
}

.icon-white .listing-sidebar.hover .sprite-icon-sidebar.technology,.kkss__permanent .listing-sidebar.hover .sprite-icon-sidebar.technology {
    background-position: 0 -60px
}

.icon-white .listing-sidebar.hover .sprite-icon-sidebar.interest,.kkss__permanent .listing-sidebar.hover .sprite-icon-sidebar.interest {
    background-position: -120px 0
}

.icon-white .listing-sidebar.hover .sprite-icon-sidebar.knowledge,.kkss__permanent .listing-sidebar.hover .sprite-icon-sidebar.knowledge {
    background-position: -20px -60px
}

.icon-white .listing-sidebar.hover .sprite-icon-sidebar.regional,.kkss__permanent .listing-sidebar.hover .sprite-icon-sidebar.regional {
    background-position: -220px -60px
}

.icon-white .listing-sidebar.hover .sprite-icon-sidebar.news,.kkss__permanent .listing-sidebar.hover .sprite-icon-sidebar.news {
    background-position: -100px -60px
}

.icon-white .listing-sidebar.hover .sprite-icon-sidebar.life,.kkss__permanent .listing-sidebar.hover .sprite-icon-sidebar.life {
    background-position: -180px -60px
}

.icon-white .listing-sidebar.hover .sprite-icon-sidebar.sports,.kkss__permanent .listing-sidebar.hover .sprite-icon-sidebar.sports {
    background-position: -120px -60px
}

.icon-white .listing-sidebar.hover .sprite-icon-sidebar.fashion,.kkss__permanent .listing-sidebar.hover .sprite-icon-sidebar.fashion {
    background-position: -80px 0
}

.icon-white .listing-sidebar.hover .sprite-icon-sidebar.handphones,.kkss__permanent .listing-sidebar.hover .sprite-icon-sidebar.handphones {
    background-position: -60px 0
}

.icon-white .listing-sidebar.hover .sprite-icon-sidebar.cameras,.kkss__permanent .listing-sidebar.hover .sprite-icon-sidebar.cameras {
    background-position: -40px 0
}

.icon-white .listing-sidebar.hover .sprite-icon-sidebar.computers,.kkss__permanent .listing-sidebar.hover .sprite-icon-sidebar.computers {
    background-position: -20px 0
}

.icon-white .listing-sidebar.hover .sprite-icon-sidebar.hobbies,.kkss__permanent .listing-sidebar.hover .sprite-icon-sidebar.hobbies {
    background-position: -80px -60px
}

.icon-white .listing-sidebar.hover .sprite-icon-sidebar.travel,.kkss__permanent .listing-sidebar.hover .sprite-icon-sidebar.travel {
    background-position: -180px 0
}

.icon-white .listing-sidebar.hover .sprite-icon-sidebar.electronics,.kkss__permanent .listing-sidebar.hover .sprite-icon-sidebar.electronics {
    background-position: -100px 0
}

.icon-white .listing-sidebar.hover .sprite-icon-sidebar.office,.kkss__permanent .listing-sidebar.hover .sprite-icon-sidebar.office {
    background-position: -160px 0
}

.icon-white .listing-sidebar.hover .sprite-icon-sidebar.automotives,.kkss__permanent .listing-sidebar.hover .sprite-icon-sidebar.automotives {
    background-position: 0 0
}

.icon-sidebar {
    width: 20px;
    height: 20px
}

.sprite-icon-search-hp.search {
    background-position: -170px -128px
}

.sprite-icon-search-hp.forum {
    background-position: -191px -128px
}

.sprite-icon-search-hp.fjb {
    background-position: -212px -128px
}

.sprite-icon-search-hp.groupee {
    background-position: -233px -128px
}

.sprite-icon-search-hp.username {
    background-position: -254px -128px
}

#k-hp-list li .sprite-icon-search-hp {
    position: absolute;
    left: 10px;
    top: 7px
}

#k-hp-list li.selected .sprite-icon-search-hp.search,#k-hp-list li:focus .sprite-icon-search-hp.search,#k-hp-list li:hover .sprite-icon-search-hp.search {
    background-position: -170px -162px
}

#k-hp-list li.selected .sprite-icon-search-hp.forum,#k-hp-list li:focus .sprite-icon-search-hp.forum,#k-hp-list li:hover .sprite-icon-search-hp.forum {
    background-position: -191px -162px
}

#k-hp-list li.selected .sprite-icon-search-hp.fjb,#k-hp-list li:focus .sprite-icon-search-hp.fjb,#k-hp-list li:hover .sprite-icon-search-hp.fjb {
    background-position: -212px -162px
}

#k-hp-list li.selected .sprite-icon-search-hp.groupee,#k-hp-list li:focus .sprite-icon-search-hp.groupee,#k-hp-list li:hover .sprite-icon-search-hp.groupee {
    background-position: -233px -162px
}

#k-hp-list li.selected .sprite-icon-search-hp.username,#k-hp-list li:focus .sprite-icon-search-hp.username,#k-hp-list li:hover .sprite-icon-search-hp.username {
    background-position: -254px -162px
}

#header-search-trigger.sprite-icon-search-hp.search {
    background-position: -170px -179px
}

#header-search-trigger.sprite-icon-search-hp.forum {
    background-position: -191px -179px
}

#header-search-trigger.sprite-icon-search-hp.fjb {
    background-position: -212px -179px
}

#header-search-trigger.sprite-icon-search-hp.groupee {
    background-position: -233px -179px
}

#header-search-trigger.sprite-icon-search-hp.username {
    background-position: -254px -179px
}

.pro-pic {
    background-position: -190px -95px;
    position: absolute;
    height: 35px;
    width: 35px;
    left: 0
}

ul.social a.sprite-social {
    width: 40px;
    height: 40px;
    float: left;
    color: transparent;
    font-size: 1px;
    margin: 0 5px;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

ul.social a.mindtalk {
    background-position: 0 -40px
}

ul.social a.mindtalk:hover {
    background-position: 0 0
}

ul.social a.facebook {
    background-position: -40px -40px
}

ul.social a.facebook:hover {
    background-position: -40px 0
}

ul.social a.twitter {
    background-position: -80px -40px
}

ul.social a.twitter:hover {
    background-position: -80px 0
}

ul.social a.google {
    background-position: -120px -40px
}

ul.social a.google:hover {
    background-position: -120px 0
}

.career-page .nav-tabs li .job-1 {
    background-position: 0 0
}

.career-page .nav-tabs li .job-2 {
    background-position: -56px 0
}

.career-page .nav-tabs li .job-3 {
    background-position: -113px 0
}

.career-page .nav-tabs li .job-4 {
    background-position: -170px 0
}

.career-page .nav-tabs li .job-5 {
    background-position: -227px 0
}

.career-page .nav-tabs li .job-6 {
    background-position: -284px 0
}

.career-page .nav-tabs li .job-7 {
    background-position: -341px 0
}

.career-page .nav-tabs li .job-8 {
    background-position: -398px 0
}

.career-page .nav-tabs li .job-9 {
    background-position: -455px 0
}

.career-page .nav-tabs li.active .job-1 {
    background-position: 0 -55px
}

.career-page .nav-tabs li.active .job-2 {
    background-position: -56px -55px
}

.career-page .nav-tabs li.active .job-3 {
    background-position: -113px -55px
}

.career-page .nav-tabs li.active .job-4 {
    background-position: -170px -55px
}

.career-page .nav-tabs li.active .job-5 {
    background-position: -227px -55px
}

.career-page .nav-tabs li.active .job-6 {
    background-position: -284px -55px
}

.career-page .nav-tabs li.active .job-7 {
    background-position: -341px -55px
}

.career-page .nav-tabs li.active .job-8 {
    background-position: -398px -55px
}

.career-page .nav-tabs li.active .job-9 {
    background-position: -455px -55px
}

#breadcrumbs-wrap {
    background: #f5f5f5;
    border: 1px solid #d4d4d4;
    font-size: 12px;
    margin: 0 0 10px;
    padding: 0 10px;
    position: relative;
    overflow: hidden;
    height: 29px
}

#breadcrumbs-wrap .breadcrumbs {
    width: 1145px
}

#breadcrumbs-wrap .breadcrumbs:after {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    right: 0;
    border-right: 5px solid #f7f7f7;
    background-image: #f7f7f7;
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(247,247,247,.1)),to(#f7f7f7));
    background-image: -webkit-linear-gradient(left,rgba(247,247,247,.1),#f7f7f7);
    background-image: -moz-linear-gradient(left,rgba(247,247,247,.1),#f7f7f7);
    background-image: -o-linear-gradient(left,rgba(247,247,247,.1),#f7f7f7);
    background-image: linear-gradient(to right,rgba(247,247,247,.1),#f7f7f7)
}

#breadcrumbs-wrap a {
    background: url(../images/layout/breadcrumb-arrow.png) right center no-repeat;
    color: #545454;
    margin-right: 5px
}

#breadcrumbs-wrap a i {
    font-size: 18px;
    height: 29px;
    line-height: 29px
}

#breadcrumbs-wrap a:hover {
    color: #0073b9
}

#breadcrumbs-wrap .current,#breadcrumbs-wrap a {
    float: left;
    height: 29px;
    line-height: 27px;
    position: relative;
    padding: 0 10px 0 0;
    text-decoration: none!important
}

#breadcrumbs-wrap .current {
    color: #6e6e6e;
    text-overflow: ellipsis;
    overflow: hidden
}

#breadcrumbs-wrap span.breadcrumb-hide {
    display: none
}

ul.tagit {
    padding: 2px 5px 0;
    overflow: auto;
    margin-left: inherit;
    margin-right: inherit;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px
}

ul.tagit:hover {
    cursor: text
}

ul.tagit:focus {
    border-color: #66afe9
}

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

ul.tagit li.tagit-choice {
    position: relative;
    line-height: inherit;
    background-color: #ececec
}

input.tagit-hidden-field {
    display: none
}

ul.tagit li.tagit-choice-read-only {
    padding: .2em .5em
}

ul.tagit li.tagit-choice-editable {
    padding: .1em 18px .1em .5em
}

ul.tagit li.tagit-new {
    padding: .25em 4px .25em 0
}

ul.tagit li.tagit-choice a.tagit-label {
    cursor: pointer;
    text-decoration: none
}

ul.tagit li.tagit-choice .tagit-close {
    cursor: pointer;
    position: absolute;
    right: .5em;
    top: 50%;
    margin-top: -8px;
    line-height: 17px
}

ul.tagit li.tagit-choice .tagit-close .text-icon {
    display: inline
}

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

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

.slick-loading .slick-list {
    background: url(./ajax-loader.gif) center center no-repeat #fff
}

.slick-next,.slick-prev {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: 0 0;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    padding: 0;
    border: none;
    outline: 0
}

.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover {
    outline: 0;
    background: 0 0;
    color: transparent
}

.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,.slick-prev:before {
    font-family: fontello;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: 130px;
    z-index: 1
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: ""
}

[dir=rtl] .slick-prev:before {
    content: ""
}

.slick-next {
    right: 120px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: ""
}

[dir=rtl] .slick-next:before {
    content: ""
}

.slick-slider {
    margin-bottom: 30px
}

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

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

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

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

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

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

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

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

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

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

.slick-slider .slick-list,.slick-slider .slick-track {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

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

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

.slick-track:after {
    clear: both
}

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

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

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

.slick-slide img {
    display: block
}

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

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

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

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

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

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

.introjs-overlay {
    position: absolute;
    z-index: 999999;
    background-color: #000;
    opacity: 0;
    background-color: rgba(0,0,0,.8);
    filter: alpha(opacity=50);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.introjs-fixParent {
    z-index: auto!important;
    opacity: 1!important;
    position: absolute!important;
    -webkit-transform: none!important;
    -moz-transform: none!important;
    -ms-transform: none!important;
    -o-transform: none!important;
    transform: none!important
}

.introjs-showElement,tr.introjs-showElement>td,tr.introjs-showElement>th {
    z-index: 9999999!important
}

.introjs-disableInteraction {
    z-index: 99999999!important;
    position: absolute;
    background-color: #fff;
    opacity: 0;
    filter: alpha(opacity=0)
}

.introjs-relativePosition,tr.introjs-showElement>td,tr.introjs-showElement>th {
    position: relative
}

.introjs-helperLayer {
    position: absolute;
    z-index: 9999998;
    background-color: #FFF;
    background-color: rgba(255,255,255,.9);
    border: 1px solid #777;
    border: 1px solid rgba(0,0,0,.5);
    border-radius: 4px;
    box-shadow: 0 2px 15px rgba(0,0,0,.4);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.introjs-tooltipReferenceLayer {
    position: absolute;
    visibility: hidden;
    z-index: 10000000;
    background-color: transparent;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.introjs-helperLayer *,.introjs-helperLayer :after,.introjs-helperLayer :before {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box
}

.introjs-helperNumberLayer {
    position: absolute;
    visibility: visible;
    top: -16px;
    left: -16px;
    z-index: 9999999999!important;
    padding: 2px;
    font-family: Arial,verdana,tahoma;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0,0,0,.3);
    background: #ff3019;
    background: -webkit-linear-gradient(top,#ff3019 0,#cf0404 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ff3019),color-stop(100%,#cf0404));
    background: -moz-linear-gradient(top,#ff3019 0,#cf0404 100%);
    background: -ms-linear-gradient(top,#ff3019 0,#cf0404 100%);
    background: -o-linear-gradient(top,#ff3019 0,#cf0404 100%);
    background: linear-gradient(to bottom,#ff3019 0,#cf0404 100%);
    width: 20px;
    height: 20px;
    line-height: 20px;
    border: 3px solid #fff;
    border-radius: 50%;
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0)";
    filter: "progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000)";
    box-shadow: 0 2px 5px rgba(0,0,0,.4)
}

.introjs-arrow {
    content: '';
    position: absolute
}

.introjs-arrow.top {
    border-color: transparent transparent #fff
}

.introjs-arrow.top-right {
    top: -10px;
    right: 10px;
    border-color: transparent transparent #fff
}

.introjs-arrow.top-middle {
    top: -10px;
    left: 50%;
    margin-left: -5px;
    border-color: transparent transparent #fff
}

.introjs-arrow.right {
    right: -10px;
    top: 10px;
    border-color: transparent transparent transparent #fff
}

.introjs-arrow.right-bottom {
    bottom: 10px;
    right: -10px;
    border-color: transparent transparent transparent #fff
}

.introjs-arrow.bottom {
    border-color: #fff transparent transparent
}

.introjs-arrow.left {
    border-color: transparent #fff transparent transparent
}

.introjs-arrow.left-bottom {
    left: -10px;
    bottom: 10px;
    border-color: transparent #fff transparent transparent
}

.introjs-tooltip {
    position: absolute;
    visibility: visible;
    background-color: #fff;
    max-width: 300px;
    border-radius: 3px;
    box-shadow: 0 1px 10px rgba(0,0,0,.4);
    -webkit-transition: opacity .1s ease-out;
    -moz-transition: opacity .1s ease-out;
    -ms-transition: opacity .1s ease-out;
    -o-transition: opacity .1s ease-out;
    transition: opacity .1s ease-out
}

.introjs-tooltipbuttons {
    white-space: nowrap
}

.introjs-button {
    position: relative;
    overflow: visible;
    display: inline-block;
    padding: .3em .8em;
    border: 1px solid #d4d4d4;
    margin: 10px 0 0;
    text-decoration: none;
    text-shadow: 1px 1px 0 #fff;
    font: 11px/normal sans-serif;
    color: #333;
    white-space: nowrap;
    cursor: pointer;
    outline: 0;
    background-color: #ececec;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#f4f4f4),to(#ececec));
    background-image: -moz-linear-gradient(#f4f4f4,#ececec);
    background-image: -o-linear-gradient(#f4f4f4,#ececec);
    background-image: linear-gradient(#f4f4f4,#ececec);
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    -o-background-clip: padding-box;
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    border-radius: .2em;
    zoom: 1
}

.introjs-button:hover {
    border-color: #bcbcbc;
    text-decoration: none;
    box-shadow: 0 1px 1px #e3e3e3
}

.introjs-button:active,.introjs-button:focus {
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#ececec),to(#f4f4f4));
    background-image: -moz-linear-gradient(#ececec,#f4f4f4);
    background-image: -o-linear-gradient(#ececec,#f4f4f4);
    background-image: linear-gradient(#ececec,#f4f4f4)
}

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

.introjs-skipbutton {
    color: #7a7a7a
}

.introjs-prevbutton {
    -webkit-border-radius: .2em 0 0 .2em;
    -moz-border-radius: .2em 0 0 .2em;
    border-radius: .2em 0 0 .2em;
    border-right: none
}

.introjs-nextbutton {
    -webkit-border-radius: 0 .2em .2em 0;
    -moz-border-radius: 0 .2em .2em 0
}

.introjs-disabled,.introjs-disabled:focus,.introjs-disabled:hover {
    color: #9a9a9a;
    border-color: #d4d4d4;
    box-shadow: none;
    cursor: default;
    background-color: #f4f4f4;
    background-image: none;
    text-decoration: none
}

.introjs-bullets ul {
    clear: both;
    margin: 15px auto 0;
    padding: 0;
    display: inline-block
}

.introjs-bullets ul li {
    list-style: none;
    float: left
}

.introjs-bullets ul li a {
    display: block;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    text-decoration: none
}

.introjs-bullets ul li a.active,.introjs-bullets ul li a:hover {
    background: #999
}

.introjs-progress {
    overflow: hidden;
    height: 10px;
    margin: 10px 0 5px;
    border-radius: 4px;
    background-color: #ecf0f1
}

.introjs-progressbar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 10px;
    line-height: 10px;
    text-align: center;
    background-color: #08c
}

.introjsFloatingElement {
    position: absolute;
    height: 0;
    width: 0;
    left: 50%;
    top: 50%
}

.introjs-fixedTooltip {
    position: fixed
}

.introjs-hint {
    position: absolute;
    background: 0 0;
    width: 20px;
    height: 15px;
    cursor: pointer
}

.introjs-hint:focus {
    border: 0;
    outline: 0
}

.introjs-hidehint {
    display: none
}

.introjs-fixedhint {
    position: fixed
}

.introjs-hint:hover>.introjs-hint-pulse {
    border: 5px solid rgba(60,60,60,.57)
}

.introjs-hint-pulse {
    width: 10px;
    height: 10px;
    border: 5px solid rgba(60,60,60,.27);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background-color: rgba(136,136,136,.24);
    z-index: 10;
    position: absolute;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.introjs-hint-no-anim .introjs-hint-dot {
    -webkit-animation: none;
    -moz-animation: none;
    animation: none
}

.introjs-hint-dot {
    border: 10px solid rgba(146,146,146,.36);
    background: 0 0;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    height: 50px;
    width: 50px;
    -webkit-animation: introjspulse 3s ease-out;
    -moz-animation: introjspulse 3s ease-out;
    animation: introjspulse 3s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    position: absolute;
    top: -25px;
    left: -25px;
    z-index: 1;
    opacity: 0
}

@-moz-keyframes intrjspulse {
    0% {
        -moz-transform: scale(0);
        opacity: 0
    }

    25% {
        -moz-transform: scale(0);
        opacity: .1
    }

    50% {
        -moz-transform: scale(0.1);
        opacity: .3
    }

    75% {
        -moz-transform: scale(0.5);
        opacity: .5
    }

    100% {
        -moz-transform: scale(1);
        opacity: 0
    }
}

@-webkit-keyframes "introjspulse" {
    0% {
        -webkit-transform: scale(0);
        opacity: 0
    }

    25% {
        -webkit-transform: scale(0);
        opacity: .1
    }

    50% {
        -webkit-transform: scale(0.1);
        opacity: .3
    }

    75% {
        -webkit-transform: scale(0.5);
        opacity: .5
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 0
    }
}

.sidebar-trigger {
    background-color: #ebebeb;
    display: block;
    text-align: center;
    cursor: pointer;
    height: auto;
    width: auto;
    line-height: 2.1;
    float: left;
    position: relative;
    z-index: 2;
    color: #616161;
    border: none;
    margin: 0 10px 0 0;
    padding: 0 15px
}

.sidebar-trigger::moz-selection,.sidebar-trigger::selection,.sidebar-trigger::webkit-selection {
    background-color: transparent
}

.sidebar-trigger .fa-chevron-down {
    font-size: 12px;
    margin-top: -2px;
    margin-left: 3px
}

.sidebar-trigger .fa-bars {
    display: none;
    font-size: 24px;
    line-height: 2.1
}

@media only screen and (max-width:1024px) {
    .sidebar-trigger .fa-bars {
        display: block
    }
}

.sidebar-trigger span {
    font-size: 14px;
    vertical-align: middle;
    display: inline-block;
    line-height: 3.6
}

@media only screen and (max-width:1024px) {
    .sidebar-trigger span {
        display: none
    }
}

.user-avatar {
    float: left;
    width: 50px;
    height: 50px;
    background: #fafafa;
    border: 1px solid #d4d4d4;
    overflow: hidden
}

.user-avatar:hover {
    height: 50px;
    cursor: pointer
}

.user-avatar:hover .user-quickview {
    display: block
}

.user-avatar .user-quickview {
    top: 50px
}

.user-name {
    position: relative;
    display: inline-block
}

.user-name:hover {
    height: auto;
    cursor: pointer
}

.user-name:hover .user-quickview {
    display: block
}

.user-name .user-quickview {
    top: 10px
}

.quick-navigation {
    background: #f7f7f7;
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    margin-bottom: 10px;
    text-transform: uppercase;
    padding: 0 10px;
    color: #0073b9;
    height: 28px;
    overflow: hidden
}

.quick-navigation h2 {
    float: left;
    color: #6e6e6e;
    font-size: 12px;
    font-weight: 700;
    line-height: 26px
}

.quick-navigation ul {
    margin: 0;
    padding: 0
}

.quick-navigation ul li {
    list-style: none;
    padding: 0 12px;
    margin: 0;
    display: inline-block;
    position: relative;
    line-height: 26px
}

.quick-navigation ul li::before {
    content: "";
    border-left: 1px solid #0073b9;
    height: 14px;
    width: 1px;
    position: absolute;
    left: -2px;
    top: 5px
}

.quick-navigation ul li:first-child::before {
    border-left: 0
}

.quick-navigation ul li h3 {
    font-size: 12px;
    font-weight: 700
}

.outline,h1.outline {
    display: none
}

#search-site-q {
    background: #ebebeb
}

h1.logo {
    margin: 7px 10px 0 0;
    float: left
}

.dropdown-menu {
    font-size: 12px
}

.dropdown.dropdown-hover .dropdown-menu {
    margin: 0
}

.dropdown.dropdown-hover:hover .dropdown-menu {
    display: block
}

.bell span:first-child {
    color: #1998ed;
    font-size: 17px
}

.bell span:last-child {
    color: #1998ed;
    position: relative;
    left: -13px;
    top: -9px;
    background: #fff;
    padding: 0 4px;
    border-radius: 5px;
    font-size: 11px
}

.main-menu>li>a {
    line-height: 52px;
    font-weight: 700;
    padding: 0 10px
}

.main-menu>li.current a,.main-menu>li:focus a,.main-menu>li:hover a {
    color: #fff
}

#search-header-button .btn-default {
    background: #F5F5F5;
    height: 34px;
    padding: 5px 6px
}

#search-header-button.hover .dropdown-toggle {
    background: #1998ed
}

#search-header-button.hover button .sprite-icon-search-hp.search {
    background-position: -170px -196px
}

#search-header-button.hover button .sprite-icon-search-hp.forum {
    background-position: -191px -196px
}

#search-header-button.hover button .sprite-icon-search-hp.fjb {
    background-position: -212px -196px
}

#search-header-button.hover button .sprite-icon-search-hp.groupee {
    background-position: -233px -196px
}

#search-header-button.hover button .sprite-icon-search-hp.username {
    background-position: -254px -196px
}

#k-hp-list {
    padding: 0;
    width: 200px
}

#k-hp-list li.selected {
    color: #ff7100
}

#k-hp-list:before {
    content: "";
    border: 6px solid transparent;
    border-bottom-color: #d4d4d4;
    position: absolute;
    top: -12px;
    left: 11px
}

#k-hp-list:after {
    content: "";
    border: 5px solid transparent;
    border-bottom-color: #fff;
    position: absolute;
    top: -10px;
    left: 12px
}

#k-hp-list li .radio {
    display: block;
    margin: 0;
    padding: 0
}

#k-hp-list li label {
    display: block;
    cursor: pointer;
    height: 30px;
    padding: 5px 10px 5px 20px;
    text-indent: 5px;
    font-size: 12px;
    color: #0073b9;
    vertical-align: middle;
    line-height: 20px
}

#k-hp-list li label input[type=radio] {
    opacity: 0;
    visibility: hidden;
    position: relative;
    margin: 0
}

#k-hp-list li:hover label {
    color: #ff7100
}

.site-header {
    min-height: 50px;
    background: #fff;
    width: 100%;
    min-width: 1200px;
    position: fixed;
    top: 0;
    -webkit-backface-visibility: hidden;
    -moz-transition: top .2s ease-in-out;
    -webkit-transition: top .2s ease-in-out;
    transition: top .2s ease-in-out;
    z-index: 8
}

@media only screen and (max-width:1024px) {
    .site-header {
        min-width: 1024px
    }
}

.site-header.scrolled {
    -moz-box-shadow: 0 0 7px #aaa;
    -webkit-box-shadow: 0 0 7px #aaa;
    box-shadow: 0 0 7px #aaa
}

.site-header .container {
    position: relative
}

.site-header .dropdown-menu {
    padding: 0;
    min-width: 190px;
    left: 0
}

.site-header .dropdown-menu:before {
    content: "";
    border: 5px solid transparent;
    border-bottom-color: #d4d4d4;
    position: absolute;
    top: -10px;
    left: 164px
}

.site-header .dropdown-menu:after {
    content: "";
    border: 5px solid transparent;
    border-bottom-color: #fff;
    position: absolute;
    top: -9px;
    left: 164px
}

.site-header .dropdown-menu>ul.list-unstyled>li {
    position: relative;
    border-bottom: 1px solid #e4e4e4
}

.site-header .dropdown-menu>ul.list-unstyled>li:first-child,.site-header .dropdown-menu>ul.list-unstyled>li:last-child {
    border-bottom: none
}

.site-header .dropdown-menu>ul.list-unstyled>li:nth-child(2) {
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4
}

.site-header .dropdown-menu>ul.list-unstyled>li.notice-plus:nth-child(2) {
    background-color: #fffce1;
    border-top: 1px solid #f9bbd0;
    border-bottom: 1px solid #f9bbd0
}

.site-header .dropdown-menu>ul.list-unstyled>li.notice-plus:nth-child(2) a:hover {
    background-color: #fff7b1
}

.site-header .dropdown-menu>ul.list-unstyled>li a {
    padding: 0 10px;
    display: block;
    line-height: 30px;
    color: #555
}

.site-header .dropdown-menu>ul.list-unstyled>li a .fa {
    float: right;
    font-size: 18px;
    line-height: 30px
}

.site-header .dropdown-menu>ul.list-unstyled>li a:hover {
    text-decoration: none;
    background-color: #f0f0f0
}

.site-header .dropdown-menu>ul.list-unstyled>li a:focus {
    text-decoration: none
}

.site-header .dropdown-menu>ul.list-unstyled>li ul.list-unstyled {
    display: none;
    overflow: hidden
}

.site-header .dropdown-menu>ul.list-unstyled>li.open>a {
    border-bottom: 1px solid #e4e4e4;
    background: #e6e6e6;
    border-left: 3px solid #1998ed
}

.site-header .dropdown-menu>ul.list-unstyled>li.open>a .fa {
    color: #1998ed
}

.site-header .dropdown-menu>ul.list-unstyled>li.open ul {
    background: #f5f5f5;
    border-bottom: 1px solid #e4e4e4
}

.site-header .dropdown-menu>ul.list-unstyled>li.open ul li a {
    border-bottom: 1px solid #e4e4e4;
    line-height: 28px;
    position: relative
}

.site-header .dropdown-menu>ul.list-unstyled>li.open ul li:last-child a {
    border: none
}

.site-header .dropdown-menu>ul.list-unstyled>li.open ul li:hover a {
    background-color: #ebebeb
}

.site-header .dropdown-menu>ul.list-unstyled li.sign-out a {
    text-align: right;
    color: #ff7100;
    font-weight: 700
}

.site-header .dropdown-menu>ul.list-unstyled li.sign-out a .fa-sign-in {
    margin-left: 10px
}

.site-header .dropdown-menu .notice-updated {
    position: relative
}

.site-header .dropdown-menu .notice-updated:after {
    content: 'Updated';
    background-color: #e4302f;
    border-radius: 3px;
    position: absolute;
    font-size: 10px;
    padding: 1px 5px;
    color: #fff;
    top: 5px;
    right: 25px;
    font-weight: 400;
    line-height: 1.6
}

.site-header .dropdown-menu .notice-new {
    position: relative
}

.site-header .dropdown-menu .notice-new:after {
    content: 'New';
    background-color: #e4302f;
    border-radius: 3px;
    position: absolute;
    font-size: 10px;
    padding: 0 5px;
    color: #fff;
    top: 5px;
    right: 53px;
    font-weight: 400;
    line-height: 1.5
}

.site-header .dropdown-menu .notice-new:nth-last-child(2):after {
    right: 60px
}

.site-header .dropdown-menu .notice-new:last-child:after {
    right: 43px
}

.site-header.fixed {
    position: fixed!important;
    top: 0!important
}

.site-header__category {
    position: relative
}

.site-header__category .flyout__trigger {
    position: relative;
    z-index: 10;
    float: left;
    font-size: 14px;
    padding: 0 0 0 25px;
    top: 7px;
    height: 48px
}

.site-header__category .flyout__trigger i {
    border-right: none;
    padding-right: 0;
    margin-right: 10px
}

.site-header__logo {
    float: left
}

.site-header__logo__item {
    background-image: url(../images/logo-kaskus-full.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-top: 15px;
    margin-right: 30px;
    display: block;
    width: 149px;
    height: 19px;
    text-indent: -9999px
}

.site-header__search-bar {
    position: relative;
    width: 405px;
    display: inline-block
}

.site-header__search-bar .global-search {
    width: auto
}

.site-header__search-bar .global-search .input-group {
    border-radius: 4px
}

.site-header__search-bar #search-header-button .btn-default {
    height: 30px
}

.site-header__search-bar .customSelect {
    height: 30px;
    line-height: 30px
}

.site-header__search-bar #search {
    height: 30px;
    width: 100%
}

.site-header__search-bar #btn-search {
    height: 30px
}

.site-header--top {
    -moz-transition: background-color .4s ease-in-out;
    -webkit-transition: background-color .4s ease-in-out;
    transition: background-color .4s ease-in-out
}

.site-header--bot {
    -moz-transition: top 2s ease-in-out;
    -webkit-transition: top 2s ease-in-out;
    transition: top 2s ease-in-out
}

.site-header--bot.hide-up {
    position: fixed;
    top: -81px
}

.site-header__anchor.scrolled .container {
    margin-left: 20px
}

.site-header__wrapper--forum {
    background-color: #1998ed
}

.site-header__wrapper--jb {
    background-color: #1da89f
}

.site-header__wrapper--jb .site-header__secondary-menu__item a:focus,.site-header__wrapper--jb .site-header__secondary-menu__item a:hover {
    background-color: #37c7be
}

.site-header__wrapper--scrolled .site-header__logo__item {
    background-image: url(../images/logo-kaskus-n.png);
    width: 35px;
    height: 35px;
    margin: 7px 5px 0 0
}

.site-header__wrapper--scrolled .site-header__main-tab>ul>li>a {
    color: #fff;
    filter: alpha(Opacity=90);
    opacity: .9
}

.site-header__wrapper--scrolled .site-header__main-tab>ul.main-menu>li#kk-forum.current,.site-header__wrapper--scrolled .site-header__main-tab>ul.main-menu>li#kk-forum:focus,.site-header__wrapper--scrolled .site-header__main-tab>ul.main-menu>li#kk-forum:hover {
    background: #fff
}

.site-header__wrapper--scrolled .site-header__main-tab>ul.main-menu>li#kk-forum.current>a,.site-header__wrapper--scrolled .site-header__main-tab>ul.main-menu>li#kk-forum:focus>a,.site-header__wrapper--scrolled .site-header__main-tab>ul.main-menu>li#kk-forum:hover>a {
    color: #31a3ef
}

.site-header__wrapper--scrolled .site-header__main-tab>ul.main-menu>li#kk-fjb.current,.site-header__wrapper--scrolled .site-header__main-tab>ul.main-menu>li#kk-fjb:focus,.site-header__wrapper--scrolled .site-header__main-tab>ul.main-menu>li#kk-fjb:hover {
    background: #fff
}

.site-header__wrapper--scrolled .site-header__main-tab>ul.main-menu>li#kk-fjb.current>a,.site-header__wrapper--scrolled .site-header__main-tab>ul.main-menu>li#kk-fjb:focus>a,.site-header__wrapper--scrolled .site-header__main-tab>ul.main-menu>li#kk-fjb:hover>a {
    color: #21beb4
}

.site-header__wrapper--scrolled #loginform.open>a.dropdown-toggle {
    color: #fff!important;
    filter: alpha(Opacity=100);
    opacity: 1
}

.site-header__wrapper--scrolled .site-header__quick ul li {
    font-size: 14px
}

.site-header__wrapper--scrolled .site-header__quick ul li:first-child {
    border-left: none
}

.site-header__wrapper--scrolled .site-header__quick ul li.cart-list {
    border-right: 1px solid #fff;
    padding-right: 0
}

.site-header__wrapper--scrolled #loginform>a {
    color: #fff!important;
    padding-left: 0;
    filter: alpha(Opacity=90);
    opacity: .9
}

.site-header__wrapper--scrolled #kaskusnetworks>a>.kn-grid {
    -webkit-filter: brightness(0) invert(1);
    -moz-filter: brightness(0) invert(1);
    -ms-filter: brightness(0) invert(1);
    -o-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    filter: alpha(Opacity=90);
    opacity: .9
}

.site-header__wrapper--scrolled #menu-right {
    float: right
}

.site-header__wrapper--scrolled #menu-right .site-header__quick {
    display: inline-block;
    vertical-align: middle
}

.site-header__wrapper--scrolled #menu-right li.dropdown {
    float: none;
    display: inline-block;
    vertical-align: middle
}

.site-header__wrapper--scrolled #menu-right li.dropdown>a {
    background: 0 0
}

.site-header__wrapper--scrolled #menu-right>li {
    float: none;
    display: inline-block;
    vertical-align: middle
}

.site-header__wrapper--scrolled #menu-right>li>i {
    color: #fff
}

.site-header__wrapper--scrolled #menu-right>li#after-login>a {
    padding-top: 0
}

.site-header__wrapper--scrolled #menu-right>li#after-login>.dropdown-menu {
    top: 41px
}

.site-header__wrapper--scrolled #menu-right .notif-wrap {
    background-color: #f9f9f9;
    color: #ea1e35
}

.site-header__secondary-menu {
    position: relative;
    height: 40px
}

.site-header__secondary-menu__list {
    list-style: none;
    padding: 0;
    margin: 0
}

.site-header__secondary-menu__item {
    display: inline-block;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.site-header__secondary-menu__item a {
    color: #fff;
    padding: 12px 14px;
    display: inline-block;
    font-weight: 500;
    filter: alpha(Opacity=90);
    opacity: .9;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.site-header__secondary-menu__item a:focus,.site-header__secondary-menu__item a:hover {
    filter: alpha(Opacity=100);
    opacity: 1;
    text-decoration: none;
    background-color: #5db9f7
}

.site-header__secondary-menu__item a.valentine {
    padding: 3px 10px;
    border: 1px solid #fff;
    border-radius: 11px;
    display: inline-block;
    font-weight: 500
}

.site-header__secondary-menu__item a img {
    height: 15px
}

.site-header__action {
    float: right
}

.site-header__action__text {
    font-weight: 700;
    font-size: 14px;
    color: #0072bc!important
}

.site-header__action__icon i {
    color: #f37221;
    font-size: 14px
}

.site-header__quick ul {
    float: right;
    list-style: none;
    padding: 0;
    margin: 7px 0
}

.site-header__quick ul li {
    display: inline-block;
    border-left: 1px solid #fff
}

.site-header__quick ul li a {
    display: inline-block;
    padding: 3px 9px;
    color: #fff;
    font-weight: 500;
    filter: alpha(Opacity=90);
    opacity: .9;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.site-header__quick ul li a:focus,.site-header__quick ul li a:hover {
    filter: alpha(Opacity=100);
    opacity: 1;
    text-decoration: none
}

.site-header__quick ul li a i {
    margin-right: 7px
}

.site-header__quick ul li.cart-list a {
    position: relative;
    filter: alpha(Opacity=100);
    opacity: 1
}

.site-header__quick ul li.cart-list a i {
    display: inline-block;
    filter: alpha(Opacity=90);
    opacity: .9;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background-image: url(../images/layout/ic-cart-white.png);
    width: 24px;
    vertical-align: middle;
    height: 18px
}

.site-header__quick ul li.cart-list a i:hover {
    filter: alpha(Opacity=100);
    opacity: 1
}

.site-header__quick ul li.cart-list a span {
    background-color: red;
    border-radius: 50%;
    padding: 3px;
    width: 16px;
    height: 16px;
    line-height: 12px;
    font-size: 8px;
    font-weight: 400;
    position: absolute;
    text-align: center;
    right: 10px;
    top: -5px
}

.flyout__trigger {
    color: #fff;
    font-weight: 500;
    float: left;
    height: 40px;
    line-height: 40px!important;
    cursor: pointer;
    filter: alpha(Opacity=80);
    opacity: .8;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.flyout__trigger:hover {
    filter: alpha(Opacity=100);
    opacity: 1
}

.flyout__trigger i {
    padding-left: 10px;
    padding-right: 20px;
    margin-right: 5px;
    height: 20px;
    line-height: 20px;
    border-right: 1px solid #fff
}

.flyout__anchor {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 716px;
    height: 0;
    z-index: 22
}

.flyout__anchor--subscribed {
    width: 492px
}

.flyout__result {
    position: absolute;
    z-index: 3;
    top: 76px;
    display: block;
    width: 120%;
    height: 370px;
    background-color: #fff
}

.flyout__result__list {
    margin: 0;
    padding: 0;
    height: 330px;
    list-style: none;
    overflow-y: auto
}

.flyout__result__list::-webkit-scrollbar {
    display: none
}

.flyout__result__item {
    display: block
}

.flyout__result__link {
    display: block;
    padding: 9px 10px;
    font-weight: 400!important;
    color: #555;
    font-size: 12px
}

.flyout__result__link.selected,.flyout__result__link:hover {
    background-color: #efefef;
    color: #555;
    font-weight: 500!important;
    text-decoration: none
}

.flyout__result__link img {
    float: left;
    margin-right: 10px
}

.flyout__result__link span {
    display: table-cell;
    vertical-align: top;
    line-height: 20px;
    width: 195px
}

.flyout__search {
    position: relative;
    padding: 10px
}

.flyout__search input[type=text] {
    padding: 7px 20px 7px 10px;
    border: none;
    display: block;
    background: #efefef;
    border-radius: 4px;
    width: 100%
}

.flyout__search input[type=text]:focus {
    outline: 0
}

.flyout__search i {
    color: #959595;
    position: absolute;
    right: 20px;
    top: 18px;
    font-size: 14px
}

.flyout__search i.fa-times {
    cursor: pointer
}

.flyout__scroll {
    height: 20px;
    width: 100%;
    text-align: center
}

.flyout__scroll i {
    font-size: 10px;
    color: #ff7100;
    filter: alpha(Opacity=0);
    opacity: 0
}

.flyout__scroll--up {
    padding-top: 4px
}

.flyout__scroll--down {
    padding-top: 2px
}

.flyout__scroll--on i {
    filter: alpha(Opacity=50);
    opacity: .5
}

.flyout__scroll--on:hover i {
    filter: alpha(Opacity=100);
    opacity: 1
}

.flyout__content {
    background-color: #fff;
    position: absolute;
    height: 487px;
    border: 1px solid #d1d1d1;
    border-top: none
}

.flyout__content--triggered {
    width: 100%;
    border-radius: 0 2px 2px
}

.flyout__tab__list {
    border-top: 1px solid #d7d7d7
}

.flyout__tab__list ul li {
    text-align: center;
    padding: 0
}

.flyout__tab__list ul li.active a,.flyout__tab__list ul li.active a:focus,.flyout__tab__list ul li.active a:hover {
    background-color: #fff
}

.flyout__tab__list ul li a {
    padding: 11px 14px;
    display: block;
    color: #555;
    font-weight: 700;
    background-color: #ebebeb
}

.flyout__tab__list ul li a:focus,.flyout__tab__list ul li a:hover {
    background-color: #f3f2f2;
    text-decoration: none
}

.flyout__tab__item--forum a:hover {
    color: #31a3ef
}

.flyout__tab__item--forum.active a {
    color: #1998ed
}

.flyout__tab__item--jb a:hover {
    color: #21beb4
}

.flyout__tab__item--jb.active a {
    color: #1da89f
}

.flyout__tab__content {
    height: 447px;
    overflow: hidden
}

.flyout__tab__content .flyout__category__link {
    overflow: hidden
}

.flyout__tab__content .flyout__category__link:focus,.flyout__tab__content .flyout__category__link:hover {
    background-color: #f3f2f2;
    text-decoration: none
}

.flyout__tab__content .flyout__category__item {
    display: block;
    overflow: hidden
}

.flyout__tab__content .flyout__category__list {
    padding: 0;
    margin: 0
}

.flyout__tab__content--triggered {
    width: 100%
}

.flyout__tab__pane--forum .flyout__category-children__link:hover,.flyout__tab__pane--forum .flyout__category-children__link:hover i,.flyout__tab__pane--forum .flyout__category__link:hover,.flyout__tab__pane--forum .flyout__category__link:hover i,.flyout__tab__pane--forum .flyout__subscribed__anchor__link:hover,.flyout__tab__pane--forum .flyout__subscribed__anchor__link:hover i,.flyout__tab__pane--forum .flyout__subscribed__link:hover,.flyout__tab__pane--forum .flyout__subscribed__link:hover i {
    color: #31a3ef
}

.flyout__tab__pane--forum .flyout__category-children__link--hovered,.flyout__tab__pane--forum .flyout__category-children__link--hovered i,.flyout__tab__pane--forum .flyout__category-children__link.active,.flyout__tab__pane--forum .flyout__category-children__link.active i,.flyout__tab__pane--forum .flyout__category__link--hovered,.flyout__tab__pane--forum .flyout__category__link--hovered i,.flyout__tab__pane--forum .flyout__category__link.active,.flyout__tab__pane--forum .flyout__category__link.active i,.flyout__tab__pane--forum .flyout__subscribed__anchor__link--hovered,.flyout__tab__pane--forum .flyout__subscribed__anchor__link--hovered i,.flyout__tab__pane--forum .flyout__subscribed__anchor__link.active,.flyout__tab__pane--forum .flyout__subscribed__anchor__link.active i,.flyout__tab__pane--forum .flyout__subscribed__link--hovered,.flyout__tab__pane--forum .flyout__subscribed__link--hovered i,.flyout__tab__pane--forum .flyout__subscribed__link.active,.flyout__tab__pane--forum .flyout__subscribed__link.active i {
    color: #1998ed
}

.flyout__tab__pane--jb .flyout__category-children__link:hover,.flyout__tab__pane--jb .flyout__category-children__link:hover i,.flyout__tab__pane--jb .flyout__category__link:hover,.flyout__tab__pane--jb .flyout__category__link:hover i,.flyout__tab__pane--jb .flyout__subscribed__anchor__link:hover,.flyout__tab__pane--jb .flyout__subscribed__anchor__link:hover i,.flyout__tab__pane--jb .flyout__subscribed__link:hover,.flyout__tab__pane--jb .flyout__subscribed__link:hover i {
    color: #21beb4
}

.flyout__tab__pane--jb .flyout__category-children__link--hovered,.flyout__tab__pane--jb .flyout__category-children__link--hovered i,.flyout__tab__pane--jb .flyout__category-children__link.active,.flyout__tab__pane--jb .flyout__category-children__link.active i,.flyout__tab__pane--jb .flyout__category__link--hovered,.flyout__tab__pane--jb .flyout__category__link--hovered i,.flyout__tab__pane--jb .flyout__category__link.active,.flyout__tab__pane--jb .flyout__category__link.active i,.flyout__tab__pane--jb .flyout__subscribed__anchor__link--hovered,.flyout__tab__pane--jb .flyout__subscribed__anchor__link--hovered i,.flyout__tab__pane--jb .flyout__subscribed__anchor__link.active,.flyout__tab__pane--jb .flyout__subscribed__anchor__link.active i,.flyout__tab__pane--jb .flyout__subscribed__link--hovered,.flyout__tab__pane--jb .flyout__subscribed__link--hovered i,.flyout__tab__pane--jb .flyout__subscribed__link.active,.flyout__tab__pane--jb .flyout__subscribed__link.active i {
    color: #1da89f
}

.flyout__category {
    width: 265px;
    position: relative;
    height: 487px
}

.flyout__category__list {
    width: 120%;
    height: 319px;
    overflow-x: hidden
}

.flyout__category__list::-webkit-scrollbar {
    display: none
}

.flyout__category__item {
    padding: 0!important
}

.flyout__category__item--has-children>.flyout__category__panel {
    left: 265px;
    width: 450px
}

.flyout__category__item--has-children:hover>.flyout__category__panel {
    display: block
}

.flyout__category__item>.flyout__category__panel {
    background: #fff;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.flyout__category__panel {
    position: absolute;
    top: 0;
    left: 210px;
    display: none;
    box-sizing: border-box;
    width: 627px;
    height: 100%
}

.flyout__category__link {
    display: block;
    padding: 9px 10px 9px 30px;
    font-weight: 400!important;
    color: #555;
    position: relative;
    font-size: 12px
}

.flyout__category__link.active,.flyout__category__link:hover {
    background-color: #efefef;
    color: #1998ed;
    font-weight: 500!important
}

.flyout__category__link.active i,.flyout__category__link:hover i {
    color: #1998ed
}

.flyout__category__link i {
    font-size: 10px;
    color: #656565;
    position: absolute;
    top: 12px;
    right: 68px
}

.flyout__category__link--hovered {
    background-color: #efefef;
    color: #1998ed;
    font-weight: 500!important
}

.flyout__category__link--hovered i {
    color: #1998ed
}

.flyout__category-children {
    width: 225px;
    height: 100%;
    border-left: 1px solid #efeff4
}

.flyout__category-children__link {
    font-size: 12px;
    position: relative;
    font-weight: 400!important;
    overflow: hidden;
    box-sizing: border-box;
    padding: 7px 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #8b8f8b;
    display: block;
    width: 209px
}

.flyout__category-children__link.active,.flyout__category-children__link:hover {
    background-color: #efefef;
    color: #1998ed;
    font-weight: 500!important;
    text-decoration: none
}

.flyout__category-children__link.active i,.flyout__category-children__link:hover i {
    color: #1998ed
}

.flyout__category-children__link i {
    font-size: 10px;
    color: #656565;
    position: absolute;
    top: 10px;
    right: 10px
}

.flyout__category-children__link--hovered {
    background-color: #efefef;
    color: #1998ed;
    font-weight: 500!important
}

.flyout__category-children__link--hovered i {
    color: #1998ed
}

.flyout__category-children__title {
    font-weight: 700;
    color: #555;
    padding: 12px 20px 0
}

.flyout__category-children__list {
    padding: 0;
    margin: 0;
    height: 418px;
    overflow-y: auto;
    width: 120%;
    overflow-x: hidden
}

.flyout__category-children__list::-webkit-scrollbar {
    display: none
}

.flyout__category-children__wrapper {
    height: 486px;
    overflow-y: auto;
    overflow-x: hidden
}

.flyout__category-children__wrapper::-webkit-scrollbar {
    display: none
}

.flyout__category-children__item {
    overflow: hidden
}

.flyout__category-children__item:hover>.flyout__category__panel {
    display: block
}

.flyout__category-children__item--has-children:hover>.flyout__category__panel {
    overflow: hidden
}

.flyout__subscribed__anchor {
    border-bottom: 1px solid #ebebeb
}

.flyout__subscribed__anchor__link {
    padding: 9px 10px 9px 30px;
    font-weight: 500!important;
    position: relative;
    display: block;
    color: #555;
    font-size: 12px
}

.flyout__subscribed__anchor__link i {
    position: absolute
}

.flyout__subscribed__anchor__link i:first-child {
    left: 11px;
    color: #f8a633;
    top: 9px;
    font-size: 15px
}

.flyout__subscribed__anchor__link i:last-child {
    font-size: 10px;
    color: #656565;
    position: absolute;
    top: 12px;
    right: 15px
}

.flyout__subscribed__anchor__link--hovered,.flyout__subscribed__anchor__link:hover {
    background-color: #f3f2f2;
    text-decoration: none
}

.flyout__subscribed__anchor__link--hovered i:first-child,.flyout__subscribed__anchor__link:hover i:first-child {
    color: #f8a633
}

.flyout__subscribed__anchor:hover>.flyout__subscribed__panel {
    display: block
}

.flyout__subscribed__panel {
    position: absolute;
    top: 0;
    display: none;
    box-sizing: border-box;
    width: 226px;
    height: 100%;
    left: 265px
}

.flyout__subscribed__list {
    padding: 0;
    margin: 0;
    height: 445px;
    overflow-y: auto
}

.flyout__subscribed__list::-webkit-scrollbar {
    display: none
}

.flyout__subscribed__link {
    font-size: 12px;
    position: relative;
    font-weight: 400!important;
    overflow: hidden;
    box-sizing: border-box;
    padding: 7px 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #555;
    display: block
}

.flyout__subscribed__link i {
    position: absolute;
    right: 10px;
    color: #f8a633;
    top: 7px;
    font-size: 15px
}

.flyout__subscribed__link:hover {
    background-color: #efefef;
    font-weight: 500!important;
    text-decoration: none
}

.flyout__subscribed__link:hover i {
    color: #f8a633!important
}

.flyout__subscribed__content {
    width: 225px;
    height: 100%;
    border-left: 1px solid #efeff4
}

.flyout__subscribed__wrapper {
    height: 486px;
    overflow-y: auto
}

.flyout__subscribed__wrapper .flyout__scroll {
    width: 100%
}

.flyout__subscribed__info {
    padding-top: 100px;
    text-align: center
}

.flyout__subscribed__info__text {
    padding: 20px 40px 30px;
    font-weight: 500;
    font-size: 14px
}

.main-menu li {
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main-menu li a {
    font-size: 14px;
    font-weight: 600;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main-menu li#kk-forum.current,.main-menu li#kk-forum:focus,.main-menu li#kk-forum:hover {
    background: #fff
}

.main-menu li#kk-forum.current a,.main-menu li#kk-forum:focus a,.main-menu li#kk-forum:hover a {
    color: #1998ed
}

.main-menu li#kk-fjb.current a,.main-menu li#kk-fjb:focus a,.main-menu li#kk-fjb:hover a {
    color: #1da89f
}

.main-menu li#kk-groupee.current,.main-menu li#kk-groupee:focus,.main-menu li#kk-groupee:hover {
    background: #cb79d7
}

.main-menu li#kk-radio.current,.main-menu li#kk-radio:focus,.main-menu li#kk-radio:hover {
    background: #31a3ef
}

.main-menu li#kk-playground.current,.main-menu li#kk-playground:focus,.main-menu li#kk-playground:hover {
    background: #ebc615
}

.main-menu li#kk-news a {
    color: #b72126
}

.main-menu li#kk-gadget.current,.main-menu li#kk-gadget:focus,.main-menu li#kk-gadget:hover {
    background: #21beb4
}

.main-menu li#kk-bpl a,.main-menu li#kk-ligaitali a,.main-menu li#kk-mataharistore a {
    padding: 0 7px
}

.main-menu li #kk-epulsa:hover {
    background: #f16534
}

.main-menu li #kk-epulsa:after {
    content: 'New';
    display: block;
    position: absolute;
    text-transform: uppercase;
    padding: 0 4px;
    top: 5px;
    right: 4px;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    border-radius: 2px;
    background-color: #e4302f;
    height: 13px;
    line-height: 13px;
    -webkit-animation: tada 1s;
    -moz-animation: tada 1s;
    -ms-animation: tada 1s;
    animation: tada 1s
}

.main-menu li #kk-smash img {
    max-width: 80px
}

.main-menu li #kk-hq .list-grey li a {
    position: relative;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: 18px;
    max-height: 26px
}

.main-menu li.new:after {
    content: 'New';
    display: block;
    position: absolute;
    text-transform: uppercase;
    padding: 0 4px;
    top: 5px;
    right: 4px;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    border-radius: 2px;
    background-color: #e4302f;
    height: 14px;
    line-height: 14px;
    -webkit-animation: tada 1s;
    -moz-animation: tada 1s;
    -ms-animation: tada 1s;
    animation: tada 1s
}

.main-menu li.sale:after {
    content: 'SALE';
    display: block;
    position: absolute;
    text-transform: uppercase;
    padding: 0 3px;
    top: 5px;
    right: -8px;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    border-radius: 2px;
    background-color: #e4302f;
    height: 13px;
    line-height: 13px
}

.main-menu li img {
    max-width: 90px!important
}

@media only screen and (max-width:1024px) {
    .main-menu li img {
        max-width: 74px!important
    }
}

.main-menu li#kk-ligaitali img {
    max-width: 80px!important
}

@media only screen and (max-width:1024px) {
    .main-menu li#kk-ligaitali img {
        max-width: 70px!important
    }
}

#search {
    border: none;
    font-size: 12px;
    font-weight: 400;
    padding: 6px 7px;
    box-shadow: none;
    width: 120px;
    min-width: 120px
}

@media only screen and (max-width:1024px) {
    #search {
        width: 90px;
        min-width: 90px
    }
}

.select-category {
    display: none
}

.select-category>.customSelect {
    padding-top: 0
}

.select-category .customSelect {
    border-radius: 0;
    border: 0;
    overflow: hidden;
    padding: 6px 20px 6px 10px;
    width: 120px;
    box-shadow: none;
    border-left: 1px solid #fafafa
}

.select-category .customSelectInner {
    width: 77px!important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #6e6e6e
}

.select-category .customSelectFocus {
    -webkit-box-shadow: inset 0 0 1px #d4d4d4;
    box-shadow: inset 0 0 1px #d4d4d4
}

.select-category select {
    z-index: 9!important;
    width: 105px
}

.select-category.show {
    display: table-cell
}

#btn-search {
    background: #fff;
    color: #6e6e6e;
    border-radius: 0 3px 3px 0;
    height: 34px;
    line-height: 14px;
    padding: 6px 8px;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

#btn-search:focus,#btn-search:hover {
    background: #f5f5f5;
    color: #1998ed
}

#menu-right {
    margin-right: -15px
}

#menu-right>li {
    margin-left: 10px
}

@media only screen and (max-width:1024px) {
    #menu-right>li {
        margin-left: 7px
    }
}

@media only screen and (max-width:1024px) {
    #menu-right>li:first-child {
        margin-left: 0
    }
}

#menu-right>li#after-login>a {
    padding-top: 7px;
    padding-bottom: 0;
    background: 0 0
}

#menu-right>li>a {
    font-weight: 700;
    padding-top: 15px;
    padding-bottom: 15px
}

#menu-right>#kaskusnetworks>a {
    padding-top: 17px;
    padding-bottom: 18px
}

#menu-right .btn.radius-3 {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 8px;
    font-weight: 500
}

@media only screen and (max-width:1024px) {
    #menu-right .btn.radius-3 {
        font-size: 12px;
        padding: 5px 8px
    }
}

#btn-whatsnew {
    color: #0073b9;
    font-weight: 400;
    font-size: 10px
}

#btn-whatsnew:hover {
    color: #f7941d
}

a#help-center {
    color: #0073b9
}

a#help-center .help-icon {
    font-size: 16px
}

.global-search {
    display: inline-block;
    width: 330px;
    margin-bottom: 0;
    padding: 0 15px;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

@media only screen and (max-width:1024px) {
    .global-search {
        width: 290px;
        padding: 0 15px 0 5px
    }
}

.global-search .form-control.select {
    border-radius: 0;
    box-shadow: none;
    border: 0;
    max-width: 120px
}

.global-search .input-group-btn,.global-search .select-category {
    vertical-align: top
}

.global-search .input-group {
    border: 1px solid #d7d7d7;
    border-radius: 2px
}

.global-search .select-category {
    float: left;
    display: none!important
}

.global-search .select-category.show {
    display: table-cell!important
}

#loginform .login {
    width: 230px;
    padding: 0 10px
}

#loginform>a {
    padding-left: 0;
    filter: alpha(Opacity=90);
    opacity: .9
}

#loginform input[type=password],#loginform input[type=text] {
    font-size: 12px;
    padding: 5px 4px 5px 5px;
    height: auto;
    margin: 5px 4px 3px 0;
    border-radius: 0;
    background: #f0f0f0;
    display: inline-block
}

#loginform .divider {
    margin-bottom: 5px!important
}

#loginform .username {
    margin-left: -15px;
    margin-right: -10px
}

#loginform .password {
    margin-left: -10px;
    margin-right: -15px
}

#loginform .login-btn {
    width: 100%
}

#loginform .dropdown-menu {
    padding: 5px 0 10px;
    left: -202px;
    top: 50px
}

#loginform .dropdown-menu:after,#loginform .dropdown-menu:before {
    left: 209px
}

#loginform .orange {
    color: #ff7100
}

.ads-lb-wrap {
    margin-bottom: 10px
}

.ads-lb-wrap #leader-banner {
    text-align: center;
    width: 860px;
    float: left;
    height: 90px
}

.ads-lb-wrap #lb-button-group {
    width: 300px;
    float: right;
    margin-left: 10px
}

.button-group-ads {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 0
}

.button-group-ads>div:first-child {
    margin-right: 10px
}

.button-group-ads span.btn-ads-label {
    display: table;
    height: 100%;
    width: 100%
}

.button-group-ads span.btn-ads-label span {
    display: table-cell;
    vertical-align: middle
}

#after-login {
    margin-left: 0;
    max-width: 240px
}

#after-login>a {
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0
}

#after-login>a.notice-new {
    position: relative
}

#after-login>a.notice-new:after {
    content: 'New';
    background-color: #e4302f;
    border-radius: 3px;
    position: absolute;
    font-size: 10px;
    padding: 0 5px;
    color: #fff;
    top: 4px;
    right: -12px;
    font-weight: 400;
    line-height: 1.5
}

#after-login .user-avatar {
    width: 38px;
    height: 38px;
    overflow: hidden;
    border: 1px solid #f5f5f5;
    border-radius: 50%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    left: 0
}

#after-login>.dropdown-menu {
    right: 0;
    left: auto;
    top: 50px
}

#notif {
    font-size: 12px;
    color: #e47911;
    float: left;
    line-height: 13px;
    font-weight: 600;
    padding: 15px 0;
    cursor: pointer;
    position: relative;
    width: auto;
    text-align: center;
    margin-right: -5px
}

@media only screen and (max-width:1024px) {
    #notif {
        margin-right: -1px
    }
}

#notif .notif-wrap {
    background: #ea1e35;
    display: inline-block;
    padding: 3px;
    position: relative;
    text-align: center;
    border-radius: 10px;
    color: #fff
}

#notif .notif-wrap:after {
    content: "";
    position: absolute;
    bottom: 50%;
    margin-bottom: -5px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #ebebeb;
    right: -5px;
    display: none
}

#notif .notif-wrap>div {
    height: 13px;
    overflow: hidden
}

#notif .notif-wrap>div span {
    display: block;
    margin-bottom: 3px;
    text-align: center
}

#notif .notif-wrap>div:after {
    content: "";
    position: absolute;
    bottom: 50%;
    margin-bottom: -3px;
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 3px solid #e6e6e6;
    right: -3px;
    display: block
}

#notif .dropdown-menu {
    left: -115px;
    top: 50px
}

#notif .dropdown-menu:after,#notif .dropdown-menu:before {
    left: 161px
}

.notif-count {
    margin: 5px 0;
    height: 18px;
    line-height: 18px;
    padding: 0 2px;
    font-weight: 400;
    font-size: 11px;
    min-width: 12px;
    text-align: center;
    color: #e47911;
    position: absolute;
    top: 0;
    right: 5px
}

.notif-count:after {
    border-left: 0;
    left: -3px;
    content: "";
    position: absolute;
    bottom: 50%;
    margin-bottom: -3px;
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    display: block
}

.notif-count a:hover .notif-count {
    background: #fefefe
}

.notif-count a:hover .notif-count:after {
    border-right-color: #fefefe
}

.inbox-count {
    margin: 6px 10px 6px 0;
    height: 18px;
    line-height: 18px;
    padding: 0 2px;
    font-size: 11px;
    min-width: 12px;
    text-align: center;
    color: #e47911;
    position: absolute;
    font-weight: 400;
    right: -5px
}

.inbox-count a:hover .inbox-count {
    background: #fefefe
}

.inbox-count a:hover .inbox-count:after {
    border-right-color: #fefefe
}

.title__transaksi {
    font-weight: 400
}

.nav li.new:after {
    content: '1 New';
    display: block;
    position: absolute;
    text-transform: uppercase;
    padding: 0 4px;
    top: 5px;
    right: 4px;
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    border-radius: 2px;
    background-color: #e4302f;
    height: 14px;
    line-height: 14px;
    -webkit-animation: tada 1s;
    -moz-animation: tada 1s;
    -ms-animation: tada 1s;
    animation: tada 1s
}

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

.nav:before {
    content: " ";
    display: table
}

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

.nav>li,.nav>li>a {
    position: relative;
    display: block
}

.nav>li>a:focus,.nav>li>a:hover {
    text-decoration: none;
    background-color: #f0f0f0
}

.nav>li.disabled>a {
    color: #6e6e6e
}

.nav>li.disabled>a:focus,.nav>li.disabled>a:hover {
    color: #6e6e6e;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed
}

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e6e6e6
}

.nav>li>a>img {
    max-width: none
}

.nav-tabs {
    border-bottom: 1px solid #d4d4d4
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0
}

.nav-tabs>li>a:hover {
    border-color: #f0f0f0 #f0f0f0 #e6e6e6
}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {
    color: #555;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-bottom-color: transparent;
    cursor: default
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.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;
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover {
    border: 1px solid #e6e6e6
}

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

.nav-tabs-justified {
    border-bottom: 0
}

.nav-tabs-justified>li>a {
    margin-right: 0;
    border-radius: 4px
}

.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:focus,.nav-pills>li.active>a:hover {
    color: #fff
}

.nav-stacked>li {
    float: none
}

.nav-stacked>li+li {
    margin-top: 2px;
    margin-left: 0
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

#loginform.open>a.dropdown-toggle {
    filter: alpha(Opacity=100);
    opacity: 1;
    background: 0 0
}

.navbar {
    position: relative;
    min-width: 1024px;
    left: 0!important;
    z-index: 20
}

.navbar .chat-menu img {
    margin-right: 5px
}

.navbar .chat-menu a:hover {
    text-decoration: underline
}

.trending {
    margin-top: 15px;
    margin-bottom: 5px
}

.trending ul {
    display: inline-block;
    padding-left: 0
}

.trending ul li {
    list-style: none;
    display: inline-block
}

.trending ul li a {
    display: inline-block;
    font-weight: 500;
    color: #777;
    padding: 2px 8px;
    border-radius: 9px;
    background-color: #E2DFDF;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.trending ul li a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #21beb4
}

.floating-banner a {
    padding: 0!important
}

.floating-banner img {
    height: 60px
}

.cover-image {
    height: auto;
    width: 100%;
    max-height: 200px;
    min-width: 1200px;
    text-align: center;
    overflow: hidden
}

@media only screen and (max-width:1024px) {
    .cover-image {
        min-width: 1024px
    }
}

.cover-image__content {
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    max-width: 970px;
    margin: auto;
    position: relative
}

.cover-image .share {
    position: absolute;
    right: 15px;
    bottom: 30px;
    text-align: center
}

.cover-image .share p {
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 5px;
    color: #fff;
    position: absolute;
    right: 0
}

.cover-image .share a {
    font-size: 16px;
    width: 30px;
    height: 30px;
    display: block;
    background: #fff;
    border-radius: 50%;
    padding-top: 8px;
    margin-top: 30px;
    color: #0B82C6;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.cover-image .share .fb-share:hover {
    background: #375e89;
    color: #fff;
    text-decoration: none
}

.cover-image .share .tw-share:hover {
    background: #32caff;
    color: #fff;
    text-decoration: none
}

.cover-image .share .ig-share {
    padding-top: 7px
}

.cover-image .share .ig-share:hover {
    background: #8E6051;
    color: #fff;
    text-decoration: none
}

.header-notification-wrap {
    left: 0;
    top: 50px;
    margin: 0;
    font-weight: 700;
    visibility: hidden;
    z-index: 21;
    text-align: center;
    width: 100%;
    height: 100%
}

.header-notification-wrap:before {
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    filter: alpha(Opacity=50);
    opacity: .5
}

.header-notification-wrap .header-notification {
    position: relative;
    display: inline-block;
    visibility: visible;
    padding: 6px 10px;
    background-color: #FFFEC3;
    border: 1px solid #d4d4d4;
    border-top: 0;
    width: 100%
}

#leader-banner {
    text-align: center;
    margin-bottom: 10px
}

#kaskusnetworks.open>a {
    background: 0 0
}

#kaskusnetworks.open>a .kn-grid {
    filter: alpha(Opacity=100);
    opacity: 1
}

#kaskusnetworks .kaskusnetworks__list {
    list-style: none;
    padding: 0 12px;
    text-align: center
}

#kaskusnetworks .kaskusnetworks__list li a {
    display: block;
    padding: 20px 0;
    border-bottom: 1px solid #ebebeb
}

#kaskusnetworks .kaskusnetworks__list li a img {
    -moz-transform: scale(0.95);
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    -moz-transition: transform .2s ease-in-out;
    -webkit-transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out
}

#kaskusnetworks .kaskusnetworks__list li a:hover img {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

#kaskusnetworks .kaskusnetworks__list li:last-child {
    border-bottom: none
}

#kaskusnetworks .kn-grid {
    display: block;
    background-image: url(../images/layout/ic_grid.png);
    width: 15px;
    height: 15px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    filter: alpha(Opacity=80);
    opacity: .8;
    -moz-transition: opacity .4s ease-in-out;
    -webkit-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out
}

#kaskusnetworks .kn-grid:hover {
    filter: alpha(Opacity=100);
    opacity: 1
}

#kaskusnetworks>.dropdown-menu {
    left: initial;
    right: -13px;
    min-width: 145px
}

#kaskusnetworks>.dropdown-menu:after,#kaskusnetworks>.dropdown-menu:before {
    left: 118px
}

#searchform span.customSelectInner {
    line-height: 20px
}

.forum.landing .sidebar {
    padding-top: 56px
}

.home.landing .sidebar {
    padding-top: 10px
}

.sidebar {
    margin-left: 10px
}

.sidebar .sidebar-wrap {
    width: 300px
}

.sidebar .sidebar-wrap>div,.sidebar .sidebar-wrap>section {
    padding: 0;
    background: #f7f7f7;
    float: left;
    width: 100%;
    margin-bottom: 10px
}

.sidebar .sidebar-wrap>.header__category {
    margin-top: 10px
}

.sidebar .sidebar-wrap>div:last-child,.sidebar .sidebar-wrap>section:last-child {
    margin-bottom: 5px
}

.sidebar .banner-frame {
    padding: 0;
    overflow: hidden
}

.sidebar .banner-frame img {
    padding: 0;
    margin: 0;
    min-height: 250px;
    width: 300px;
    vertical-align: top
}

.sidebar .banner-frame iframe {
    vertical-align: top
}

.sidebar .momod-frame {
    border: 1px solid #d4d4d4;
    background: #f5f5f5;
    margin: 0;
    padding: 0
}

.sidebar .momod-frame .momod-title {
    color: #000;
    margin: 10px
}

.sidebar .momod-frame .momod-title h2.title {
    margin: 10px 0 5px;
    font-size: 16px;
    color: #000
}

.sidebar .momod-frame .momod-title a {
    font-size: 12px;
    font-style: normal
}

.sidebar .regional ul {
    text-align: center;
    margin-bottom: 0
}

.sidebar .regional ul li {
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 4px
}

.sidebar .regional ul li:nth-child(3n) {
    margin-right: 0
}

.sidebar .regional ul li:nth-child(n+4) {
    margin-bottom: 0
}

.sidebar .regional ul li a {
    display: block;
    width: 95px;
    line-height: 24px;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fafafa;
    border: 1px solid #ff7100;
    color: #0073b9;
    text-decoration: none;
    text-align: center
}

.sidebar .regional ul li a:hover {
    background: #ff7100;
    border-color: #ff7100;
    color: #fff
}

.sidebar .kasads-block {
    float: left
}

.sidebar .kasads-block .campaign-image {
    border: 0!important
}

.sidebar .kasads-block .campaign {
    width: 200px
}

.sidebar #playground-sidebar>div {
    width: 145px;
    float: left;
    position: relative
}

.sidebar #playground-sidebar>div:nth-child(1) {
    margin-right: 10px
}

.sidebar #playground-sidebar>div:hover .play-sidebar-wrap {
    background: #f0f0f0
}

.sidebar #playground-sidebar .play-sidebar-wrap {
    background: #ebebeb;
    color: #1998ed
}

.sidebar #playground-sidebar .play-sidebar-wrap>div {
    height: 110px;
    padding-top: 10px
}

.sidebar #playground-sidebar .play-sidebar-wrap span {
    height: 25px;
    display: block
}

.sidebar #playground-sidebar a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.sidebar .more-like .head-title {
    overflow: initial
}

.sidebar .more-like .head-title .tooltips {
    font-size: 16px;
    color: #f7941d;
    white-space: nowrap
}

.sidebar .more-like .head-title .tooltip {
    left: 150px!important
}

.sidebar .more-like .head-title .tooltip .tooltip-arrow {
    left: 88%!important
}

.sidebar .more-like .head-title .tooltip .tooltip-inner {
    padding: 10px
}

.sidebar .more-like .list-grey li {
    overflow: hidden!important
}

.sidebar .more-like a {
    opacity: 1;
    -moz-transition: ease-in-out .2s;
    -webkit-transition: ease-in-out .2s;
    transition: ease-in-out .2s
}

.sidebar .more-like a:hover {
    opacity: .8;
    text-decoration: none!important
}

.sidebar .more-like ul {
    border-top: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
    border-left: 1px solid #d4d4d4;
    margin-top: 5px!important
}

.sidebar .more-like ul li {
    padding: 0!important
}

.sidebar .more-like__thumb {
    border-right: 1px solid #d4d4d4;
    display: inline-block;
    min-width: 100px;
    padding: 10px
}

.sidebar .more-like__thumb a {
    display: block;
    height: 80px;
    width: 95px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.sidebar .more-like__description {
    display: inline-block;
    max-width: 175px;
    padding: 10px;
    vertical-align: top
}

.sidebar .more-like__description h5 {
    color: #0073b9;
    text-transform: uppercase;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    max-height: 2.6em
}

.sidebar .more-like__description h6 {
    color: #e4302f;
    font-size: 12px
}

.sidebar .more-like .btn-green,.sidebar .more-like .btn-orange {
    display: inline-block;
    padding: 5px 10px;
    margin-top: 10px
}

.sidebar .tab-widget__news.news-sidebar .tab-content {
    padding: 0
}

.sidebar .news-sidebar .nav-tabs {
    padding: 3px 0;
    border: none;
    margin-bottom: 5px
}

.sidebar .list-top-thread.list-grey li a {
    white-space: normal
}

.sidebar #carousel-sidebar-hotreviews .card__vertical--box:nth-child(odd) .card__vertical__wrapper {
    border-right: none
}

.sidebar #carousel-sidebar-hotreviews .card__vertical--box:nth-child(1n+3) .card__vertical__wrapper {
    border-top: none
}

.sidebar__store {
    border: 1px solid #e5e5e5;
    overflow: hidden;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.sidebar__store label {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500
}

.sidebar__store fieldset {
    margin-bottom: 15px
}

.sidebar__store .row {
    margin-right: -20px;
    margin-left: -20px
}

.sidebar__store .form-control {
    height: 30px;
    -webkit-appearance: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.sidebar__store .btn {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.sidebar__store select.form-control {
    background-color: #fff;
    background-repeat: no-repeat
}

.sidebar__store--detail {
    font-size: 13px;
    text-transform: uppercase
}

.sidebar__store--detail span {
    display: block
}

.sidebar__store--price {
    color: #eb1c22;
    font-size: 18px;
    text-transform: capitalize
}

.sidebar__kplus {
    background-color: #fefbf6;
    padding: 15px;
    background-image: url(../images/layout/icon-donut.png),url(../images/layout/icon-donut.png);
    background-repeat: no-repeat;
    background-position: 99% -11%,-4% 110%
}

.sidebar__kasad {
    background-color: #fff
}

.sidebar__kasad img {
    width: 100%
}

.sidebar__epulsa ul {
    padding: 0;
    margin-bottom: 0
}

.sidebar__epulsa ul li {
    list-style: none
}

.sidebar__epulsa .tab-content {
    padding: 15px;
    background-color: #d7f2f9
}

.sidebar__epulsa .nav-tabs {
    border-bottom: none;
    background-color: #fff;
    text-align: center
}

.sidebar__epulsa .nav-tabs a {
    border-bottom: 3px solid #ababab;
    display: block;
    padding: 10px 15px;
    color: #545454;
    font-size: 14px
}

.sidebar__epulsa .nav-tabs a:focus,.sidebar__epulsa .nav-tabs a:hover {
    text-decoration: none
}

.sidebar__epulsa .nav-tabs .notice-new {
    position: relative
}

.sidebar__epulsa .nav-tabs .notice-new:after {
    content: 'New';
    background-color: #e4302f;
    border-radius: 3px;
    position: absolute;
    font-size: 10px;
    padding: 0 5px;
    color: #fff;
    top: -5px;
    right: -33px;
    font-weight: 400;
    line-height: 1.5
}

.sidebar__epulsa .nav-tabs .active a {
    border-bottom: 3px solid #1998ed;
    color: #1998ed
}

.sidebar .header__category {
    margin-top: 0
}

.share-small {
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
    width: 100px;
    height: 20px;
    -moz-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.share-small li {
    float: right;
    margin-left: 5px
}

.share-small li a {
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    display: inline-block;
    background: #b3b3b3;
    color: #fff;
    font-size: 14px
}

.share-small li .sharebut {
    background: #1da89f
}

.share-small li .google {
    background: #c51d22
}

.share-small li .facebook {
    background: #3054a6
}

.share-small li .twitter {
    background: #00adee
}

.share-small:hover {
    width: 100px
}

.tab-store li {
    position: relative;
    display: block;
    width: 150px;
    float: left;
    padding: 0;
    margin: 0 0 -1px
}

.tab-store li a {
    border-radius: 0;
    position: relative;
    text-align: center;
    display: block;
    padding: 5px 0;
    color: #0073b9;
    text-decoration: none;
    border: 1px solid #ff7100;
    font-size: 14px;
    background: #fafafa;
    margin-right: 0
}

.tab-store li a:hover {
    text-decoration: none;
    background: #fa6;
    border-color: #ff7100;
    color: #fff
}

.tab-store li.active a,.tab-store li.active a:focus,.tab-store li.active a:hover {
    color: #fff;
    background-color: #fab339;
    border: 1px solid #ff7100;
    border-bottom-color: transparent;
    cursor: default
}

.tab-store li.active:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -4px;
    border-width: 6px 6px 0;
    border-style: solid;
    border-color: #ff7100 transparent;
    z-index: 99
}

.kaskus-store-widget {
    padding: 0;
    margin-bottom: 15px
}

.kaskus-store-widget li:first-child {
    color: #fff
}

.kaskus-store-widget li:first-child a {
    background: #0096f0;
    border: none;
    color: #fff
}

.kaskus-store-widget li:first-child.active:after {
    border-color: #0096f0 transparent
}

.kaskus-store-widget li:first-child.active a {
    background: #0096f0;
    border: none
}

.kaskus-store-widget li:first-child.active a:hover,.kaskus-store-widget li:first-child:hover a {
    background: rgba(0,150,240,.5)!important
}

.kaskus-store-widget li:first-child:hover:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -4px;
    border-width: 6px 6px 0;
    border-style: solid;
    z-index: 99;
    border-color: rgba(0,150,240,.5) transparent!important
}

.kaskus-store-widget li:last-child a {
    background: #fab339;
    border: none;
    color: #fff
}

.kaskus-store-widget li:last-child.active:after {
    border-color: #fab339 transparent
}

.kaskus-store-widget li:last-child.active a {
    background: #fab339;
    border: none
}

.kaskus-store-widget li:last-child:hover a {
    background: #fac692!important
}

.kaskus-store-widget li:last-child:hover:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -4px;
    border-width: 6px 6px 0;
    border-style: solid;
    z-index: 99;
    border-color: #fac692 transparent!important
}

.recommended {
    padding: 0
}

.recommended .img-desc {
    float: left;
    margin-right: 10px
}

.recommended .img-desc figure,.recommended .img-desc figure div {
    width: 50px;
    height: 50px
}

.recommended .img-desc figure div img {
    max-width: 50px;
    max-height: 50px
}

.recommended .little-desc {
    float: left;
    width: 230px
}

.recommended li {
    border-bottom: 1px solid #e6e6e6;
    padding: 5px 0
}

.more-video li {
    padding: 5px 0
}

.more-video li:nth-child(odd) {
    padding-right: 5px
}

.more-video li:nth-child(even) {
    padding-left: 5px
}

.more-video .yt-play-btn {
    height: 40px;
    width: 40px;
    margin: -20px 0 0 -20px;
    background-size: contain
}

.more-videos__thumb a {
    display: block;
    height: 75px;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative
}

.more-videos__desc {
    display: inline-block;
    max-width: 160px;
    padding: 5px 0 0;
    vertical-align: top
}

.more-videos__desc h4 {
    color: #0073b9;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    max-height: 2.6em;
    font-weight: 500
}

.more-videos__desc h6 {
    font-size: 12px;
    margin: 2px 0;
    color: #6e6e6e;
    font-weight: 500
}

.more-videos__desc span {
    color: #6e6e6e
}

#kaskus-store .sidebar__epulsa .nav-tabs .active a {
    border-bottom: 3px solid #18a89f;
    color: #18a89f;
    font-weight: 500
}

#kaskus-store .sidebar__epulsa .tab-content {
    background-color: #fff;
    padding-bottom: 20px;
    padding-top: 0;
    border-top: 1px solid #e5e5e5
}

#kaskus-store .sidebar__epulsa label {
    text-transform: capitalize;
    font-size: 13px;
    font-weight: 500
}

#kaskus-store .sidebar__epulsa .nav-tabs a {
    border-bottom: 3px solid #fff;
    display: block;
    padding: 10px 15px;
    color: #545454;
    font-size: 14px
}

#kaskus-store .sidebar__store--detail {
    font-size: 13px;
    text-transform: capitalize
}

#kaskus-store .logo {
    margin-bottom: 10px
}

#forum-thread-list-top {
    padding: 10px;
    background: #fafafa;
    border: 1px solid #d4d4d4
}

#forum-thread-list-top .header-listing-table>div {
    padding-left: 0;
    padding-right: 0;
    -moz-user-select: -moz- none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

#forum-thread-list-top .header-listing-table .thread-control .tools-panel {
    display: inline-block
}

#forum-thread-list-top .header-listing-table .thread-control .forum-setting>.thread-tools {
    padding: 10px
}

#forum-thread-list-top .header-listing-table .thread-control .forum-setting .dropdown-menu li label {
    padding: 2px 10px
}

#forum-thread-list-top .header-listing-table .thread-control .pagination {
    padding: 6px 10px
}

#forum-thread-list-top .header-listing-table .thread-control .pagination .page-count {
    font-weight: 400
}

.vote {
    width: 50px;
    float: right;
    text-align: center;
    cursor: pointer;
    position: relative
}

.vote:before {
    content: "";
    width: 50px;
    height: 25px;
    position: absolute;
    left: 50%;
    margin-left: -25px;
    top: 12px
}

.vote.vote-bata:before {
    background: url(../images/layout/icon/bata-sm.png) center no-repeat #f5f5f5;
    z-index: 2
}

.vote.vote-cendol:before {
    background: url(../images/layout/icon/cendol-sm.png) center no-repeat #f5f5f5;
    z-index: 2
}

.vote .vote-up-off {
    text-indent: -999em;
    font-size: 1px;
    position: relative;
    height: 20px;
    color: #f5f5f5;
    display: block
}

.vote .vote-up-off:after {
    content: "";
    position: absolute;
    border-style: solid;
    border-color: transparent transparent #acacac;
    border-width: 0 10px 10px;
    left: 50%;
    top: 0;
    margin-left: -10px;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.vote .vote-up-off:hover:before {
    filter: alpha(Opacity=100);
    opacity: 1
}

.vote .vote-up-off:hover:after {
    border-bottom-color: #30c436
}

.vote .vote-down-off {
    text-indent: -999em;
    font-size: 1px;
    position: relative;
    height: 20px;
    color: #f5f5f5;
    display: block
}

.vote .vote-down-off:after {
    content: "";
    position: absolute;
    border-style: solid;
    border-color: #acacac transparent transparent;
    border-width: 10px 10px 0;
    left: 50%;
    bottom: 0;
    margin-left: -10px;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.vote .vote-down-off:hover:before {
    filter: alpha(Opacity=100);
    opacity: 1
}

.vote .vote-down-off:hover:after {
    border-top-color: #c82a32
}

.vote .vote-count-post {
    height: 10px;
    line-height: 10px;
    position: relative;
    z-index: 1;
    cursor: default
}

.vote .vote-count-post span {
    font-size: 14px;
    font-weight: 700;
    position: relative;
    display: block;
    color: #6e6e6e
}

ul.share {
    padding: 0;
    margin: 0;
    position: relative
}

ul.share li {
    vertical-align: middle;
    float: left;
    list-style: none;
    margin: 8px 5px 0;
    position: relative
}

ul.share li a {
    color: #f5f5f5;
    font-size: 12px;
    font-size: 13px;
    padding: 7px 11px 8px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

ul.share li a i {
    margin-right: 3px
}

ul.share li a:hover {
    text-decoration: none
}

ul.share .total-share {
    margin: 0 5px 0 0;
    top: -3px;
    text-align: center;
    position: relative
}

ul.share .total-share span {
    color: #1998ed;
    font-size: 24px;
    line-height: 100%;
    font-weight: 700
}

ul.share .total-share .caption {
    font-size: 10px;
    color: #b3b3b3;
    text-transform: uppercase;
    text-align: center;
    margin-top: -3px
}

ul.share .facebook a {
    margin-left: 0;
    background: #3054a6
}

ul.share .facebook a:hover {
    background: #4568b2
}

ul.share .twitter a {
    background: #00adee
}

ul.share .twitter a:hover {
    background: #12beff
}

ul.share .google a {
    background: #dd4b39
}

ul.share .google a:hover {
    background: #e26757
}

ul.share .mail a {
    background: #ff7100
}

ul.share .mail a:hover {
    background: #ff7f1a
}

ul.share .url a {
    color: #0073b9
}

.accessibility {
    vertical-align: middle;
    padding-top: 5px
}

.header-create-new form input[type=text] {
    background: #fff;
    float: left;
    border: 1px solid #d4d4d4;
    display: block;
    font-size: 12px;
    line-height: 17px;
    margin: 0;
    height: 30px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 3px 38px 3px 10px;
    border-right-color: #fff
}

.header-create-new form input[type=text]:focus {
    border-color: #1998ed;
    outline: 0
}

.header-create-new form .input-group-btn {
    float: left;
    position: relative;
    font-size: 0;
    white-space: nowrap
}

.header-create-new form button#btn-thread-search {
    border: 1px solid #d4d4d4;
    border-left: none;
    height: 30px;
    line-height: 0;
    background: #fff;
    padding: 4px 8px;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    margin-left: 0
}

.header-create-new form button#btn-thread-search:focus,.header-create-new form button#btn-thread-search:hover {
    background: #f5f5f5;
    color: #1998ed;
    border-left: none
}

.table-bordered.post-entry {
    border: none
}

.post-entry {
    border: 1px solid #d4d4d4;
    border-top: 0;
    border-bottom: 0;
    position: relative
}

.post-entry .listing-table {
    padding: 0
}

.post-entry .listing-table table tbody th,.post-entry .listing-table table td {
    border-bottom: 1px solid #e6e6e6;
    vertical-align: top;
    line-height: 18px;
    padding: 10px 10px 10px 0;
    text-align: left
}

.post-entry .listing-table table tbody th:first-child,.post-entry .listing-table table td:first-child {
    padding: 10px 10px 9px
}

.post-entry .listing-table table tbody {
    background: #fff
}

.post-entry .listing-table table td {
    border-bottom-color: #d4d4d4;
    word-wrap: break-word
}

.post-entry .listing-table table td .post {
    position: relative
}

.post-entry .listing-table table td.text-center {
    text-align: center
}

.post-entry .listing-table table td.icon {
    text-align: center;
    vertical-align: middle
}

.post-entry .listing-table table td:nth-child(3) {
    padding-left: 10px
}

.post-entry .listing-table .post-title {
    font-size: 14px;
    max-width: 525px
}

.post-entry .listing-table .post-title a {
    display: block;
    margin: -10px 0 0;
    padding: 10px 0 0;
    color: #0073b9;
    font-weight: 400;
    text-decoration: none
}

.post-entry .pagination {
    float: left;
    margin-right: 5px
}

.post-entry .pagination ul {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 0;
    float: left;
    margin: 0;
    padding: 0
}

.post-entry .pagination ul:after,.post-entry .pagination ul:before {
    color: #6e6e6e;
    float: left;
    padding: 3px 0
}

.post-entry .pagination ul:before {
    content: "( "
}

.post-entry .pagination ul:after {
    content: " )"
}

.post-entry .pagination ul li {
    float: left;
    list-style: none;
    display: inline;
    padding: 3px 0
}

.post-entry .pagination ul li i {
    color: #6e6e6e
}

.post-entry .pagination ul li a {
    background: none!important;
    padding: 5px;
    text-decoration: none
}

.post-entry .pagination ul li a:hover {
    text-decoration: underline
}

.post-entry .pagination span {
    float: left;
    padding: 0
}

.post-entry .sub-meta {
    line-height: 16px
}

.post-entry .sub-meta:before {
    content: "";
    display: table
}

.post-entry .sub-meta:after {
    content: "";
    display: table;
    clear: both
}

.post-entry .sub-meta a i {
    font-size: 8px
}

.post-entry .sub-meta .jump {
    margin: 5px 5px 0 0;
    width: 14px
}

.post-entry .sub-meta .author {
    padding: 5px 5px 0 0;
    color: #6e6e6e
}

.post-entry .sub-meta .rate {
    display: inline-block;
    margin: 3px 0;
    position: relative
}

.post-entry .sub-meta .rate i {
    color: #ff7100
}

.icon-info {
    position: absolute;
    bottom: 8px;
    right: 0
}

.listing-table {
    position: relative
}

.listing-table:before {
    content: "";
    height: 28px;
    position: absolute;
    width: 5px;
    left: 0;
    top: 0;
    z-index: 2
}

.table.listing {
    margin-bottom: 0
}

.table.listing thead tr th {
    border-bottom: 1px solid #d4d4d4;
    padding: 5px 8px;
    position: relative;
    background: #f5f5f5
}

.table.listing thead tr th:first-child {
    padding-left: 15px
}

.table.listing thead tr th .entry-checkbox {
    padding: 5px 10px
}

.table.listing tr.sticky .post-title .fa-thumb-tack,.table.listing tr.sticky .post-title a b {
    color: #e4302f
}

.header-list-sub .table tbody tr td {
    background: #f0f0f0
}

.header-list-sub .post-title {
    font-weight: 700
}

.header-list-sub .replies span {
    display: block
}

.thread-head {
    border: 1px solid #d4d4d4;
    margin-bottom: 10px
}

.thread-head .header-list-cat {
    background: #f0f0f0;
    border-bottom: 1px solid #d4d4d4;
    padding: 10px 0
}

.thread-head .header-list-cat>div {
    padding-left: 10px;
    padding-right: 10px
}

.thread-head .header-list-cat header {
    padding: 0
}

.thread-head .header-list-cat header img {
    float: left
}

.thread-head .header-list-cat header h2 {
    font-size: 18px;
    color: #545454;
    font-weight: 700;
    line-height: 1.125;
    margin: 0 0 5px;
    padding-left: 70px
}

.thread-head .header-list-cat header h2 a {
    text-decoration: none!important;
    color: #545454
}

.thread-head .header-list-cat header .desc {
    padding-left: 70px;
    font-size: 12px;
    color: #545454
}

.thread-head .header-list-cat .momod {
    padding: 10px
}

.thread-head .header-list-cat .momod h3 {
    margin-top: 0;
    border: none!important;
    font-weight: 700;
    padding: 0!important
}

.thread-head .header-list-cat .tools-panel {
    float: right;
    padding-top: 20px;
    padding-right: 7px
}

.thread-head .header-list-cat .tools-panel .btn {
    margin: 0 3px
}

.thread-head .header-list-cat .tools-panel .btn-outline--border-orange {
    padding: 4px 20px
}

.user-control-stick {
    height: 52px;
    overflow: visible;
    background: #fff;
    border-top: 0;
    color: #545454;
    position: fixed;
    top: -51px;
    padding: 10px 0 0 45px;
    z-index: 999;
    -moz-transition: top .2s ease-in-out;
    -webkit-transition: top .2s ease-in-out;
    transition: top .2s ease-in-out
}

.user-control-stick li a:focus {
    outline: 0
}

.user-control-stick ul.share li {
    margin-top: 6px
}

.user-control-stick ul.share li.short-url {
    padding-top: 0;
    margin: 0
}

.user-control-stick ul.share li.short-url i {
    background-image: url(../images/layout/ic-subscribe.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle
}

.user-control-stick ul.share li.short-url .dropdown-menu {
    top: 38px;
    left: 5px
}

.user-control-stick ul.share li.subscribe {
    font-size: 15px;
    font-weight: 700;
    filter: alpha(Opacity=90);
    opacity: .9
}

.user-control-stick ul.share li.subscribe:hover {
    filter: alpha(Opacity=100);
    opacity: 1
}

.user-control-stick ul.share li.mail a {
    background: #fff;
    color: #ff7100
}

.user-control-stick ul.share .total-share {
    margin-top: 0;
    top: 0
}

.user-control-stick .short-url {
    padding-top: 5px;
    margin-right: 0
}

.user-control-stick .logo {
    position: absolute;
    left: 0;
    top: 0;
    visibility: visible!important
}

.user-control-stick .logo .popover-info.bottom {
    position: fixed
}

.user-control-stick--forum {
    background-color: #1998ed
}

.user-control-stick--fjb {
    background-color: #1da89f
}

.user-control-stick--fjb ul.share .total-share .caption,.user-control-stick--fjb ul.share .total-share span,.user-control-stick--forum ul.share .total-share .caption,.user-control-stick--forum ul.share .total-share span {
    color: #fff
}

.user-control-stick--fjb ul.share .facebook a,.user-control-stick--forum ul.share .facebook a {
    color: #3054a6;
    background-color: #fff
}

.user-control-stick--fjb ul.share .twitter a,.user-control-stick--forum ul.share .twitter a {
    color: #00adee;
    background-color: #fff
}

.user-control-stick--fjb ul.share .google a,.user-control-stick--forum ul.share .google a {
    color: #dd4b39;
    background-color: #fff
}

.user-control-stick--fjb .rating i,.user-control-stick--forum .rating i {
    color: #efb558
}

.user-control-stick--fjb .rating i.un,.user-control-stick--forum .rating i.un {
    color: #fff;
    filter: alpha(Opacity=45);
    opacity: .45
}

.user-control-stick--fjb .rating .rating-pop>span,.user-control-stick--forum .rating .rating-pop>span {
    color: #efb558
}

#forum-thread-top {
    border: 1px solid #d4d4d4;
    background: #f0f0f0;
    margin-bottom: 10px
}

#forum-thread-top .short-url {
    padding-top: 7px;
    margin: 0
}

#forum-thread-top .short-url::moz-selection,#forum-thread-top .short-url::selection,#forum-thread-top .short-url::webkit-selection {
    background-color: transparent
}

.short-url .dropdown-menu {
    font-size: 12px;
    color: #6e6e6e;
    padding: 10px;
    top: 30px;
    border-top: 0;
    left: -7px;
    right: auto
}

.short-url .dropdown-menu:after,.short-url .dropdown-menu:before {
    content: ""
}

.short-url .dropdown-menu:before {
    position: absolute;
    border-style: solid;
    border-color: transparent transparent #d4d4d4;
    border-width: 0 6px 6px;
    top: -6px;
    left: 9px
}

.short-url .dropdown-menu:after {
    position: absolute;
    border-style: solid;
    border-color: transparent transparent #fff;
    border-width: 0 5px 5px;
    top: -5px;
    left: 10px
}

.short-url input[type=text] {
    margin: 0
}

.related-popup {
    background: #fff;
    width: 300px;
    position: fixed;
    bottom: 100px;
    right: -300px;
    z-index: 1;
    border: 1px solid #d4d4d4;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.related-popup.nongol {
    right: 0
}

.related-popup h1 {
    border-bottom: 1px solid #d4d4d4;
    color: #6e6e6e;
    background-color: #f5f5f5;
    font-size: 12px;
    position: relative;
    border-left: 5px solid #1998ed;
    line-height: 30px;
    padding: 0 10px;
    font-weight: 700;
    height: 30px
}

.related-popup ul li {
    padding: 10px 15px;
    border-bottom: 1px solid #d4d4d4
}

.related-popup ul li:last-child {
    border-bottom: 0;
    padding-bottom: 0
}

#title-message .dropdown-menu {
    margin-bottom: -1px;
    padding: 0
}

#title-message .dropdown-menu>li {
    float: left;
    width: 50%;
    height: 35px;
    text-align: center;
    border-right: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4
}

#title-message .dropdown-menu>li:nth-child(2n+2) {
    border-right: none
}

#title-message .dropdown-menu>li label {
    display: block;
    height: 34px;
    padding: 6px
}

#title-message .dropdown-menu>li label.selected {
    background: #d4d4d4
}

#title-message .dropdown-menu>li label input[type=radio] {
    visibility: hidden;
    opacity: 0
}

#title-message .dropdown-menu>li label img {
    margin-left: -20px;
    cursor: pointer
}

#title-message .dropdown-menu .no-icon-con label {
    padding-left: 0
}

.bottom-frame {
    bottom: 0;
    height: auto;
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 11;
    margin: 0;
    background-color: transparent;
    border: 0;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.bottom-frame iframe {
    width: 970px!important
}

.bottom-frame.open {
    left: -100%!important;
    margin-left: 0!important;
    min-width: 768px!important;
    width: 100%
}

.bottom-frame.open .btm-close {
    left: 100%;
    margin-left: 0
}

.bottom-frame.open .btm-close:after {
    content: "»"!important
}

.bottom-frame .bt-frame-ads {
    border: none;
    width: 970px;
    margin: 0 auto;
    -moz-transition: height .2s ease-in-out;
    -webkit-transition: height .2s ease-in-out;
    transition: height .2s ease-in-out
}

.bottom-frame .bt-frame-ads .bottom-frame .col {
    overflow: hidden
}

.bottom-frame .bt-frame-ads .bottom-frame img {
    display: block;
    height: 30px
}

.bottom-frame .btm-close {
    background: #fff;
    border: 1px solid #ccc;
    border-bottom: 0;
    border-left: 0;
    display: inline-block;
    font-size: 11px;
    height: 50px;
    line-height: 14px;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-decoration: none!important;
    text-indent: -9999px;
    top: 0;
    width: 15px;
    z-index: 9;
    left: 50%;
    margin-left: 485px
}

.bottom-frame .btm-close:after {
    content: "«";
    color: #999;
    display: block;
    font-family: serif;
    font-size: 25px;
    left: 0;
    line-height: 54px;
    position: absolute;
    text-align: center;
    text-indent: 0;
    top: 0;
    width: 15px
}

.bottom-frame .btm-close:hover:after {
    color: #333
}

.bottom-frame.closed {
    left: auto;
    margin: 0;
    right: auto;
    width: 0
}

.bottom-frame.closed .btm-close:after {
    content: "»"
}

.site-footer {
    background: #ebebeb;
    border-top: 1px solid #d4d4d4;
    min-height: 160px;
    padding: 20px 0 0;
    margin-top: 40px;
    z-index: 1;
    position: relative
}

.site-footer h3 {
    font-size: 12px;
    color: #000;
    margin: 0 0 5px;
    padding-bottom: 5px;
    font-weight: 700
}

.site-footer .footer-listing {
    width: 260px
}

.site-footer .update-notice a {
    position: relative
}

.site-footer .update-notice a:after {
    content: "Updated";
    background-color: #e4302f;
    border-radius: 3px;
    position: absolute;
    font-size: 9px;
    padding: 0 5px;
    color: #fff;
    right: -50px
}

.site-footer ul.mobile li {
    display: inline-block;
    margin: 10px 7px 0 0
}

.site-footer li {
    padding: 3px 0
}

.site-footer li a {
    color: #6e6e6e;
    text-decoration: none;
    line-height: 160%;
    font-size: 12px
}

.site-footer li a:focus,.site-footer li a:hover {
    text-decoration: underline
}

.site-footer li img {
    margin-right: 7px
}

.site-footer .container {
    position: relative
}

.site-footer ul.sosmed {
    float: left;
    width: 105px
}

.site-footer ul.sosmed li {
    margin-bottom: 10px
}

.site-footer ul.sosmed li span {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.site-footer ul.sosmed li span.mindtalk {
    background-position: -10px -49px
}

.site-footer ul.sosmed li span.facebook {
    background-position: -51px -49px
}

.site-footer ul.sosmed li span.twitter {
    background-position: -90px -49px
}

.site-footer ul.sosmed li span.google {
    background-position: -127px -50px
}

.site-footer ul.sosmed li span.instagram {
    background-position: -170px -50px
}

.site-footer ul.sosmed li span.youtube {
    background-position: -211px -49px
}

.site-footer ul.sosmed li span.linkedin {
    background-position: -250px -49px
}

.site-footer ul.sosmed li:hover span.mindtalk {
    background-position: -10px -11px
}

.site-footer ul.sosmed li:hover span.facebook {
    background-position: -51px -11px
}

.site-footer ul.sosmed li:hover span.twitter {
    background-position: -90px -11px
}

.site-footer ul.sosmed li:hover span.google {
    background-position: -127px -12px
}

.site-footer ul.sosmed li:hover span.instagram {
    background-position: -170px -10px
}

.site-footer ul.sosmed li:hover span.youtube {
    background-position: -211px -11px
}

.site-footer ul.sosmed li:hover span.linkedin {
    background-position: -250px -11px
}

.site-footer .whatsapp-notice {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: -12px;
    margin-right: 72px;
    display: flex;
    align-items: center;
    width: 300px;
    z-index: -1
}

.site-footer .whatsapp-notice .notice-desc {
    text-align: center
}

.site-footer .whatsapp-notice .whatsapp-number {
    color: #25d366;
    font-size: 1.2em
}

.sub-footer {
    background-color: #464646;
    height: 90px;
    margin-top: 10px;
    padding-top: 25px
}

.sub-footer .row>div {
    padding: 0
}

.sub-footer ul {
    padding-left: 0
}

.sub-footer li {
    display: inline-block;
    margin: 0 10px;
    vertical-align: middle;
    color: rgba(255,255,255,.8);
    padding: 0!important
}

.sub-footer li:first-child {
    margin-left: 0
}

.sub-footer li a {
    color: rgba(255,255,255,.8);
    font-size: 24px
}

.sub-footer li a:hover {
    color: #fff
}

.sub-footer img {
    margin-right: 10px
}

.sub-footer .kaskus--twitter {
    font-size: 24px
}

.sub-footer .kaskus--twitter:hover .popover-info {
    display: block
}

.sub-footer .kaskus--twitter a {
    font-size: 12px;
    padding: 0 5px
}

.sub-footer .kaskus--twitter a:hover {
    text-decoration: none
}

.sub-footer .kaskus--twitter .popover-info {
    position: absolute;
    z-index: 1060;
    max-width: 276px;
    padding: 0 0 18px;
    top: -40px;
    left: 126px;
    text-align: left;
    display: none;
    background-color: transparent;
    border: none;
    box-shadow: none
}

.sub-footer .kaskus--twitter .popover-info:after {
    top: 62%;
    left: 17%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(21,151,237,0);
    border-top-color: #1597ed;
    border-width: 8px;
    margin-left: -8px
}

.sub-footer .kaskus--twitter .popover-info-title {
    padding: 7px 10px;
    font-size: 14px;
    font-weight: 400;
    background-color: #1597ed;
    border: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.navbar-collapse {
    display: block!important;
    height: auto!important;
    padding-bottom: 0;
    overflow: visible!important
}

.navbar-header {
    float: left
}

.navbar-toggle {
    display: none
}

.navbar-collapse {
    border-top: 0
}

.navbar-nav {
    float: left;
    margin: 0
}

.navbar-nav>li {
    float: left
}

.navbar-nav.navbar-right {
    float: right
}

#home-categories>div {
    height: 188px;
    overflow: hidden
}

#left-nav {
    display: none;
    position: relative;
    float: left;
    z-index: 7;
    width: 185px;
    min-height: 412px
}

#left-nav.fixed {
    position: fixed!important
}

.filter-category {
    margin: 0;
    padding: 0;
    position: relative;
    border-radius: 3px 3px 0 0;
    background: #ebebeb;
    height: 30px;
    width: 185px
}

input.search-category {
    outline: 0;
    border: none;
    height: 30px;
    padding: 5px 0 5px 15px;
    width: 140px;
    border-right: none;
    margin: 0 0 10px;
    font-size: 12px;
    float: left;
    background: 0 0
}

input.search-category::-webkit-input-placeholder {
    font-style: italic
}

input.search-category::-moz-placeholder {
    font-style: italic
}

input.search-category:-moz-placeholder {
    font-style: italic
}

input.search-category:-ms-input-placeholder {
    font-style: italic
}

.filter-icon {
    color: #b3b3b3;
    line-height: 28px;
    height: 28px;
    width: 28px;
    float: left;
    text-align: center;
    padding: 0 3px 0 0;
    position: absolute;
    right: 0;
    font-size: 20px
}

.all-categories-button a {
    color: #6e6e6e
}

.all-categories-button a:hover {
    text-decoration: none
}

.all-categories-button .categories-title:hover,.all-categories-button:hover {
    cursor: pointer
}

.head-categories-title {
    cursor: pointer;
    background: #ededed;
    height: 32px;
    font-weight: 700;
    color: #454545;
    position: relative;
    padding: 0 10px 0 15px;
    line-height: 30px;
    border-bottom: 1px solid #dcdcdc
}

.head-categories-title .right {
    float: right;
    line-height: 30px
}

.head-categories-title:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 100%;
    left: 0;
    top: 0;
    background: #1497ec
}

#fjb-home-categories,#forum-home-categories {
    border-bottom: 1px solid #dcdcdc
}

#fjb-home-categories .hover-sidebar-content,#forum-home-categories .hover-sidebar-content {
    top: 40px
}

#fjb-home-categories .categories-title,#fjb-home-categories .listing-sidebar,#forum-home-categories .categories-title,#forum-home-categories .listing-sidebar {
    cursor: default
}

#fjb-home-categories.hide-all,#fjb-home-categories.hide-all .sidebar-category,#fjb-home-categories.show-all,#fjb-home-categories.show-all .sidebar-category,#fjb-home-categories.show-five,#fjb-home-categories.show-five .sidebar-category,#forum-home-categories.hide-all,#forum-home-categories.hide-all .sidebar-category,#forum-home-categories.show-all,#forum-home-categories.show-all .sidebar-category,#forum-home-categories.show-five,#forum-home-categories.show-five .sidebar-category {
    overflow: hidden
}

#fjb-home-categories.show-all .nav-promo,#forum-home-categories.show-all .nav-promo {
    top: 35px!important
}

#forum-home-categories.show-five .nav-promo {
    top: 5px!important
}

#fjb-home-categories.show-five .nav-promo {
    top: 36px!important
}

#home-categories {
    overflow: hidden
}

.btn-icon.btn-uniq {
    width: 185px;
    height: 38px;
    line-height: 36px;
    font-weight: 400;
    padding: 0;
    font-size: 16px;
    text-align: left
}

.btn-icon.btn-uniq img {
    line-height: 36px;
    border-right: solid 1px #fff;
    float: left;
    padding: 5px;
    height: 36px;
    margin-right: 8px
}

#update-tag {
    position: absolute;
    z-index: 3;
    margin-top: 50px;
    width: 265px;
    height: 360px
}

#update-tag .flyout__scroll {
    width: 100%
}

#update-tag .flyout__result__list {
    height: 320px
}

#update-tag .scrolling-con-update {
    float: left;
    height: 345px;
    width: 185px;
    overflow-x: hidden;
    background: #ebebeb
}

#update-tag .scrolling-con-update .sidebar-category {
    background: #ebebeb
}

#update-tag .scrolling-con-update .sidebar-category li.listing-sidebar {
    height: auto
}

#update-tag .scrolling-con-update .sidebar-category img {
    float: left;
    margin-right: 10px
}

#update-tag .scrolling-con-update .sidebar-category a {
    display: block;
    color: #545454
}

#update-tag li.listing-sidebar.selected>.categories-title,#update-tag li.listing-sidebar:hover>.categories-title {
    background: #fff
}

#update-tag li.listing-sidebar.selected>.categories-title a,#update-tag li.listing-sidebar:hover>.categories-title a {
    color: #31a3ef;
    text-decoration: none
}

#update-tag li.listing-sidebar.selected>.categories-title::before,#update-tag li.listing-sidebar:hover>.categories-title::before {
    background: #31a3ef
}

#update-tag li.listing-sidebar.selected>.categories-title::after,#update-tag li.listing-sidebar:hover>.categories-title::after {
    width: 0
}

#update-tag .close-filter {
    background: #d4d4d4;
    cursor: pointer;
    text-align: center;
    margin: auto;
    width: 185px;
    float: left;
    padding: 6px 0
}

#update-tag .close-filter a {
    text-align: center;
    margin: auto;
    font-size: 12px
}

#update-tag .close-filter:hover a {
    color: #ff7100;
    text-decoration: none
}

.no-background {
    background: none!important
}

.uniqness {
    margin-top: 15px;
    float: left
}

.uniqness .ico-uniq {
    background: #ff7100;
    width: 35px;
    height: 35px;
    padding: 5px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    float: left;
    text-align: center
}

.uniqness .ico-uniq div {
    width: 25px;
    height: 25px;
    vertical-align: middle;
    display: table-cell;
    margin: 0 auto
}

.uniqness .ico-uniq div img {
    max-width: 20px;
    max-height: 20px;
    display: block;
    margin: 0 auto
}

.uniqness .uniq-text {
    margin-left: 10px;
    float: left;
    width: 129px;
    font-size: 14px;
    color: #545454
}

.uniqness .uniq-note {
    font-size: 12px;
    display: block
}

.uniqness li {
    margin: 0 0 10px;
    float: left;
    position: relative;
    cursor: default
}

.uniqness li:hover .ico-uniq {
    background: #ff7f1a
}

.uniqness li:last-child {
    margin-bottom: 0
}

.hover-sidebar-content {
    width: 619px;
    height: 383px;
    display: none;
    position: absolute;
    background: #fff;
    top: 40px;
    left: 185px;
    z-index: 11;
    box-shadow: 0 0 4px rgba(0,0,0,.3)
}

.hover-sidebar-content .nav-promo {
    position: absolute;
    z-index: 10
}

.hover-sidebar-content .nav-browse {
    position: relative;
    padding: 10px 20px
}

.hover-sidebar-content .nav-browse ul.list-categories {
    width: 195px;
    display: inline-block;
    vertical-align: top;
    margin-right: 60px;
    z-index: 11;
    position: relative;
    max-height: 285px;
    overflow: hidden
}

.hover-sidebar-content .nav-browse ul.list-categories>li.nav-head a {
    color: #ff7100;
    font-weight: 600;
    padding-bottom: 3px
}

.hover-sidebar-content .nav-browse ul.list-categories>li.nav-head a:hover {
    color: #c03201;
    text-decoration: none
}

.hover-sidebar-content .nav-browse ul.list-categories li.nav-divider {
    margin-bottom: 5px
}

.hover-sidebar-content .nav-browse ul.list-categories .nav-list a {
    color: #545454;
    line-height: 10px;
    font-size: 12px
}

.hover-sidebar-content .nav-browse ul.list-categories .nav-list a:hover {
    color: #333;
    text-decoration: none;
    font-weight: 600
}

.hover-sidebar-content .nav-browse ul.list-categories .nav-list ul,.hover-sidebar-content .nav-browse ul.list-categories .nav-list:hover ul {
    display: none
}

.tag-wrap {
    float: left;
    width: 185px;
    overflow: hidden
}

.tag-wrap ul.nav-tabs {
    margin: 0 0 -1px;
    padding: 0;
    list-style: none;
    background-color: #ebebeb;
    height: 30px;
    float: left;
    width: 185px;
    border-bottom: 1px solid #d4d4d4;
    position: relative
}

.tag-wrap ul.nav-tabs li {
    float: left;
    position: relative;
    width: 40px;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.tag-wrap ul.nav-tabs li>a {
    line-height: 30px;
    border: 0;
    color: #6e6e6e;
    margin: 0;
    font-size: 12px;
    border-radius: 0;
    padding: 0 10px 0 40px;
    width: 100%;
    background-color: #ebebeb;
    border-bottom: 1px solid #d4d4d4
}

.tag-wrap ul.nav-tabs li>a i {
    position: absolute;
    left: 0;
    line-height: 30px;
    text-align: center;
    color: #6e6e6e;
    width: 40px
}

.tag-wrap ul.nav-tabs li>a i.subs {
    width: 20px;
    margin: 4px;
    left: 5px
}

.tag-wrap ul.nav-tabs li.active {
    width: 145px;
    border-bottom: 1px solid #6BD390
}

.tag-wrap ul.nav-tabs li.active>a {
    border: none;
    border: 0;
    background-color: #1998ed;
    color: #f5f5f5;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.tag-wrap ul.nav-tabs li.active>a i {
    width: 40px;
    color: #f5f5f5
}

.tag-wrap ul.nav-tabs li.active>a i.subs {
    background-position: -200px -40px
}

.tag-wrap ul.nav-tabs li.active>a.categories {
    padding-left: 40px;
    color: #f5f5f5
}

.tag-wrap ul.nav-tabs li.active>a:hover {
    border: 0
}

.tag-wrap ul.nav-tabs li.active>a:hover i {
    color: #f5f5f5
}

.tag-wrap ul.nav-tabs li.active:after {
    content: "";
    position: absolute;
    border-style: solid;
    border-color: #1998ed transparent transparent;
    border-width: 5px 5px 0;
    left: 50%;
    margin-left: -2px;
    bottom: -4px;
    z-index: 2
}

.tag-wrap ul.nav-tabs li.active:hover a {
    background: #1998ed
}

.tag-wrap ul.nav-tabs li:hover a {
    background: #78c2f4
}

.tag-wrap ul.nav-tabs li:hover i {
    color: #f5f5f5
}

.tag-wrap ul.nav-tabs li:hover i.subs {
    background-position: -200px -40px
}

.tag-wrap .tab-content {
    float: left;
    width: 100%;
    margin-bottom: 0
}

.tag-wrap .tab-content .tab-pane {
    min-height: 300px
}

@-moz-document url-prefix() {
    #home-categories>div {
        height: 192px;
        overflow: hidden
    }
}

.sidebar-category {
    margin-bottom: 0;
    background: #ebebeb
}

.sidebar-category>li.listing-sidebar {
    background: #ebebeb;
    color: #545454;
    margin-top: 1px;
    height: 30px
}

.sidebar-category>li.listing-sidebar hr {
    margin: 0 0 0 10px;
    padding: 0;
    width: 165px;
    border-color: #d4d4d4;
    position: relative;
    float: left
}

.sidebar-category>li.listing-sidebar>.categories-title {
    color: #545454;
    font-size: 12px;
    padding-left: 10px;
    cursor: move;
    display: table;
    position: relative;
    width: 100%
}

.sidebar-category>li.listing-sidebar>.categories-title:before {
    content: "";
    height: 100%;
    width: 5px;
    position: absolute;
    left: 0;
    z-index: 1
}

.sidebar-category>li.listing-sidebar>.categories-title:after {
    content: "";
    height: 100%;
    width: 10px;
    background: 0 0;
    opacity: 0;
    z-index: 12;
    position: absolute;
    right: 0;
    top: 0
}

.sidebar-category>li.listing-sidebar>.categories-title i.all,.sidebar-category>li.listing-sidebar>.categories-title img {
    margin: 5px 0;
    display: table-cell
}

.sidebar-category>li.listing-sidebar>.categories-title span {
    display: table-cell;
    vertical-align: top;
    padding: 7px 10px 7px 0;
    width: 145px
}

.sidebar-category>li.listing-sidebar>.categories-title>a {
    color: #545454
}

.sidebar-category>li.listing-sidebar>.categories-title>a i.all,.sidebar-category>li.listing-sidebar>.categories-title>a img {
    float: left;
    margin-right: 10px
}

.sidebar-category>li.listing-sidebar>.categories-title>a:hover {
    text-decoration: none;
    color: #1998ed
}

.sidebar-category>li.listing-sidebar.hover>div:first-child {
    color: #31a3ef;
    text-decoration: none;
    background: #fff
}

.sidebar-category>li.listing-sidebar.hover>div:first-child:before {
    background: #31a3ef
}

.sidebar-category>li.listing-sidebar.hover>div:first-child:after {
    background: #fff;
    opacity: 1
}

.sidebar-category>li.listing-sidebar.hover a i.all,.sidebar-category>li.listing-sidebar.hover a img {
    margin-right: 10px
}

.sortable>li {
    -moz-user-select: -moz- none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.sortable>li.sortable-placeholder {
    border: 1px dashed #d4d4d4;
    background: #fff;
    height: 31px
}

#subscription {
    background: #ebebeb
}

#subscription .categories-title:hover,#subscription .listing-sidebar:hover {
    cursor: pointer
}

.full-show #update-tag {
    top: 50px
}

#left-nav.full-show {
    display: block;
    margin-left: 0!important;
    width: 205px;
    height: 100%;
    left: 0;
    position: absolute;
    padding: 10px;
    top: 50px!important;
    background: #fff;
    box-shadow: 1px 1px 25px rgba(0,0,0,.3)
}

#left-nav.full-show .hover-sidebar-content {
    top: 50px;
    left: 195px
}

#fjb-home-categories .head-categories-title:before,#fjb-home-categories li.listing-sidebar:hover:before {
    background: #1da89f
}/*! home-landing */.content-wrap {
    width: 1000px;
    float: right
}

.content-wrap.revamp {
    width: 100%;
    float: left
}

.highlights {
    margin-bottom: 10px
}

.highlights .hot-thread {
    padding-right: 5px
}

.highlights .hot-thread ul.list-top-thread {
    margin: 0 0 0 10px
}

.highlights .hot-thread ul.list-top-thread li a {
    padding: 0;
    font-size: 13px;
    line-height: 27px
}

.highlights .hot-featured {
    padding-left: 5px
}

.main-bar {
    width: 660px;
    float: left
}

.main-bar .two-col>div:first-child {
    padding-left: 0;
    padding-right: 10px
}

.main-bar .two-col>div:last-child {
    padding-right: 0;
    padding-left: 10px
}

.main-bar .two-col>div ul {
    margin-bottom: 0
}

@media only screen and (max-width:1024px) {
    .main-bar {
        width: 650px
    }
}

#carousel-pictures .carousel-inner {
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5
}

#carousel-pictures .overlay-item {
    margin-bottom: 0
}

#carousel-pictures .overlay-item__image {
    height: 150px;
    border-radius: 0
}

#carousel-pictures .item {
    width: 657px
}

#carousel-pictures .item li .overlay-item__image {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5
}

#carousel-pictures .item li:first-child .overlay-item__image {
    border-left: none
}

#carousel-hot-review {
    border: 1px solid #e6e6e6;
    position: relative
}

#carousel-hot-review .clearfix .bar0:nth-child(2n) {
    border: 1px solid #e6e6e6;
    border-top: 0;
    border-bottom: 0
}

#landing-hot-review {
    border: 1px solid #e6e6e6;
    position: relative
}

#landing-hot-review .carousel-inner .item .bar0:nth-child(2n) {
    border: 1px solid #e6e6e6;
    border-top: 0;
    border-bottom: 0
}

#landing-hot-review .carousel-inner .active.left {
    left: -33.33%
}

#landing-hot-review .carousel-inner .active.right,#landing-hot-review .carousel-inner .next {
    left: 33.33%
}

#landing-hot-review .carousel-inner .next.left {
    left: 0
}

#landing-hot-review .carousel-inner .prev {
    left: -33.33%
}

#landing-hot-review .carousel-inner .prev.right {
    left: 0
}

.hot-review {
    padding-left: 8px
}

.hot-review-item {
    height: 140px
}

.hot-review-item:nth-child(odd) {
    border-right: 1px solid #e6e6e6
}

.hot-review-item .overlay {
    background: #000;
    background: rgba(0,0,0,.5);
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    position: absolute;
    text-align: center;
    display: none
}

.hot-review-item .overlay .title {
    color: #fff;
    width: 90%;
    margin: 15px auto 10px;
    height: 32px;
    text-align: center;
    display: table
}

.hot-review-item .overlay .title>div {
    display: table-cell;
    vertical-align: middle
}

.hot-review-item:hover .overlay {
    display: block
}

.hot-review-item figure {
    height: 105px;
    padding: 0;
    width: 155px
}

.hot-review-item figure div {
    width: 155px;
    height: 110px
}

.hot-review-item figure div img {
    max-width: 120px;
    max-height: 80px
}

.hot-review-item .hot-review-title {
    height: 35px;
    display: block;
    bottom: -2px
}

.hot-review-item .hot-review-title>div {
    text-align: center;
    background-color: #f3f3f3
}

.hot-review-item .hot-review-title>div a {
    position: absolute;
    background: url(../images/transparent.png);
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 5
}

.hot-review-item .hot-review-title>div:before {
    content: '';
    display: inline-block;
    height: 35px;
    vertical-align: middle;
    margin-right: -.25em
}

.hot-review-item .hot-review-title>div h4 {
    display: inline-block;
    vertical-align: middle;
    font-size: 10px;
    margin-top: -3px
}

.hot-review-item .share {
    background: #fff;
    font-size: 14px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    display: inline-block;
    margin: 0 2px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    cursor: pointer
}

.hot-review-item .share.fb {
    color: #3054a6
}

.hot-review-item .share.twitter {
    color: #00adee
}

.hot-review-item .share.google-plus {
    color: #dd4b39
}

.hot-review-item .share.email {
    color: #ff7100
}

.hot-review-item .share:hover {
    color: #fff
}

.hot-review-item .share:hover.fb {
    background: #3054a6
}

.hot-review-item .share:hover.twitter {
    background: #00adee
}

.hot-review-item .share:hover.google-plus {
    background: #dd4b39
}

.hot-review-item .share:hover.email {
    background: #ff7100
}

.carousel-category {
    background-color: #f0f0f0;
    position: relative
}

.carousel-category ul li {
    color: #545454;
    text-align: center;
    background-color: #f0f0f0;
    width: 20%;
    height: 120px;
    padding: 0;
    margin: 0;
    display: block;
    float: left;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.carousel-category ul li:hover {
    background: #e4eef2
}

.carousel-category ul li:hover .title h3 {
    color: #0073b9
}

.carousel-category ul li .icon-forum {
    overflow: hidden;
    padding: 0;
    width: 70px;
    height: 70px;
    margin: 10px auto 0;
    display: block
}

.carousel-category ul li .icon-forum div {
    display: table-cell;
    vertical-align: middle;
    width: 70px;
    height: 70px
}

.carousel-category ul li .icon-forum div img {
    display: block;
    margin: 0 auto;
    max-width: 70px;
    max-height: 70px
}

.carousel-category ul li .title {
    display: table;
    width: 100%;
    height: 40px
}

.carousel-category ul li .title h3 {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 0;
    margin: 0;
    font-size: 12px;
    color: #555;
    text-transform: capitalize;
    font-weight: 400
}

.top-products-homepage ul {
    margin: 0;
    padding: 0
}

.top-products-homepage ul li {
    list-style: none;
    margin: 5px 0;
    padding: 0 5px
}

.top-products-homepage ul li:nth-child(4n) {
    margin-right: 0
}

.top-products-homepage ul li a {
    color: #0073b9;
    background-color: #f0f0f0;
    font-size: 14px;
    display: block;
    line-height: 43px;
    text-decoration: none;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.top-products-homepage ul li a:hover {
    background: #1497ec;
    color: #fff
}

.promoted-forum-homepage {
    padding: 0 0 0 5px;
    list-style: none;
    background-color: #f0f0f0
}

.promoted-forum-homepage-item {
    float: left;
    width: 25%;
    padding: 10px 0 10px 10px;
    position: relative
}

.promoted-forum-homepage-item>div {
    display: table
}

.promoted-forum-homepage-item>div a {
    position: absolute;
    background: url(../images/transparent.png);
    bottom: 0;
    left: 0;
    right: 0;
    top: 0
}

.promoted-forum-homepage-item>div:hover h3 {
    color: #0073b9;
    text-decoration: none
}

.promoted-forum-homepage-item h3 {
    padding: 0;
    line-height: 100%;
    word-wrap: break-word;
    overflow: hidden;
    display: table-cell;
    color: #6e6e6e;
    vertical-align: middle;
    font-size: 12px
}

.promoted-forum-homepage-item .icon-forum {
    width: 30px!important;
    height: 30px;
    float: left;
    vertical-align: middle;
    margin: 0 5px 0 0;
    display: inline-block;
    line-height: 30px
}

.promoted-forum-homepage-item .icon-forum div {
    width: 30px;
    height: 30px
}

.promoted-forum-homepage-item .icon-forum div img {
    max-width: 30px;
    max-height: 30px
}

.success-stories-item {
    padding: 0
}

.success-stories-item>div {
    background-color: #fafafa;
    text-decoration: none;
    padding: 0 1px 0 0;
    position: relative
}

.success-stories-item>div:last-child {
    border-right: 0
}

.success-stories-item>div a {
    position: absolute;
    background: url(../images/transparent.png);
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 5
}

.success-stories-item>div img {
    width: 100%;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    filter: alpha(Opacity=90);
    opacity: .9
}

.success-stories-item>div .success-stories-caption {
    background: -moz-linear-gradient(top,transparent 0,#000 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,transparent),color-stop(100%,#000));
    background: -webkit-linear-gradient(top,transparent 0,#000 100%);
    background: -o-linear-gradient(top,transparent 0,#000 100%);
    background: -ms-linear-gradient(top,transparent 0,#000 100%);
    background: linear-gradient(to bottom,transparent 0,#000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
    width: 100%;
    color: #fff;
    text-align: center;
    position: absolute;
    bottom: 0;
    border-right: 1px solid #fff;
    display: table-cell;
    vertical-align: middle;
    padding: 15px 0;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    filter: alpha(Opacity=0);
    opacity: 0
}

.success-stories-item>div .success-stories-text {
    background: #f0f0f0;
    border: 1px solid #e6e6e6;
    display: table;
    height: 30px;
    margin: 0;
    padding: 0;
    width: 100%;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: relative
}

.success-stories-item>div .success-stories-text h4 {
    color: #0073b9;
    display: table-cell;
    font-size: 12px;
    font-weight: 400;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.success-stories-item>div .success-stories-text:after,.success-stories-item>div .success-stories-text:before {
    content: "";
    position: absolute;
    left: 50%;
    filter: alpha(Opacity=0);
    opacity: 0;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.success-stories-item>div .success-stories-text:before {
    border-bottom: 11px solid #f0f0f0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    margin-left: -11px;
    top: -11px
}

.success-stories-item>div .success-stories-text:after {
    border-bottom: 10px solid #f0f0f0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    margin-left: -10px;
    top: -9px\9!important;
    top: -9px
}

.success-stories-item>div:hover img {
    filter: alpha(Opacity=100);
    opacity: 1
}

.success-stories-item>div:hover .success-stories-caption {
    bottom: 30px;
    filter: alpha(Opacity=100);
    opacity: 1;
    display: none
}

.success-stories-item>div:hover .success-stories-text {
    border-top: 1px solid #ff7100
}

.success-stories-item>div:hover .success-stories-text h4 {
    color: #ff7100
}

.success-stories-item>div:hover .success-stories-text:after,.success-stories-item>div:hover .success-stories-text:before {
    filter: alpha(Opacity=100);
    opacity: 1
}

.success-stories-item>div:hover .success-stories-text:before {
    border-bottom-color: #ff7100
}

.success-stories-item>div:hover .success-stories-text:after {
    border-bottom-color: #f0f0f0
}

#fjb-home-categories .sidebar-category>li.listing-sidebar.hover>div:first-child:before {
    background: #21beb4
}

#fjb-home-categories .sidebar-category>li.listing-sidebar.hover>div {
    color: #1da89f
}

ul.tab-quick-update {
    background: #f7f7f7;
    border-bottom: 0;
    margin: 10px 0 0;
    padding: 0
}

ul.tab-quick-update>li {
    position: relative;
    width: 10%;
    float: left
}

ul.tab-quick-update>li a {
    position: relative;
    text-align: center;
    display: block;
    padding: 10px 0;
    color: #545454;
    text-decoration: none;
    font-size: 14px;
    border: 1px solid #e6e6e6;
    border-right-color: transparent;
    border-top: 3px solid #e6e6e6;
    text-transform: capitalize;
    border-radius: 0;
    margin: 0;
    font-weight: 400;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

ul.tab-quick-update>li a span {
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: normal;
    text-align: center;
    width: 95%;
    margin: 5px auto 0;
    font-size: 10px;
    height: 30px;
    display: block
}

ul.tab-quick-update>li:hover a {
    background-color: #fafafa;
    border-top: 3px solid #1998ed;
    border-bottom-color: #e6e6e6
}

ul.tab-quick-update>li.active a,ul.tab-quick-update>li.active a:focus,ul.tab-quick-update>li.active a:hover {
    background-color: #fff;
    border-top: 3px solid #1998ed;
    border-bottom-color: transparent;
    cursor: default
}

ul.tab-quick-update>li.disabled a {
    color: #b3b3b3
}

ul.tab-quick-update>li.disabled a:focus,ul.tab-quick-update>li.disabled a:hover {
    color: #b3b3b3;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed
}

ul.tab-quick-update>li:last-child a {
    border-right-color: #e6e6e6
}

.quick-updates .tab-content {
    border: 1px solid #e6e6e6;
    background: #fff;
    padding: 0 10px
}

.quick-updates .tab-content ul {
    margin: 0;
    padding: 0
}

.quick-updates .tab-content ul li {
    list-style: none;
    padding: 8px 10px;
    border-bottom: 1px solid #d4d4d4;
    margin: 0;
    min-height: 39px;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.quick-updates .tab-content ul li a {
    text-decoration: none;
    color: #545454;
    font-size: 13px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block
}

.quick-updates .tab-content ul li a:hover {
    color: #0073b9
}

.quick-updates .tab-content ul li:last-child {
    border-bottom: 0
}

.hot-featured .tab-panel {
    background: #fff;
    border: 0;
    height: 273px;
    overflow: hidden;
    position: relative
}

.hot-featured .tab-panel .tab-pane img {
    width: 100%
}

.hot-featured .tab-nav {
    margin: 0;
    list-style: none;
    background: #f0f0f0;
    border-bottom: 0
}

.hot-featured .tab-nav li {
    position: relative;
    width: 25%;
    float: left
}

.hot-featured .tab-nav li a {
    position: relative;
    text-align: center;
    display: block;
    padding: 10px 0;
    color: #545454;
    text-decoration: none;
    font-size: 12px;
    border: 1px solid #e6e6e6;
    border-right-color: transparent;
    text-transform: capitalize;
    border-radius: 0;
    margin: 0;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.hot-featured .tab-nav li a.current {
    color: #fff;
    background-color: #1998ed;
    cursor: default;
    border: 1px solid #1998ed
}

.hot-featured .tab-nav li a.current:after {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -4px;
    top: -6px;
    border-bottom: 7px solid #1998ed;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent
}

.hot-featured .tab-nav li:hover a {
    color: #fff;
    background-color: #78c2f4;
    border-color: #1998ed
}

.hot-featured .tab-nav li.active a,.hot-featured .tab-nav li.active a:focus,.hot-featured .tab-nav li.active a:hover {
    color: #fff;
    background-color: #1998ed;
    cursor: default;
    border: 1px solid #1998ed
}

.hot-featured .tab-nav li.active a:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: -6px;
    left: 50%;
    margin-left: -6px;
    border-width: 0 6px 6px;
    border-style: solid;
    border-color: #1998ed transparent
}

.carousel-control {
    opacity: 1;
    text-shadow: none;
    width: 11px;
    z-index: 5;
    height: 19px
}

.carousel-control.left,.carousel-control.right {
    top: 50%;
    margin-top: -10px;
    background-image: none;
    filter: none
}

.carousel-control.left i,.carousel-control.right i {
    color: #1998ed
}

.carousel-control.left {
    background-position: -56px -242px;
    left: 15px
}

.carousel-control.right {
    background-position: -81px -242px;
    right: 15px
}

.kaskus-store h3 {
    background: #fab339;
    color: #FFF;
    line-height: 30px;
    font-weight: 600;
    padding: 0 15px
}

.kaskus-store .epulsa {
    padding-right: 0;
    padding-left: 10px
}

.kaskus-store .epulsa div[class^=col-]:first-child .row {
    margin-right: -5px
}

.kaskus-store .epulsa div[class^=col-]:last-child .row {
    margin-left: -5px
}

.kaskus-store .donatur {
    padding-left: 0;
    padding-right: 10px
}

.kaskus-store .donatur h3 {
    background: #0096f0
}

.kaskus-store .donatur h3 a i,.kaskus-store .donatur h3 a i:hover {
    color: #fff
}

.kaskus-store .kaskus-store-form {
    height: 213px;
    padding: 5px 15px;
    font-size: 12px;
    background: #f0f0f0;
    margin-top: 1px
}

.kaskus-store .kaskus-store-form .action {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
    text-align: center
}

.kaskus-store .kaskus-store-form .form-group {
    margin-bottom: 5px
}

.kaskus-store .kaskus-store-form .form-group label {
    margin-bottom: 0;
    line-height: 22px;
    display: block
}

.kaskus-store .kaskus-store-form .form-group input[type=text] {
    border: none;
    outline: 0;
    border: 1px solid rgba(0,0,0,.2);
    padding: 2px 10px;
    position: relative;
    z-index: 2;
    border-radius: 3px;
    height: 28px;
    box-shadow: none
}

.kaskus-store .kaskus-store-form .form-group.harga {
    position: relative
}

.kaskus-store .kaskus-store-form .form-group.harga .input {
    border: 1px solid rgba(0,0,0,.2);
    background: #fff;
    padding: 2px 10px;
    text-align: center;
    border-radius: 3px
}

.kaskus-store .kaskus-store-form .form-group.harga>label span {
    position: absolute;
    top: 3px;
    right: 0;
    font-size: 10px;
    line-height: 17px;
    color: #454545
}

.kaskus-store .kaskus-store-form .form-group .form-control {
    height: 30px;
    -webkit-appearance: none;
    width: 100%!important;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.kaskus-store .kaskus-store-form .form-group .actions {
    margin-top: 10px
}

.kaskus-store .kaskus-store-form .form-group .actions input[type=submit] {
    font-size: 12px
}

body.landing .sidebar {
    width: 300px;
    margin-left: 0
}

body.landing .sidebar .banner-frame {
    text-align: center
}

body.landing .main-bar {
    width: 655px
}

body.landing .ads-lb-wrap #leader-banner {
    text-align: right;
    width: 785px
}

@media only screen and (max-width:1024px) {
    body.landing .ads-lb-wrap #leader-banner {
        width: 700px
    }
}

body.landing .ads-lb-wrap #lb-button-group {
    float: left;
    margin-left: 50px
}

body.landing .main {
    padding-left: 10px;
    padding-right: 10px
}

.regional-community .image-highlight a {
    z-index: 5
}

.regional-community .image-highlight .highlight-title {
    width: 195px;
    height: 130px;
    margin-left: 125px;
    display: block;
    padding: 0 5px
}

.regional-community .image-highlight .highlight-title:before {
    position: absolute;
    border-style: solid;
    border-color: transparent;
    border-right-color: #f7941d;
    border-width: 16px 16px 16px 0;
    left: -16px;
    margin-top: -15px
}

.regional-community .image-highlight .highlight-title:after {
    position: absolute;
    border-style: solid;
    border-color: transparent;
    border-right-color: #f7941d;
    border-width: 15px 15px 15px 0;
    left: -15px;
    margin-top: -14px
}

.regional-community .image-highlight:hover .highlight-title {
    border: 1px solid #f7941d;
    background: #fafafa
}

.regional-community .image-highlight:hover .highlight-title:before {
    position: absolute;
    border-style: solid;
    border-color: transparent;
    border-right-color: #f7941d;
    border-width: 16px 16px 16px 0
}

.regional-community .image-highlight:hover .highlight-title:after {
    position: absolute;
    border-style: solid;
    border-color: transparent;
    border-right-color: #fafafa;
    border-width: 15px 15px 15px 0
}

.regional-community .image-highlight .highlight-image {
    width: 125px;
    height: 130px;
    overflow: hidden;
    padding: 0
}

.regional-community .image-highlight .highlight-image img {
    position: absolute;
    height: 130px
}

.regional-community img {
    width: 100%
}

.regional-community .hello-community .image-highlight {
    overflow: hidden
}

.regional-community .hello-community .image-highlight img {
    max-width: 135px;
    height: 130px
}

.main-rectangle {
    text-align: center;
    color: #0073b9;
    position: relative;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main-rectangle a {
    position: absolute;
    background: url(../images/transparent.png);
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 5
}

.main-rectangle img {
    width: 100%;
    margin-bottom: 5px;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main-rectangle:hover {
    color: #ff7100
}

.main-rectangle:hover img {
    filter: alpha(Opacity=80);
    opacity: .8
}

.main-rectangle figure,.main-rectangle figure div {
    width: 320px;
    height: 199px
}

.main-rectangle figure div img {
    max-width: 320px;
    max-height: 199px
}

.list-top-thread.list-grey li a {
    padding: 5px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.hot-thread {
    padding-right: 8px
}

.hot-thread .block-grid__item {
    height: 170px
}

@media only screen and (max-width:1024px) {
    .hot-thread .block-grid__item {
        height: 138px
    }
}

.hot-thread .block-grid__thumb {
    padding-bottom: 60%
}

.carousel__sidebar {
    overflow: hidden
}

.carousel__sidebar .carousel-inner {
    width: 300px
}

.carousel__sidebar li {
    float: left
}

.carousel__sidebar--two .carousel-inner {
    width: 310px;
    margin: 0 5px 0 -5px
}

.carousel__sidebar--two li {
    width: 50%
}

.carousel__content {
    overflow: hidden
}

.carousel__content li {
    float: left
}

.carousel__content--five li {
    width: 20%
}

.carousel__content--four li {
    width: 25%
}

.carousel__control-oval {
    position: absolute;
    background-color: #f8f8f8;
    color: #c3c3c3;
    font-size: 14px!important;
    top: 50%;
    transform: translate(-50%,-50%);
    box-shadow: 0 0 4px 1px rgba(0,0,0,.1);
    line-height: 24px!important;
    display: block;
    z-index: 2
}

.carousel__control-oval:hover {
    background-color: #F9F9F9;
    color: #727172;
    cursor: pointer
}

.carousel__control-oval--prev {
    left: 11px;
    padding: 0 7px 0 5px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-left: 2px solid #e5e5e5
}

.carousel__control-oval--next {
    right: -13px;
    padding: 0 6px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-right: 2px solid #e5e5e5
}

.carousel .carousel-inner .item {
    margin: 0
}

.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 {
    -moz-transform: translate3d(0,-25%,0);
    -webkit-transform: translate3d(0,-25%,0);
    transform: translate3d(0,-25%,0);
    -moz-transition: -webkit-transform .3s ease-out;
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out
}

.modal.in .modal-dialog {
    -moz-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
    z-index: 1051
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    -moz-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    background-clip: padding-box;
    outline: 0;
    z-index: 1050
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    filter: alpha(Opacity=0);
    opacity: 0
}

.modal-backdrop.in {
    filter: alpha(Opacity=50);
    opacity: .5
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.43px
}

.modal-header .close {
    margin-top: -2px;
    background: 0 0;
    border: 0;
    float: right
}

.modal-header .note {
    color: #e4302f;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    margin-bottom: 5px
}

.modal-header.null {
    padding: 0!important;
    min-height: 0
}

.modal-title {
    margin: 0;
    line-height: 1.42857
}

.modal-body {
    position: relative;
    padding: 15px;
    max-height: 480px;
    overflow: auto
}

.modal-body .popover {
    max-width: 100px!important
}

.modal-body .form-group label.control-label:after {
    content: ":";
    right: 0;
    position: absolute
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer:before {
    content: " ";
    display: table
}

.modal-footer:after {
    content: " ";
    display: table;
    clear: both
}

.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-footer .button__group {
    margin-bottom: 30px
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

.reputation-con {
    text-align: center
}

.reputation-con .radio {
    display: inline-block;
    width: 120px
}

.reputation-con .radio label {
    padding: 0
}

.reputation-con .radio label span {
    float: left;
    font-weight: 700;
    margin: 7px 14px
}

.reputation-con .radio.selected {
    outline: #ccc solid 1px;
    background: #f4f4f4
}

.reputation-con .radio:nth-child(2) span {
    margin-left: 20px
}

.reputation-con input[type=radio] {
    visibility: hidden;
    filter: alpha(Opacity=0);
    opacity: 0
}

.kaskus-modal .modal-dialog,.kaskus-modal-extra-large .modal-dialog,.kaskus-modal-large .modal-dialog,.kaskus-modal-small .modal-dialog {
    width: 350px;
    margin: 50px auto
}

.kaskus-modal .modal-footer,.kaskus-modal-extra-large .modal-footer,.kaskus-modal-large .modal-footer,.kaskus-modal-small .modal-footer {
    text-align: center;
    padding: 8px
}

.kaskus-modal .modal-header,.kaskus-modal-extra-large .modal-header,.kaskus-modal-large .modal-header,.kaskus-modal-small .modal-header {
    font-size: 16px;
    position: relative;
    padding: 5px 5px 5px 11px
}

.kaskus-modal .modal-header:before,.kaskus-modal-extra-large .modal-header:before,.kaskus-modal-large .modal-header:before,.kaskus-modal-small .modal-header:before {
    position: absolute;
    content: "";
    width: 4px;
    height: 59%;
    background: #31a3ef;
    left: 0;
    top: 7px
}

.kaskus-modal .modal-header.solid-header,.kaskus-modal-extra-large .modal-header.solid-header,.kaskus-modal-large .modal-header.solid-header,.kaskus-modal-small .modal-header.solid-header {
    color: #fff;
    background: #1da89f
}

.kaskus-modal .modal-header.solid-header:before,.kaskus-modal-extra-large .modal-header.solid-header:before,.kaskus-modal-large .modal-header.solid-header:before,.kaskus-modal-small .modal-header.solid-header:before {
    display: none
}

.kaskus-modal .modal-header.solid-header .close,.kaskus-modal-extra-large .modal-header.solid-header .close,.kaskus-modal-large .modal-header.solid-header .close,.kaskus-modal-small .modal-header.solid-header .close {
    margin-top: -25px;
    margin-right: -30px
}

.kaskus-modal .modal-header .close,.kaskus-modal-extra-large .modal-header .close,.kaskus-modal-large .modal-header .close,.kaskus-modal-small .modal-header .close {
    margin-top: 1px
}

.kaskus-modal textarea,.kaskus-modal-extra-large textarea,.kaskus-modal-large textarea,.kaskus-modal-small textarea {
    resize: vertical
}

.kaskus-modal .chosen-container,.kaskus-modal-extra-large .chosen-container,.kaskus-modal-large .chosen-container,.kaskus-modal-small .chosen-container {
    width: 100%!important
}

.kaskus-modal-large .modal-dialog {
    width: 450px
}

.kaskus-modal-small .modal-dialog {
    width: 315px
}

.kaskus-modal-extra-large .modal-dialog {
    width: 650px
}

#smiley-modal .modal-title {
    font-size: 18px
}

#smiley-modal .modal-dialog {
    width: 520px
}

#smiley-modal .modal-header p {
    font-size: 12px
}

#smiley-modal .modal-header .modal-title {
    font-size: 18px
}

#smiley-modal .submodalheader {
    padding: 10px 15px;
    border-bottom: 1px solid #d4d4d4
}

#smiley-modal .modal-body {
    height: 400px;
    padding: 10px 15px;
    overflow: auto
}

#smiley-modal table td {
    vertical-align: middle
}

#smiley-modal table td .unavailable {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(1);
    cursor: default
}

#badges-modal .modal-title {
    font-size: 18px
}

#badges-modal .modal-dialog {
    width: 615px
}

#badges-modal .modal-header p {
    font-size: 12px
}

#badges-modal .modal-header .modal-title {
    font-size: 16px
}

#badges-modal .submodalheader {
    padding: 10px 15px
}

#badges-modal .modal-body {
    padding: 10px 15px;
    overflow: auto
}

#badges-modal .modal-body td {
    border-top: none
}

#badges-modal table td {
    vertical-align: middle
}

#send-mail-modal .modal-dialog {
    width: 600px
}

#send-mail-modal .send-mail-modal-con {
    padding: 10px;
    margin-bottom: 10px;
    background: #ebebeb
}

#send-mail-modal .send-mail-modal-con .image {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #d4d4d4
}

#send-mail-modal .send-mail-modal-con .desc {
    display: inline-block;
    width: 335px;
    padding: 0 0 0 5px
}

#send-mail-modal .send-mail-modal-con .desc p {
    margin-bottom: 5px
}

#send-mail-modal .send-mail-modal-con .title {
    font-weight: 700;
    color: #333
}

#send-mail-modal .send-mail-modal-con hr {
    margin: 0 0 5px;
    border-color: #d4d4d4
}

#send-mail-modal .send-mail-modal-con .grey {
    color: #b3b3b3
}

#send-mail-modal .modal-body textarea {
    margin-bottom: 10px;
    resize: none
}

#send-mail-modal .form-group {
    margin-bottom: 10px
}

#send-mail-modal .form-group .control-label {
    width: 12%
}

#send-mail-modal .form-group>div {
    width: 88%;
    padding-left: 0
}

#send-mail-modal .form-group:last-child {
    margin-bottom: 0
}

.buying-history .modal-dialog,.selling-history .modal-dialog {
    width: 500px
}

.buying-history #shipping-img,.selling-history #shipping-img {
    display: inline-block;
    width: 100%;
    border: 1px solid #d4d4d4
}

.buying-history table td,.selling-history table td {
    padding: 3px 2px
}

.buying-history .thumbnail figure,.selling-history .thumbnail figure {
    border: 1px solid #d4d4d4;
    width: 130px;
    height: 130px
}

.buying-history .thumbnail figure div,.selling-history .thumbnail figure div {
    width: 130px;
    height: 130px;
    text-align: center
}

.buying-history .thumbnail figure div img,.selling-history .thumbnail figure div img {
    max-width: 130px;
    max-height: 130px
}

.buying-history .rating,.selling-history .rating {
    margin: 0
}

.buying-history .title,.selling-history .title {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 10px
}

.buying-history input[type=text],.selling-history input[type=text] {
    padding: 3px 5px
}

.modal__content {
    margin: 0 auto;
    color: #2f2f2f
}

.modal__content.width550 {
    width: 550px
}

.modal__content.width450 {
    width: 450px
}

.modal__content.width350 {
    width: 350px
}

.modal__content .text-head {
    font-size: 16px
}

.modal__content .product__box {
    padding: 25px;
    border: .5px solid #cfcfcf;
    margin-bottom: 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.modal__content .product__image {
    float: left;
    position: absolute;
    margin-top: 10px
}

.modal__content .product__detail {
    padding-left: 105px
}

.modal__content .field__content {
    font-weight: 500
}

.modal__content .field__content label {
    margin-bottom: 0;
    font-weight: 400;
    color: #8f8f8f
}

.modal__content .field__content label:after {
    content: ':';
    margin-left: 5px;
    margin-right: 5px;
    display: inline-block
}

.modal__content .form__group {
    color: #2f2f2f
}

.modal__content .form__group label {
    font-weight: 400;
    margin-bottom: 2px
}

.modal__content .form__group label.text--medium {
    font-weight: 500
}

.modal__content .form__group .input__date {
    position: relative
}

.modal__content .form__group .input__date:after {
    content: '';
    background-image: url(../images/layout/ic_date.png);
    position: absolute;
    width: 25px;
    height: 25px;
    display: inline-block;
    right: 5px;
    top: 4px
}

.modal__content .form__group .chosen-container-single .chosen-single {
    height: 34px
}

.modal__content .form__group .chosen-container-single .chosen-single span {
    margin-top: 3px
}

.modal__content .form__group .chosen-container-single .chosen-single div {
    top: 2px
}

.modal__content .form__group .chosen-container-single .chosen-results {
    max-height: 100px
}

.modal__content .grey__box {
    padding: 15px;
    margin-top: 10px;
    background-color: #eaeaea;
    color: #2f2f2f;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.modal__content .grey__box .logo {
    float: left;
    position: absolute;
    margin-top: 10px;
    margin-left: 15px
}

.modal__content .grey__box .logo img {
    max-width: 70px
}

.modal__content .grey__box .box__detail {
    margin-left: 130px
}

.modal__content .grey__box .box__detail table thead tr td {
    padding-bottom: 10px
}

.modal__content .grey__box .box__detail table tr td {
    min-width: 150px
}

.modal__content .box__item {
    border: 1.5px solid #dfdfdf;
    color: #2f2f2f;
    padding: 15px
}

.modal__content .box__item:last-child {
    border-left: none
}

.modal__content .box__item img {
    height: 30px
}

.modal-notif {
    text-align: center;
    padding: 20px 0
}

.modal-notif p {
    margin-top: 20px;
    font-weight: 500;
    font-size: 14px;
    color: #4a4a4a
}

.modal-notif .button__group {
    margin-top: 20px
}

.modal-notif .button__group .btn {
    width: 90px;
    height: 35px;
    padding: 0;
    line-height: 32px;
    margin-right: 18px
}

.modal-notif .button__group .btn:last-child {
    margin-right: 0
}

.modal-notif .button__group .btn-outline--border-green {
    border: 2px solid #1da89f
}

.subscribe-modal {
    background: 0 0;
    width: 500px!important;
    margin-top: 100px!important
}

.subscribe-modal button.close {
    display: block
}

.subscribe-modal-header {
    background-image: url(../images/sub-modal-bg.png);
    color: #fff;
    text-align: center;
    position: relative
}

.subscribe-modal-header>div {
    width: 100%
}

.subscribe-modal-header .kaskus-logo {
    margin: 30px 0
}

.subscribe-modal-header .kaskus-announce {
    padding: 0 40px 10px
}

.subscribe-modal-header .kaskus-announce p {
    line-height: 20px
}

.subscribe-modal-header.success {
    background-color: #fff;
    background-image: none;
    color: inherit;
    text-align: center
}

.subscribe-modal-header.success h3 {
    font-size: 18px;
    margin-bottom: 5px
}

.subscribe-modal-header.success p {
    font-size: 14px
}

.subscribe-modal-header.success .kaskus-announce {
    margin-top: 30px
}

.subscribe-modal-body {
    background-color: #fff;
    padding: 20px 50px
}

.subscribe-modal-body input {
    margin-top: 20px
}

.subscribe-modal-body p {
    margin: 5px 0
}

.subscribe-modal-body p.please-input-email {
    font-size: 14px
}

.subscribe-modal-body .subscribe-button {
    margin-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    width: 100%
}

.subscribe-modal-body .subscribe-button button {
    width: 100%;
    margin-bottom: 20px
}

.subscribe-modal-body .subscribe-button p {
    font-size: 15px;
    font-weight: 500
}

.subscribe-modal-body .subscribe-button p a {
    text-decoration: none
}

.subscribe-modal .modal-header:before {
    background: 0 0
}

.user-home {
    background: #fafafa;
    border: 1px solid #d4d4d4;
    margin-bottom: 10px
}

.user-home .user-menu {
    margin-bottom: 10px
}

.user-home .account-panel .user {
    padding: 15px 15px 10px;
    border-bottom: dotted 1px #d4d4d4
}

.user-home .account-panel .user .user-avatar {
    width: 167px;
    height: 167px;
    margin-bottom: 10px;
    border: 1px solid #d4d4d4
}

.user-home .account-panel .user .user-avatar figure,.user-home .account-panel .user .user-avatar figure div {
    height: 165px;
    width: 165px
}

.user-home .account-panel .user .user-avatar figure div img {
    max-width: 165px;
    max-height: 165px;
    border: 3px solid #fff
}

.user-home .account-panel .user .user-avatar>a {
    background: rgba(0,0,0,.5);
    -moz-border-radius: 0 0 0 3px;
    -webkit-border-radius: 0 0 0 3px;
    border-radius: 0 0 0 3px;
    color: #fff;
    display: none;
    font-size: 10px;
    padding: 5px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none!important;
    top: 0;
    z-index: 5
}

.user-home .account-panel .user .user-avatar>a:hover {
    background: rgba(0,0,0,.7)
}

.user-home .account-panel .user .user-avatar:hover:after {
    content: "";
    background: rgba(0,0,0,.1);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3
}

.user-home .account-panel .user .user-avatar:hover>a {
    display: block
}

.user-home .account-panel .user .user-details {
    font-size: 14px
}

.user-home .account-panel .user .reputation {
    margin-left: 0;
    float: left
}

.user-home .account-panel .user-stats a {
    border-bottom: solid 1px #d4d4d4;
    display: block;
    font-size: 12px;
    padding: 5px 15px;
    position: relative;
    text-decoration: none!important
}

.user-home .account-panel .user-stats a:focus,.user-home .account-panel .user-stats a:hover {
    background: #f0f0f0
}

.user-home .user-home-content {
    min-height: 700px;
    border-left: 1px solid #d4d4d4
}

.user-home .user-home-content header {
    background-color: #1998ed;
    color: #fff;
    border-bottom: solid 1px #d4d4d4;
    margin: 0 0 10px;
    position: relative;
    z-index: 1
}

.user-home .user-home-content header h2 {
    font-size: 14px;
    padding: 5px 10px 5px 35px;
    position: relative
}

.user-home .user-home-content header h2 img {
    left: 10px;
    margin-top: -8px;
    position: absolute;
    top: 50%
}

.user-home .user-home-content .intro {
    font-weight: 700;
    border-bottom: 1px solid #1998ed;
    border-top: 1px solid #1998ed;
    display: block;
    padding: 5px 8px;
    margin-bottom: 20px
}

.user-home .user-home-content form {
    margin-bottom: 20px;
    padding-bottom: 20px
}

.user-home .nav-tabs {
    border-bottom: solid 1px #d4d4d4;
    margin: 10px -15px;
    padding: 0 15px
}

.user-home .nav-tabs li {
    margin-bottom: 0
}

.user-home .nav-tabs li a {
    background: #f5f5f5;
    border: 1px solid #d4d4d4;
    border-bottom: 0;
    color: #6e6e6e;
    display: inline-block;
    font-weight: 700;
    padding: 5px 10px;
    text-decoration: none!important;
    border-radius: 0;
    margin-right: 5px
}

.user-home .nav-tabs li a:hover {
    border-color: #d4d4d4;
    border-bottom: none
}

.user-home .nav-tabs li.active a {
    background: #fafafa;
    margin-bottom: -1px;
    padding-bottom: 5px;
    border-bottom: #fafafa 1px solid
}

.user-home .tab-content {
    margin-bottom: 20px
}

.thumbnail-close {
    background: url(../images/layout/close-button-24.png) no-repeat;
    display: block;
    height: 24px;
    overflow: hidden;
    position: absolute;
    right: -10px;
    text-indent: -9999px;
    top: -10px;
    width: 24px;
    z-index: 5
}

.thumbnail-close:focus,.thumbnail-close:hover {
    background-position: 0 -24px
}

.tab-content .listing-thumbnail {
    padding: 0
}

.tab-content .listing-thumbnail li {
    margin-right: 14px
}

.sub-header {
    background: #ebebeb;
    margin: 0 0 10px;
    padding: 5px 10px;
    position: relative;
    display: block;
    border-left: 5px solid #1998ed
}

.sub-header i {
    color: #ff7100;
    position: absolute;
    right: 10px;
    font-size: 16px
}

.sub-header i.inline {
    position: relative;
    display: inline-block;
    vertical-align: top;
    right: auto
}

.message-control {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #d4d4d4;
    margin: 30px -1px 10px;
    padding: 10px 10px 5px
}

.message-control .indicator {
    background: #1da89f;
    height: 8px;
    margin: 10px auto 0;
    width: 90%
}

.message-control .indicator div {
    background: #e4302f;
    float: left;
    height: 8px;
    position: relative
}

.message-control .indicator div span {
    background: #fffee9;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #d4d4d4;
    bottom: 13px;
    color: #6e6e6e;
    display: block;
    font-size: 10px;
    line-height: 1.25;
    padding: 5px;
    position: absolute;
    right: -50px;
    text-align: center;
    width: 100px
}

.message-control .indicator div span:before {
    content: "";
    position: absolute;
    border-style: solid;
    border-color: #d4d4d4 transparent transparent;
    border-width: 5px 5px 0;
    bottom: -5px;
    left: 50%;
    margin-left: -5px
}

.message-control .indicator div span:after {
    content: "";
    position: absolute;
    border-style: solid;
    border-color: #fffee9 transparent transparent;
    border-width: 4px 4px 0;
    bottom: -4px;
    left: 50%;
    margin-left: -4px
}

.message-control .indicator-caption {
    color: #6e6e6e;
    font-size: 12px;
    margin-left: 45px;
    margin-top: 5px;
    text-align: left
}

.entry-post {
    border: 1px solid #d4d4d4;
    margin-bottom: 10px
}

.entry-post .meta {
    background-color: #f0f0f0;
    border-bottom: solid 1px #d4d4d4;
    font-size: 12px;
    margin: 0 0 10px;
    padding: 5px 10px
}

.entry-post .meta span {
    margin-left: 5px
}

.entry-post .meta span a {
    font-size: 8px;
    color: #fff;
    margin-top: -1px
}

.entry-post .meta .entry-checkbox {
    margin-left: 10px
}

.entry-post h4 {
    font-size: 12px;
    font-weight: 700;
    padding: 0;
    margin-bottom: 5px
}

.entry-post .entry-content {
    font-size: 12px;
    margin-left: 10px;
    padding: 0 10px 10px 0
}

.entry-post.deleted {
    background: #fbe4e4
}

.entry-post.notice-pm {
    background: #fbe4e4;
    border: none;
    padding-top: 10px
}

.entry-post.notice-pm p {
    line-height: 20px;
    margin: 0
}

.entry-post.warning {
    background-color: #FFC!important
}

.entry-post.spam {
    background-color: rgba(228,48,47,.43)
}

.entry-post.moderated {
    background-color: #FFC107
}

.live-posting {
    background: #1998ed;
    color: #fff;
    display: block;
    font-weight: 700;
    margin: 0 15px 10px;
    padding: 10px 10px 10px 60px;
    position: relative;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.live-posting img {
    left: 5px;
    position: absolute;
    top: -5px
}

.live-posting:focus,.live-posting:hover {
    background: #31a3ef;
    text-decoration: none;
    color: #fff
}

.error-note {
    background: #ebebeb;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 10px;
    width: 100%
}

.error-note h2 {
    font-size: 16px;
    margin-bottom: 10px
}

.error-note ul {
    margin: 10px 15px;
    padding: 0
}

.panel-wrapper.menu {
    margin-bottom: 10px
}

.panel-wrapper.menu.open a.fold {
    margin-bottom: 0;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    background: #1998ed;
    color: #fff;
    border: 1px solid #d4d4d4;
    border-bottom: 0
}

.panel-wrapper.menu.active a.fold {
    background: #1998ed;
    color: #fff
}

.panel-wrapper.menu>li {
    margin-bottom: 10px
}

.panel-wrapper.menu>li.active:after {
    content: "";
    position: absolute;
    border-style: solid;
    border-color: transparent;
    border-left-color: #1998ed;
    border-width: 5px 0 5px 5px;
    right: 10px;
    top: 8px
}

.panel-wrapper.menu>li.active a {
    background: #1998ed;
    color: #fff
}

.panel-wrapper.menu a.fold {
    background: #1998ed;
    color: #fff;
    display: block;
    margin: 0 15px;
    padding: 5px 10px 5px 24px;
    position: relative;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.panel-wrapper.menu a.fold:hover {
    background: #31a3ef;
    text-decoration: none;
    color: #fff
}

.panel-wrapper.menu a.current,.panel-wrapper.menu a:hover {
    background: #f0f0f0;
    text-decoration: none
}

.panel-wrapper.menu img {
    left: 5px;
    margin-top: -7px;
    position: absolute;
    top: 50%;
    width: 14px
}

.sub-menu {
    margin: 0 15px 10px;
    padding: 0;
    border: 1px solid #d4d4d4
}

.sub-menu li {
    list-style: none;
    padding: 0
}

.sub-menu li a {
    border-bottom: dotted 1px #e6e6e6;
    display: block;
    padding: 5px 10px;
    position: relative
}

.sub-menu li.notice-new {
    position: relative
}

.sub-menu li.notice-new:after {
    content: 'New';
    background-color: #e4302f;
    border-radius: 3px;
    position: absolute;
    font-size: 10px;
    padding: 0 5px;
    color: #fff;
    top: 5px;
    right: 28px;
    font-weight: 400;
    line-height: 1.5
}

.sub-menu li.notice-new:nth-child(4):after {
    right: 17px
}

.sub-menu li.notice-new:last-child:after {
    right: 20px
}

.sub-menu li:last-child a {
    border-bottom: 0
}

#preview-image .p-img {
    border: 1px solid #e6e6e6;
    position: relative;
    float: left
}

#preview-image .p-img figure,#preview-image .p-img figure div {
    height: 90px;
    width: 90px
}

#preview-image .p-img figure div img {
    max-height: 90px;
    max-width: 90px;
    border: 2px solid #fff
}

input#txtLen {
    min-width: 45px;
    text-align: center
}

.form-horizontal {
    padding-bottom: 20px
}

.form-horizontal .form-group {
    margin-top: 10px;
    margin-bottom: 10px
}

.form-horizontal .form-group i.fa-question-circle {
    color: #ff7100;
    font-size: 14px;
    position: relative;
    margin-left: 3px
}

.form-horizontal .form-group.dob .col-sm-8 div[class^=col-]:nth-child(1) {
    padding-right: 7px;
    padding-left: 0
}

.form-horizontal .form-group.dob .col-sm-8 div[class^=col-]:nth-child(2) {
    padding-left: 9px;
    padding-right: 7px
}

.form-horizontal .form-group.dob .col-sm-8 div[class^=col-]:nth-child(2) select {
    width: 129px
}

.form-horizontal .form-group.dob .col-sm-8 div[class^=col-]:nth-child(3) {
    padding-left: 37px;
    padding-right: 7px
}

.form-horizontal .form-group.valid .col-sm-6 div[class^=col-]:nth-child(1) {
    padding-right: 7px;
    padding-left: 0
}

.form-horizontal .form-group.valid .col-sm-6 div[class^=col-]:nth-child(1) select {
    width: 75px
}

.form-horizontal .form-group.valid .col-sm-6 div[class^=col-]:nth-child(2) {
    padding-left: 9px;
    padding-right: 7px
}

.form-horizontal .form-group.valid .col-sm-6 div[class^=col-]:nth-child(2) select {
    width: 150px
}

.form-horizontal .form-group.valid .col-sm-6 div[class^=col-]:nth-child(3) {
    padding-left: 12px;
    padding-right: 7px
}

.form-horizontal .form-group .register-new-phone {
    margin-top: 5px
}

.form-horizontal .form-group .radio-inline {
    padding-top: 5px
}

.form-horizontal .control-label {
    padding-top: 5px!important
}

.form-horizontal .child-indent {
    padding-left: 45px!important
}

.form-horizontal .control-input {
    padding-top: 5px
}

.form-horizontal .form-control {
    border-radius: 3px;
    height: 28px
}

.form-horizontal input[type=checkbox],.form-horizontal input[type=radio] {
    margin-top: 0
}

.form-horizontal textarea {
    min-height: 190px;
    resize: vertical
}

.form-horizontal>.col-sm-6,.form-horizontal>.col-sm-8 {
    position: relative
}

.form-horizontal>.col-sm-6:before,.form-horizontal>.col-sm-8:before {
    content: ":";
    padding-left: 10px;
    position: absolute;
    top: 4px;
    left: -4px
}

.form-horizontal .form-act:before,.form-horizontal>.col-sm-6.col-sm-offset-2:before,.form-horizontal>.col-sm-8.col-sm-offset-2:before {
    content: ""
}

.form-horizontal .form-control-feedback {
    line-height: 30px
}

.form-horizontal .input label {
    font-weight: 400
}

.toggle-on-off::moz-selection,.toggle-on-off::selection,.toggle-on-off::webkit-selection {
    background-color: transparent
}

.toggle-on-off label {
    cursor: pointer
}

.toggle-on-off label::before {
    content: "Off";
    color: #6e6e6e
}

.toggle-on-off .on-off:checked+label:before {
    content: "On";
    color: #333
}

.user-home table.setting td,.user-home table.setting th {
    vertical-align: middle;
    border-color: #e6e6e6;
    color: #6e6e6e;
    font-size: 12px
}

.user-home table.setting th {
    color: #333
}

.user-home table.setting .select {
    line-height: 20px;
    height: 24px;
    font-size: 12px
}

.user-home table .reputation {
    margin-left: 4px
}

.user-home table tr.unread {
    font-weight: 700
}

span.req {
    color: #e4302f
}

span.sml-msg {
    color: #6e6e6e
}

span.err-msg {
    color: #e4302f
}

.err-msg,.input-msg,.scc-msg,.sml-msg {
    clear: both;
    display: block;
    font-size: 10px;
    margin: 5px 0
}

.content-message {
    border: 1px solid #e6e6e6;
    padding: 30px 20px;
    position: relative
}

.content-message:before {
    content: "";
    background: url(../images/layout/envelope.png) top left repeat-x;
    height: 10px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.content-message:after {
    content: "";
    background: url(../images/layout/envelope.png) top right repeat-x;
    bottom: 0;
    height: 10px;
    left: 0;
    position: absolute;
    right: 0
}

.content-message .message-header {
    margin-bottom: 30px;
    margin-right: 190px;
    padding-bottom: 10px
}

.content-message .message-header>div {
    padding-left: 90px;
    position: relative
}

.content-message .message-header>div>span {
    display: block;
    float: left;
    font-weight: 700;
    left: 0;
    margin-right: 10px;
    position: absolute;
    top: 0;
    width: 80px
}

.content-message .message-header>div>span:after {
    content: ":";
    float: right
}

.content-message .message-header:after {
    content: url(../images/layout/stamp.png) 300px 50px no-repeat;
    position: absolute;
    right: 30px;
    top: 20px
}

.content-message .message-body {
    background: #f0f0f0;
    border: 1px solid #d4d4d4;
    margin: 0 0 20px;
    padding: 10px
}

.content-message .message-body b {
    word-break: break-word
}

.content-message .message-footer {
    text-align: right
}

.user-private-message {
    margin: 0 0 20px
}

.user-private-message tbody tr:hover {
    background: #f5f5f5
}

.user-private-message td {
    border-left-color: #e6e6e6!important;
    font-weight: 700;
    vertical-align: middle!important
}

.user-private-message .icon {
    border-right: 0!important
}

.user-private-message .datepm {
    color: #6e6e6e;
    font-weight: 400
}

.user-private-message .post-title {
    font-size: 12px;
    overflow: hidden;
    position: relative;
    width: 416px
}

.user-private-message .post-title:after {
    content: "";
    background: #fafafa;
    bottom: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 10px;
    z-index: 4
}

.user-private-message .post-title a {
    color: #0073b9;
    width: 3000px
}

.user-private-message .author a {
    color: #6e6e6e
}

.user-private-message tr.read td {
    font-weight: 400!important
}

.user-private-message tr.read .replies {
    color: #6e6e6e
}

.user-private-message tr.read .icon img {
    filter: alpha(Opacity=20);
    opacity: .2
}

.user-private-message tr.read .author a,.user-private-message tr.read .post-title a {
    color: #6e6e6e;
    font-weight: 400!important
}

.donatur-info {
    margin: 0 0 10px
}

.donatur-info .note {
    color: #6e6e6e;
    display: block;
    font-size: 10px;
    line-height: 1.25;
    margin-top: 10px
}

.donatur-info fieldset {
    margin: 0;
    padding: 0
}

.donatur-info .actions {
    margin: 0;
    padding: 5px 0 5px 110px
}

.donatur-info h4 {
    border-bottom: solid 1px #e0e0e0;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
    padding-bottom: 5px
}

.donatur-info table {
    background: #fafafa;
    font-size: 12px;
    margin: 0
}

.donatur-info table td,.donatur-info table th {
    border-color: #e6e6e6
}

.donatur-info.biaya {
    background: #fffee9;
    padding: 10px;
    border: 1px solid #d4d4d4
}

.donatur-info.biaya table {
    border: 1px solid #f3f3f3
}

.donatur-info.biaya table th {
    font-weight: 400!important;
    padding-left: 10px
}

.donatur-info.biaya table td {
    color: #e4302f;
    font-weight: 700!important
}

.donatur-info.subscription-info {
    background: 0;
    border: 0
}

.donatur-info.subscription-info h4 {
    border: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

.donatur-info.subscription-info h4 td,.donatur-info.subscription-info h4 th {
    border: 0
}

.kaskus-plus {
    margin-bottom: 20px
}

.kaskus-plus.header img {
    width: 150px
}

.kaskus-plus.header a h1 {
    text-decoration: none
}

.kaskus-plus h1 {
    font-size: 28px;
    font-weight: 500;
    color: #259aea;
    margin: 10px 20px 15px
}

.kaskus-plus p {
    font-size: 14px;
    margin: 0 20px;
    line-height: 24px;
    font-weight: 300
}

.kaskus-plus p span {
    display: block;
    margin: 5px 0 0;
    font-weight: 500
}

.membership-info {
    margin: 0 0 10px
}

.membership-info .membership {
    border: 1px solid #d4d4d4;
    background-color: #fff;
    padding: 10px
}

.membership-info .membership .table-container {
    width: 100%;
    background-color: #e9f5fd;
    padding: 0 15px
}

.membership-info .membership .table-container .table-content {
    padding: 20px 15px 20px 0;
    width: 33%;
    display: inline-block
}

.membership-info .membership .table-container .table-content table {
    width: 100%;
    border-right: 2px solid #fff
}

.membership-info .membership .table-container .table-content table tr {
    font-weight: 500;
    line-height: 22px
}

.membership-info .membership .table-container .table-content table tr th {
    font-weight: 400
}

.membership-info .membership .table-container .table-content table tr td.status {
    color: #5ccc83
}

.membership-info .membership .table-container .table-content table tr td:before {
    content: ": ";
    color: #6e6e6e
}

.membership-info .membership .table-container .table-content table tr td .time {
    float: right;
    margin-right: 20px
}

.membership-info .membership .table-container .table-content h3 {
    border-right: 2px solid #fff;
    color: #259aea;
    padding: 0 0 5px;
    font-weight: 700;
    margin-right: 1px
}

.membership-info .membership .table-container .table-content:last-child h3,.membership-info .membership .table-container .table-content:last-child table {
    border: none
}

.kaskus-plus.banner {
    padding: 0 10px
}

.kaskus-plus.banner img {
    margin-top: 0
}

.kaskus-plus.form .form-horizontal {
    border: 1px solid #d4d4d4;
    background-color: #fff;
    padding: 0 20px;
    margin-bottom: 20px
}

.kaskus-plus.form .form-horizontal .input label {
    font-weight: 500;
    display: block
}

.kaskus-plus.form .form-horizontal .input label.radio-inline {
    display: inline-block;
    font-weight: 300
}

.kaskus-plus.form .form-horizontal .input label.checkbox-inline {
    font-weight: 300
}

.kaskus-plus.form .form-horizontal .input .radio-list {
    padding: 0;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    margin: 0
}

.kaskus-plus.form .form-horizontal .input .radio-list li {
    list-style: none;
    position: relative;
    margin-left: 2px
}

.kaskus-plus.form .form-horizontal ol {
    padding-left: 30px
}

.kaskus-plus.form .form-horizontal ol li {
    font-weight: 300
}

table.condensed-table {
    width: 100%
}

table.condensed-table tr td {
    border: 0;
    padding: 5px
}

.polling-wrapper {
    border: 1px solid #d4d4d4;
    background: #f0f0f0;
    margin-bottom: 10px;
    padding: 10px;
    position: relative
}

.polling-wrapper span.sub-title {
    font-weight: 700;
    margin: 0 -10px;
    padding: 0 10px 10px;
    font-size: 14px
}

.polling-wrapper .result-bar-wrapper {
    background: #ebebeb;
    margin-top: 5px;
    overflow: hidden;
    width: 100%
}

.polling-wrapper .result-bar {
    background-color: #30c436;
    height: 10px
}

.polling-content {
    background: #f5f5f5;
    border: 1px solid #d4d4d4;
    margin: 10px auto 0;
    padding: 0 10px
}

.polling-content fieldset {
    margin: 0;
    padding: 0
}

.polling-content .actions {
    border-top: solid 1px #d4d4d4;
    margin: 10px -10px 0;
    overflow: hidden;
    padding: 10px 20px;
    text-align: center
}

.polling-content .actions a {
    display: inline-block;
    float: right;
    height: 12px;
    line-height: 12px;
    padding: 3px 0;
    position: absolute;
    right: 10px;
    top: 10px
}

.polling-content .radio {
    padding: 0 10px
}

.polling-content .radio label {
    display: block;
    padding-left: 24px;
    position: relative;
    line-height: 180%
}

.polling-content .radio label input[type=radio] {
    margin-top: 3px
}

.polling-content .radio:hover {
    background: #f0f0f0;
    cursor: pointer
}

.polling-content input[type=checkbox]:checked+span,.polling-content input[type=radio]:checked+span {
    font-weight: 700
}

.polling-content .result {
    padding: 10px 0
}

.polling-content .result b {
    color: #f66
}

.kasads {
    position: relative
}

.kasads a {
    z-index: 5
}

.kasads .like {
    font-size: 10px;
    position: absolute;
    bottom: 10px
}

.kasads .campaign {
    width: 230px;
    height: 100px;
    background: #f0f0f0;
    border: 1px solid #e6e6e6;
    margin-left: 100px;
    padding: 5px 10px;
    position: relative;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.kasads .campaign:after,.kasads .campaign:before {
    content: "";
    top: 50%;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.kasads .campaign:before {
    position: absolute;
    border-style: solid;
    border-color: transparent;
    border-right-color: #e6e6e6;
    border-width: 12px 12px 12px 0;
    left: -12px;
    margin-top: -12px
}

.kasads .campaign:after {
    position: absolute;
    border-style: solid;
    border-color: transparent;
    border-right-color: #f0f0f0;
    border-width: 10px 10px 10px 0;
    left: -10px;
    margin-top: -10px
}

.kasads .campaign h4 {
    color: #0073b9;
    font-size: 12px;
    display: block
}

.kasads .campaign p {
    font-size: 10px;
    color: #6e6e6e;
    line-height: 14px
}

.kasads .campaign-image {
    float: left;
    width: 100px;
    height: 100px;
    overflow: hidden;
    padding: 0;
    text-align: center;
    filter: alpha(Opacity=80);
    opacity: .8;
    -moz-transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.kasads .campaign-image span {
    width: 100px;
    height: 100px;
    vertical-align: middle;
    display: table-cell;
    margin: 0 auto
}

.kasads .campaign-image span img {
    max-width: 100px;
    max-height: 100px;
    display: block;
    margin: 0 auto
}

.kasads:hover .campaign {
    border: 1px solid #ff7100;
    background: #fafafa
}

.kasads:hover .campaign:before {
    border-right-color: #ff7100
}

.kasads:hover .campaign:after {
    border-right-color: #fafafa
}

.kasads:hover .campaign-image {
    filter: alpha(Opacity=100);
    opacity: 1
}

.con-kaskus-ads .kasads {
    width: 33.333%;
    float: left
}

.con-kaskus-ads .kasads .campaign-image,.con-kaskus-ads .kasads .campaign-image span {
    width: 120px;
    height: 120px
}

.con-kaskus-ads .kasads .campaign-image span img {
    max-height: 120px;
    max-width: 120px
}

.con-kaskus-ads .kasads .campaign {
    width: 166px;
    height: 120px;
    margin-left: 120px;
    background: #fff;
    border: 0
}

.con-kaskus-ads .kasads .campaign:after,.con-kaskus-ads .kasads .campaign:before {
    border-right-color: #fff
}

.con-kaskus-ads.clearfix {
    max-height: 120px;
    overflow: hidden;
    display: none
}

.con-kaskus-ads.clearfix iframe {
    width: 286px;
    height: 70px
}

.col-sm-4:not(:root) {
    width: 33.3%
}

_:-o-prefocus,body:last-child .col-sm-4 {
    width: 33.4%
}

@-moz-document url-prefix() {
    #sidebar-category .listing-sidebar {
        height: 30px!important
    }
}

@media all\0 {
    .sidebar {
        width: 300px;
        float: left
    }

    .sidebar .sidebar-wrap {
        float: right
    }

    .sidebar .top-kaskuser .tab-content ul li a>span:nth-child(2) {
        width: 80px!important
    }

    .sidebar .tab-store li {
        width: 142px
    }

    #top-feature {
        display: inline-block
    }
}

@media all and (monochrome:0) {
    .sidebar {
        width: 300px;
        float: left
    }

    .sidebar .sidebar-wrap {
        float: right
    }

    .sidebar .top-kaskuser .tab-content ul li a>span:nth-child(2) {
        width: 80px!important
    }

    #top-feature {
        display: inline-block
    }
}

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    .col-sm-4 {
        width: 33.3%!important
    }
}

body {
    background: #f7f7f7;
    color: #6e6e6e;
    font: 12px Roboto,Helvetica,Arial,sans-serif;
    line-height: 140%
}

.naa {
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 10px
}

.naa.entry-head {
    border: 0;
    padding: 0;
    background: #484848
}

.naa.entry-head span {
    color: #fff;
    padding: 8px 5px;
    display: inline-block;
    font-weight: 400
}

.naa.entry-head span.reply-to {
    white-space: nowrap;
    width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
    padding: 7px
}

@media screen and (max-width:1200px) {
    .naa.entry-head span.reply-to {
        width: 200px
    }
}

.naa a {
    color: #fff
}

.naa__wrapper {
    position: relative;
    background: #484848;
    padding: 5px 10px 8px;
    float: left;
    width: 100%
}

.naa__wrapper p {
    margin-left: 80px;
    color: #fff;
    margin-bottom: 0;
    font-size: 13px
}

.naa__logo {
    float: left;
    width: 70px;
    top: 0;
    left: 0
}

.naa__logo img {
    max-width: 100%
}

.naa-div {
    float: right;
    margin-bottom: 5px
}

.naa-div__wrapper {
    position: relative;
    max-width: 100%
}

.naa-div__content {
    background: #484848;
    padding: 5px 10px 8px;
    margin-left: 55px;
    float: left
}

.naa-div__content p {
    color: #fff;
    margin-bottom: 0;
    font-size: 13px
}

.naa-div__logo {
    float: left;
    width: 72px
}

.naa-div__logo img {
    max-width: 100%
}

.naa-div__image {
    position: absolute;
    left: 17px;
    top: -11px;
    width: 45px
}

.block__box .empty-cart {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 50px
}

.block__box .empty-cart .negative-case {
    min-height: 200px
}

.block__box .empty-cart .negative-case--list-pembelian {
    background-size: 15%
}

.block__box .empty-cart p {
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 0
}

.block__box .empty-cart h4 {
    font-weight: 500;
    font-size: 18px
}

.block__box .empty-cart__btn {
    margin-top: 30px
}

.block__box .empty-cart__btn .btn {
    padding: 10px 50px;
    font-size: 17px
}

.invoicePrint-wrapper {
    max-width: 55%;
    margin: 0 auto;
    padding: 30px 0;
    background: #fff
}

.invoicePrint-logo {
    padding: 0 20px 30px
}

.invoicePrint-logo-item {
    background-image: url(../images/logo-kaskus-big.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-top: 15px;
    margin-right: 30px;
    display: block;
    width: 180px;
    height: 27px;
    text-indent: -9999px
}

.invoicePrint-title {
    padding: 0 20px 20px
}

.invoicePrint-detail {
    padding: 0 20px 15px;
    color: #3A3A3A;
    width: 100%;
    float: left
}

.invoicePrint-detail td {
    padding-bottom: 5px;
    padding-right: 3px
}

.invoicePrint-table {
    padding: 0 20px 15px;
    color: #3A3A3A;
    width: 100%;
    float: left
}

.invoicePrint-table .table>thead>tr>th {
    vertical-align: top;
    border: 0;
    text-align: center;
    background: #F1F1F1
}

.invoicePrint-table .table>thead>tr>td {
    border-top: 0;
    border-bottom: 1px solid #ddd;
    text-align: center;
    vertical-align: top
}

.invoicePrint-table .table>thead>tr>td:first-child {
    text-align: left
}

.invoicePrint-table .table>thead>tr>td:last-child {
    text-align: right
}

.invoicePrint-table .table>thead>tr.shipping>td {
    border: 0;
    padding: 2px 8px;
    text-align: right
}

.invoicePrint-table .table>thead>tr.shipping>td:first-child {
    text-align: right
}

.invoicePrint-table .table>thead>tr.shipping.first>td {
    padding-top: 8px
}

.invoicePrint-table .table>thead>tr.total {
    font-size: inherit
}

.invoicePrint-table .table>thead>tr.total>td {
    border: 0;
    padding: 2px 0;
    text-align: right
}

.invoicePrint-table .table>thead>tr.total>td:first-child {
    text-align: right
}

.invoicePrint-table .table>thead>tr.total>td strong {
    padding: 10px 8px 9px;
    background: #FFF5E3;
    display: inline-block
}

.invoicePrint-table .table>thead>tr.total>td.total-harga strong {
    padding: 8px;
    color: #f7941d;
    font-size: 14px;
    display: block
}

.invoicePrint-data {
    color: #3A3A3A;
    padding: 0 20px 15px
}

.invoicePrint-data h3 {
    margin-bottom: 10px
}

.invoicePrint-data p {
    margin-bottom: 3px
}

.section__wrapper {
    overflow: hidden;
    background: #fff;
    border: 1px solid #e5e5e5;
    margin-bottom: 10px;
    position: relative;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.section__wrapper.upload-video {
    overflow: visible!important
}

.section__wrapper img {
    max-width: 100%
}

.container {
    width: 1170px!important;
    max-width: none!important
}

.container.full {
    width: 100%!important;
    padding: 0
}

.main--small {
    width: 970px!important
}

.main--small .main-content {
    width: 655px
}

.main {
    padding-top: 95px;
    min-height: 60vh;
    position: relative
}

.main-content {
    width: 860px;
    float: left
}

.popover-notice:hover .fa-times {
    color: #6e6e6e
}

.popover-notice .popover.bottom {
    margin: 0 -70px;
    top: 50px!important;
    left: 0!important;
    border-radius: 0
}

.popover-notice .popover.bottom .popover-title {
    border-radius: 0;
    font-weight: 600
}

.popover-notice .popover.bottom .popover-title .fa-times {
    color: #6e6e6e;
    position: absolute;
    right: 0;
    top: 0;
    margin: 10px
}

.popover-notice .popover.bottom>.arrow:after {
    border-bottom-color: #f7f7f7;
    top: -10px;
    margin-left: -11px;
    border-width: 11px
}

.user-quickview {
    width: 310px;
    color: #545454;
    display: none;
    position: absolute;
    z-index: 5;
    border-top: 20px solid transparent;
    cursor: default
}

.user-quickview .user-quickview-wrap {
    border: 1px solid #d4d4d4;
    padding: 10px;
    background: #fafafa
}

.user-quickview .user-quickview-wrap:after,.user-quickview .user-quickview-wrap:before {
    content: ""
}

.user-quickview .user-quickview-wrap:after {
    position: absolute;
    border-style: solid;
    border-color: transparent transparent #fafafa;
    border-width: 0 10px 10px;
    top: -9px;
    left: 13px
}

.user-quickview .user-quickview-wrap:before {
    position: absolute;
    border-style: solid;
    border-color: transparent transparent #d4d4d4;
    border-width: 0 11px 11px;
    top: -11px;
    left: 12px
}

.user-quickview .user-quickview-wrap .user-avatar {
    width: 100px;
    height: 100px;
    margin-right: 10px
}

.user-quickview .user-quickview-wrap .user-avatar figure {
    height: 100px;
    width: 100px
}

.user-quickview .user-quickview-wrap .user-information {
    float: left
}

.user-quickview .user-quickview-wrap .user-information .nickname {
    font-weight: 700
}

.user-quickview .user-quickview-wrap .user-information .reputation {
    margin: 0 0 10px 2px;
    display: inline-block
}

.user-quickview .user-quickview-wrap .badges {
    margin: 0;
    padding: 0
}

.user-quickview .user-quickview-wrap .badges .user-badge {
    width: 160px;
    margin-bottom: 35px
}

.user-quickview .user-quickview-wrap .badges .user-badge>div {
    background-position: -26px -145px;
    width: 16px;
    height: 12px;
    margin: 0 7px
}

.user-quickview .user-quickview-wrap .badges .user-badge>div .badge {
    margin-left: -13px;
    margin-top: 0
}

.user-quickview .user-quickview-wrap .badges .user-badge>div .badge img {
    width: 25px
}

.user-quickview .user-quickview-wrap .quick-link {
    text-align: center
}

.user-quickview .user-quickview-wrap .quick-link a {
    margin-right: 10px
}

.user-quickview .user-quickview-wrap>.clearfix {
    margin-bottom: 10px
}

.user-quickview .user-quickview-wrap>.clearfix:nth-child(3n) {
    text-align: center
}

.thread-dashboard {
    padding: 10px
}

.btn-icon {
    padding: 0 10px;
    line-height: 28px;
    font-weight: 700
}

.btn-icon i {
    border-right: solid 1px #fff;
    float: left;
    line-height: 28px;
    margin-left: -10px;
    margin-right: 10px;
    padding: 0 10px
}

.ads300 {
    margin-bottom: 15px
}

.forum-control {
    border-top: 1px solid #d4d4d4;
    margin-top: 10px;
    padding-top: 10px
}

.tools-panel {
    float: left
}

.forum-setting>.thread-tools {
    padding: 5px 10px;
    border: 1px solid transparent;
    color: #6e6e6e;
    cursor: pointer;
    display: block;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.forum-setting.open>.thread-tools,.forum-setting>.thread-tools:focus,.forum-setting>.thread-tools:hover {
    border: 1px solid #d4d4d4;
    background: #ebebeb;
    color: #545454;
    text-decoration: none
}

.forum-setting .dropdown-menu {
    margin-top: -1px;
    background: #ebebeb;
    padding: 0;
    min-width: 180px;
    max-height: 380px;
    overflow: scroll
}

.forum-setting .dropdown-menu li {
    border: 1px dotted #d4d4d4
}

.forum-setting .dropdown-menu li a {
    padding: 5px 10px;
    display: block;
    color: #545454;
    font-weight: 400
}

.forum-setting .dropdown-menu li label {
    padding: 4px 10px 0;
    display: block;
    color: #545454;
    font-weight: 400
}

.forum-setting .dropdown-menu li:hover {
    text-decoration: none
}

.forum-setting .dropdown-menu li.act {
    padding: 10px;
    border-bottom: 0;
    text-align: center
}

.short-url {
    color: #6e6e6e;
    font-size: 20px;
    margin: 0 5px;
    position: relative;
    float: left
}

.short-url input[type=text] {
    line-height: 24px;
    width: 150px;
    padding: 0 4px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.entry-head {
    background-color: #f0f0f0;
    position: relative;
    border-left: 5px solid #1998ed;
    line-height: 20px;
    padding: 2px 10px;
    height: 30px
}

.entry-head span {
    font-weight: 700;
    margin: 0;
    padding: 5px 0;
    line-height: normal;
    display: block
}

.reply-form {
    margin-bottom: 10px;
    border: 1px solid #d4d4d4
}

.reply-form .reply-thread {
    border-top: 1px solid #d4d4d4;
    background: #f5f5f5;
    padding-top: 10px
}

.reply-form .reply-thread .actions {
    text-align: center;
    padding: 0 20px 20px
}

.reply-form .reply-to {
    position: absolute;
    right: 10px;
    top: 0
}

.postlist {
    margin-bottom: 10px;
    background: #fafafa;
    border: 1px solid #d4d4d4;
    z-index: 1
}

.postlist .kasad-h {
    background-color: #f0f0f0;
    border-left: 5px solid #1998ed;
    line-height: 20px;
    padding: 5px 0 5px 10px;
    color: #0073b9
}

.postlist .entry-head .meta-check {
    display: block;
    float: left;
    position: relative;
    text-shadow: none!important;
    margin: 0
}

.postlist .entry-head .meta-check i {
    font-size: 18px;
    color: #545454;
    left: 0;
    position: absolute;
    top: 2px
}

.postlist .entry-head .meta-check i.unread {
    background: #fff;
    border-radius: 4px;
    width: 14px;
    height: 14px;
    top: 6px;
    position: absolute
}

.postlist .entry-head .meta-check i.unread:before {
    content: ''
}

.postlist .entry-head .permalink {
    float: left;
    padding: 5px 10px;
    position: relative;
    text-align: right
}

.postlist .entry-head .report {
    float: left;
    padding: 5px 0 0;
    text-align: right
}

.postlist .entry-head .report>a {
    background-position: -68px -166px;
    width: 15px;
    height: 20px;
    display: block
}

.postlist .entry-head .entry-checkbox {
    float: left;
    padding: 5px 0;
    margin-left: 10px;
    position: relative
}

.postlist .author {
    position: relative;
    padding: 5px;
    border-bottom: 1px solid #d4d4d4;
    border-top: 1px solid #d4d4d4;
    background: #f5f5f5
}

.postlist .author figure {
    margin-right: 10px;
    display: table-cell;
    height: 50px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    width: 50px
}

.postlist .author figure div {
    width: 50px;
    height: 50px;
    display: table-cell;
    vertical-align: middle
}

.postlist .author .photo {
    display: block;
    margin: auto;
    max-height: 50px;
    max-width: 50px;
    position: relative
}

.postlist .author .user-details {
    float: left;
    margin-top: 5px
}

.postlist .author .user-details .nickname {
    font-weight: 700;
    color: #0073b9
}

.postlist .author .user-details .nickname.ts {
    color: #0073b9
}

.postlist .author .user-details .entry-date {
    position: absolute;
    top: -24px;
    left: 40px
}

.postlist .author .user-details .reputation {
    display: inline-block;
    padding-right: 15px
}

.postlist .author .user-details .user-info>div {
    display: inline-block;
    vertical-align: middle
}

.postlist .entry-title {
    color: #000;
    display: block;
    font-weight: 700;
    font-size: 14px;
    margin: 0 10px;
    border-bottom: 1px solid #e6e6e6;
    padding: 10px 0;
    position: relative
}

.postlist .entry {
    padding: 10px 0;
    font-size: 14px;
    line-height: 1.4;
    margin: 0 10px;
    min-height: 150px;
    position: relative
}

.postlist .entry img {
    margin-bottom: -1px;
    max-width: 100%
}

.postlist .entry-footer {
    margin: 0 10px;
    border-top: 1px solid #e6e6e6;
    padding: 10px 0
}

.postlist .entry-footer .app {
    float: left;
    margin-right: 10px;
    width: 24px
}

.postlist .entry-footer .app img {
    width: 24px
}

.postlist .entry-footer .last-edit {
    color: #b3b3b3;
    float: left;
    margin: 4px 0
}

.postlist .entry-footer .user-tools {
    float: right;
    margin: 4px 0
}

.postlist .entry-footer .user-tools .btn {
    padding: 0 10px
}

.postlist.spam .entry-head {
    background: #fff3f3;
    border-color: #e4302f
}

.postlist.spam .author {
    background: #fff3f3
}

.user-option-first-post {
    margin-top: 7px;
    margin-left: 15px;
    float: left
}

.user-option-first-post+.entry-checkbox {
    margin-left: 0!important
}

.user-option-first-post a {
    display: inline-block;
    margin-right: 10px
}

.user-option-first-post a.ipstat {
    width: 17px;
    height: 15px;
    background-position: -117px -168px
}

.user-option-first-post a.send-cendol {
    width: 18px;
    height: 15px;
    background-position: -91px -168px
}

.user-option-first-post a.online {
    width: 15px;
    height: 15px;
    background-position: -141px -168px
}

.user-option-first-post a.offline {
    width: 15px;
    height: 15px;
    background-position: -141px -190px
}

ul.user-option {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 10px;
    bottom: 5px
}

ul.user-option li {
    display: inline-block;
    margin-left: 10px
}

ul.user-option li a {
    display: block
}

ul.user-option li a.ipstat {
    width: 17px;
    height: 15px;
    background-position: -117px -168px
}

ul.user-option li a.send-cendol {
    width: 18px;
    height: 15px;
    background-position: -91px -168px
}

ul.user-option li a.online {
    width: 15px;
    height: 15px;
    background-position: -141px -168px
}

ul.user-option li a.offline {
    width: 15px;
    height: 15px;
    background-position: -141px -190px
}

ul.user-option li:nth-child(2) .tooltip {
    width: auto
}

.reputation {
    margin-left: 10px;
    cursor: pointer;
    position: relative
}

.reputation>div {
    margin-left: 1px;
    display: inline-block;
    width: 6px;
    height: 8px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.reputation>div:first-child {
    margin-left: 0
}

.reputation.cendol>div {
    background: #30c436
}

.reputation.cendol>div:nth-child(n+6) {
    background: #60e38f
}

.reputation.cendol .cendol-number {
    width: 20px;
    margin-left: -4px
}

.reputation.bata>div {
    background: #c82a32
}

.reputation.bata>div:nth-child(n+6) {
    background: #e4555d
}

.reputation.off>div {
    background: #454545
}

.reputation.balance>div {
    background: #ccc
}

.reputation:hover .reputation-table {
    display: block
}

.reputation .reputation-table {
    width: 240px;
    height: auto;
    color: #545454;
    display: none;
    position: absolute;
    z-index: 5;
    right: -240px;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid #EBEBEB;
    background: #fff!important;
    -webkit-box-shadow: 0 0 20px -7px #000;
    -moz-box-shadow: 0 0 20px -7px #000;
    box-shadow: 0 0 20px -7px #000
}

.reputation .reputation-table span {
    display: block;
    padding: 10px;
    background-color: #f5f5f5;
    font-weight: 700;
    font-size: 14px
}

.reputation .reputation-table .description {
    padding: 10px
}

.reputation .reputation-table .description img {
    width: 20px
}

.reputation .reputation-table .description td:last-child {
    padding-left: 10px
}

.reputation .reputation-table a {
    display: block;
    text-decoration: underline;
    font-weight: 700;
    margin-top: 10px;
    padding-left: 5px
}

.reputation .reputation-table:after,.reputation .reputation-table:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.reputation .reputation-table:after {
    border-color: rgba(255,255,255,0);
    border-right-color: #fff;
    border-width: 10px;
    margin-top: -10px
}

.reputation .reputation-table:before {
    border-color: rgba(235,235,235,0);
    border-right-color: #ebebeb;
    border-width: 11px;
    margin-top: -11px
}

.listing-wrapper .footer {
    border: 1px solid #d4d4d4;
    background: #f5f5f5;
    padding: 10px;
    margin-bottom: 10px
}

.thread-prevnext {
    background: #ebebeb;
    margin: 0 auto 10px;
    overflow: hidden;
    position: relative;
    width: 480px
}

.thread-prevnext a {
    color: #6e6e6e;
    display: block;
    text-decoration: none!important;
    width: 240px
}

.thread-prevnext a span {
    display: block;
    height: 26px;
    line-height: 16px;
    position: relative;
    width: 220px;
    padding: 5px 10px 5px 30px;
    z-index: 1
}

.thread-prevnext .prev-thread {
    float: left;
    text-align: left
}

.thread-prevnext .prev-thread:hover+.next-thread>div {
    border-left: 0;
    left: 0
}

.thread-prevnext .next-thread {
    float: right;
    text-align: right
}

.thread-prevnext .next-thread>div {
    content: "";
    background: rgba(255,255,255,.5);
    border: 1px solid rgba(0,0,0,.2);
    border-top: 0;
    border-bottom: 0;
    bottom: 0;
    left: 160px;
    padding: 0;
    position: absolute;
    top: 0;
    -moz-transition: all .15s ease-in-out;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    width: 160px
}

.thread-prevnext .next-thread:hover>div {
    border-right: 0;
    left: 320px
}

.thread-control .forum-tools-wrap {
    padding: 10px 0;
    position: relative
}

.thread-control .forum-tools-wrap .form-control {
    display: inline-block;
    width: auto;
    min-width: 120px;
    height: 24px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    vertical-align: top;
    padding: 0 0 0 6px;
    -webkit-appearance: none;
    margin-right: 8px
}

.thread-control .forum-tools-wrap #go {
    position: relative;
    z-index: 2
}

.form-submit-reply .form-group {
    margin: 0 0 10px
}

.post-icon label.checkbox-inline {
    display: block;
    padding: 7px;
    text-align: center
}

.post-icon td {
    padding: 0!important;
    cursor: pointer
}

.post-icon td.selected,.post-icon td:hover {
    background: #ebebeb
}

.post-icon td[rowspan="2"] {
    vertical-align: middle
}

.post-icon input {
    opacity: 0;
    margin: 0;
    cursor: pointer
}

.post-icon img {
    margin-left: -20px;
    cursor: pointer
}

tr.moderated td {
    background: #ffc699!important
}

tr.deleted td {
    background: #fbe4e4!important
}

tr.moved td {
    background: #77e7e0!important
}

tr.checked td {
    background: #fa6!important
}

tr.premium td {
    background: #e4ffe1!important
}

.post-entry .listing-table .premium .post-title a {
    font-weight: 700
}

.first-post .postlist .author .user-details {
    margin-left: 10px
}

.fjb-listing .premium .post .price {
    font-weight: 700
}

.tools-panel li.facebook>iframe {
    width: auto!important;
    float: left;
    max-width: 140px
}

.tools-panel li.google iframe,.tools-panel li.google>div,.tools-panel li.twitter>iframe {
    width: auto!important;
    float: left;
    max-width: 100px
}

body.inner .sidebar-trigger-small-screen::-moz-selection,body.inner .sidebar-trigger-small-screen::selection {
    background: 0 0
}

.col-xs-12::-moz-selection,.col-xs-12::selection {
    background: 0 0
}

#div-gpt-ad-r1,#div-gpt-ad-r2,#div-gpt-ad-r3 {
    min-height: 251px
}

.mb5 {
    margin-bottom: 5px
}

.mb10 {
    margin-bottom: 10px
}

.mb20 {
    margin-bottom: 20px
}

.mb30 {
    margin-bottom: 30px
}

.accessibility {
    margin: 0 20px
}

.accessibility a {
    text-indent: -9999px;
    width: 22px;
    height: 20px;
    display: inline-block
}

.accessibility a.text-size-increase {
    background-position: -10px -164px
}

.accessibility a.text-size-increase:hover {
    background-position: -10px -186px
}

.accessibility a.text-size-decrease {
    background-position: -41px -164px
}

.accessibility a.text-size-decrease:hover {
    background-position: -41px -186px
}

.badges {
    line-height: 1.25;
    margin: 20px 0 0 -10px;
    padding: 0 0 0 10px
}

.badges:last-child {
    border-bottom: 0
}

.badges .user-badge {
    width: 100%;
    border-top: 1px solid #d4d4d4;
    border-left: 0;
    margin-bottom: 45px
}

.badges .user-badge>div {
    background-position: -6px -145px;
    width: 20px;
    height: 15px;
    margin-left: 20px;
    float: left;
    position: relative
}

.badges .user-badge>div .badge {
    position: absolute;
    left: 50%;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    top: 50%;
    margin-left: -15px;
    margin-top: -4px
}

.badges .user-badge>div .badge img {
    width: 30px
}

.icon-badge {
    vertical-align: middle;
    margin-left: 5px;
    display: inline-block;
    width: 15px;
    height: 18px;
    background-image: url(../images/layout/comp-sprites.png)
}

.icon-badge.plus {
    background-position: -202px -401px
}

.icon-badge.plus-plus {
    background-position: -220px -401px
}

.icon-badge.green-shield {
    background-position: -243px -401px;
    width: 18px
}

.icon-badge.blue-shield {
    background-position: -266px -401px;
    width: 18px
}

.smiley-wrapper {
    background: #f5f5f5;
    border: 1px solid #d4d4d4;
    overflow: hidden;
    margin-top: 10px;
    padding: 0 10px;
    position: relative
}

.smiley-wrapper hr {
    border: 0;
    border-bottom: solid 1px rgba(0,0,0,.05);
    clear: both;
    margin: 5px 0
}

.smiley-wrapper img {
    filter: alpha(Opacity=80);
    opacity: .8
}

.smiley-wrapper img:hover {
    filter: alpha(Opacity=100);
    opacity: 1
}

.smiley-wrapper .opensmilies {
    clear: both;
    font-size: 10px;
    overflow: hidden;
    position: absolute;
    right: 10px;
    top: 10px
}

#smilietable {
    background: #fafafa;
    margin: 0
}

#smilietable thead th {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

#smilietable tbody th {
    font-weight: 700
}

#smilietable .smallfont {
    font-size: 10px;
    font-weight: 400;
    line-height: 1.25
}

.smiley {
    margin: 0
}

.smiley .smiley-list {
    text-align: center;
    padding-top: 15px
}

.smiley span {
    border-bottom: solid 1px rgba(0,0,0,.05);
    font-weight: 700;
    margin: 0 -10px;
    padding: 5px 10px 10px;
    text-transform: uppercase;
    display: block
}

.smiley a {
    display: inline-block;
    margin: 5px;
    overflow: hidden
}

.smiley img {
    display: block;
    height: auto;
    max-width: 70px
}

.smiley img.unavailable {
    filter: gray;
    -webkit-filter: grayscale(1);
    cursor: default
}

.smiley-tab {
    margin: 0 -10px
}

.smiley-tab .nav-tabs {
    border-bottom: none
}

.smiley-tab .nav-tabs a {
    padding: 10px 0;
    margin: 0;
    position: relative;
    transform: translateY(-50%);
    top: 25px
}

.smiley-tab .nav-tabs a img {
    max-width: 30px;
    margin: auto;
    -webkit-filter: grayscale(100%);
    filter: gray
}

.smiley-tab .nav-tabs a:hover {
    background: 0 0;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 3px solid #f0f0f0
}

.smiley-tab .nav-tabs li {
    margin: 0;
    height: 50px;
    width: 50px;
    overflow: hidden
}

.smiley-tab .nav-tabs li:hover {
    background-color: #f0f0f0
}

.smiley-tab .nav-tabs .active {
    background-color: #fff;
    border-bottom: 3px solid #1998ed!important
}

.smiley-tab .nav-tabs .active a {
    background-color: transparent;
    border: none!important
}

.smiley-tab .nav-tabs .active a img {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%)
}

.smiley-tab .nav-tabs .active a:active,.smiley-tab .nav-tabs .active a:hover,.smiley-tab .nav-tabs .active:hover {
    background-color: #fff
}

.smiley-tab .tab-pane {
    padding: 0
}

.smiley-tab .tab-pane.active {
    border-top: 1px solid #d4d4d4
}

.smiley-tab__container {
    max-height: 140px;
    overflow-x: hidden;
    padding: 10px 0 10px 5px
}

.smiley-tab__featured {
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
    position: relative;
    padding: 15px
}

.smiley-tab__featured .logo {
    position: absolute;
    width: 70px;
    max-width: initial
}

.smiley-tab__featured .description {
    position: relative;
    padding-left: 85px
}

.smiley-tab__featured .description h4 {
    color: #ec1b62;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px
}

.smiley-tab__featured .description p {
    color: #343434;
    max-width: 500px;
    margin: 0;
    display: inline-block;
    vertical-align: middle
}

.smiley-tab__featured .description .btn {
    vertical-align: middle;
    float: right;
    margin-top: 0
}

.smiley-tab__item {
    display: inline-block;
    vertical-align: middle;
    height: 58px;
    width: 78px;
    margin-bottom: 5px
}

.smiley-tab__item:hover {
    background-color: #e8e8e8
}

.smiley-tab__item a {
    padding: 5px 15px;
    margin: 0;
    height: 60px;
    width: 80px;
    position: relative;
    transform: translateY(-50%);
    top: 30px
}

.smiley-tab__item img {
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.smiley-tab__item--unavailable {
    -webkit-filter: grayscale(100%);
    filter: gray
}

.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom
}

.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto
}

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto
}

.mCSB_inside>.mCSB_container {
    margin-right: 30px
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-left: 30px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0
}

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0
}

.mCSB_outside+.mCSB_scrollTools {
    right: -26px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    right: auto;
    left: 0
}

.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    left: -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    text-align: center
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px
}

.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0
}

.mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-bottom: 30px
}

.mCSB_horizontal.mCSB_outside>.mCSB_container {
    min-height: 100%
}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0
}

.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
    margin: 0 20px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0
}

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px
}

.mCSB_container_wrapper>.mCSB_container {
    padding-right: 30px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
    padding-right: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
    padding-bottom: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out,background-color .2s ease-in-out
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
    -webkit-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
    transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out
}

.mCSB_scrollTools {
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)"
}

.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)"
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp {
    background-image: url(mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px
}

.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover {
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active {
    opacity: .9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.15)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0,0,0,.85)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(0,0,0,.9)
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255,255,255,.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255,255,255,.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.85)
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.9)
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255,255,255,.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255,255,255,.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.85)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.9)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255,255,255,.1)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.15)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255,255,255,.15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger {
    height: 14px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 14px;
    margin: 0 1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 14px;
    margin: 1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    height: 16px;
    margin: -1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    width: 16px;
    margin: 0 -1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
    background-repeat: repeat-y;
    opacity: .3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
    background-image: linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
    background-image: linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px
}

.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    width: 8px;
    background-color: #000;
    background-color: rgba(0,0,0,.2);
    box-shadow: inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.1);
    box-shadow: inset 1px 0 1px rgba(0,0,0,.1)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0,0,0,.1)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical {
    right: 1px
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255,255,255,.4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.4)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    width: auto
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0,0,0,.05);
    box-shadow: inset 1px 1px 16px rgba(0,0,0,.1)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0,0,0,.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #777
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0,0,0,.05);
    box-shadow: inset 1px 1px 16px rgba(0,0,0,.1)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
    right: 0
}

.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px
}

.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
    left: 0;
    right: auto
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0,0,0,.2)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.1)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0,0,0,.2)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.1)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255,255,255,.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0,0,0,.2)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255,255,255,.6)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.6)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.75)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.85)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.9)
}

span.customSelectInner {
    width: 100%!important
}

.markItUp * {
    margin: 0;
    outline: 0;
    padding: 0
}

.markItUp a:link,.markItUp a:visited {
    border: 0;
    color: #000;
    padding: 2px 13px;
    text-decoration: none
}

.markItUpContainer {
    font: 11px Helvetica,arial,sans-serif
}

.markItUpEditor {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    clear: both;
    min-height: 190px;
    line-height: 18px;
    overflow: auto;
    padding: 4px;
    width: 100%;
    border: 1px solid #ccc;
    resize: vertical
}

.markItUpPreviewFrame {
    background-color: #fff;
    border: 1px solid #3c769d;
    height: 300px;
    margin: 5px 0;
    overflow: auto;
    width: 99.9%
}

.markItUpResizeHandle {
    background-image: url(../../img/editor/handle.png);
    cursor: n-resize;
    height: 5px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    width: 22px
}

.markItUpHeader {
    background-color: #f9f9f9;
    padding: 5px;
    border: 1px solid #ccc
}

.markItUpHeader:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}

.markItUpFooter {
    cursor: n-resize;
    display: none!important;
    width: 100%
}

.markItUpHeader ul a {
    background-repeat: no-repeat;
    display: block;
    height: 20px;
    margin: 0;
    padding: 3px;
    text-indent: -10000px;
    width: 20px
}

.markItUpHeader ul li {
    float: left;
    list-style: none;
    position: relative;
    margin: 5px 0
}

.markItUpHeader ul li ul {
    display: none
}

.markItUpHeader ul li:hover>ul {
    display: block
}

.markItUpHeader ul .markItUpDropMenu {
    background: url(../images/editor/menu.png) right center no-repeat;
    margin-right: 5px
}

.markItUpHeader ul .markItUpDropMenu li {
    margin-right: 0
}

.markItUpHeader ul .markItUpSeparator {
    background-color: #ddd;
    height: 20px;
    margin: 5px 10px;
    overflow: hidden;
    text-indent: -999px;
    width: 1px
}

.markItUpHeader ul ul {
    background: #f5f5f5;
    border: 1px solid #ccc;
    display: none;
    height: inherit;
    left: 0;
    position: absolute;
    top: 18px;
    z-index: 10
}

.markItUpHeader ul ul a {
    background-position: 2px 50%;
    display: block;
    padding: 5px 5px 5px 25px;
    text-indent: 0;
    width: 120px
}

.markItUpHeader ul ul a:hover {
    background-color: #eee
}

.markItUpHeader ul ul li {
    border-bottom: 1px solid #d6d6d6;
    float: none;
    margin: 0
}

.markItUpHeader ul ul .markItUpSeparator {
    height: 1px;
    margin: 5px 10px;
    width: auto
}

.markItUpHeader ul ul .markItUpDropMenu {
    background: url(../images/editor/submenu.png) 100% 50% no-repeat #f5f5f5
}

.markItUpHeader ul ul ul {
    left: 150px;
    position: absolute;
    top: -1px
}

.markItUpHeader ul ul ul li {
    float: none
}

[class*=" markItUpButton"] a,[class^=markItUpButton] a {
    display: inline;
    width: auto;
    height: auto;
    line-height: normal;
    vertical-align: baseline;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    margin-top: 0;
    font-family: fontello;
    font-weight: 400;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased
}

[class*=" markItUpButton"] a:before,[class^=markItUpButton] a:before {
    text-decoration: inherit;
    display: inline-block;
    speak: none;
    position: absolute;
    left: 4px;
    top: 4px;
    text-indent: 0;
    font-size: 14px
}

.markItUp .markItUpButton1>a:before {
    content: "\e843";
    left: 7px
}

.markItUp .markItUpButton2>a:before {
    content: "\e844";
    left: 7px
}

.markItUp .markItUpButton3>a:before {
    content: "\e84c";
    left: 7px
}

.markItUp .markItUpButton4>a:before {
    content: "\e845"
}

.markItUp .markItUpButton5>a:before {
    content: "\e846"
}

.markItUp .markItUpButton6>a:before {
    content: "\e847"
}

.markItUp .markItUpButton7>a:before {
    content: "\e84a"
}

.markItUp .markItUpButton8>a:before {
    content: "\e84b"
}

.markItUp .markItUpButton9>a:before {
    content: "\e849"
}

.markItUp .markItUpButton10>a:before {
    content: "\e848"
}

.markItUp .markItUpButton11>a:before {
    content: "\e813"
}

.markItUp .markItUpButton12>a:before {
    content: "\e814"
}

.markItUp .markItUpButton13>a:before {
    content: "\e801"
}

.markItUp .markItUpButton14>a:before {
    content: "\e807"
}

.markItUp .markItUpButton15>a:before {
    content: "\e81d"
}

.markItUp .markItUpButton16>a:before {
    content: "\e81e"
}

.markItUp .markItUpButton17>a:before {
    content: "\e80c"
}

.markItUp .markItUpButton18 {
    width: 25px
}

.markItUp .markItUpButton18 ul {
    width: 86px
}

.markItUp .markItUpButton18 ul li {
    border: 0;
    float: left;
    height: 24px;
    margin: 2px;
    overflow: hidden;
    padding: 0;
    width: 24px
}

.markItUp .markItUpButton18 ul li a {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #ddd;
    display: block;
    height: 22px;
    margin: 0;
    opacity: .68;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 22px
}

.markItUp .markItUpButton18 ul li a:hover {
    border-color: #ccc;
    opacity: 1
}

.markItUp .markItUpButton18>a:before {
    content: "\e842"
}

.markItUp .markItUpButton18 .col1-1 a {
    background: #ff0
}

.markItUp .markItUpButton18 .col1-2 a {
    background: orange
}

.markItUp .markItUpButton18 .col1-3 a {
    background: red
}

.markItUp .markItUpButton18 .col2-1 a {
    background: #00f
}

.markItUp .markItUpButton18 .col2-2 a {
    background: purple
}

.markItUp .markItUpButton18 .col2-3 a {
    background: green
}

.markItUp .markItUpButton18 .col3-1 a {
    background: #fff
}

.markItUp .markItUpButton18 .col3-2 a {
    background: gray
}

.markItUp .markItUpButton18 .col3-3 a {
    background: #000
}

.markItUp .markItUpButton19 a {
    background: #fff;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    line-height: 18px;
    padding: 1px;
    text-align: center;
    text-indent: 0;
    width: 45px
}

.markItUp .markItUpButton19 li {
    margin: 0;
    padding: 0
}

.markItUp .markItUpButton19 li a {
    padding: 5px
}

.markItUp .markItUpButton19 ul a {
    background: #f5f5f5;
    font-weight: 500;
    height: 25px;
    text-align: left;
    text-indent: 0!important;
    width: 100px
}

.markItUp .markItUpButton19 .font-arial a {
    font-family: Arial,"DejaVu Sans","Liberation Sans",Freesans,sans-serif
}

.markItUp .markItUpButton19 .font-arialblack a {
    font-family: "Arial Black",Gadget,sans-serif
}

.markItUp .markItUpButton19 .font-arialnarrow a {
    font-family: "Arial Narrow","Nimbus Sans L",sans-serif
}

.markItUp .markItUpButton19 .font-bookantiqua a {
    font-family: Times New Roman,Times,serif
}

.markItUp .markItUpButton19 .font-centurygothic a {
    font-family: "Century Gothic",futura,"URW Gothic L",Verdana,sans-serif
}

.markItUp .markItUpButton19 .font-comicsansms a {
    font-family: "Comic Sans MS",cursive
}

.markItUp .markItUpButton19 .font-couriernew a {
    font-family: "Courier New",Courier,"Nimbus Mono L",monospace
}

.markItUp .markItUpButton19 .font-georgia a {
    font-family: Constantina,Georgia,"Nimbus Roman No9 L",serif
}

.markItUp .markItUpButton19 .font-impact a {
    font-family: Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif
}

.markItUp .markItUpButton19 .font-lucidaconsole a {
    font-family: "Lucida Sans Unicode","Lucida Grande","Lucida Sans","DejaVu Sans Condensed",sans-serif
}

.markItUp .markItUpButton19 .font-timesnewroman a {
    font-family: Cambria,"Times New Roman","Nimbus Roman No9 L",Freeserif,Times,serif
}

.markItUp .markItUpButton19 .font-Trebucher a {
    font-family: "Trebuchet MS",sans-serif
}

.markItUp .markItUpButton19 .font-Verdana a {
    font-family: Verdana,Geneva,"DejaVu Sans",sans-serif
}

.markItUp .markItUpButton20 a {
    background: url(../images/editor/fonts.png) 3px 3px no-repeat;
    width: 30px
}

.markItUp .markItUpButton20 .size-1 a,.markItUp .markItUpButton20 .size-2 a,.markItUp .markItUpButton20 .size-3 a,.markItUp .markItUpButton20 .size-4 a,.markItUp .markItUpButton20 .size-5 a,.markItUp .markItUpButton20 .size-6 a,.markItUp .markItUpButton20 .size-7 a {
    background-image: none;
    height: auto;
    padding: 5px;
    text-align: center
}

.markItUp .markItUpButton20 .size-1 a {
    font-size: 10px;
    line-height: 10px
}

.markItUp .markItUpButton20 .size-2 a {
    font-size: 12px;
    line-height: 12px
}

.markItUp .markItUpButton20 .size-3 a {
    font-size: 14px;
    line-height: 14px
}

.markItUp .markItUpButton20 .size-4 a {
    font-size: 16px;
    line-height: 16px
}

.markItUp .markItUpButton20 .size-5 a {
    font-size: 20px;
    line-height: 20px
}

.markItUp .markItUpButton20 .size-6 a {
    font-size: 24px;
    line-height: 24px
}

.markItUp .markItUpButton20 .size-7 a {
    font-size: 28px;
    line-height: 28px
}

.markItUp .markItUpButton21 a {
    background: url(../images/editor/spoiler.jpg) center top no-repeat #fff;
    width: 25px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px
}

.markItUp .markItUpButton22>a:before {
    content: "\e856";
    font-size: 18px;
    top: 2px;
    left: 7px;
    color: #f11
}

.markItUp .markItUpButton23>a:before {
    content: "\e855";
    color: #009cc2;
    font-size: 18px;
    top: 2px
}

.markItUp .markItUpButton24>a:before {
    content: "\e853";
    color: #EF3F23;
    font-size: 18px;
    top: 2px
}

.markItUp .markItUpButton25>a:before {
    content: "";
    background-image: url(../images/editor/dailymotion.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    top: 2px;
    width: 17px;
    height: 17px;
    display: inline-block
}

.markItUp .markItUpButton26>a:before {
    content: "";
    background-image: url(../images/editor/smule.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    top: 2px;
    width: 18px;
    height: 18px;
    display: inline-block
}

body.forum .main .dropdown .dropdown-menu input[type=button],body.forum .main .dropdown .dropdown-menu input[type=submit] {
    background-color: #1998ed;
    color: #fff!important
}

body.forum .listing a {
    color: #6e6e6e
}

body.forum .listing a.blue-link {
    color: #0073b9
}

body.forum .table .jump {
    border: 1px solid #6e6e6e;
    background: 0 0;
    text-shadow: none;
    color: #6e6e6e
}

body.forum .postlist {
    word-break: break-word
}

body.forum .postlist .entry {
    color: #343434!important
}

body.forum .postlist .entry-title {
    color: #343434
}

body.forum .postlist .entry-head .meta-check i.read {
    color: #1998ed
}

body.forum .postlist .entry-footer .user-tools .btn {
    color: #fff!important;
    background-color: #1998ed!important;
    border-radius: 2px;
    -moz-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

body.forum .postlist .entry-footer .user-tools .btn.active,body.forum .postlist .entry-footer .user-tools .btn:active,body.forum .postlist .entry-footer .user-tools .btn:focus,body.forum .postlist .entry-footer .user-tools .btn:hover {
    color: #fff;
    background-color: #31a3ef!important
}

body.forum .postlist .entry-footer .user-tools .btn.active {
    color: #fff!important;
    background-color: #ff7100!important;
    border-radius: 2px;
    -moz-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

body.forum .postlist .entry-footer .user-tools .btn.active.active,body.forum .postlist .entry-footer .user-tools .btn.active:active,body.forum .postlist .entry-footer .user-tools .btn.active:focus,body.forum .postlist .entry-footer .user-tools .btn.active:hover {
    color: #fff;
    background-color: #ff7f1a!important
}

body.forum #after-login:hover .user-avatar {
    border: 1px solid #31a3ef
}

body.forum #after-login:hover>.dropdown-toggle {
    color: #ff7f1a
}

body.forum .listing-table:before {
    background: #1998ed
}

body.forum .listing-table .post-title a {
    color: #343434
}

body.forum .user-main-content .group-desc h2 {
    color: #000
}

.keyword ul {
    margin: 0
}

.keyword ul li {
    display: inline-block;
    margin: 5px 4px 5px 0
}

.keyword ul li a {
    padding: 5px 10px;
    line-height: 24px;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #f0f0f0;
    border: 1px solid #f0f0f0;
    color: #0073b9;
    text-decoration: none;
    text-align: center
}

.keyword ul li a:hover {
    background: #1998ed;
    border-color: #1998ed;
    color: #fff
}

.top-kaskuser ul.nav-tabs>li {
    padding: 0
}

.top-kaskuser ul.nav-tabs>li:nth-child(2n)>a {
    border-left: 0;
    border-right: 0
}

.top-kaskuser ul.nav-tabs>li>a {
    position: relative;
    text-align: center;
    display: block;
    padding: 5px 0;
    color: #0073b9;
    text-decoration: none;
    border: 1px solid #1998ed;
    font-size: 14px;
    border-radius: 0;
    background: #f5f5f5;
    margin: 0
}

.top-kaskuser ul.nav-tabs>li>a:focus,.top-kaskuser ul.nav-tabs>li>a:hover {
    text-decoration: none;
    background-color: #78c2f4;
    border-color: #1998ed;
    color: #fff
}

.top-kaskuser ul.nav-tabs>li.active a,.top-kaskuser ul.nav-tabs>li.active a:focus,.top-kaskuser ul.nav-tabs>li.active a:hover {
    color: #fff;
    background-color: #1998ed;
    border: 1px solid #1998ed;
    border-bottom-color: transparent;
    cursor: default
}

.top-kaskuser ul.nav-tabs>li.active a:after,.top-kaskuser ul.nav-tabs>li.active a:before {
    content: "";
    top: 100%;
    left: 50%
}

.top-kaskuser ul.nav-tabs>li.active a:before {
    margin-left: -5px;
    position: absolute;
    border-style: solid;
    border-color: #1998ed transparent transparent;
    border-width: 7px 7px 0
}

.top-kaskuser ul.nav-tabs>li.active a:after {
    margin-left: -4px;
    position: absolute;
    border-style: solid;
    border-color: #1998ed transparent transparent;
    border-width: 6px 6px 0
}

.top-kaskuser .tab-content {
    background: #f0f0f0;
    padding: 15px 15px 5px;
    float: none
}

.top-kaskuser .tab-content .tab-pane {
    min-height: 235px
}

.top-kaskuser .tab-content .tab-pane.fade {
    filter: alpha(Opacity=0);
    opacity: 0;
    -moz-transition: opacity .2s linear;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.top-kaskuser .tab-content .tab-pane.fade.in {
    filter: alpha(Opacity=100);
    opacity: 1
}

.top-kaskuser .tab-content ul {
    width: 50%;
    float: left;
    margin: 0
}

.top-kaskuser .tab-content ul li {
    margin: 0 0 10px;
    display: block
}

.top-kaskuser .tab-content ul li a {
    text-decoration: none;
    color: #0073b9;
    display: table
}

.top-kaskuser .tab-content ul li a:hover span {
    text-decoration: underline
}

.top-kaskuser .tab-content ul li a .avatar {
    width: 33px;
    height: 33px;
    overflow: hidden;
    margin-right: 5px;
    display: inline-block;
    background: #ebebeb;
    -moz-transition: border-color .2s ease-in-out;
    -webkit-transition: border-color .2s ease-in-out;
    transition: border-color .2s ease-in-out
}

.top-kaskuser .tab-content ul li a .avatar div {
    display: table-cell;
    vertical-align: middle;
    width: 33px;
    height: 33px;
    text-align: center
}

.top-kaskuser .tab-content ul li a .avatar div img {
    margin: 0 auto;
    max-width: 33px;
    max-height: 33px;
    display: block
}

.top-kaskuser .tab-content ul li a>span:nth-child(2) {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    line-height: 33px;
    width: 90px
}

.event-calendar {
    height: 200px;
    overflow: hidden
}

.event-calendar .event-calendar-list {
    position: relative
}

.event-calendar .event-calendar-list a {
    position: absolute;
    background: url(../images/transparent.png);
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 5
}

.event-calendar .event-calendar-list .event-calendar-date {
    width: 60px;
    height: 60px;
    background: #f7941d;
    position: absolute;
    border: 1px solid rgba(0,0,0,.05);
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 10px;
    color: #fff;
    font-size: 30px;
    text-decoration: none;
    font-weight: 100;
    line-height: 18px
}

.event-calendar .event-calendar-list .event-calendar-date span {
    font-weight: 700;
    font-size: 14px
}

.event-calendar .event-calendar-list .event-calendar-date:after {
    content: "";
    width: 0;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    height: 0;
    position: absolute;
    top: 40%;
    right: -8%;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #f7941d
}

.event-calendar .event-calendar-list .event-calendar-date:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 40%;
    right: -10%;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid rgba(247,148,29,.3)
}

.event-calendar .event-calendar-list .event-calendar-title {
    background: #f2f2f2;
    float: right;
    width: 240px;
    height: 60px;
    overflow: hidden;
    display: table;
    border-bottom: 1px solid #d4d4d4;
    margin-left: 60px
}

.event-calendar .event-calendar-list .event-calendar-title h3 {
    font-size: 12px;
    color: #a1a1a1;
    display: table-cell;
    vertical-align: middle;
    padding: 5px 10px;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.event-calendar .event-calendar-list:hover .event-calendar-date {
    background: #fafafa;
    color: #ff7100;
    border-color: #ff7100
}

.event-calendar .event-calendar-list:hover .event-calendar-date:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 40%;
    right: -11%;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #f7941d
}

.event-calendar .event-calendar-list:hover .event-calendar-date:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 40%;
    right: -9%;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #fafafa
}

.event-calendar .event-calendar-list:hover .event-calendar-title h3 {
    color: #0073b9
}

.top-feature,.top-thread {
    padding: 0
}

.top-feature .image-holder {
    width: 150px;
    height: 90px;
    float: left;
    position: relative;
    overflow: hidden
}

.top-feature .image-holder:hover h3 {
    background: #339ce2
}

.top-feature .image-holder h3 {
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    background: #339ce2;
    background: rgba(51,156,226,.6);
    display: block;
    width: 150px;
    line-height: 30px;
    font-size: 12px;
    padding: 0 10px;
    margin: 0;
    color: #fff;
    font-weight: 400
}

.top-feature .image-holder div,.top-feature .image-holder div img {
    width: 150px;
    height: 90px
}

.sidebar .kaskus-store .tab-content .kaskus-store-form .col-xs-6:last-child {
    padding-left: 20px
}

#carousel-top-forum .carousel-inner,#carousel-top-promoted .carousel-inner {
    max-height: 120px
}

#carousel-top-forum .carousel-inner .active,#carousel-top-promoted .carousel-inner .active {
    width: 100%
}

.thread-detail-prevnext {
    margin: 0 auto 10px;
    width: 100%;
    padding: 0
}

.thread-detail-prevnext__head {
    color: #777;
    font-weight: 500;
    border-right: 1px solid #d4d4d4;
    text-align: center;
    background-color: #f0f0f0;
    float: left;
    padding: 15px 20px;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.thread-detail-prevnext__head span {
    text-transform: uppercase;
    color: #f7941d;
    font-size: 12px;
    font-style: italic;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.thread-detail-prevnext__content {
    padding-left: 105px;
    padding-right: 15px
}

.thread-detail-prevnext p {
    color: #6e6e6e;
    font-size: 14px;
    margin: 0;
    padding: 15px 0;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

@media only screen and (max-width:1024px) {
    .thread-detail-prevnext p {
        font-size: 14px;
        padding: 7px 0
    }
}

.thread-detail-prevnext .col-xs-6 {
    position: relative;
    padding-right: 5px
}

.thread-detail-prevnext .col-xs-6:last-child {
    padding-right: 15px;
    padding-left: 5px
}

.thread-detail-prevnext .col-xs-6:last-child .thread-detail-prevnext__head {
    float: right;
    border-left: 1px solid #d4d4d4;
    border-right: 0
}

.thread-detail-prevnext .col-xs-6:last-child .thread-detail-prevnext__content {
    padding-left: 15px;
    padding-right: 105px
}

.thread-detail-prevnext a {
    color: #777;
    display: block;
    border: 1px solid #d4d4d4;
    border-radius: 3px;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.thread-detail-prevnext a:hover {
    background-color: #f0f0f0;
    text-decoration: none
}

.thread-detail-prevnext a:hover p {
    color: #1998ed
}

.thread-detail-prevnext a:hover .thread-detail-prevnext__head {
    background-color: #dae7f0
}

.thread-detail-prevnext a:hover .thread-detail-prevnext__head span {
    color: #1998ed
}

.thread-detail-prevnext a .fa {
    position: absolute;
    left: -20px
}

.subscribe-another {
    background-color: #fff;
    border: 1px solid #d4d4d4;
    padding: 15px 15px 30px;
    margin-bottom: 20px
}

.subscribe-another .subscribed-forum {
    position: relative;
    text-align: center
}

.subscribe-another .subscribed-forum h2 {
    margin: 60px 0 0!important
}

.subscribe-another .subscribed-forum img {
    margin-top: 10px
}

.subscribe-another .subscribed-forum img.subscribed-tag {
    position: absolute
}

.subscribe-another .subscribe-to-our-forum {
    margin: 20px 0 10px;
    padding: 0 30px
}

.subscribe-another .subscribe-to-our-forum span.stof {
    font-size: 16px;
    font-weight: 600
}

.subscribe-another .subscribe-to-our-forum a:hover {
    text-decoration: none
}

.subscribe-another .subscribe-forum-list {
    padding: 0 45px
}

.subscribe-another .subscribe-forum-list-item {
    font-weight: 500;
    padding: 5px
}

.subscribe-another .subscribe-forum-list-item.border-without-bot {
    border-left: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
    border-top: 1px solid #d4d4d4
}

.subscribe-another .subscribe-forum-list-item.border-top-only {
    border-top: 1px solid #d4d4d4
}

.subscribe-another .subscribe-forum-list-item.border-bot-only {
    border-bottom: 1px solid #d4d4d4
}

.subscribe-another .subscribe-forum-list-item img {
    margin-right: 10px
}

.subscribe-another .subscribe-forum-list-item img.max-25 {
    height: 25px;
    width: 25px
}

.subscribe-another .subscribe-forum-list-item:hover {
    background-color: #e6e6e6;
    color: #1998ed;
    cursor: pointer
}

.subscribe-another .subscribe-forum-list-item .float-right {
    float: right;
    margin-top: 5px
}

body.fjb .btn-lg.btn-icon.notice-updated {
    position: relative
}

body.fjb .btn-lg.btn-icon.notice-updated:after {
    content: 'Updated';
    background-color: #e4302f;
    border-radius: 3px;
    position: absolute;
    font-size: 10px;
    padding: 3px 5px;
    color: #fff;
    right: -5px;
    font-weight: 400
}

body.fjb #fjb-highlight .carousel-control {
    font-size: 26px;
    display: none
}

body.fjb .header-list-sub.hide-sub tr {
    display: none
}

body.fjb .header-list-sub.hide-sub tbody tr:first-child,body.fjb .header-list-sub.hide-sub thead tr:first-child {
    display: table-row
}

body.fjb #toggle-subforum {
    background-color: #f0f0f0;
    border-top: 1px solid #d4d4d4
}

body.fjb #toggle-subforum:active,body.fjb #toggle-subforum:hover {
    background-color: #ebebeb
}

body.fjb #toggle-subforum:active .fa,body.fjb #toggle-subforum:hover .fa {
    color: #1da89f
}

body.fjb #toggle-subforum .fa {
    color: #545454;
    font-size: 14px;
    padding-bottom: 4px
}

body.fjb .user-control-stick {
    width: 860px
}

body.fjb .vsl-badge {
    position: absolute;
    left: 230px;
    top: 30px
}

body.fjb .logo {
    visibility: visible!important
}

body.fjb .global-search {
    opacity: 1!important
}

body.fjb .rating {
    margin: 5px 10px
}

body.fjb .related-thread.fjb {
    bottom: 92px;
    height: auto
}

body.fjb .related-thread.fjb .button-related {
    height: auto
}

body.fjb .related-thread.fjb .button-related .back-to-top {
    border-bottom: 0
}

body.fjb .main .dropdown .dropdown-menu input[type=button],body.fjb .main .dropdown .dropdown-menu input[type=submit] {
    background-color: #1da89f;
    color: #fff!important
}

body.fjb .sidebar-category>li.listing-sidebar.hover>div:first-child:before {
    background: #21beb4
}

body.fjb .sidebar-category>li.listing-sidebar .categories-title a:hover {
    color: #1da89f
}

body.fjb .postlist {
    word-break: break-word
}

body.fjb .postlist .entry-head.preview-head {
    padding: 4px 10px
}

body.fjb .postlist .entry-head.preview-head i {
    color: #0073b9;
    top: 3px
}

body.fjb .postlist .entry-head.preview-head .action {
    font-size: 10px;
    margin-top: 0!important
}

body.fjb .postlist .entry-head.preview-head .action .btn {
    font-size: 11px
}

body.fjb .postlist .entry-head.preview-head>div:last-child {
    margin-top: -5px
}

body.fjb .postlist .entry-head,body.fjb .postlist .kasad-h {
    border-color: #1da89f;
    background: #1da89f;
    color: #fff
}

body.fjb .postlist .entry-head .meta-check i.read,body.fjb .postlist .kasad-h .meta-check i.read {
    color: #1da89f
}

body.fjb .postlist .first-post-fjb {
    padding: 0;
    border-bottom: none
}

body.fjb .postlist .entry-footer .user-tools .btn {
    color: #fff!important;
    background-color: #1da89f!important;
    border-radius: 2px;
    -moz-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

body.fjb .postlist .entry-footer .user-tools .btn.active,body.fjb .postlist .entry-footer .user-tools .btn:active,body.fjb .postlist .entry-footer .user-tools .btn:focus,body.fjb .postlist .entry-footer .user-tools .btn:hover {
    color: #fff;
    background-color: #21beb4!important
}

body.fjb .postlist .entry-footer .user-tools .btn.active {
    color: #fff!important;
    background-color: #ff7100!important;
    border-radius: 2px;
    -moz-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

body.fjb .postlist .entry-footer .user-tools .btn.active.active,body.fjb .postlist .entry-footer .user-tools .btn.active:active,body.fjb .postlist .entry-footer .user-tools .btn.active:focus,body.fjb .postlist .entry-footer .user-tools .btn.active:hover {
    color: #fff;
    background-color: #ff7f1a!important
}

body.fjb .thread-head .header-list-cat .tools-panel {
    padding-top: 10px
}

body.fjb #after-login:hover .user-avatar {
    border: 1px solid #21beb4
}

body.fjb #after-login:hover>.dropdown-toggle {
    color: #ff7f1a
}

body.fjb .product-info {
    background: #f0f0f0;
    font-weight: 700;
    margin: 0 0 10px;
    padding: 10px;
    position: relative;
    font-size: 12px
}

body.fjb .product-info>div span {
    display: inline-block;
    font-weight: 400;
    width: 100px
}

body.fjb .tag-wrap ul.nav-tabs li a {
    background: #ebebeb
}

body.fjb .tag-wrap ul.nav-tabs li.active a,body.fjb .tag-wrap ul.nav-tabs li.active:hover a {
    background: #1da89f
}

body.fjb .tag-wrap ul.nav-tabs li.active:after {
    border-top-color: #1da89f
}

body.fjb .tag-wrap ul.nav-tabs li:hover a {
    background: #4be0d6
}

body.fjb #search-header-button.hover .dropdown-toggle,body.fjb #update-tag li.listing-sidebar.selected::before,body.fjb #update-tag li.listing-sidebar:hover::before,body.fjb .carousel-indicators .active,body.fjb .kaskus-modal .modal-header:before,body.fjb .kaskus-modal-large .modal-header:before,body.fjb .listing-table:before,body.fjb .search-result-menu li.active,body.fjb .search-result-menu li:hover,body.fjb .search-title-bar,body.fjb .sidebar-category>li.listing-sidebar.hover:before,body.fjb .table-header,body.fjb .table.listing thead tr th:first-child:before,body.fjb .tag-wrap .categories,body.fjb .tag-wrap .subscription {
    background: #1da89f
}

body.fjb .search-result-menu li {
    background: #fff
}

body.fjb #k-hp-list li:hover,body.fjb #update-tag li.listing-sidebar:hover>.categories-title::before,body.fjb .carousel-indicators .active,body.fjb .entry-head,body.fjb .search-title-bar {
    border-color: #1da89f
}

body.fjb #k-hp-list li.selected,body.fjb .site-header .dropdown-menu>ul.list-unstyled>li.open>a {
    border-left-color: #1da89f
}

body.fjb #breadcrumbs-wrap a:hover,body.fjb #update-tag li.listing-sidebar:hover>.categories-title a,body.fjb .carousel-control.left i,body.fjb .carousel-control.right i,body.fjb .search-result-menu li a,body.fjb .sidebar-category>li.listing-sidebar.hover>div,body.fjb .site-header .dropdown-menu>ul.list-unstyled>li.open>a .fa {
    color: #1da89f
}

body.fjb .search-result-menu li.active a,body.fjb .search-result-menu li:hover a {
    color: #fff
}

body.fjb .sprite-icon-search-hp.search {
    background-position: -170px -145px
}

body.fjb .sprite-icon-search-hp.forum {
    background-position: -191px -145px
}

body.fjb .sprite-icon-search-hp.fjb {
    background-position: -212px -145px
}

body.fjb .sprite-icon-search-hp.groupee {
    background-position: -233px -145px
}

body.fjb .sprite-icon-search-hp.username {
    background-position: -254px -145px
}

body.fjb #breadcrumbs-wrap {
    border: 0;
    background: #f7f7f7;
    font-size: 11px;
    padding: 0;
    margin-bottom: 1px
}

body.fjb #breadcrumbs-wrap a i {
    font-size: 16px
}

body.fjb #breadcrumbs-wrap .current,body.fjb #breadcrumbs-wrap a {
    background-size: 5px
}

body.fjb .fjb-listing .post .price,body.fjb .post-title a {
    font-weight: 400!important
}

body.fjb .post-entry .listing-table .post-title a {
    color: #0073b9
}

body.fjb .premium .post .price,body.fjb .premium .post-title a {
    font-weight: 700!important
}

body.fjb .sub-header {
    border-left-color: #1da89f
}

.sidebar .seasonal-deals {
    padding: 0;
    position: relative
}

.sidebar .seasonal-deals .image-highlight .highlight-title {
    display: table;
    float: left;
    width: 50%;
    height: 75px;
    margin: 0;
    background: #1da89f;
    border: 1px solid #1da89f
}

.sidebar .seasonal-deals .image-highlight .highlight-title h4 {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #fff
}

.sidebar .seasonal-deals .image-highlight .highlight-title:before {
    position: absolute;
    border-style: solid;
    border-color: transparent;
    border-left-color: #1da89f;
    border-width: 11px 0 11px 11px;
    left: auto;
    right: -11px;
    margin-top: -11px
}

.sidebar .seasonal-deals .image-highlight .highlight-title:after {
    position: absolute;
    border-style: solid;
    border-color: transparent;
    border-left-color: #1da89f;
    border-width: 10px 0 10px 10px;
    left: auto;
    right: -9px;
    margin-top: -10px
}

.sidebar .seasonal-deals .image-highlight:hover .highlight-title {
    background: #fff
}

.sidebar .seasonal-deals .image-highlight:hover .highlight-title h4 {
    color: #1da89f
}

.sidebar .seasonal-deals .image-highlight:hover .highlight-title:before {
    position: absolute;
    border-style: solid;
    border-color: transparent;
    border-left-color: #1da89f;
    border-width: 11px 0 11px 11px
}

.sidebar .seasonal-deals .image-highlight:hover .highlight-title:after {
    position: absolute;
    border-style: solid;
    border-color: transparent;
    border-left-color: #fff;
    border-width: 10px 0 10px 10px
}

.sidebar .seasonal-deals .highlight-image {
    width: 50%;
    height: 75px;
    margin: 0
}

.sidebar .product-week {
    padding: 0
}

.sidebar .product-week #fjb-product-of-the-week {
    min-height: 250px
}

.sidebar .product-week .fjb-product-of-the-week-name {
    display: block;
    color: #0073b9;
    text-decoration: none;
    border: 1px solid #e6e6e6;
    background: #ebebeb;
    width: 300px;
    position: absolute;
    z-index: 2;
    text-align: center;
    bottom: 0;
    line-height: 34px;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.sidebar .product-week .fjb-product-of-the-week-name h3 {
    display: inline-block
}

.sidebar .product-week:hover .fjb-product-of-the-week-name {
    background: #fff;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.sidebar .hot-search ul {
    margin: 0
}

.sidebar .hot-search ul li {
    display: inline-block;
    margin: 5px 4px 5px 0
}

.sidebar .hot-search ul li a {
    line-height: 24px;
    padding: 5px 10px;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #ebebeb;
    border: 1px solid #ebebeb;
    color: #0073b9;
    text-decoration: none;
    text-align: center
}

.sidebar .hot-search ul li a:hover {
    background: #1da89f;
    border-color: #1da89f;
    color: #fff
}

.sidebar .more-like {
    padding: 0
}

.sidebar .more-like .head-title {
    display: inline-block;
    width: 100%;
    margin-bottom: 0
}

.sidebar .more-like .list-grey {
    margin-top: -5px
}

.sidebar .more-like .list-grey li {
    cursor: default;
    padding: 5px 0
}

.sidebar .more-like .list-grey li a {
    display: inline-block;
    line-height: 100%
}

.sidebar .more-like .list-grey li div {
    padding-left: 10px
}

.sidebar .more-like .list-grey li div a {
    display: inline-block;
    overflow: inherit;
    padding: 0;
    white-space: normal;
    line-height: 1.4
}

.sidebar .more-like .list-grey li>a:nth-child(1) {
    color: #333
}

.sidebar .more-like .list-grey li:hover {
    cursor: default
}

.sidebar .more-like .list-grey li:hover div a {
    color: #6e6e6e
}

.sidebar .more-like .list-grey li a:hover {
    text-decoration: underline
}

.brand-con {
    background: #fff;
    border-bottom: 1px solid #d4d4d4;
    display: block
}

.brand-con .brand {
    display: table-cell;
    vertical-align: middle;
    height: 90px;
    text-align: center;
    border-right: 1px solid #d4d4d4
}

.brand-con .brand:last-child {
    border-right: none
}

.brand-con .brand img {
    display: inline-block
}

.product-detail .nav-tabs {
    border-bottom: solid 1px #d4d4d4;
    margin: 10px -10px;
    padding: 0 15px
}

.product-detail .nav-tabs li a {
    background: #fafafa;
    border: 1px solid #d4d4d4;
    font-weight: 700;
    font-size: 12px;
    padding: 5px 20px;
    text-decoration: none!important;
    border-radius: 0;
    margin: 0;
    color: #6a6a6a
}

.product-detail .nav-tabs li.active a {
    color: #fff;
    background: #18a098;
    border-color: #d4d4d4;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #18a098
}

.product-detail .nav-tabs li.active:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -4px;
    border-width: 6px 6px 0;
    border-style: solid;
    border-color: #1da89f transparent;
    z-index: 2
}

.product-detail .tab-content {
    font-size: 12px
}

.product-detail .tab-content h3 {
    color: #18a098;
    font-weight: 700;
    margin-bottom: 10px
}

.product-detail .tab-content ol {
    padding: 0 15px
}

.product-detail .tab-content dt {
    border: 1px solid #e6e6e6;
    background: #18a098;
    color: #fff;
    padding: 5px 20px;
    cursor: pointer;
    position: relative
}

.product-detail .tab-content dt:after {
    content: "\e833";
    display: inline-block;
    font: normal normal normal 14px/1 fontello;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    right: 10px;
    position: absolute;
    top: 7px
}

.product-detail .tab-content dt.active:after {
    content: "\e836"
}

.product-detail .tab-content dd {
    padding: 10px 20px;
    border: 1px solid #e6e6e6;
    border-top: none;
    margin: 0 1px
}

.product-detail .tab-content dd img {
    margin-bottom: 10px
}

.product-detail table {
    margin-bottom: 20px
}

.product-detail table tr td {
    padding: 0 15px 0 0;
    line-height: 24px;
    font-size: 12px;
    word-break: break-all
}

.product-detail table tr td .sold {
    color: #e4302f;
    font-weight: 700
}

.product-detail table tr td .in-stock {
    color: #1da89f;
    font-weight: 700
}

.product-detail.revamp .product-detail-head {
    border-bottom: none
}

.product-detail.revamp .product-detail-head .button-action {
    margin-top: 10px
}

.product-detail.revamp .product-detail-head .button-action .icon-btn {
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
    margin-top: -2px
}

.product-detail.revamp .item-attributes {
    padding: 10px;
    background: #f0f0f0
}

.product-detail.revamp .item-attributes table {
    margin-bottom: 0
}

.product-detail.revamp .item-attributes table tr td {
    line-height: 18px
}

.product-detail.revamp .item-tag ul {
    padding: 0;
    margin-top: 40px;
    margin-bottom: 0
}

.product-detail.revamp .item-tag ul:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 15px;
    height: 15px;
    background-image: url(../images/layout/icon_fjb_tag_item.png)
}

.product-detail.revamp .item-tag ul li {
    list-style: none;
    display: inline-block
}

.product-detail.revamp .item-tag ul li a {
    color: #1da89f;
    font-size: 14px;
    cursor: pointer
}

.product-detail.revamp .item-tag ul li a:hover {
    text-decoration: none;
    color: #21beb4
}

.product-detail.revamp .item-tag ul li:before {
    content: '#';
    color: #1da89f
}

.product-detail.revamp .item-tag ul li:after {
    content: ', ';
    color: #1da89f
}

.product-detail.revamp .item-tag ul li:last-child:after {
    content: ' '
}

.list-item-image ul {
    padding-left: 0
}

.list-item-image ul li {
    border: 1px solid #e6e6e6;
    list-style: none;
    padding-bottom: 15px;
    width: 165px;
    margin: 10px 30px;
    display: inline-block;
    background: #fff;
    text-align: center
}

.list-item-image ul li img {
    margin-top: 15px;
    margin-bottom: 7px
}

.list-item-image ul li p {
    font-weight: 700;
    font-size: 13px
}

.list-item-image ul li:first-child {
    margin-left: 0
}

.share-fjb ul {
    padding-left: 0
}

.share-fjb ul li {
    list-style: none;
    display: inline-block;
    margin-right: 10px;
    font-weight: 300;
    font-size: 16px;
    color: #9b9b9b;
    position: relative
}

.share-fjb ul li.circle-icon a {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    font-size: 15px
}

.share-fjb ul li.circle-icon a i {
    font-size: 18px;
    margin-top: 6px
}

.share-fjb ul li.facebook a {
    background-color: #3054a6
}

.share-fjb ul li.facebook a:hover {
    background: #4568b2
}

.share-fjb ul li.twitter a {
    background-color: #00adee
}

.share-fjb ul li.twitter a:hover {
    background: #12beff
}

.share-fjb ul li.google-plus a {
    background: #dd4b39
}

.share-fjb ul li.google-plus a:hover {
    background: #e26757
}

.share-fjb ul li.email a {
    background: #ff7100
}

.share-fjb ul li.email a:hover {
    background: #ff7f1a
}

.share-fjb ul li.sharelink a {
    background: #4990e2
}

.share-fjb ul li.sharelink a:hover {
    background: #68a3e7
}

.share-fjb ul li.sharelink .open .dropdown-menu {
    position: absolute;
    right: -170px;
    top: -3px
}

.info-note p {
    margin: 0;
    font-style: italic;
    font-weight: 300
}

.product-detail-head {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 15px;
    position: relative
}

.product-detail-head::moz-selection,.product-detail-head::selection,.product-detail-head::webkit-selection {
    background-color: transparent
}

.product-detail-head .item-name {
    font-size: 18px;
    margin-bottom: 15px;
    word-wrap: break-word
}

.product-detail-head .price-now {
    color: #e4302f;
    font-size: 20px;
    font-weight: 700;
    margin-right: 5px
}

.product-detail-head .price {
    font-size: 18px
}

.product-detail-head .price.strike {
    text-decoration: line-through
}

.product-detail-head .highlight-text {
    color: #4d4d4d;
    font-weight: 700;
    margin-top: 5px
}

.product-detail-head .last-sundul {
    text-align: left;
    margin-top: 5px;
    font-size: 12px
}

.product-detail-head .last-sundul span i {
    margin-right: 8px
}

.product-detail-head .watchlist {
    color: #ff7100;
    position: absolute;
    right: 0;
    top: 7px;
    font-size: 10px;
    font-weight: 700;
    cursor: pointer
}

.product-detail-head .watchlist::moz-selection,.product-detail-head .watchlist::selection,.product-detail-head .watchlist::webkit-selection {
    background-color: transparent
}

.product-detail-head .watchlist.watched {
    color: #acacac
}

.product-detail-head .item-action {
    position: absolute;
    bottom: 15px;
    right: 0
}

.product-detail-head .sundul-gan {
    margin: 0 0 8px
}

.product-detail-head .sundul-gan .red em {
    font-size: 11px
}

.product-detail-head .sundul-gan .btn#sundul-action {
    margin: 0 5px
}

.product-detail-desc::moz-selection,.product-detail-desc::selection,.product-detail-desc::webkit-selection {
    background-color: transparent
}

.product-detail-desc .short-desc {
    font-size: 12px
}

.product-detail-desc .short-desc h3 {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 5px
}

.product-detail-desc a#confirm {
    margin-top: 20px
}

.product-detail-desc .form-group h4 {
    margin-bottom: 5px
}

.product-detail-desc .button-action .btn {
    width: 40%
}

.product-detail-desc .button-action .btn:first-child {
    margin-right: 5px
}

.fjb-listing>tr {
    height: 120px
}

.fjb-listing>tr.deleted td {
    background: #fbe4e4!important
}

.fjb-listing>tr td:nth-child(3) {
    padding-left: 0!important
}

.fjb-listing .info,.fjb-listing .replies {
    position: relative;
    padding-left: 10px
}

.fjb-listing .entry-checkbox {
    text-align: center!important
}

.fjb-listing .item-type {
    padding: 0 10px 10px!important
}

.fjb-listing .item-type .beli,.fjb-listing .item-type .beli-end,.fjb-listing .item-type .hot-premium,.fjb-listing .item-type .jual,.fjb-listing .item-type .jual-end {
    color: transparent;
    width: 30px;
    height: 61px;
    display: block
}

.fjb-listing .item-type .beli {
    background-position: -3px -383px
}

.fjb-listing .item-type .jual {
    background-position: -69px -383px
}

.fjb-listing .item-type .beli-end {
    background-position: -36px -383px
}

.fjb-listing .item-type .jual-end {
    background-position: -102px -383px
}

.fjb-listing .item-type .hot-premium {
    background-position: 36px -291px
}

.fjb-listing .post .location {
    color: #6e6e6e
}

.fjb-listing .post .price {
    color: #e4302f;
    font-size: 14px
}

.fjb-listing .sold {
    position: relative
}

.fjb-listing .sold .sold-out {
    position: absolute;
    right: -15px;
    top: -14px
}

.fjb-listing .sub-meta .author {
    padding-top: 0
}

.fjb-listing .sub-meta .reply,.fjb-listing .sub-meta .sundul,.fjb-listing .sub-meta .views {
    color: #6e6e6e
}

.fjb-listing .sub-meta .reply a,.fjb-listing .sub-meta .reply i,.fjb-listing .sub-meta .sundul a,.fjb-listing .sub-meta .sundul i,.fjb-listing .sub-meta .views a,.fjb-listing .sub-meta .views i {
    margin-right: 5px
}

.fjb-listing .quick-view-fjb {
    position: absolute;
    z-index: 6;
    left: 100px;
    width: 650px;
    top: 0;
    display: none;
    padding-left: 10px
}

.fjb-listing .quick-view-fjb .quick-view {
    border: 1px solid #d4d4d4;
    padding: 15px 0;
    background: #fff;
    float: left;
    width: 100%
}

.fjb-listing .quick-view-fjb .quick-view:before {
    content: "";
    top: 39px;
    left: 0;
    position: absolute;
    border-style: solid;
    border-color: transparent;
    border-right-color: #d4d4d4;
    border-width: 11px 11px 11px 0
}

.fjb-listing .quick-view-fjb .quick-view:after {
    content: "";
    top: 40px;
    left: 1px;
    position: absolute;
    border-style: solid;
    border-color: transparent;
    border-right-color: #fff;
    border-width: 10px 10px 10px 0
}

.fjb-listing .quick-view-fjb .quick-view figure {
    width: 250px;
    height: 250px;
    text-align: center;
    overflow: hidden;
    border: 1px solid transparent
}

.fjb-listing .quick-view-fjb .quick-view figure div {
    width: 250px;
    height: 250px;
    vertical-align: middle;
    display: table-cell;
    text-align: center
}

.fjb-listing .quick-view-fjb .quick-view figure div img {
    max-width: 250px;
    max-height: 250px;
    display: block;
    margin: 0 auto
}

.fjb-listing .quick-view-fjb .quick-view .head-title h2.title {
    border-left-color: #1da89f
}

.fjb-listing .quick-view-fjb .quick-view .title {
    font-size: 16px;
    line-height: 1.4
}

.fjb-listing .quick-view-fjb .quick-view .high-price {
    color: #e4302f;
    font-weight: 700;
    font-size: 18px;
    margin: 10px 0 5px
}

.fjb-listing .quick-view-fjb .quick-view .high-price .strike {
    font-size: 14px;
    font-weight: 400;
    color: #6e6e6e
}

.fjb-listing .quick-view-fjb .quick-view strong {
    margin: 5px 0
}

.fjb-listing .quick-view-fjb .quick-view .green {
    color: #1da89f
}

.fjb-listing .quick-view-fjb .quick-view .quick-description {
    margin-top: 20px
}

.fjb-listing .quick-view-fjb .quick-view .quick-description .table td {
    padding: 5px;
    background: #fff!important;
    border: 0
}

.fjb-listing .quick-view-fjb .quick-view .quick-description .table tr:first-child td {
    border-top: 1px solid #d4d4d4
}

.fjb-listing .quick-view-fjb .quick-view .quick-description .table tr:last-child td {
    border-bottom: 1px solid #d4d4d4
}

.fjb-listing .quick-view-fjb .quick-view .high-price,.fjb-listing .quick-view-fjb .quick-view .title {
    text-align: left;
    padding-left: 5px
}

span.sundul.tooltips .fa-up-circled {
    margin-right: 5px
}

table tr td .thumbnail {
    vertical-align: top!important;
    position: relative
}

table tr td .thumbnail figure {
    width: 100px;
    height: 100px;
    border: 1px solid #e6e6e6;
    background: #fafafa
}

table tr td .thumbnail figure div {
    width: 100px;
    height: 100px;
    text-align: center
}

table tr td .thumbnail figure div img {
    max-width: 100px;
    max-height: 100px
}

table tr td .thumbnail:hover .quick-view-fjb,table tr td.replies span {
    display: block
}

.img-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    font: 0/0 a
}

.img-container img {
    vertical-align: middle;
    display: inline-block;
    max-height: 100%;
    max-width: 100%
}

.img-container .centerer {
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

#carousel-hot-reviews .carousel-inner .item {
    margin: 0!important
}

.carousel-largeimage {
    border: 1px solid #e6e6e6;
    position: relative;
    width: 100%
}

.carousel-largeimage:before {
    content: "";
    display: block;
    padding-top: 100%
}

.image-product-thumbnail {
    width: 400px;
    display: block;
    margin: 0;
    float: left
}

.product-detail-desc {
    width: 405px;
    float: left
}

.product-detail-desc .ended {
    line-height: 24px!important
}

.product-detail-desc .form-group.seller-side h4 {
    margin-bottom: 10px
}

.product-detail-desc .form-group.seller-side .radio-inline {
    padding-left: 0
}

.product-detail-desc .form-group.seller-side .fa-check.green {
    margin-right: 3px
}

.image-product-detail {
    position: relative;
    float: left;
    width: 400px;
    margin-right: 20px;
    margin-left: 20px
}

.image-product-detail .flag {
    position: absolute;
    left: -9px;
    top: -6px;
    height: 114px;
    width: 113px;
    z-index: 3
}

.image-product-detail .flag.recommended {
    background: url(../images/layout/flag-recommended.png)
}

.image-product-detail span {
    font-size: 10px;
    text-align: center;
    color: #b3b3b3;
    display: block;
    margin: 10px 0
}

.carousel-thumb {
    margin: 10px auto;
    width: 60px;
    height: 60px;
    overflow: hidden;
    z-index: 3
}

.carousel-thumb .thumbnail {
    display: inline-block;
    text-align: center;
    cursor: pointer
}

.carousel-thumb .thumbnail>div {
    height: 60px;
    overflow: hidden;
    border: 1px solid #d4d4d4;
    width: 60px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px
}

.carousel-thumb .thumbnail>div img {
    max-width: auto
}

.carousel-thumb .thumbnail.active>div,.carousel-thumb .thumbnail:hover>div {
    border: 2px solid #1da89f
}

.carousel-fjb {
    position: relative
}

.carousel-fjb .carousel-control {
    position: absolute;
    width: 100%
}

.carousel-fjb .carousel-control:hover {
    opacity: 1
}

.carousel-control a {
    background: #e5e5e5;
    color: #1da89f;
    height: 60px;
    width: 18px;
    font-size: 14px;
    position: absolute;
    line-height: 10px;
    filter: alpha(Opacity=75);
    opacity: .75
}

.carousel-control a:focus,.carousel-control a:hover {
    filter: alpha(Opacity=100);
    opacity: 1
}

.prev-thumb {
    top: 10px;
    left: 0
}

.prev-thumb i {
    margin-top: 22px
}

.next-thumb {
    top: 10px;
    right: 0
}

.next-thumb i {
    margin-top: 22px
}

#terjual-large {
    position: absolute;
    top: 140px;
    right: 10px;
    z-index: 1
}

#fjb-highlight .glyphicon-chevron-left:before,#fjb-highlight .glyphicon-chevron-right:before {
    content: ""
}

#fjb-highlight .carousel-inner .item img {
    height: 275px!important;
    width: 660px!important
}

.hot-reviews .product-thumbnail,.top-products .product-thumbnail {
    padding: 0
}

.hot-reviews .product-thumbnail .thumbnail-title h4,.top-products .product-thumbnail .thumbnail-title h4 {
    height: 48px
}

.hot-reviews .product-thumbnail .thumbnail-title:before,.top-products .product-thumbnail .thumbnail-title:before {
    border: 11px solid transparent;
    margin-left: -11px;
    top: -22px
}

.hot-reviews .product-thumbnail .thumbnail-title:after,.top-products .product-thumbnail .thumbnail-title:after {
    border: 10px solid transparent;
    margin-left: -10px;
    position: absolute;
    top: -20px;
    top: -20px\9!important
}

.regional .top-location {
    float: left;
    width: 100%
}

.regional .top-location ul {
    padding-left: 0
}

.regional .top-location ul li {
    list-style: none;
    float: left;
    width: 20%;
    padding: 5px
}

.regional .top-location ul li a {
    border-radius: 3px;
    border: 1px solid #1da89f;
    color: #0073b9;
    display: block;
    line-height: 33px;
    text-decoration: none;
    text-align: center;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.regional .top-location ul li a:hover {
    background: #1da89f;
    color: #fff
}

.top-products .nav-tabs li {
    width: 50%
}

.top-products .nav-tabs li a {
    display: block;
    text-align: center;
    padding: 5px 0;
    text-decoration: none;
    font-size: 14px;
    border-radius: 0;
    margin: 0;
    background-color: #fafafa;
    border: 1px solid #1da89f
}

.top-products .nav-tabs li:hover a {
    background: #4be0d6;
    color: #fff
}

.top-products .nav-tabs li.active a {
    background-color: #1da89f;
    border: 1px solid #1da89f;
    color: #fff
}

.top-products .nav-tabs li.disabled a {
    color: #b3b3b3;
    background: #ebebeb;
    border: 1px solid #e6e6e6
}

.be-step {
    margin-bottom: 15px
}

.be-step .tab-store li a {
    border-color: #1da89f
}

.be-step .tab-store li:hover a {
    background: #4be0d6
}

.be-step .tab-store li.active:after {
    border-color: #1da89f transparent
}

.be-step .tab-store li.active a,.be-step .tab-store li.active a:hover {
    background: #1da89f;
    border-color: #1da89f
}

.be-step .tab-content {
    margin: 0;
    background: #f0f0f0
}

.seller-info .reputation {
    margin-left: 0
}

.seller-info .user-avatar {
    width: 80px;
    height: 80px;
    position: relative;
    overflow: visible
}

.seller-info .user-avatar .user-quickview {
    top: -11px;
    left: -320px;
    width: 320px;
    border-right: 20px solid transparent;
    border-top: 0;
    z-index: 5
}

.seller-info .user-avatar .user-quickview .user-quickview-wrap:before {
    position: absolute;
    border-style: solid;
    border-color: transparent;
    border-left-color: #d4d4d4;
    border-width: 11px 0 11px 11px;
    right: -11px;
    top: 39px;
    left: auto
}

.seller-info .user-avatar .user-quickview .user-quickview-wrap:after {
    position: absolute;
    border-style: solid;
    border-color: transparent;
    border-left-color: #fafafa;
    border-width: 10px 0 10px 10px;
    right: -9px;
    top: 40px;
    left: auto
}

.seller-info .user-avatar .user-quickview .reputation>div {
    width: 6px;
    height: 8px
}

.seller-info .user-avatar:hover .user-quickview {
    display: block
}

.seller-info .seller-info-box {
    background: #fff;
    border: 1px solid #e6e6e6;
    padding: 10px 0 0;
    position: relative
}

.seller-info .seller-info-box .clearfix {
    padding: 0 10px
}

.seller-info .seller-image {
    height: 80px;
    width: 80px;
    margin: 0 10px 0 0;
    text-align: center;
    float: left;
    border: 1px solid #e6e6e6;
    padding: 3px
}

.seller-info .seller-image div {
    width: 70px;
    height: 70px;
    display: table-cell;
    vertical-align: middle
}

.seller-info .seller-image div img {
    margin: 0 auto;
    max-width: 70px;
    max-height: 70px
}

.seller-info .seller-detail-info {
    float: left;
    margin-left: 8px
}

.seller-info .seller-detail-info span {
    display: block;
    margin-bottom: 1px
}

.seller-info .seller-detail-info .feedback,.seller-info .seller-detail-info .location {
    font-size: 11px
}

.seller-info .seller-detail-info .feedback a {
    display: inline-block;
    color: #1da89f
}

.seller-info .seller-detail-info .username a {
    color: #0073b9;
    font-weight: 700;
    display: block
}

.seller-info .seller-contact {
    margin-top: 10px
}

.seller-info .seller-contact h4 {
    font-weight: 700;
    padding: 0 10px 5px
}

.seller-info .seller-contact h4 a {
    font-weight: 400;
    float: right
}

.seller-info .seller-contact span {
    display: block
}

.seller-info .seller-contact span.blurred {
    display: inline-block;
    text-shadow: 0 0 7px #000;
    color: transparent;
    font-weight: 700;
    cursor: pointer
}

.seller-info .seller-contact table {
    border-top: 1px solid #d4d4d4;
    width: 100%;
    text-align: center
}

.seller-info .seller-contact table tr td {
    width: 50%
}

.seller-info .seller-contact table tr td:first-child {
    border-right: 1px solid #d4d4d4
}

.seller-info .seller-contact table a {
    padding: 10px 20px;
    display: inline-block;
    font-size: 13px
}

.seller-info .seller-contact table a img {
    margin-right: 10px
}

.seller-info .seller-contact .seller-hp {
    padding: 0 10px 10px;
    margin: 0
}

.seller-info .seller-contact .seller-hp span {
    display: inline-block
}

.fjb-item-list {
    border: 1px solid #e6e6e6
}

.fjb-item {
    border-bottom: 1px solid #e6e6e6;
    background: #fafafa
}

.fjb-item:last-child {
    border-bottom: 0
}

.fjb-item .fjb-item-image {
    border-right: 1px solid #e6e6e6;
    float: left;
    height: 120px;
    width: 120px;
    text-align: center
}

.fjb-item .fjb-item-image div {
    width: 120px;
    height: 120px;
    display: table-cell;
    vertical-align: middle
}

.fjb-item .fjb-item-image div img {
    margin: 0 auto;
    max-width: 120px;
    max-height: 120px
}

.fjb-item .fjb-item-desc {
    padding: 10px;
    width: 50%;
    float: left
}

.fjb-item .fjb-item-desc .fjb-item-price {
    font-weight: 700
}

.fjb-item .fjb-item-desc .watchlist {
    color: #ff7100;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
    margin-top: 20px
}

.fjb-item .fjb-item-desc .watchlist::moz-selection,.fjb-item .fjb-item-desc .watchlist::selection,.fjb-item .fjb-item-desc .watchlist::webkit-selection {
    background-color: transparent
}

.fjb-item .fjb-item-desc .watchlist.watched {
    color: #acacac
}

#be-buyer-tab .description,#wts-tab .description {
    font-size: 14px;
    padding: 10px 0 0;
    margin: 0 0 10px;
    text-align: center
}

.step {
    text-align: center;
    position: relative;
    height: 90px;
    margin: 0;
    padding-left: 25px
}

.step li {
    display: inline-block;
    text-align: left;
    vertical-align: top;
    width: 80px
}

.step li>div {
    position: relative;
    text-align: left
}

.step li>div a {
    background: #b3b3b3;
    border-radius: 50%;
    width: 50px;
    display: inline-block;
    text-align: center;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.step li>div a .fa {
    color: #fff;
    font-size: 25px;
    text-align: center;
    line-height: 50px
}

.step li>div>.fa {
    position: absolute;
    top: 50%;
    font-size: 30px;
    margin-top: -15px;
    color: #b3b3b3;
    right: 7px
}

.step li .note {
    position: absolute;
    text-align: center;
    left: 0;
    bottom: 0;
    width: 300px;
    border-top: 1px solid #ff7100;
    background: #ebebeb;
    padding: 5px;
    font-size: 11px
}

.step li.step-1 .note,.step li.step-2 .note,.step li.step-3 .note,.step li:nth-child(3) .fa-angle-right {
    display: none
}

.step li.step-1 .note:after,.step li.step-1 .note:before,.step li.step-2 .note:after,.step li.step-2 .note:before,.step li.step-3 .note:after,.step li.step-3 .note:before {
    content: "";
    border-bottom: 5px solid #ff7100;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    position: absolute;
    top: -6px;
    left: 60px
}

.step li.step-1 .note:after,.step li.step-2 .note:after,.step li.step-3 .note:after {
    border-bottom: 5px solid #f0f0f0;
    top: -5px;
    z-index: 1
}

.step li.step-2 .note:after,.step li.step-2 .note:before {
    left: 142px
}

.step li.step-3 .note:after,.step li.step-3 .note:before {
    left: 225px
}

.step li.active>div a {
    background: #ff7100
}

.step li.active .note {
    display: block
}

tr.time-left td {
    vertical-align: top
}

tr td.last-bid {
    font-weight: 700;
    color: #e4302f
}

tr td.input-bid input[type=text] {
    width: 50%;
    display: inline-block;
    margin-right: 10px;
    padding: 4px 6px;
    height: 24px;
    border-radius: 2px;
    vertical-align: middle
}

tr td.input-bid input[type=submit] {
    width: 25%;
    display: inline-block
}

tr td.input-bid .auction-rule-note {
    font-size: 11px;
    font-style: italic;
    margin-top: 5px;
    line-height: 14px
}

tr td.input-bid .auction-rule-note span {
    display: block
}

.ended {
    display: block;
    font-size: 11px;
    line-height: 12px
}

.flip-clock-wrapper {
    font: 400 11px "Open Sans","Helvetica Neue",Helvetica,sans-serif;
    -webkit-user-select: none;
    text-align: center;
    position: relative;
    display: inline-block
}

.flip-clock-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.flip-clock-wrapper a {
    cursor: pointer;
    text-decoration: none;
    color: #ccc
}

.flip-clock-wrapper a:hover {
    color: #fff
}

.flip-clock-wrapper ul {
    list-style: none;
    position: relative;
    float: left;
    margin: 0 2px;
    width: 20px;
    height: 26px;
    padding: 0;
    font-size: 24px;
    font-weight: 700;
    line-height: 26px;
    border-radius: 4px;
    background: #000
}

.flip-clock-wrapper ul li {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 26px;
    text-decoration: none!important
}

.flip-clock-wrapper ul li:first-child {
    z-index: 2
}

.flip-clock-wrapper ul li a {
    display: block;
    height: 100%;
    -webkit-perspective: 200px;
    -moz-perspective: 200px;
    perspective: 200px;
    margin: 0!important;
    overflow: visible!important;
    cursor: default!important
}

.flip-clock-wrapper ul li a div {
    z-index: 1;
    position: absolute;
    left: 0;
    width: 100%;
    height: 50%;
    font-size: 24px;
    overflow: hidden;
    outline: transparent solid 1px
}

.flip-clock-wrapper ul li a div .shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2
}

.flip-clock-wrapper ul li a div.up {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    top: 0
}

.flip-clock-wrapper ul li a div.up:after {
    content: "";
    position: absolute;
    top: 44px;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 3px;
    background-color: #000;
    background-color: rgba(0,0,0,.4)
}

.flip-clock-wrapper ul li a div.up div.inn {
    top: 0
}

.flip-clock-wrapper ul li a div.down {
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    bottom: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.flip-clock-wrapper ul li a div.down div.inn {
    bottom: 0
}

.flip-clock-wrapper ul li a div div.inn {
    position: absolute;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 200%;
    color: #ccc;
    text-shadow: 0 1px 2px #000;
    text-align: center;
    background-color: #333;
    border-radius: 4px;
    font-size: 14px
}

.flip-clock-wrapper ul li.flip-clock-active,.flip-clock-wrapper ul.play li.flip-clock-before {
    z-index: 3
}

.flip-clock-wrapper ul.play li.flip-clock-before .up {
    z-index: 2;
    -webkit-animation: turn2 .5s linear both;
    -moz-animation: turn2 .5s linear both;
    animation: turn2 .5s linear both
}

.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
    background: -moz-linear-gradient(top,rgba(0,0,0,.1) 0,#000 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,.1)),color-stop(100%,#000));
    background: 0 0,top,0,100% #000;
    background: -o-linear-gradient(top,rgba(0,0,0,.1) 0,#000 100%);
    background: -ms-linear-gradient(top,rgba(0,0,0,.1) 0,#000 100%);
    background: 0 0,bottom,0,100% #000;
    -webkit-animation: show .5s linear both;
    -moz-animation: show .5s linear both;
    animation: show .5s linear both
}

.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
    background: -moz-linear-gradient(top,#000 0,rgba(0,0,0,.1) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#000),color-stop(100%,rgba(0,0,0,.1)));
    background: 0 0,top,0,100% rgba(0,0,0,.1);
    background: -o-linear-gradient(top,#000 0,rgba(0,0,0,.1) 100%);
    background: -ms-linear-gradient(top,#000 0,rgba(0,0,0,.1) 100%);
    background: 0 0,bottom,0,100% rgba(0,0,0,.1);
    -webkit-animation: show .5s linear both;
    -moz-animation: show .5s linear both;
    animation: show .5s linear both
}

.flip-clock-wrapper ul.play li.flip-clock-active {
    -webkit-animation: asd .5s .5s linear both;
    -moz-animation: asd .5s .5s linear both;
    animation: asd .5s .5s linear both;
    z-index: 5
}

.flip-clock-wrapper ul.play li.flip-clock-active .down {
    z-index: 2;
    -webkit-animation: turn .5s .5s linear both;
    -moz-animation: turn .5s .5s linear both;
    animation: turn .5s .5s linear both
}

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
    background: -moz-linear-gradient(top,rgba(0,0,0,.1) 0,#000 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,.1)),color-stop(100%,#000));
    background: 0 0,top,0,100% #000;
    background: -o-linear-gradient(top,rgba(0,0,0,.1) 0,#000 100%);
    background: -ms-linear-gradient(top,rgba(0,0,0,.1) 0,#000 100%);
    background: 0 0,bottom,0,100% #000;
    -webkit-animation: hide .5s .3s linear both;
    -moz-animation: hide .5s .3s linear both;
    animation: hide .5s .3s linear both
}

.flip-clock-wrapper ul.play li.flip-clock-active .up .down .shadow {
    background: -moz-linear-gradient(top,#000 0,rgba(0,0,0,.1) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#000),color-stop(100%,rgba(0,0,0,.1)));
    background: 0 0,top,0,100% rgba(0,0,0,.1);
    background: -o-linear-gradient(top,#000 0,rgba(0,0,0,.1) 100%);
    background: -ms-linear-gradient(top,#000 0,rgba(0,0,0,.1) 100%);
    background: 0 0,bottom,0,100% rgba(0,0,0,.1);
    -webkit-animation: hide .5s .3s linear both;
    -moz-animation: hide .5s .3s linear both;
    animation: hide .5s .2s linear both
}

.flip-clock-wrapper .flip {
    box-shadow: 0 2px 2px rgba(0,0,0,.3)
}

.flip-clock-meridium {
    background: none!important;
    box-shadow: 0 0 0!important;
    font-size: 36px!important
}

.flip-clock-meridium a {
    color: #313333
}

.flip-clock-divider {
    float: left;
    display: inline-block;
    position: relative;
    width: 8px;
    height: 26px
}

.flip-clock-divider:first-child {
    width: 0
}

.flip-clock-divider .flip-clock-label {
    position: absolute;
    top: -1.5em;
    right: -86px;
    color: #000;
    text-shadow: none;
    display: none
}

.flip-clock-divider.minutes .flip-clock-label {
    right: -88px
}

.flip-clock-divider.seconds .flip-clock-label {
    right: -91px
}

.flip-clock-dot {
    display: block;
    background: #323434;
    width: 2px;
    height: 2px;
    position: absolute;
    border-radius: 50%;
    box-shadow: 0 0 2px rgba(0,0,0,.5);
    left: 3px
}

.flip-clock-dot.top {
    top: 10px
}

.flip-clock-dot.bottom {
    bottom: 9px
}

@-webkit-keyframes $animation-name {
    0% {
        z-index: 2
    }

    100%,20% {
        z-index: 4
    }
}

@-moz-keyframes $animation-name {
    0% {
        z-index: 2
    }

    100%,20% {
        z-index: 4
    }
}

@keyframes $animation-name {
    0% {
        z-index: 2
    }

    100%,20% {
        z-index: 4
    }
}

@-webkit-keyframes $animation-name {
    0% {
        transform: rotateX(90deg)
    }

    100% {
        transform: rotateX(0deg)
    }
}

@-moz-keyframes $animation-name {
    0% {
        transform: rotateX(90deg)
    }

    100% {
        transform: rotateX(0deg)
    }
}

@keyframes $animation-name {
    0% {
        transform: rotateX(90deg)
    }

    100% {
        transform: rotateX(0deg)
    }
}

@-webkit-keyframes $animation-name {
    0% {
        transform: rotateX(0deg)
    }

    100% {
        transform: rotateX(-90deg)
    }
}

@-moz-keyframes $animation-name {
    0% {
        transform: rotateX(0deg)
    }

    100% {
        transform: rotateX(-90deg)
    }
}

@keyframes $animation-name {
    0% {
        transform: rotateX(0deg)
    }

    100% {
        transform: rotateX(-90deg)
    }
}

@-webkit-keyframes $animation-name {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes $animation-name {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes $animation-name {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes $animation-name {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes $animation-name {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes $animation-name {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.bid-info {
    border: thin solid #ebebeb;
    padding: 5px 10px;
    margin: 10px 0;
    text-align: center
}

.bid-info div {
    display: inline-block;
    margin: 0 20px;
    font-weight: 700;
    font-size: 14px
}

.bid-info span {
    display: inline-block;
    margin-right: 3px;
    vertical-align: middle;
    position: relative
}

.bid-info span:before {
    width: 30px;
    height: 30px;
    position: absolute;
    content: "";
    top: -6px;
    left: -33px
}

.bid-info span.bidder:before {
    background-position: -50px -207px
}

.bid-info span.timeleft:before {
    background-position: -79px -207px
}

.bid-info span.duration:before {
    background-position: -105px -207px
}

.bid-table {
    font-size: 12px
}

.bid-table table tr th {
    padding: 5px
}

.bid-table table tr td {
    padding: 0 5px;
    font-size: 12px
}

.bid-table .more {
    font-weight: 700;
    text-align: center;
    position: relative
}

#bid-history-pagination .pagination {
    text-align: center;
    float: none
}

#bid-history-pagination li {
    display: inline-block
}

.section-header {
    border-bottom: 1px solid #1da89f;
    padding-bottom: 5px;
    margin: 0 0 10px
}

.section-header--no-border {
    border-bottom: none
}

.section-header h2 {
    color: #1da89f;
    font-size: 14px;
    font-weight: 600
}

.section-header.big h2 {
    font-size: 16px
}

.section-header span {
    font-size: 12px
}

.infobox {
    background: #fafafa;
    border: 1px solid #d4d4d4;
    margin-top: 10px;
    padding: 15px;
    margin-bottom: 10px;
    text-align: center
}

.infobox .info-content .logo-image {
    display: inline-block
}

.infobox .info-content .logo-image img {
    width: 200px
}

.infobox .info-content .description {
    display: inline-block;
    vertical-align: middle;
    text-align: left
}

#sakuku .create-form .form-group .col-xs-3 img {
    width: 100%
}

.create-form .form-horizontal .section-header {
    margin-bottom: 2px
}

.create-form .form-horizontal .form-group {
    margin-bottom: 0
}

.create-form .form-horizontal .form-group div[class^=col-].in-stock:before,.create-form .form-horizontal .form-group div[class^=col-]:nth-child(2).input:before {
    content: ":";
    padding-left: 10px;
    position: absolute;
    top: 4px;
    left: -4px
}

.create-form .form-horizontal .form-group .special-price-percentage:after {
    content: "%";
    position: absolute;
    top: 6px;
    right: 15px
}

.create-form .form-horizontal .form-group .special-weight-gram:after {
    content: "gram";
    position: absolute;
    top: 6px;
    right: -20px
}

.create-form .form-horizontal .form-group .special-weight-barang:after {
    content: "barang";
    position: absolute;
    top: 6px;
    right: -60px
}

.create-form .form-horizontal .form-group .radio-group {
    padding-top: 5px
}

.create-form .form-horizontal .extra-attribute {
    margin-bottom: 10px
}

.create-form .form-horizontal .extra-attribute div[class^=col-]:first-child.input:before {
    content: ":";
    padding-left: 10px;
    position: absolute;
    top: 4px;
    left: -4px
}

.create-form .form-horizontal .extra-attribute div[class^=col-]:nth-child(2).input:before {
    content: " "
}

.create-form .form-horizontal .alamat {
    margin-top: 10px
}

.create-form .form-horizontal .alamat textarea {
    min-height: 50px!important
}

.create-form .form-horizontal .alamat__register {
    margin-top: 10px
}

.create-form .form-horizontal .add-extra-attribute {
    margin-bottom: 10px
}

.create-form .form-horizontal .add-extra-attribute div[class^=col-]:nth-child(2).input:before {
    content: " "
}

.create-form .form-horizontal .add-extra-attribute .thumbnail-close {
    top: 2px
}

.create-form .form-horizontal .edit-input {
    margin-top: 6px
}

.create-form .form-horizontal .checkbox-block {
    font-weight: 400;
    padding-top: 5px;
    padding-left: 20px;
    display: block;
    margin-bottom: 10px
}

.create-form .form-horizontal .checkbox-block input[type=checkbox] {
    position: absolute;
    margin-left: -20px
}

.create-form .form-horizontal .help-block {
    text-align: right
}

.create-form .upload-image input[type=file] {
    width: 85px;
    height: 85px;
    opacity: 0!important;
    cursor: pointer;
    background: 0 0
}

.create-form .upload-image input[type=file]:hover {
    border-style: dotted;
    filter: alpha(Opacity=80);
    opacity: .8
}

.create-form .upload-image input[type=file]::-webkit-file-upload-button {
    cursor: pointer
}

.create-form .upload-image .upload-image-holder {
    width: 85px;
    height: 85px;
    float: left;
    position: relative;
    margin-right: 32px;
    margin-bottom: 10px
}

.create-form .upload-image .upload-image-holder span {
    color: transparent;
    cursor: pointer;
    float: left;
    width: 85px;
    height: 85px;
    margin-right: 32px;
    margin-bottom: 10px;
    border: 1px solid #d4d4d4;
    background: url(../images/layout/icon/upload-image.png) 15px 20px no-repeat #fff
}

.create-form .upload-image figure {
    width: 85px;
    height: 85px;
    border: 1px solid #d4d4d4
}

.create-form .upload-image figure div {
    width: 85px;
    height: 85px
}

.create-form .upload-image figure div img {
    max-width: 85px;
    max-height: 85px
}

.create-form .create-listing__back-to-top {
    display: none
}

.create-form .create-listing__back-to-top.stick {
    display: block;
    position: fixed;
    bottom: 100px;
    right: -2px;
    z-index: 2
}

.create-preview {
    position: absolute;
    left: 49%;
    width: 550px;
    top: 200px
}

.create-preview .header-preview {
    display: inline-block;
    width: 100%
}

.create-preview .header-preview h3 {
    float: left;
    margin-top: 5px
}

.create-preview .header-preview button {
    float: right
}

.create-preview .content-preview {
    padding: 25px 10px;
    background-color: #fff;
    border: 1px solid #e6e6e6
}

.create-preview .content-preview .image-product-detail,.create-preview .content-preview .image-product-thumbnail {
    width: 212px
}

.create-preview .content-preview .thumbnail {
    width: 60px
}

.create-preview .content-preview .product-detail-info {
    margin: 0 15px
}

.create-preview .content-preview .product-detail-desc {
    width: 260px
}

.create-preview .content-preview .product-detail .tab-content {
    border: 1px solid #d4d4d4;
    border-top: 0;
    padding: 10px 15px;
    margin: -10px
}

.create-preview .content-preview .product-detail .nav-tabs li.active a {
    background: #fff;
    border-bottom: 1px solid #fff
}

.create-preview .content-preview .product-detail .nav-tabs li.active:after {
    display: none
}

.create-preview .content-preview .product-detail .nav-tabs li a {
    color: #000;
    background: #f5f5f5;
    border-left: 1px solid #d4d4d4;
    border-right: 0
}

.create-preview .content-preview .product-detail .nav-tabs li:last-child a {
    border-right: 1px solid #d4d4d4
}

.form-note {
    margin-top: 20px
}

.create-list {
    border: 1px solid #d4d4d4;
    padding: 15px;
    background: #fafafa;
    margin-top: 10px
}

.create-list .form-group.search-category {
    margin-bottom: 20px
}

.create-list .nav-tabs {
    border-bottom-color: #1da89f
}

.create-list .nav-tabs li {
    position: relative;
    display: block;
    width: 150px;
    float: left;
    padding: 0;
    margin: 0 0 -1px
}

.create-list .nav-tabs li:nth-child(2) a {
    border-right: 0;
    border-left: 0
}

.create-list .nav-tabs li.notice-new {
    position: relative
}

.create-list .nav-tabs li.notice-new:before {
    z-index: 3;
    content: 'New';
    background-color: #e4302f;
    border-radius: 3px;
    position: absolute;
    font-size: 10px;
    padding: 0 5px;
    color: #fff;
    right: 4px;
    top: -5px;
    font-weight: 400
}

.create-list .nav-tabs li a {
    border-radius: 0;
    position: relative;
    text-align: center;
    display: block;
    padding: 5px 0;
    color: #545454;
    text-decoration: none;
    border: 1px solid #1da89f;
    font-size: 12px;
    background: #fafafa;
    margin-right: 0;
    font-weight: 600
}

.create-list .nav-tabs li.active>a {
    color: #fff;
    background-color: #1da89f;
    border: 1px solid #1da89f;
    border-bottom-color: transparent;
    cursor: default
}

.create-list .nav-tabs li.active:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -4px;
    border-width: 6px 6px 0;
    border-style: solid;
    border-color: #1da89f transparent;
    z-index: 2
}

.create-list .nav-tabs li.active:hover a {
    background: #1da89f
}

.create-list .tab-content {
    border: 1px solid #1da89f;
    border-top: 0;
    padding: 15px;
    margin-bottom: 10px
}

.create-list .tab-content .category {
    display: inline-block;
    margin-right: 10px
}

.create-list .tab-content .category-loading {
    width: 170px;
    height: 271px;
    background: #f5f5f5;
    display: inline-block;
    margin-right: 10px;
    top: 7px;
    position: relative
}

.create-list .tab-content .category-loading img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -40px;
    margin-left: -40px;
    text-align: left
}

.create-list .tab-content .category-result {
    border: 1px solid #d4d4d4;
    height: 250px;
    padding: 10px;
    margin-top: 5px
}

.create-list .tab-content .category-result .category-name {
    font-weight: 700;
    display: block
}

.create-list .tab-content .category-result .category-option {
    margin-bottom: 10px
}

.create-list .tab-content .my-choice {
    margin-top: 10px
}

.create-list .tab-content .my-choice .choice-title {
    font-weight: 600;
    color: #1da89f
}

.create-list .tab-content .my-choice .choice-list {
    font-weight: 600;
    margin: 5px 0
}

.banner-auction {
    margin-bottom: 10px;
    width: 100%
}

.markItUp .message-lapak .markItUpButton4 {
    width: 25px
}

.markItUp .message-lapak .markItUpButton4 ul {
    width: 86px
}

.markItUp .message-lapak .markItUpButton4 ul li {
    border: 0;
    float: left;
    height: 24px;
    margin: 2px;
    overflow: hidden;
    padding: 0;
    width: 24px
}

.markItUp .message-lapak .markItUpButton4 ul li a {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ddd;
    display: block;
    height: 22px;
    margin: 0;
    opacity: .68;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 22px
}

.markItUp .message-lapak .markItUpButton4 ul li a:hover {
    border-color: #ccc;
    opacity: 1
}

.markItUp .message-lapak .markItUpButton4>a:before {
    content: "\f031"
}

.markItUp .message-lapak .markItUpButton4 .col1-1 a {
    background: #ff0
}

.markItUp .message-lapak .markItUpButton4 .col1-2 a {
    background: orange
}

.markItUp .message-lapak .markItUpButton4 .col1-3 a {
    background: red
}

.markItUp .message-lapak .markItUpButton4 .col2-1 a {
    background: #00f
}

.markItUp .message-lapak .markItUpButton4 .col2-2 a {
    background: purple
}

.markItUp .message-lapak .markItUpButton4 .col2-3 a {
    background: green
}

.markItUp .message-lapak .markItUpButton4 .col3-1 a {
    background: #fff
}

.markItUp .message-lapak .markItUpButton4 .col3-2 a {
    background: gray
}

.markItUp .message-lapak .markItUpButton4 .col3-3 a {
    background: #000
}

.markItUp .message-lapak .markItUpButton5 ul li {
    margin: 0;
    padding: 0
}

.markItUp .message-lapak .markItUpButton5 ul li a {
    background: #f5f5f5;
    font-weight: 500;
    height: 25px;
    text-align: left;
    text-indent: 0!important;
    width: 100px;
    padding: 5px
}

.markItUp .message-lapak .markItUpButton5 .font-arial a {
    font-family: Arial,"DejaVu Sans","Liberation Sans",Freesans,sans-serif
}

.markItUp .message-lapak .markItUpButton5 .font-arialblack a {
    font-family: "Arial Black",Gadget,sans-serif
}

.markItUp .message-lapak .markItUpButton5 .font-arialnarrow a {
    font-family: "Arial Narrow","Nimbus Sans L",sans-serif
}

.markItUp .message-lapak .markItUpButton5 .font-bookantiqua a {
    font-family: Times New Roman,Times,serif
}

.markItUp .message-lapak .markItUpButton5 .font-centurygothic a {
    font-family: "Century Gothic",futura,"URW Gothic L",Verdana,sans-serif
}

.markItUp .message-lapak .markItUpButton5 .font-comicsansms a {
    font-family: "Comic Sans MS",cursive
}

.markItUp .message-lapak .markItUpButton5 .font-couriernew a {
    font-family: "Courier New",Courier,"Nimbus Mono L",monospace
}

.markItUp .message-lapak .markItUpButton5 .font-georgia a {
    font-family: Constantina,Georgia,"Nimbus Roman No9 L",serif
}

.markItUp .message-lapak .markItUpButton5 .font-impact a {
    font-family: Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif
}

.markItUp .message-lapak .markItUpButton5 .font-lucidaconsole a {
    font-family: "Lucida Sans Unicode","Lucida Grande","Lucida Sans","DejaVu Sans Condensed",sans-serif
}

.markItUp .message-lapak .markItUpButton5 .font-timesnewroman a {
    font-family: Cambria,"Times New Roman","Nimbus Roman No9 L",Freeserif,Times,serif
}

.markItUp .message-lapak .markItUpButton5 .font-Trebucher a {
    font-family: "Trebuchet MS",sans-serif
}

.markItUp .message-lapak .markItUpButton5 .font-Verdana a {
    font-family: Verdana,Geneva,"DejaVu Sans",sans-serif
}

.markItUp .message-lapak .markItUpButton5 a {
    background: #fff;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    line-height: 18px;
    padding: 1px;
    text-align: center;
    text-indent: 0;
    width: 45px
}

.markItUp .message-lapak .markItUpButton5 a:before {
    content: ""
}

.markItUp .message-lapak .markItUpButton6 a {
    background: url(../images/editor/fonts.png) 3px 3px no-repeat;
    width: 30px
}

.markItUp .message-lapak .markItUpButton6 a:before {
    content: ""
}

.markItUp .message-lapak .markItUpButton6 .size-1 a,.markItUp .message-lapak .markItUpButton6 .size-2 a,.markItUp .message-lapak .markItUpButton6 .size-3 a,.markItUp .message-lapak .markItUpButton6 .size-4 a,.markItUp .message-lapak .markItUpButton6 .size-5 a,.markItUp .message-lapak .markItUpButton6 .size-6 a,.markItUp .message-lapak .markItUpButton6 .size-7 a {
    background-image: none;
    height: auto;
    padding: 5px;
    text-align: center
}

.markItUp .message-lapak .markItUpButton6 .size-1 a {
    font-size: 10px;
    line-height: 10px
}

.markItUp .message-lapak .markItUpButton6 .size-2 a {
    font-size: 12px;
    line-height: 12px
}

.markItUp .message-lapak .markItUpButton6 .size-3 a {
    font-size: 14px;
    line-height: 14px
}

.markItUp .message-lapak .markItUpButton6 .size-4 a {
    font-size: 16px;
    line-height: 16px
}

.markItUp .message-lapak .markItUpButton6 .size-5 a {
    font-size: 20px;
    line-height: 20px
}

.markItUp .message-lapak .markItUpButton6 .size-6 a {
    font-size: 24px;
    line-height: 24px
}

.markItUp .message-lapak .markItUpButton6 .size-7 a {
    font-size: 28px;
    line-height: 28px
}

.markItUp .message-lapak .martkItUpButton7>a:before {
    content: "\f0c1"
}

.search-items .fa {
    position: absolute;
    height: 35px;
    width: 35px;
    line-height: 35px;
    text-align: center
}

.search-items input {
    padding-left: 35px
}

.show-tel {
    cursor: pointer;
    color: #0073b9;
    margin-left: 5px
}

.show-tel:hover {
    text-decoration: underline
}

div[class^=tel-] {
    float: left;
    height: 11px;
    margin-top: 1px;
    width: 8px
}

.tel .tel-00 {
    background-position: 0 -290px;
    width: 7px
}

.tel .tel-01 {
    background-position: -7px -290px
}

.tel .tel-02 {
    background-position: -15px -290px;
    width: 7px
}

.tel .tel-03 {
    background-position: -22px -290px
}

.tel .tel-04 {
    background-position: -30px -290px;
    width: 7px
}

.tel .tel-05 {
    background-position: -37px -290px;
    width: 9px
}

.tel .tel-06 {
    background-position: -46px -290px;
    width: 7px
}

.tel .tel-07 {
    background-position: -53px -290px
}

.tel .tel-08 {
    background-position: -61px -290px
}

.tel .tel-09 {
    background-position: -69px -290px
}

.tel .tel-10 {
    background-position: -77px -290px
}

.bg-msg-grey {
    background: #eee
}

.bg-msg-white {
    background: #fff
}

.bg-msg-white.border-grey-top-bottom {
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4
}

.bg-msg-lightgreen {
    background: #eefff4
}

.user-home.fjb .user-home-content header {
    background-color: #1da89f;
    color: #fff
}

.user-home.fjb .user-home-content .intro {
    border-bottom-color: #1da89f;
    border-top: 1px solid #1da89f;
    padding: 5px 0;
    margin-top: 20px
}

.user-home.fjb .user-home-content .fjb-icon {
    margin: 0 5px
}

.user-home.fjb .user-home-content span.customSelect {
    padding: 5px 20px 5px 10px;
    height: 36px
}

.user-home.fjb .user-home-content .action-button {
    margin-top: 10px
}

.user-home.fjb .kaskus-modal .modal-header:before,.user-home.fjb .kaskus-modal-large .modal-header:before {
    background: #1da89f
}

.user-home.fjb .image-upload-con-vsl {
    position: relative;
    display: inline-block
}

.user-home.fjb .table-bordered td,.user-home.fjb .table-bordered th {
    border-color: #1da89f;
    border-bottom-width: 1px
}

.user-home.fjb .table>thead:first-child>tr:first-child>td,.user-home.fjb .table>thead:first-child>tr:first-child>th {
    border-top: 1px solid #1da89f
}

.user-home.fjb .nav-tabs {
    margin: 0;
    padding: 0;
    border: 0
}

.user-home.fjb .nav-tabs li {
    margin: 0 -1px 0 0
}

.user-home.fjb .nav-tabs li a {
    min-width: 120px;
    font-weight: 400;
    text-align: center;
    margin: 0;
    color: #1da89f;
    border: 1px solid #1da89f;
    border-bottom: 0
}

.user-home.fjb .nav-tabs li.active a {
    background-color: #1da89f;
    color: #fff;
    font-weight: 600
}

.user-home.fjb .nav-tabs li.active a:after,.user-home.fjb .nav-tabs li.active a:before {
    content: "";
    top: 100%;
    left: 50%
}

.user-home.fjb .nav-tabs li.active a:before {
    margin-left: -5px;
    position: absolute;
    border-style: solid;
    border-color: #1da89f transparent transparent;
    border-width: 7px 7px 0
}

.user-home.fjb .nav-tabs li.active a:after {
    margin-left: -4px;
    position: absolute;
    border-style: solid;
    border-color: #1da89f transparent transparent;
    border-width: 6px 6px 0
}

.user-home.fjb .nav-tabs li.notice-new {
    position: relative
}

.user-home.fjb .nav-tabs li.notice-new:after {
    content: 'New';
    background-color: #e4302f;
    border-radius: 3px;
    position: absolute;
    font-size: 10px;
    padding: 0 5px;
    color: #fff;
    right: 7px;
    top: -5px;
    font-weight: 400
}

.user-home.fjb .table {
    min-height: 200px
}

.user-home.fjb .table .icon .post,.user-home.fjb .table .icon .thumbnail {
    display: table-cell;
    margin-right: 10px
}

.user-home.fjb .table .icon .post {
    padding-left: 10px
}

.user-home.fjb .table .icon .sundul-gan .sundul-icon {
    margin-top: 0
}

.user-home.fjb .table .icon .sundul-gan a {
    text-decoration: none;
    color: #1da89f
}

.user-home.fjb .table .icon .sundul-gan a.cooldown {
    color: #acacac;
    cursor: default
}

.user-home.fjb .table .icon .sundul-gan .red {
    font-size: 11px
}

.user-home.fjb .table .icon .post-title a {
    color: #6e6e6e;
    font-size: 14px
}

.user-home.fjb .table-no-min-height {
    min-height: auto
}

.user-home.fjb .table-no-min-height .post p {
    margin-bottom: 3px
}

.user-home.fjb .list-info tr td {
    vertical-align: middle;
    word-break: break-word
}

.user-home.fjb .selling .post {
    max-width: 300px
}

.user-home.fjb .selling .post .post-title a {
    line-height: 19px
}

.user-home.fjb .selling .post .sub-meta .author {
    padding: 0 5px 0 0
}

.user-home.fjb .selling .post .sundul-gan {
    margin-top: 5px
}

.user-home.fjb .selling .post .sundul-gan a i {
    font-size: 20px;
    vertical-align: middle
}

.user-home.fjb .selling .post .sundul-gan a span {
    display: inline-block;
    line-height: initial;
    vertical-align: middle
}

.user-home.fjb .sold-text {
    color: #1da89f;
    height: 14px;
    font-weight: 700;
    vertical-align: top;
    line-height: 30px;
    display: inline-block
}

.user-home.fjb .bg-msg-grey.vls-header {
    margin-top: -10px;
    padding: 10px
}

.user-home.fjb .bg-msg-grey.vls-header span {
    display: inline-block
}

.user-home.fjb .bg-msg-grey.vls-header span hr {
    margin: 5px 0 0;
    border-color: #aaa
}

.user-home.fjb .bg-msg-lightgreen.vls-header {
    margin-top: -10px;
    padding: 25px
}

.user-home.fjb .bg-msg-lightgreen.vls-header p {
    font-weight: 700
}

.user-home.fjb .bg-msg-lightyellow {
    background: #fffdee
}

.user-home.fjb .bg-msg-lightyellow.vls-header {
    padding: 15px
}

.user-home.fjb .bg-msg-lightyellow.vls-header p {
    font-weight: 500
}

.user-home.fjb .bg-msg-lightyellow.border-bottom {
    padding-bottom: 20px;
    border-bottom: 1px solid #c2c2c2
}

.user-home.fjb .bg-msg-lightyellow .border-dash {
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px dashed
}

.user-home.fjb .bg-msg-lightyellow.verified-seller-form .input-helper {
    display: none;
    background: #5ccc84;
    color: #fff;
    position: absolute;
    right: 0;
    padding: 10px;
    margin-top: -15px;
    margin-right: 5px
}

.user-home.fjb .bg-msg-lightyellow.verified-seller-form .input-helper p {
    font-size: 11px;
    margin-bottom: 0
}

.user-home.fjb .bg-msg-lightyellow.verified-seller-form .input-helper:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136,183,213,0);
    border-right-color: #57cd81;
    border-width: 5px;
    margin-top: -5px
}

.user-home.fjb .form-group .err-msg ul {
    padding-left: 15px
}

.user-home.fjb .become-verified-seller {
    padding: 15px
}

.user-home.fjb .become-verified-seller img {
    float: left;
    margin-right: 20px
}

.user-home.fjb .become-verified-seller p {
    margin-top: 10px;
    font-weight: 500
}

.user-home.fjb .colek-gan a {
    text-decoration: none
}

.user-home.fjb .colek-gan span {
    font-weight: 500;
    color: #e4302f
}

.user-home.fjb .colek-gan .disable {
    color: #b0b1b4
}

.border-green {
    border-color: #1da89f
}

.border-dashed {
    border-style: dashed
}

.opening-paragraph {
    text-align: center;
    margin-bottom: 10px
}

.no-bold {
    font-weight: 400
}

.intro {
    border-top: 1px solid #1da89f;
    border-bottom: 1px solid #1da89f;
    padding: 5px 0;
    margin-top: 20px;
    margin-bottom: 5px;
    font-weight: 700;
    display: block
}

.payment-method {
    font-size: 12px
}

.payment-method span {
    display: block
}

.lSSlideOuter {
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.lightSlider {
    overflow: hidden
}

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

.lSSlideWrapper {
    max-width: 100%;
    overflow: hidden;
    position: relative
}

.lSSlideWrapper>.lightSlider:after {
    clear: both
}

.lSSlideWrapper .lSFade {
    position: relative
}

.lSSlideWrapper .lSFade>* {
    position: absolute!important;
    top: 0;
    left: 0;
    z-index: 9;
    margin-right: 0;
    width: 100%
}

.lSSlideWrapper .lSFade>.active {
    opacity: 1;
    z-index: 10
}

.lSSlideWrapper .lSSlide {
    -webkit-transform: translate(0px,0);
    -ms-transform: translate(0px,0);
    transform: translate(0px,0);
    -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform,height;
    -moz-transition-property: -moz-transform,height;
    transition-property: transform,height;
    -webkit-transition-duration: inherit;
    transition-duration: inherit;
    -webkit-transition-timing-function: inherit;
    transition-timing-function: inherit
}

.lSSlideWrapper.usingCss .lSFade>* {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: inherit;
    transition-duration: inherit;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: inherit;
    transition-timing-function: inherit
}

.fmt-info {
    padding: 10px;
    background: #fff;
    border: 1px solid #1da89f;
    border-bottom: 0;
    font-size: 11px
}

.pagination.box-style {
    margin: 10px 0
}

.pagination.box-style li a {
    border: 1px solid #d4d4d4;
    margin: 0 3px
}

.pagination.box-style li.active a,.pagination.box-style li:hover a {
    color: #fff;
    text-decoration: none;
    background: #1da89f;
    border-color: #1da89f
}

.pagination.box-style #jump-page-top {
    border: none
}

.pagination.box-style .page-count {
    font-weight: 400
}

.form-horizontal .checkbox-inline {
    padding-top: 5px
}

.form-horizontal input[type=checkbox] {
    margin-top: 1px
}

.fmt-action {
    width: 214px
}

.feedback .table {
    font-weight: 700
}

.feedback .table tr td {
    padding: 2px 0;
    font-size: 12px
}

.list-line {
    background: #f9f9f9;
    padding: 10px 0;
    margin-bottom: 10px
}

.list-line ul.list-inline {
    margin: 0
}

.list-line ul.list-inline li {
    padding: 0 15px;
    border-right: 1px solid #9a9a9a
}

.list-line ul.list-inline li:last-child {
    border-right: 0
}

.list-line ul.list-inline li a {
    color: #0071bb
}

.list-line ul.list-inline li a.active,.list-line ul.list-inline li a:focus,.list-line ul.list-inline li a:hover {
    color: #6e6e6e
}

span.good-f {
    display: inline-block!important;
    color: #1da89f;
    font-weight: 700
}

span.bad-f {
    display: inline-block!important;
    color: #c82a32;
    font-weight: 700
}

.total {
    font-size: 16px;
    font-weight: 700
}

.btn-konfirmasi {
    float: right;
    margin: -10px 0 20px
}

.formula {
    position: relative;
    margin-top: 10px
}

.formula span {
    display: block;
    text-align: center
}

.formula-l {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle
}

.numerator {
    border-bottom: 1px solid #6e6e6e;
    padding: 3px 10px
}

.denominator {
    padding: 3px 10px
}

.formula-r {
    display: inline-block;
    position: absolute;
    top: 15px
}

.formula-r:before {
    content: "x";
    margin-right: 10px
}

.chosen-container-multi .chosen-choices {
    border: 1px solid #ccc;
    border-radius: 3px
}

.chosen-container-active .chosen-choices {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.chosen-container-multi .chosen-choices li.search-field input[type=text] {
    font-family: inherit;
    padding-left: 10px
}

.fjb-konfirmasi-pemesanan .fa-question-circle {
    color: #ff7100
}

.form-row {
    margin-bottom: 10px;
    margin-top: 10px
}

.list-button {
    text-align: left;
    margin: 0 10px;
    padding: 10px 0
}

.list-button .sundul-gan {
    display: inline-block
}

#form-konfirmasi-pengiriman .form-horizontal .form-group .col-xs-2.input {
    width: 100px
}

.form-horizontal div.form-group:nth-child(7) div.col-xs-2.input:nth-child(4) {
    padding-right: 0!important
}

.fjb .hover-sidebar-content .nav-browse ul.list-categories {
    max-height: 265px;
    overflow: hidden
}

.fjb-support-brankas span {
    padding: 1px 5px;
    color: #f3932d;
    border: 1px solid #f3932d;
    display: inline-block;
    font-size: 11px;
    margin-top: 5px
}

.carousel-indicators {
    bottom: 5px
}

.carousel-indicators li {
    margin: 1px 3px;
    height: 15px;
    width: 15px;
    box-shadow: 1px 2px 2px rgba(0,0,0,.3);
    background-color: #1da89f;
    border-color: transparent
}

.carousel-indicators li.active {
    margin: 1px 3px;
    height: 15px;
    width: 15px;
    box-shadow: 1px 2px 2px rgba(0,0,0,.3);
    background: rgba(255,255,255,.7);
    border-color: transparent!important
}

.carousel-indicators__sidebar--orange {
    position: relative;
    bottom: 0;
    left: initial;
    margin: 0;
    width: 100%
}

.carousel-indicators__sidebar--orange li {
    float: none;
    height: 10px;
    width: 10px;
    box-shadow: none;
    background-color: #959595
}

.carousel-indicators__sidebar--orange li.active {
    margin: 1px 3px;
    height: 10px;
    width: 10px;
    box-shadow: none;
    background: #ff7100!important;
    border-color: transparent!important
}

.carousel-indicators__bullet {
    position: relative;
    bottom: 0;
    left: initial;
    margin: 10px 0 0;
    width: 100%
}

.carousel-indicators__bullet li {
    float: none;
    height: 10px;
    width: 10px;
    box-shadow: none;
    background-color: #959595
}

.carousel-indicators__bullet li.active {
    margin: 1px 3px;
    height: 10px;
    width: 10px;
    box-shadow: none;
    background-color: #ff7100;
    border-color: transparent!important
}

.carousel-indicators__bullet--blue li.active {
    background-color: #1998ed
}

.border-left-green {
    border-left: 5px solid #1da89f;
    padding: 1px 5px;
    margin: 10px 0 5px;
    font-size: 14px
}

.table-colon {
    padding: 0 5px 0 20px
}

.cart__action {
    margin: 15px 0 10px
}

.cart__action__delete {
    color: #1da89f;
    font-size: 14px
}

.cart__action__delete i {
    font-size: 18px;
    margin-right: 10px
}

.cart__action__delete:hover {
    color: #21beb4
}

.cart__box__label--bold {
    font-weight: 700
}

.cart__box.block__box {
    border: 1px solid #E5E5E5
}

.cart__box__value--orange {
    color: #ff7100
}

.cart__box__value--bold {
    font-weight: 700
}

.cart__box__info {
    margin-bottom: 10px
}

.cart__box__action {
    padding: 20px 30px 75px
}

.cart__item__header {
    position: relative;
    padding-bottom: 15px;
    border-bottom: 1px solid #E5E5E5
}

.cart__item.block__box {
    border: 1px solid #E5E5E5
}

.cart__item__row {
    margin-bottom: 25px
}

.cart__item__button {
    text-align: right;
    padding: 25px 0 5px
}

.cart__item__button .btn {
    width: 170px
}

.cart__item__button__row {
    padding: 20px 45px 0
}

.cart__item__button__row .column {
    padding: 5px
}

.cart__item__button__row .btn {
    line-height: 26px
}

.cart__item__button__row .btn-outline--border-orange--bolder {
    line-height: 24px;
    height: initial
}

.cart__item__subtotal {
    margin-bottom: 10px
}

.cart__item__subtotal__label {
    font-size: 14px
}

.cart__item__subtotal__label--bold {
    font-weight: 700
}

.cart__item__subtotal__value {
    font-weight: 700;
    font-size: 14px;
    color: #ff7100
}

.cart__item__body {
    padding: 10px 0
}

.cart__item__note {
    color: #B6B6B6
}

.cart__item__checkbox {
    position: absolute
}

.cart__item__checkbox .checkbox-green {
    margin-top: 0
}

.cart__item__detail {
    position: relative;
    margin-left: 30px
}

.cart__item__detail--modal {
    margin-left: 0;
    margin-top: 10px
}

.cart__item__detail__image img {
    position: absolute;
    max-width: 65px;
    height: 65px
}

.cart__item__detail__info {
    margin-left: 75px
}

.cart__item__detail__info__title {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px
}

.cart__item__detail__info__quantity {
    margin-bottom: 10px
}

.cart__item__detail__info__price {
    color: #ff7100;
    font-weight: 500
}

.cart__item__seller {
    position: relative
}

.cart__item__seller__pic {
    position: absolute;
    top: 3px;
    vertical-align: middle;
    display: inline-block;
    width: 25px;
    height: 25px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.cart__item__seller__pic--modal {
    top: -3px
}

.cart__item__seller__info {
    margin-left: 40px;
    padding-top: 7px
}

.cart__item__seller__info__name {
    color: #1da89f;
    font-weight: 500
}

.cart__item__seller__info__name--modal {
    color: initial;
    font-weight: 400
}

.cart__item__seller__info__extra__rep {
    color: #1da89f;
    font-weight: 500
}

.cart__item__seller__info__extra__rep:before {
    content: '(';
    color: #2f2f2f
}

.cart__item__seller__info__extra__rep:after {
    content: ')';
    color: #2f2f2f
}

.cart__item__delete {
    position: absolute;
    right: 0;
    top: 0
}

.cart__item__delete__link {
    color: #1da89f;
    font-size: 18px
}

.cart__item__delete__link:hover {
    color: #21beb4
}

.btn-chat,.btn-chat:hover {
    color: #fab339!important
}

.btn-chat.disabled,.btn-chat.disabled:hover {
    color: #acacac!important
}

.btn-pm {
    color: #1998ed!important
}

.btn-pm:hover {
    color: #31a3ef!important
}

.info-alamat {
    border-left: 4px solid #1da89f;
    padding-left: 10px
}

.info-alamat--no-border {
    border-left: none
}

.info-alamat p {
    margin-bottom: 0;
    word-break: break-word
}

.info-alamat p.title-alamat {
    font-weight: 700
}

.fjb-konfirmasi-pemesanan .create-form .form-group {
    padding: 0 0 10px
}

@media only screen and (max-width:1024px) {
    .transaction-guide br {
        display: none
    }
}

.transaction-guide h3 {
    color: #333;
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 20px
}

.transaction-guide h4 {
    color: #1998ed;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 3px
}

.transaction-guide section {
    min-width: 1200px;
    margin: auto;
    padding: 20px
}

@media only screen and (max-width:1024px) {
    .transaction-guide section {
        min-width: 1024px
    }
}

.transaction-guide .block-grid-xs-5 {
    max-width: 1100px;
    margin: auto
}

.transaction-guide .help-center {
    max-width: 1100px;
    margin: auto;
    padding: 15px
}

.transaction-guide .help-center a:hover {
    opacity: .8
}

.transaction-guide .help-center span {
    display: inline-block;
    vertical-align: middle;
    color: #333;
    font-size: 14px;
    font-weight: 500
}

.transaction-guide__title {
    color: #333;
    margin: 40px 20px 10px;
    font-size: 26px;
    line-height: 33px;
    font-weight: 500
}

.transaction-guide__item {
    background-color: #fff;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    margin: 0 10px -60px
}

.transaction-guide__item img {
    max-width: 100%;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.transaction-guide__thumb {
    padding: 1px;
    border-radius: 5px;
    overflow: hidden
}

.transaction-guide__desc {
    padding: 10px 20px 15px;
    color: #6e6e6e
}

.transaction-guide__desc h3 {
    color: #1998ed;
    font-weight: 500;
    margin-bottom: 5px;
    text-transform: none;
    font-size: 16px
}

.transaction-guide__desc p {
    line-height: 18px
}

.transaction-guide__advantage {
    display: inline-block;
    vertical-align: top
}

.transaction-guide__advantage.buyer {
    max-width: 200px
}

.transaction-guide__advantage.seller {
    max-width: 314px
}

.transaction-guide__advantage img {
    width: 360px
}

@media only screen and (max-width:1024px) {
    .transaction-guide__advantage img {
        width: 320px
    }
}

.transaction-guide__advantage span {
    color: #333;
    display: block;
    line-height: 22px;
    margin-bottom: 15px;
    font-size: 14px
}

.transaction-guide a:focus,.transaction-guide a:hover {
    text-decoration: none
}

.transaction-guide a:hover .btn {
    background-color: #31a3ef
}

.transaction-guide a:hover .transaction-guide__thumb img {
    opacity: .8
}

.transaction-guide .bg-white-fade .row {
    max-width: 1100px;
    margin: auto
}

.transaction-guide .bg-white-fade h2 {
    margin-top: 60px
}

.transaction-guide .bg-yellow {
    margin-top: -10px
}

.transaction-guide .bg-blueLight {
    background-image: url(../images/fjb-guide/dapur.png);
    background-repeat: no-repeat;
    background-position: 85% 100%;
    min-height: 350px
}

.transaction-guide .bg-blueLight .row {
    max-width: 1000px;
    margin: auto
}

.transaction-guide .bg-blueLight .btn {
    padding: 15px 30px;
    margin-top: 10px
}

.transaction-guide .bg-blueLight h2 {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 500;
    color: #1998ed;
    margin: 70px 0 20px
}

.transaction-guide .bg-blueLight p {
    color: #333;
    font-size: 16px;
    line-height: 28px;
    font-weight: 500
}

.transaction-guide .bg-blueLight p span {
    font-size: 18px
}

.cloud-big {
    position: absolute;
    z-index: 10;
    animation-name: cloud-animation;
    animation-duration: 11s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: cloud-animation;
    -webkit-animation-duration: 11s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    top: 20px;
    right: 100px
}

.cloud-small {
    position: absolute;
    z-index: 10;
    animation-name: cloud-animation;
    animation-duration: 30s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: cloud-animation;
    -webkit-animation-duration: 30s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    top: 100px;
    right: 575px
}

.info-pembelian h2 {
    font-weight: 500;
    margin-bottom: 10px
}

.info-pembelian p {
    font-weight: 600;
    margin-bottom: 5px
}

.info-pembelian__alamat {
    background-color: #fff;
    border: 1px solid #d4d4d4;
    border-radius: 2px;
    padding: 15px
}

.info-pembelian__alamat--add-btn {
    font-weight: 500;
    margin: 25px 0 10px
}

.info-pembelian__alamat.already-register-address p.not-yet-register-announce {
    display: none
}

.info-pembelian__alamat.already-register-address p.alamat-pengiriman {
    display: block;
    font-size: 13px;
    margin-bottom: 10px
}

.info-pembelian__alamat.already-register-address select {
    border: 1px solid #d4d4d4;
    background: 0 0;
    font-weight: 500;
    padding: 8px 20px 8px 8px
}

.info-pembelian__alamat.already-register-address .detail-address {
    display: block;
    margin-top: 15px;
    padding-left: 10px
}

.info-pembelian__alamat.already-register-address .detail-address p {
    line-height: 15px;
    margin-bottom: 3px
}

.info-pembelian__alamat.already-register-address .register-address {
    display: none
}

.info-pembelian__alamat.not-yet-register-address p.not-yet-register-announce {
    display: block
}

.info-pembelian__alamat.not-yet-register-address .detail-address,.info-pembelian__alamat.not-yet-register-address .register-address,.info-pembelian__alamat.not-yet-register-address p.alamat-pengiriman,.info-pembelian__alamat.not-yet-register-address select,.info-pembelian__alamat.register-new-address .detail-address,.info-pembelian__alamat.register-new-address .info-pembelian__alamat--add-btn,.info-pembelian__alamat.register-new-address p.alamat-pengiriman,.info-pembelian__alamat.register-new-address p.not-yet-register-announce {
    display: none
}

.info-pembelian__alamat.register-new-address .register-address {
    position: relative;
    width: 100%
}

.info-pembelian__alamat.register-new-address .register-address input {
    border: 1px solid #d4d4d4;
    border-radius: 3px;
    padding: 7px;
    width: 100%
}

.info-pembelian__alamat.register-new-address .register-address p {
    font-size: 13px;
    font-weight: 500
}

.info-pembelian__alamat.register-new-address .register-address select {
    background: 0 0;
    border: 1px solid #d4d4d4;
    border-radius: 3px;
    padding: 7px;
    width: 100%
}

.info-pembelian__alamat.register-new-address .register-address textarea {
    border: 1px solid #d4d4d4;
    border-radius: 3px;
    padding: 10px;
    resize: none;
    width: 100%
}

.info-pembelian__alamat.register-new-address .register-address .area-section-space {
    position: relative;
    width: 100%
}

.info-pembelian__alamat.register-new-address .register-address .area-section {
    display: inline-block
}

.info-pembelian__alamat.register-new-address .register-address .detail-section {
    margin-top: 15px;
    position: relative
}

.info-pembelian__alamat.register-new-address .register-address .detail-section.area {
    width: 100%
}

.info-pembelian__alamat.register-new-address .register-address .padding-left-3 {
    padding-left: 3%
}

.info-pembelian__alamat.register-new-address .register-address .padding-right-3 {
    padding-right: 3%
}

.info-pembelian__alamat.register-new-address .register-address .sama-pembeli {
    position: absolute;
    top: -10px
}

.info-pembelian__alamat.register-new-address .register-address .save-cancel-button {
    margin-top: 20px;
    position: relative;
    width: 200px
}

.info-pembelian__alamat.register-new-address .register-address .save-cancel-button .button {
    width: 47%
}

.info-pembelian__data-pembelian {
    background-color: #fff;
    border: 1px solid #d4d4d4;
    border-radius: 2px;
    margin-top: 10px;
    padding: 15px
}

.info-pembelian__data-pembelian--detail-product {
    margin-bottom: 40px;
    padding-top: 10px;
    position: relative
}

.info-pembelian__data-pembelian--detail-product img.product-photo {
    height: 75px;
    width: 75px
}

.info-pembelian__data-pembelian--detail-product .price-detail {
    left: 470px;
    font-size: 13px;
    margin-top: 10px;
    padding-left: 10px;
    position: absolute;
    top: 0
}

.info-pembelian__data-pembelian--detail-product .price-detail span.subtotal {
    color: #ff7100;
    font-weight: 500
}

.info-pembelian__data-pembelian--detail-product .price-detail table {
    width: 190px;
    margin-top: 3px
}

.info-pembelian__data-pembelian--detail-product .price-detail td.left-cell {
    text-align: left;
    padding-right: 10px
}

.info-pembelian__data-pembelian--detail-product .price-detail td.middle-cell {
    padding: 3px 10px;
    text-align: center
}

.info-pembelian__data-pembelian--detail-product .price-detail td.right-cell {
    text-align: right;
    padding-left: 10px
}

.info-pembelian__data-pembelian--detail-product .product-detail {
    border-right: 1px solid #d4d4d4;
    font-size: 13px;
    left: 90px;
    max-width: 330px;
    margin-top: 10px;
    padding-left: 5px;
    padding-right: 30px;
    position: absolute;
    top: 0
}

.info-pembelian__data-pembelian--detail-product .product-detail .harga-barang {
    margin-top: 10px
}

.info-pembelian__data-pembelian--detail-product .product-detail .harga-barang p {
    color: #ff7100;
    font-weight: 500
}

.info-pembelian__data-pembelian--detail-product .product-detail .jumlah-barang {
    margin-bottom: 15px;
    margin-top: 10px
}

.info-pembelian__data-pembelian--detail-product .product-detail .jumlah-barang a {
    color: inherit
}

.info-pembelian__data-pembelian--detail-product .product-detail .jumlah-barang a:hover {
    text-transform: none;
    text-decoration: none
}

.info-pembelian__data-pembelian--detail-product .product-detail .jumlah-barang a.padding-left-5 {
    padding-left: 5px
}

.info-pembelian__data-pembelian--detail-product .product-detail .jumlah-barang a.padding-right-5 {
    padding-right: 5px
}

.info-pembelian__data-pembelian--detail-product .product-detail .jumlah-barang span {
    padding: 5px
}

.info-pembelian__data-pembelian--detail-product .product-detail .jumlah-barang span.bg-white {
    background-color: #fff;
    padding-left: 10px;
    padding-right: 10px
}

.info-pembelian__data-pembelian--detail-product .product-detail .jumlah-barang span.main {
    background-color: #d4d4d4;
    border: 1px solid #d4d4d4;
    border-radius: 3px
}

.info-pembelian__data-pembelian--else-detail {
    font-size: 13px;
    max-width: 290px;
    padding-top: 10px;
    position: relative
}

.info-pembelian__data-pembelian--else-detail .jasa-pengiriman select {
    background-color: transparent;
    border: 1px solid #d4d4d4;
    padding: 5px 20px 5px 5px;
    width: 100%
}

.info-pembelian__data-pembelian--else-detail .jasa-asuransi {
    margin-top: 15px;
    padding-left: 10px
}

.info-pembelian__data-pembelian--else-detail .jasa-asuransi .radio-green:hover {
    cursor: pointer
}

.info-pembelian__data-pembelian--else-detail .message-to-seller {
    margin-top: 15px
}

.info-pembelian__data-pembelian--else-detail .message-to-seller textarea {
    border: 1px solid #d4d4d4;
    padding: 10px;
    resize: none;
    width: 100%
}

.info-pembelian__data-pembelian--seller {
    border-bottom: 1px solid #d4d4d4;
    font-size: 13px;
    margin-bottom: 5px;
    padding-bottom: 8px
}

.info-pembelian__data-pembelian--seller img.seller-img {
    width: 30px;
    border-radius: 50%
}

.info-pembelian__data-pembelian--seller span.seller-name {
    color: #1da89f;
    margin-left: 10px;
    font-weight: 500
}

.info-pembelian__tips-voucher {
    background-color: #fff;
    border: 1px solid #d4d4d4;
    border-radius: 3px;
    font-size: 13px;
    padding: 15px
}

.info-pembelian__tips-voucher--saldo-brankas {
    border-bottom: 1px solid #d4d4d4;
    line-height: 20px;
    margin-top: 10px;
    padding: 10px 0
}

.info-pembelian__tips-voucher--saldo-brankas .jumlah-saldo-brankas {
    margin-bottom: 5px;
    position: relative
}

.info-pembelian__tips-voucher--saldo-brankas .jumlah-saldo-brankas span.orange {
    color: #ff7100;
    font-weight: 500
}

.info-pembelian__tips-voucher--saldo-brankas .jumlah-saldo-brankas span.green {
    color: #1da89f;
    font-weight: 500
}

.info-pembelian__tips-voucher--saldo-brankas.not-enough-saldo span.not-enough-saldo-announcement {
    display: block
}

.info-pembelian__tips-voucher--saldo-brankas.enough-saldo span.not-enough-saldo-announcement,.info-pembelian__tips-voucher--saldo-brankas.not-enough-saldo .bayar-btn,.info-pembelian__tips-voucher--saldo-brankas.not-enough-saldo .hapus-btn,.info-pembelian__tips-voucher--saldo-brankas.not-enough-saldo .input-saldo-password,.info-pembelian__tips-voucher--saldo-brankas.not-enough-saldo .saldo-left,.info-pembelian__tips-voucher--saldo-brankas.not-enough-saldo span.enough-saldo-announcement,.info-pembelian__tips-voucher--saldo-brankas.not-enough-saldo span.used-saldo {
    display: none
}

.info-pembelian__tips-voucher--saldo-brankas.enough-saldo span.enough-saldo-announcement {
    display: block
}

.info-pembelian__tips-voucher--saldo-brankas.enough-saldo span.used-saldo {
    display: none
}

.info-pembelian__tips-voucher--saldo-brankas.enough-saldo .bayar-btn {
    border-radius: 3px;
    margin: 7px 0 10px 15px
}

.info-pembelian__tips-voucher--saldo-brankas.enough-saldo .hapus-btn {
    display: none
}

.info-pembelian__tips-voucher--saldo-brankas.enough-saldo .input-saldo-password {
    display: block;
    padding: 5px 0;
    position: relative;
    width: 100%
}

.info-pembelian__tips-voucher--saldo-brankas.enough-saldo .input-saldo-password input {
    background: 0 0;
    border: 1px solid #d4d4d4;
    border-radius: 3px;
    padding: 10px;
    width: 100%
}

.info-pembelian__tips-voucher--saldo-brankas.enough-saldo .saldo-left,.info-pembelian__tips-voucher--saldo-brankas.give-brankas .bayar-btn,.info-pembelian__tips-voucher--saldo-brankas.give-brankas span.enough-saldo-announcement,.info-pembelian__tips-voucher--saldo-brankas.give-brankas span.not-enough-saldo-announcement {
    display: none
}

.info-pembelian__tips-voucher--saldo-brankas.give-brankas .hapus-btn {
    position: absolute;
    right: 2%;
    top: 0
}

.info-pembelian__tips-voucher--saldo-brankas.give-brankas .input-saldo-password {
    display: none
}

.info-pembelian__tips-voucher--saldo-brankas.give-brankas .saldo-left {
    margin-top: 5px
}

.info-pembelian__tips-voucher--tips {
    border-bottom: 1px solid #d4d4d4;
    line-height: 20px;
    padding-bottom: 15px
}

.info-pembelian__tips-voucher--tips .jumlah-tips {
    position: relative;
    width: 250px
}

.info-pembelian__tips-voucher--tips .jumlah-tips input {
    border: 1px solid #d4d4d4;
    border-radius: 3px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 5px 5px 5px 10px;
    width: 100%
}

.info-pembelian__tips-voucher--tips .jumlah-tips .tips-choice {
    padding: 5px 0;
    position: relative;
    text-align: center;
    width: 100%
}

.info-pembelian__tips-voucher--tips .jumlah-tips .tips-choice span {
    background-color: #d4d4d4;
    border: 2px solid #d4d4d4;
    border-radius: 3px;
    color: inherit;
    cursor: pointer;
    display: inline-block;
    font-weight: 500;
    padding: 5px 0;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle;
    width: 47%
}

.info-pembelian__tips-voucher--tips .jumlah-tips .tips-choice span.tips-0 {
    margin-right: 3%
}

.info-pembelian__tips-voucher--tips .jumlah-tips .tips-choice span.tips-5000 {
    margin-left: 3%
}

.info-pembelian__tips-voucher--tips .jumlah-tips .tips-choice span.active {
    background-color: #fff;
    border: 2px solid #1da89f;
    color: #ff7100
}

.info-pembelian__tips-voucher--voucher {
    line-height: 25px;
    margin-bottom: 10px;
    margin-top: 15px
}

.info-pembelian__tips-voucher--voucher span.green {
    font-weight: 500
}

.info-pembelian__tips-voucher--voucher span.orange {
    color: #ff7100;
    font-weight: 500
}

.info-pembelian__tips-voucher--voucher.voucher-expired span.input-voucher-announcement {
    display: none
}

.info-pembelian__tips-voucher--voucher.voucher-expired span.voucher-expired-announcement {
    display: inline-block
}

.info-pembelian__tips-voucher--voucher.voucher-expired .input-voucher-code,.info-pembelian__tips-voucher--voucher.voucher-expired .voucher-existed-announcement {
    display: none
}

.info-pembelian__tips-voucher--voucher.voucher-input span.input-voucher-announcement {
    display: inline-block
}

.info-pembelian__tips-voucher--voucher.voucher-input span.voucher-expired-announcement {
    display: none
}

.info-pembelian__tips-voucher--voucher.voucher-input .input-voucher-code {
    display: block
}

.info-pembelian__tips-voucher--voucher.voucher-input .input-voucher-code .voucher-input {
    margin-top: 10px;
    position: relative;
    width: 100%
}

.info-pembelian__tips-voucher--voucher.voucher-input .input-voucher-code .voucher-input input {
    border: 1px solid #d4d4d4;
    border-radius: 3px;
    padding: 5px 10px;
    width: 100%
}

.info-pembelian__tips-voucher--voucher.voucher-input .input-voucher-code .wrong-code {
    display: none
}

.info-pembelian__tips-voucher--voucher.voucher-input .input-voucher-code .wrong-code.active {
    display: block;
    margin-bottom: 3px;
    margin-top: 3px
}

.info-pembelian__tips-voucher--voucher.voucher-input .input-voucher-code .wrong-code.active p {
    color: #e4302f
}

.info-pembelian__tips-voucher--voucher.voucher-existed .input-voucher-code,.info-pembelian__tips-voucher--voucher.voucher-existed span.input-voucher-announcement,.info-pembelian__tips-voucher--voucher.voucher-existed span.voucher-expired-announcement,.info-pembelian__tips-voucher--voucher.voucher-input .voucher-existed-announcement {
    display: none
}

.info-pembelian__tips-voucher--voucher.voucher-existed .voucher-existed-announcement {
    position: relative
}

.info-pembelian__tips-voucher--voucher.voucher-existed .voucher-existed-announcement .hapus-btn {
    position: absolute;
    right: 2%;
    top: 0
}

.info-pembelian__rincian {
    background-color: #fff;
    border: 1px solid #d4d4d4;
    border-radius: 3px;
    font-size: 13px;
    margin-top: 10px;
    padding: 15px
}

.info-pembelian__rincian table {
    width: 100%;
    padding: 0
}

.info-pembelian__rincian .rincian-pembelian {
    border-bottom: 1px solid #d4d4d4;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-bottom: 5px
}

.info-pembelian__rincian .rincian-pembelian td {
    padding: 2px 0
}

.info-pembelian__rincian .rincian-pembelian td.left-cell {
    text-align: left;
    padding-right: 20px
}

.info-pembelian__rincian .rincian-pembelian td.middle-cell {
    text-align: center;
    padding: 0 40px 0 55px
}

.info-pembelian__rincian .rincian-pembelian td.right-cell {
    text-align: right;
    padding-left: 30px
}

.info-pembelian__rincian .total-pembelian span.total {
    color: #ff7100;
    font-size: 12px;
    font-weight: 500
}

.info-pembelian__rincian .total-pembelian td {
    padding: 2px 0
}

.info-pembelian__rincian .total-pembelian td.left-cell {
    text-align: left;
    padding-right: 0
}

.info-pembelian__rincian .total-pembelian td.middle-cell {
    text-align: center;
    padding: 0 40px 0 66px
}

.info-pembelian__rincian .total-pembelian td.right-cell {
    text-align: right;
    padding-left: 30px
}

.info-pembelian__rincian .lanjut-btn {
    border-radius: 3px;
    font-weight: 500;
    margin-top: 20px;
    width: 100%
}

.info-pembelian .data-pengiriman {
    margin-left: 15px
}

.info-pembelian .margin-top-10 {
    margin-top: 10px
}

body.groupee .panel-wrapper.menu a.fold:hover {
    background: #cb79d7
}

body.groupee .panel-wrapper.menu li a {
    background: #c365d1
}

body.groupee .panel-wrapper.menu li.active:after {
    position: absolute;
    border-style: solid;
    border-color: transparent;
    border-left-color: #c365d1;
    border-width: 5px 0 5px 5px
}

body.groupee .panel-wrapper.menu li.active a {
    background: #c365d1
}

body.groupee .panel-wrapper.menu li:hover:after {
    position: absolute;
    border-style: solid;
    border-color: transparent;
    border-left-color: #cb79d7;
    border-width: 5px 0 5px 5px
}

body.groupee .postlist .kasad-h,body.groupee .sub-header {
    border-left-color: #c365d1
}

body.groupee .postlist .entry-footer .user-tools .btn {
    color: #fff!important;
    background-color: #c365d1!important;
    border-radius: 2px;
    -moz-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

body.groupee .postlist .entry-footer .user-tools .btn.active,body.groupee .postlist .entry-footer .user-tools .btn:active,body.groupee .postlist .entry-footer .user-tools .btn:focus,body.groupee .postlist .entry-footer .user-tools .btn:hover {
    color: #fff;
    background-color: #cb79d7!important
}

body.groupee .postlist .entry-footer .user-tools .btn.active {
    color: #fff!important;
    background-color: #ff7100!important;
    border-radius: 2px;
    -moz-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

body.groupee .postlist .entry-footer .user-tools .btn.active.active,body.groupee .postlist .entry-footer .user-tools .btn.active:active,body.groupee .postlist .entry-footer .user-tools .btn.active:focus,body.groupee .postlist .entry-footer .user-tools .btn.active:hover {
    color: #fff;
    background-color: #ff7f1a!important
}

body.groupee .postlist .author .user-details {
    margin-left: 5px
}

body.groupee .entry-head {
    border-left-color: #c365d1
}

body.groupee .user-control-stick {
    width: 1170px
}

body.groupee .post-entry .listing-table .sub-meta .author {
    float: none
}

body.groupee #refine-search .search-title-bar,body.groupee .search-result-menu li.active,body.groupee .search-result-menu li:hover,body.groupee .table-header {
    background: #c365d1
}

body.groupee .search-result-menu li:last-child,body.groupee .search-title-bar {
    border-color: #c365d1
}

body.groupee .search-result-menu li a {
    color: #c365d1
}

body.groupee .search-result-menu li.active a,body.groupee .search-result-menu li:hover a {
    color: #fff!important
}

.groupee-wrap {
    background: #fafafa;
    border: 1px solid #d4d4d4;
    margin: 0 0 10px;
    position: relative
}

.groupee-wrap h2 {
    font-size: 16px;
    margin-bottom: 15px
}

.groupee-wrap .group-act {
    margin: 0 auto;
    text-align: center;
    width: 300px;
    padding: 50px 0
}

.groupee-wrap .group-act p {
    font-size: 16px;
    line-height: 1.125;
    margin: 10px auto;
    position: relative;
    text-align: center;
    width: 300px
}

.groupee-wrap .content-group-wrapper {
    padding: 0 20px 20px
}

.groupee-wrap .content-group-wrapper header {
    font-weight: 700;
    position: relative
}

.groupee-wrap .content-group-wrapper header a {
    position: absolute;
    right: 0;
    top: 2px
}

.groupee-wrap .content-group-wrapper a.item {
    color: #888;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.125;
    margin: 0 23px 30px;
    text-align: center;
    width: 150px
}

.groupee-wrap .content-group-wrapper a.item:nth-child(3n) {
    margin-right: 0
}

.groupee-wrap .content-group-wrapper a.item:nth-child(3n+1) {
    margin-left: 0
}

.groupee-wrap .content-group-wrapper a.item figure {
    border: 1px solid #e6e6e6;
    height: 150px;
    margin-bottom: 10px;
    width: 150px;
    background: #fafafa
}

.groupee-wrap .content-group-wrapper a.item figure div {
    height: 150px;
    width: 150px
}

.groupee-wrap .content-group-wrapper a.item figure div img {
    max-width: 150px;
    max-height: 150px
}

#featured-group {
    background: url(../images/layout/bg-groupee-pattern.jpg) top center repeat-x;
    height: 300px;
    text-align: center
}

#featured-group h2 {
    background: url(../images/layout/ribbon-popular-group.png) no-repeat;
    height: 102px;
    overflow: hidden;
    position: absolute;
    right: -6px;
    text-indent: -9999px;
    top: -6px;
    width: 102px;
    z-index: 4
}

.featured-group-list {
    margin: 30px 0 0;
    padding: 25px 60px
}

.featured-group-list a.item {
    display: block;
    float: left;
    margin: 0 50px;
    position: relative;
    text-decoration: none!important;
    width: 160px
}

.featured-group-list a.item:after {
    content: "";
    background: url(../images/layout/lamp.png) no-repeat;
    display: block;
    height: 40px;
    left: 50%;
    margin-left: -50px;
    position: absolute;
    top: -42px;
    width: 100px
}

.featured-group-list a.item figure {
    background: #fafafa;
    border: 4px solid #fff;
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.3);
    box-shadow: 0 2px 3px rgba(0,0,0,.3);
    height: 160px;
    overflow: hidden;
    position: relative;
    width: 160px
}

.featured-group-list a.item figure div {
    height: 152px;
    width: 152px
}

.featured-group-list a.item figure div img {
    max-width: 152px;
    max-height: 152px
}

.featured-group-list a.item figure:after {
    content: "";
    background: rgba(0,0,0,.075);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.featured-group-list a.item .caption {
    background: #fff;
    box-shadow: 0 2px 3px rgba(0,0,0,.3);
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.3);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.25;
    margin-top: 10px;
    padding: 5px 0
}

.featured-group-list a.item:focus:after,.featured-group-list a.item:hover:after {
    background-position: top center
}

.featured-group-list a.item:focus figure:after,.featured-group-list a.item:hover figure:after {
    background: 0 0
}

.featured-group-list a.item:focus .caption,.featured-group-list a.item:hover .caption {
    background: #c365d1;
    color: #fff;
    position: relative
}

.groupee-listing .icon {
    vertical-align: top!important;
    position: relative
}

.groupee-listing .icon figure {
    width: 100px;
    height: 100px;
    display: inline-block;
    text-align: center;
    overflow: hidden;
    background: #fafafa;
    border: 1px solid #e6e6e6
}

.groupee-listing .icon figure div {
    width: 100px;
    height: 100px;
    vertical-align: middle;
    display: table-cell;
    text-align: center
}

.groupee-listing .icon figure div img {
    max-width: 100px;
    max-height: 100px;
    display: block;
    margin: 0 auto
}

.groupee-listing .icon:hover .quick-view-fjb {
    display: block
}

.ui-autocomplete {
    display: inline-block;
    width: 294px;
    background: #f0f0f0;
    border-left: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
    border-top: 1px solid #d4d4d4;
    z-index: 2;
    list-style: none;
    padding: 0
}

.ui-autocomplete li {
    padding: 5px 10px;
    border-bottom: 1px solid #d4d4d4
}

.ui-autocomplete li.ui-state-focus,.ui-autocomplete li:hover {
    background: #ddd
}

.profile-user {
    float: left;
    width: 50px;
    height: 50px;
    background: #fafafa;
    border: 1px solid #d4d4d4;
    overflow: hidden
}

.table-center td {
    vertical-align: middle!important
}

#detail-header:after {
    content: "";
    background: #ebebeb;
    border-right: 1px solid #d4d4d4;
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 200px
}

.user-main-content {
    border: 1px solid #d4d4d4;
    position: relative;
    background: #fff;
    min-height: 200px;
    margin-bottom: 15px;
    float: left;
    width: 100%
}

.user-main-content .join {
    display: inline-block;
    position: relative;
    z-index: 1
}

.user-main-content .join>.btn:nth-child(1) {
    width: 150px
}

.user-main-content .join .act {
    position: absolute;
    top: 0;
    left: 195px;
    width: 400px;
    text-align: left
}

.user-main-content .group-image {
    padding: 10px;
    position: relative;
    text-align: center;
    width: 200px;
    min-height: 200px;
    z-index: 1
}

.user-main-content .group-image .user-avatar {
    width: 150px;
    height: 150px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    background: #fafafa
}

.user-main-content .group-image .user-avatar figure {
    height: 150px;
    margin: 0 auto;
    overflow: hidden;
    width: 150px
}

.user-main-content .group-image .user-avatar figure>div {
    display: table-cell;
    height: 148px;
    vertical-align: middle;
    width: 148px
}

.user-main-content .group-image .user-avatar figure>div img {
    display: block;
    margin: 0 auto;
    max-height: 148px;
    max-width: 148px;
    border: 3px solid #fff
}

.user-main-content .reputation {
    margin-left: 0;
    display: inline-block
}

.user-main-content .group-desc {
    padding: 10px 10px 20px
}

.user-main-content .group-desc h2 {
    margin: 0 0 5px
}

.user-main-content .group-desc h3 {
    margin-bottom: 10px
}

.user-main-content .group-desc img.status {
    margin: 0 0 0 5px
}

.user-main-content .group-desc .description {
    margin: 10px 0 20px
}

.user-main-content .group-desc .description h3 {
    color: #666
}

.user-main-content .group-control {
    padding: 10px
}

.user-main-content .group-control .description {
    word-wrap: break-word
}

.user-main-content .group-control .description h3 {
    margin: 0 0 10px;
    word-wrap: break-word
}

.user-main-content .group-meta {
    background: #eee;
    border: 1px solid #CCC;
    color: #666;
    font-size: 12px;
    margin: 5px 0 10px;
    padding: 7px 10px
}

.friend-network {
    line-height: 1.25;
    margin: 0 0 0 -11px;
    overflow: hidden;
    padding: 0 0 10px 10px
}

.friend-network:last-child {
    border-bottom: 0
}

.friend-network h4 {
    font-weight: 700;
    padding: 0 10px 10px 0
}

.friend-network h4 span {
    color: #f88;
    font-weight: 400
}

.friend-network .item {
    display: block;
    float: left;
    font-size: 10px;
    height: 80px;
    margin: 0 34px 5px 0;
    text-align: center;
    text-decoration: none!important;
    width: 60px
}

.friend-network .item:last-child {
    margin-right: 0
}

.friend-network .item figure {
    border: 1px solid #e6e6e6;
    margin-bottom: 5px;
    height: 60px;
    width: 60px
}

.friend-network .item figure div {
    height: 60px;
    width: 60px
}

.friend-network .item figure div img {
    max-height: 60px;
    max-width: 60px
}

.friend-network .item span {
    color: #666
}

.friend-network .item:focus span,.friend-network .item:hover span {
    color: #811
}

.user-content-wrapper {
    width: 200px;
    float: left
}

.user-content-wrapper .user-tab-nav {
    background: #fff;
    border-bottom: solid 1px #d4d4d4;
    border-right: 0;
    margin: 0;
    padding: 10px 0
}

.user-content-wrapper .user-tab-nav li {
    display: block;
    position: relative
}

.user-content-wrapper .user-tab-nav li img {
    margin-right: 10px
}

.user-content-wrapper .user-tab-nav li.active:after {
    content: "";
    position: absolute;
    border-style: solid;
    border-color: transparent;
    border-left-color: #1998ed;
    border-width: 5px 0 5px 5px;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    right: 10px;
    top: 8px
}

.user-content-wrapper .user-tab-nav li.active>a {
    background: #1998ed
}

.user-content-wrapper .user-tab-nav li.active .sub-menu li a {
    color: #0073b9;
    background: #fafafa
}

.user-content-wrapper .user-tab-nav li.active .sub-menu li a.current,.user-content-wrapper .user-tab-nav li.active .sub-menu li a:focus,.user-content-wrapper .user-tab-nav li.active .sub-menu li a:hover {
    background: #f0f0f0;
    text-decoration: none
}

.user-content-wrapper .user-tab-nav li.active .sub-menu li a i {
    float: right;
    font-size: 15px;
    font-weight: 700;
    color: #ABABAC
}

.user-content-wrapper .user-tab-nav li.active .sub-menu li.open>a {
    background: #f0f0f0
}

.user-content-wrapper .user-tab-nav li.active .sub-menu li>ul li a {
    background: #fafafa;
    padding-left: 25px
}

.user-content-wrapper .user-tab-nav li.active .sub-menu li>ul li a.current {
    font-weight: 500;
    background: #fafafa
}

.user-content-wrapper .user-tab-nav li.has-child a.fold {
    border-radius: 3px 3px 0 0
}

.user-content-wrapper .user-tab-nav li:hover:after {
    position: absolute;
    border-style: solid;
    border-color: transparent;
    border-left-color: #31a3ef;
    border-width: 5px 0 5px 5px
}

.no-content {
    font-weight: 700;
    margin-bottom: 10px;
    display: block
}

.con-user-profile {
    display: inline-block;
    border: 1px solid #d4d4d4;
    background: #fff;
    margin-bottom: 15px
}

.listing-wrapper-user-content {
    padding: 10px;
    border-left: solid 1px #d4d4d4;
    background: #fff;
    float: left;
    width: 968px;
    min-height: 500px
}

.listing-wrapper-user-content>section {
    display: block
}

.listing-wrapper-user-content .forum-tools-wrap {
    padding: 2px 0
}

.listing-wrapper-user-content .heading {
    background: #f6f6f6;
    margin: 0 -11px 10px;
    padding: 10px;
    position: relative;
    text-shadow: 1px 1px #fff;
    border: 1px solid #ddd
}

.listing-wrapper-user-content .heading h3 {
    display: inline;
    font-size: 14px;
    font-weight: 700
}

.listing-wrapper-user-content .right-user-wrapper {
    width: 300px;
    float: left
}

.listing-wrapper-user-content .left-user-wrapper {
    width: 645px;
    float: left;
    padding-right: 10px
}

.listing-wrapper-user-content .table-striped td.thumbnail {
    position: inherit
}

.listing-wrapper-user-content .table-striped .col-xs-12 {
    min-height: 0
}

.listing-wrapper-user-content .thumbnail figure,.listing-wrapper-user-content .thumbnail figure div {
    width: 100px;
    height: 100px
}

.listing-wrapper-user-content .thumbnail figure div img {
    max-width: 100px;
    max-height: 100px
}

.user-bar {
    border: 1px solid #d4d4d4;
    padding: 0 10px 10px;
    margin-bottom: 15px
}

.user-bar h2 {
    background: #f5f5f5;
    font-size: 14px;
    font-weight: 700;
    margin: 0 -10px 10px;
    padding: 10px
}

.user-bar>div {
    margin: 8px 0
}

.user-bar .listing-friend-connection {
    margin: 0
}

.user-bar .listing-friend-connection li {
    display: inline-block;
    vertical-align: top;
    width: 67px;
    text-align: center;
    margin-bottom: 10px;
    position: relative
}

.user-bar .listing-friend-connection li figure {
    height: 48px;
    width: 48px;
    border: 1px solid #e6e6e6;
    margin: 0 auto
}

.user-bar .listing-friend-connection li figure div {
    height: 48px;
    width: 48px
}

.user-bar .listing-friend-connection li figure div img {
    max-height: 48px;
    max-width: 48px
}

.user-bar .listing-friend-connection li span {
    font-size: 10px;
    display: inline-block;
    padding: 0 2px;
    width: 68px;
    word-wrap: break-word;
    color: #0073b9
}

.user-bar .listing-friend-connection li:hover span {
    text-decoration: underline
}

.user-bar .listing-friend-connection li a {
    position: absolute;
    background: url(../images/transparent.png);
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 5
}

.visitor-message .item {
    border: 0;
    overflow: hidden
}

.visitor-message .item .m-meta {
    height: 0;
    margin-top: 0;
    overflow: hidden;
    padding-left: 0;
    text-align: right;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.visitor-message .item:hover .m-meta {
    height: 30px
}

.visitor-message .item.deleted .item-content {
    background: #fbe4e4
}

.visitor-message .item.deleted .item-content:before {
    border-right-color: #fbe4e4
}

.visitor-message .item.deleted .item-content.pp-right:before {
    border-left-color: #fbe4e4
}

.visitor-message .item.moderated .item-content {
    background: #ffc699
}

.visitor-message .item.moderated .item-content:before {
    border-right-color: #ffc699
}

.visitor-message .item.moderated .item-content.pp-right:before {
    border-left-color: #ffc699
}

.visitor-message .item .item-content.pp-right {
    margin-left: 0;
    margin-right: 64px
}

.visitor-message .item .item-content.pp-right:before {
    border-right-color: transparent;
    border-left-color: #fff;
    left: auto;
    right: -15px
}

.visitor-message .item .item-content.pp-right:after {
    border-right-color: transparent;
    border-left-color: #d4d4d4;
    left: auto;
    right: -18px
}

.visitor-message .item .item-content.pp-right figure {
    right: -64px;
    left: auto
}

.visitor-message .item .item-content.pp-right .m-meta {
    padding-right: 64px
}

.visitor-message .recaptcha_area {
    margin-left: 64px
}

.visitor-message .item-content {
    background: #fff;
    border: 1px solid #ddd;
    font-weight: 400;
    margin-left: 64px;
    padding: 10px;
    position: relative;
    margin-bottom: 15px
}

.visitor-message .item-content:before {
    content: "";
    border: 8px solid transparent;
    border-right-color: #fff;
    left: -15px;
    position: absolute;
    top: 20px;
    z-index: 3
}

.visitor-message .item-content:after {
    content: "";
    border: 9px solid transparent;
    border-right-color: #ddd;
    left: -18px;
    position: absolute;
    top: 19px;
    z-index: 2
}

.visitor-message .item-content figure {
    left: -64px;
    top: 0;
    position: absolute;
    height: 50px;
    width: 50px;
    background: #fafafa;
    border: 1px solid #e6e6e6
}

.visitor-message .item-content figure div {
    width: 50px;
    height: 50px
}

.visitor-message .item-content figure div img {
    max-width: 50px;
    max-height: 50px
}

.visitor-message .item-content .message {
    margin: 0!important;
    padding: 0
}

.visitor-message .item-content .message textarea {
    background: 0 0;
    border: 0;
    display: block;
    min-height: 65px;
    margin: 2px;
    resize: vertical;
    width: 100%
}

.visitor-message .item-content .message .caption-message {
    text-align: right;
    padding-top: 15px;
    font-weight: 700;
    opacity: .5
}

.select-all label {
    margin-right: 10px;
    font-weight: 400
}

.listing-thumbnail {
    padding: 0
}

.listing-thumbnail li {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    background: #f9f9f9;
    border: 1px solid #e0e0e0;
    list-style: none;
    position: relative
}

.listing-thumbnail li .remove {
    display: none
}

.listing-thumbnail li:nth-child(5n) {
    margin-right: 0;
    margin-left: -1px
}

.listing-thumbnail li .checked {
    position: absolute;
    right: 10px;
    top: 7px;
    z-index: 2
}

.listing-thumbnail li .thumbnail {
    padding: 10px 0;
    color: #666;
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-decoration: none!important;
    width: 175px;
    -moz-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.listing-thumbnail li .thumbnail>a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.listing-thumbnail li .thumbnail figure {
    background: #fafafa;
    border: 1px solid #e6e6e6;
    height: 100px;
    width: 100px;
    margin: 20px auto 0
}

.listing-thumbnail li .thumbnail figure div {
    height: 100px;
    width: 100px
}

.listing-thumbnail li .thumbnail figure div img {
    max-width: 100px;
    max-height: 100px
}

.listing-thumbnail li .thumbnail .caption {
    line-height: 140%;
    margin: 5px
}

.listing-thumbnail li .thumbnail .caption div {
    width: 100%;
    padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.listing-thumbnail li .thumbnail .caption div:nth-child(1) {
    font-weight: 700;
    color: #1998ed
}

.listing-thumbnail li .thumbnail .caption span {
    display: block;
    width: 100%;
    padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.listing-thumbnail li .thumbnail .caption .btn-approve {
    z-index: 2;
    position: relative;
    margin-top: 5px;
    line-height: 22px;
    font-size: 11px;
    font-weight: 400
}

.listing-thumbnail li .thumbnail .caption .btn-approve i {
    line-height: 22px;
    padding: 0 6px
}

.listing-thumbnail li .thumbnail .control {
    position: absolute;
    top: 7px;
    left: 7px;
    z-index: 1
}

.listing-thumbnail li .thumbnail.selected {
    background: #fa6!important
}

.listing-thumbnail li:hover .thumbnail {
    background: #ebebeb
}

.listing-thumbnail li:hover .remove {
    display: block
}

.form-xs {
    height: 22px;
    font-size: 11px;
    padding: 0 10px
}

.user-forum-profile .popover {
    max-width: 450px
}

.rate-details {
    display: none
}

.rating {
    position: relative;
    margin: 5px 10px;
    width: 100px
}

.rating>a:hover {
    text-decoration: none;
    background-color: none!important
}

.rating i {
    color: #efb558;
    width: 17px;
    font-size: 18px;
    margin-left: -1px
}

.rating i.un {
    color: #b3b3b3
}

.rating:hover .rating-pop {
    display: block
}

.rating .rating-pop {
    direction: rtl;
    cursor: pointer;
    text-align: left;
    position: absolute;
    top: -16px;
    left: 2px;
    display: none
}

.rating .rating-pop>span {
    display: inline-block;
    position: relative;
    width: 17px;
    cursor: pointer;
    top: 13px;
    font-size: 18px;
    height: 18px;
    margin-left: -1px
}

.rating .rating-pop>span i {
    color: #b3b3b3!important;
    margin-left: -2px;
    position: absolute;
    top: 3px;
    left: 0
}

.rating .rating-pop>span:hover,.rating .rating-pop>span:hover~span {
    color: #efb558
}

.rating .rating-pop>span:hover:after,.rating .rating-pop>span:hover~span:after {
    content: "\e804";
    font-family: fontello!important;
    position: absolute;
    top: 4px;
    left: -2px
}

#refine-search {
    width: 150px;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px
}

#refine-search .head-title {
    background: #ebebeb;
    padding: 0 0 0 10px;
    margin: 0
}

#refine-search .head-title h2.title {
    border: none;
    font-size: 12px;
    line-height: 30px;
    padding: 0
}

#refine-search .categories-wrap {
    border: 1px solid #d4d4d4
}

#refine-search .categories-wrap .filter-refine-search {
    padding: 10px
}

#refine-search .categories {
    position: relative
}

#refine-search .categories p {
    font-weight: 700;
    padding: 5px 10px;
    margin-bottom: 0;
    color: #6e6e6e
}

#refine-search .categories ul.list-unstyled {
    padding: 0 10px 10px;
    margin-bottom: 10px
}

#refine-search .categories ul.list-unstyled li {
    color: #6e6e6e;
    font-size: 10px
}

#refine-search .categories ul.list-unstyled li a {
    font-size: 11px
}

#refine-search .categories ul.list-unstyled.all-items {
    display: none;
    margin-top: -20px
}

#refine-search .categories .show-all {
    display: none
}

#refine-search .categories .show-all:checked~.all-items {
    display: block
}

#refine-search .categories .show-all:checked+label::after,#refine-search .categories .show-all:checked+label::before {
    display: none
}

#refine-search .categories .show-all~ul.list-unstyled {
    padding-bottom: 10px
}

#refine-search .categories .show-all~ul.list-unstyled.all-items {
    padding-bottom: 0
}

#refine-search .categories label.label-show-all {
    position: absolute;
    bottom: -10px;
    left: 10px;
    font-size: 11px;
    font-weight: 400;
    color: #0073b9;
    cursor: pointer
}

#refine-search .categories label.label-show-all:hover {
    text-decoration: underline
}

#refine-search .categories label.label-show-all::before {
    content: "More"
}

#refine-search .categories label.label-show-all::after {
    content: "";
    position: absolute;
    border-style: solid;
    border-color: #0073b9 transparent transparent;
    border-width: 3px 3px 0;
    right: -10px;
    margin-top: 7px
}

#refine-search .categories .sub-title-categories {
    color: #b3b3b3
}

#refine-search .categories hr {
    margin: 0
}

.fjb-refine-search-form {
    padding: 10px;
    color: #545454;
    position: relative
}

.fjb-refine-search-form .select {
    width: 100%
}

.fjb-refine-search-form .label {
    margin: 10px 0
}

.fjb-refine-search-form .location {
    color: #b3b3b3;
    line-height: 22px
}

.fjb-refine-search-form .location:focus,.fjb-refine-search-form .location:hover {
    text-decoration: none
}

.fjb-refine-search-form .price-range span {
    margin: 2px 15px;
    display: inline-block
}

.filter-search-result .select {
    height: 18px
}

.filter-search-result .customSelect {
    line-height: 1;
    vertical-align: top;
    font-size: 11px;
    background: 0 0;
    color: #fff;
    border: transparent
}

.filter-search-result .customSelect .customSelectInner {
    width: 100%!important
}

.filter-search-result .customSelect:after {
    border-top-color: #fff;
    right: 3px
}

.location-list-con {
    position: absolute;
    background: #f0f0f0;
    border: 1px solid #d4d4d4;
    z-index: 11;
    left: 158px;
    display: none;
    top: 0;
    padding: 15px;
    width: 770px
}

.location-list-con .multicol {
    display: inline-block;
    vertical-align: top;
    margin-right: 50px
}

.location-list-con .multicol li {
    margin: 3px 0
}

.location-list-con .multicol li label {
    cursor: pointer;
    font-weight: 400;
    font-size: 11px
}

.location-list-con .multicol li input {
    margin-right: 5px
}

.location-list-con .multicol:nth-child(3) {
    margin-right: 0
}

.location-list-con .close {
    float: right;
    margin: -5px
}

.location-list-con:after {
    content: "";
    top: 20px;
    left: -7px;
    position: absolute;
    border-style: solid;
    border-color: transparent;
    border-right-color: #f0f0f0;
    border-width: 7px 7px 7px 0
}

.location-list-con:before {
    content: "";
    top: 19px;
    left: -8px;
    position: absolute;
    border-style: solid;
    border-color: transparent;
    border-right-color: #d4d4d4;
    border-width: 8px 8px 8px 0
}

#search-result {
    width: 1006px;
    display: inline-block;
    vertical-align: top
}

#search-result .post-entry {
    margin-bottom: 15px;
    border: none
}

#search-result .post-entry .action-listing {
    padding-left: 10px
}

#search-result .post-entry .action-listing .btn {
    line-height: 23px;
    padding: 0 10px
}

#search-result .post-entry .action-listing .btn i {
    line-height: 23px
}

#search-result.revamp {
    width: 1170px
}

#search-result.revamp .search-result-menu {
    background: #fff;
    margin: 10px 0
}

#search-result.revamp .search-result-menu ul {
    max-width: 850px;
    margin: 0 auto
}

#search-result.revamp .search-result-menu ul .search-title-bar {
    margin-bottom: 0;
    border: none;
    line-height: 35px
}

#search-result.revamp .search-result-menu ul .search-title-bar a {
    color: #555
}

#search-result.revamp .search-result-menu ul .search-title-bar.active {
    background: #fff;
    border-bottom: 3px solid #1da89f;
    color: #1da89f
}

#search-result.revamp .search-result-menu ul .search-title-bar.active a {
    color: #1da89f;
    text-decoration: none
}

#search-result.revamp .search-result-menu ul .search-title-bar:hover {
    background: #fff;
    border-bottom: 3px solid #1da89f;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

#search-result.revamp .search-result-menu ul .search-title-bar:hover a {
    color: #1da89f;
    text-decoration: none
}

#search-result .listing-table:before {
    width: 0
}

#search-result .listing-table .listing {
    margin-bottom: 15px;
    border-bottom: 1px solid #e6e6e6
}

#search-result .listing-table .listing th {
    background: #f0f0f0
}

#search-result .listing-table .listing th:first-child {
    padding-left: 10px
}

#search-result .listing-table .listing td .sub-cat-meta p {
    margin: 3px 0
}

#search-result .listing-table .listing td .sub-cat-meta .fa {
    padding: 0 3px 0 0
}

#search-result .listing-table .post-title {
    max-width: 100%
}

#search-result .listing-table .post-title a {
    display: inline-block
}

#search-result .highlight {
    background: #ffff80
}

#search-result #fjb-search-result .action-listing {
    margin: 15px 0
}

#username-search-result .icon {
    vertical-align: top
}

#username-search-result .icon figure {
    width: 50px;
    height: 50px;
    overflow: hidden;
    display: inline-block
}

#username-search-result .icon figure div {
    display: table-cell;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    text-align: center
}

#username-search-result .icon figure div img {
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
    display: block
}

#username-search-result .sub-meta {
    margin-bottom: 5px
}

#username-search-result .sub-action a {
    padding: 5px 10px;
    border: 1px solid;
    border-radius: 2px;
    display: inline-block;
    margin-right: 5px;
    margin-top: 5px
}

#username-search-result .sub-action img {
    margin-right: 5px
}

#groupee-search-result .table-header {
    background: #c365d1
}

#groupee-search-result .icon {
    vertical-align: top
}

#groupee-search-result .icon figure {
    width: 50px;
    display: table-cell;
    text-align: center;
    overflow: hidden;
    height: 50px
}

#groupee-search-result .icon figure div {
    width: 50px;
    height: 50px;
    vertical-align: top;
    display: table-cell
}

#groupee-search-result .icon figure div img {
    display: block;
    max-width: 100%;
    max-height: 100%
}

#groupee-search-result .post {
    width: 93%
}

.global-search .select-category .customSelectInner {
    text-transform: capitalize
}

#fjb-search-result .table-header {
    background: #1da89f
}

.table-header {
    background: #1998ed;
    color: #fff;
    padding: 7px 10px;
    font-size: 14px
}

.table-header span {
    font-size: 12px
}

.search-title-bar {
    display: block;
    text-align: center;
    font-size: 13px;
    color: #fff;
    background: #1998ed;
    line-height: 30px;
    margin-bottom: 10px;
    border: 1px solid #1998ed;
    border-right: 0
}

.search-title-bar a {
    border: none!important
}

.search-result-tag ul {
    margin-left: 0;
    margin-top: 10px;
    display: inline-block;
    vertical-align: top
}

.search-result-tag ul li {
    background: #ebebeb;
    vertical-align: top;
    padding: 5px 5px 5px 10px;
    color: #545454
}

.search-result-tag ul li .fa {
    margin-left: 5px;
    color: #545454
}

.search-result-tag .clear-all {
    display: inline-block;
    margin: 15px 5px
}

.ads-search {
    text-align: center;
    margin: 10px 0
}

.search-result-menu li {
    float: left;
    background: #fff
}

.search-result-menu li a {
    display: block;
    font-size: 13px;
    color: #1998ed;
    line-height: 30px
}

.search-result-menu li.active,.search-result-menu li:hover {
    background: #1998ed
}

.search-result-menu li.active a,.search-result-menu li:hover a {
    color: #fff;
    text-decoration: none;
    border: 1px solid #1998ed
}

.search-result-menu li:last-child {
    border-right: 1px solid #1998ed
}

#search-result .search-result-menu ul {
    margin: 0
}

.dfp-hot {
    border: 1px solid #57cd81;
    padding: 10px 0 9px;
    background: #fff;
    margin: 10px 0
}

.dfp-hot .thumbnail {
    vertical-align: top!important;
    display: inline-block;
    position: relative;
    float: left;
    padding: 0 9px
}

.dfp-hot .thumbnail figure {
    display: inline-block;
    width: 100px;
    height: 100px;
    border: 1px solid #e6e6e6;
    background: #fafafa;
    margin: 0
}

.dfp-hot .thumbnail figure div {
    width: 100px;
    height: 100px;
    text-align: center
}

.dfp-hot .thumbnail figure div img {
    max-width: 100px;
    max-height: 100px
}

.dfp-hot .hot-tag {
    display: inline-block;
    float: left;
    margin-top: -10px;
    margin-left: 11px
}

.dfp-hot .sub-meta {
    margin-left: 55px
}

.search-result-list .product__listing>div,.search-result-list .search__product__listing>div {
    margin-top: -5px
}

.search-result-list .promoted__listing>div {
    margin-top: -5px;
    padding-right: 5px;
    padding-left: 0;
    cursor: pointer;
    margin-left: -15px
}

.search-result-list .promoted__listing .item--grid:hover {
    overflow: visible;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.search-result-list .promoted__listing .item--grid:hover .item__image {
    margin-left: 0;
    margin-right: 0
}

.search-result-list .promoted__listing .promoted__header {
    position: absolute;
    top: -15px;
    left: 7px
}

.search-result-list .promoted__listing .promoted__header h3 {
    font-weight: 700;
    color: #1da89f
}

.search-result-list .promoted__listing .promoted__header h3 i {
    color: #ff7100
}

.search-result-list .promoted__listing .item__description {
    max-height: 111px;
    overflow: hidden
}

.search-result-list .promoted__listing .item__description .title {
    color: #1998ed!important
}

.search-result-info {
    font-size: 14px
}

.search-result-info .keyword {
    font-weight: 500
}

.search-result-info .total {
    font-size: 12px;
    font-weight: 400;
    color: #878787
}

.search__filter li .form-control {
    min-width: 150px;
    height: 30px
}

#all-category .nav-tabs li {
    float: left;
    width: 50%;
    padding: 0;
    text-align: center
}

#all-category .nav-tabs li a {
    border-radius: 0;
    color: #fff;
    background: #fff;
    font-size: 14px;
    margin: 0;
    padding: 5px 0;
    font-weight: 700
}

#all-category .nav-tabs li.forum-tab-nav {
    background: #fff;
    border: 1px solid #1998ed
}

#all-category .nav-tabs li.forum-tab-nav a {
    color: #1998ed
}

#all-category .nav-tabs li.forum-tab-nav.active a {
    background: #1998ed;
    border: 1px solid #1998ed;
    color: #fff
}

#all-category .nav-tabs li.fjb-tab-nav {
    background: #fff;
    border: 1px solid #1da89f
}

#all-category .nav-tabs li.fjb-tab-nav a {
    color: #1da89f
}

#all-category .nav-tabs li.fjb-tab-nav.active a {
    background: #1da89f;
    border-color: #1da89f;
    color: #fff
}

#all-category .nav-tabs li:hover.forum-tab-nav a {
    color: #fff;
    background: #31a3ef;
    border-color: #31a3ef
}

#all-category .nav-tabs li:hover.fjb-tab-nav a {
    color: #fff;
    background: #21beb4;
    border-color: #21beb4
}

#all-category .cat-search-con {
    width: 300px;
    margin: 0 auto
}

#all-category .search-category {
    width: 270px;
    outline: 0;
    border: none;
    height: 30px;
    height: auto\9!important;
    padding: 5px 0 5px 5px;
    border-right: none;
    margin: 0 0 10px;
    float: left;
    background: 0 0;
    line-height: 18px
}

#all-category .search-box {
    height: 30px;
    background-color: #fff;
    width: 300px;
    border: 1px solid #d4d4d4;
    position: relative
}

#all-category .search-box .fa {
    padding: 8px;
    color: #6e6e6e;
    float: right
}

#all-category ul {
    list-style: none
}

#all-category .tab-content {
    padding-top: 30px
}

.abjad {
    width: 950px;
    margin: 0 auto;
    display: block;
    text-align: center
}

.abjad ul {
    display: inline-block;
    margin: 0
}

.abjad ul li {
    padding: 0;
    margin: 0 5px;
    text-transform: uppercase
}

.abjad ul li a {
    color: #b3b3b3;
    font-size: 12px;
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    display: inline-block;
    text-decoration: none
}

.abjad ul li a.active {
    color: #1998ed
}

.abjad ul li a.active:hover {
    background: #1998ed;
    cursor: pointer;
    color: #fff!important
}

.abjad ul li a:hover {
    text-decoration: none
}

.all-category-section {
    padding-top: 15px;
    padding-left: 0;
    width: 100%;
    min-height: 700px;
    margin-top: 15px;
    border-top: 1px solid #d4d4d4;
    list-style: none
}

.all-category-section .head-title {
    font-size: 24px;
    width: 50px;
    text-align: center;
    text-transform: uppercase;
    color: #1998ed;
    float: left;
    padding: 0;
    margin: 0;
    border: none;
    overflow: visible
}

.all-category-section>li {
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 15px;
    margin-top: 15px;
    float: left;
    width: 100%
}

.all-category-section>li>ul {
    -moz-column-count: 3;
    -moz-column-gap: 10px;
    -webkit-column-count: 3;
    -webkit-column-gap: 10px;
    column-count: 3;
    column-gap: 10px;
    width: 1090px;
    list-style: none;
    padding: 0;
    -moz-column-fill: balance;
    column-fill: balance
}

.all-category-section>li>ul>li {
    display: block;
    margin-bottom: 10px;
    float: none;
    width: auto
}

.all-category-section>li>ul>li .title {
    display: block
}

.all-category-section>li>ul>li .title img {
    display: inline-block
}

.all-category-section>li>ul>li .title .headache-title {
    display: inline-block;
    padding-left: 10px
}

.all-category-section>li>ul>li .title .headache-title a {
    font-size: 12px;
    color: #545454;
    text-transform: uppercase;
    font-weight: 700
}

.all-category-section>li>ul>li .title .headache-title a:hover {
    text-decoration: none
}

.all-category-section>li>ul>li .sub-category {
    margin-left: 60px;
    list-style: none;
    padding-left: 0;
    padding-top: 10px
}

.all-category-section>li>ul>li .sub-category li {
    position: relative
}

.all-category-section>li>ul>li .sub-category li>ul {
    padding-left: 22px;
    margin-top: 10px
}

.all-category-section>li>ul>li .sub-category li>ul:after {
    content: "";
    border-right: solid 1px rgba(0,0,0,.1);
    width: 1px;
    position: absolute;
    top: 9px;
    bottom: 11px;
    left: -18px
}

.all-category-section>li>ul>li .sub-category li:last-child>ul:after {
    content: "";
    border: none
}

.all-category-section>li>ul>li .sub-category li:before {
    content: "";
    width: 10px;
    height: 22px;
    border-bottom: solid 1px rgba(0,0,0,.1);
    position: absolute;
    top: -13px;
    left: -17px
}

.all-category-section>li>ul>li .sub-category li:after {
    content: "";
    width: 10px;
    height: 20px;
    border-right: solid 1px rgba(0,0,0,.1);
    position: absolute;
    top: -11px;
    left: -27px
}

.all-category-section li a {
    line-height: 20px;
    color: #6e6e6e
}

.all-category-section .sub-category li a:hover {
    color: #1998ed!important;
    text-decoration: none
}

.all-category-section .sub-category li a:hover:before {
    background-color: #1497ec;
    content: "";
    width: 7px;
    height: 7px;
    position: absolute;
    left: -21px;
    top: 5px;
    z-index: 1;
    border-radius: 50%
}

.all-category-footer {
    background: #f0f0f0;
    border-top: 1px solid #d4d4d4;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px
}

.all-category-footer ul {
    margin: 10px 15px;
    padding: 0
}

.all-category-footer ul li {
    height: 20px
}

.all-category-footer ul li span {
    width: 20px;
    height: 20px;
    font-size: 11px;
    line-height: 20px
}

.all-category-footer ul li span:nth-child(2) {
    padding-left: 10px
}

.cat-icon-new,.cat-icon-update {
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-left: 5px;
    font-size: 10px;
    line-height: 15px;
    color: #fff;
    text-align: center;
    background-color: #1da89f;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%
}

.cat-icon-update {
    background-color: #e4302f
}

@media (max-width:767px) {
    .navbar-nav .open .dropdown-menu {
        background-color: #fff;
        position: absolute
    }

    .site-header {
        min-width: 1024px
    }

    .navbar-form {
        float: left;
        border: 0;
        margin: 8px 0 0
    }
}

@media (max-width:1280px) {
    .user-control-stick {
        left: 61px
    }
}

@media (max-width:1200px) {
    footer.site-footer {
        width: 1200px
    }

    .user-control-stick {
        width: 810px
    }

    .user-control-stick .pull-right .fa-pencil {
        display: none
    }
}

@media (max-width:1024px) {
    .con-kaskus-ads .kasads .campaign {
        width: 147px;
        height: 120px;
        margin-left: 80px
    }

    .con-kaskus-ads .kasads .campaign-image,.con-kaskus-ads .kasads .campaign-image span {
        width: 80px
    }

    .con-kaskus-ads .kasads .campaign-image span img {
        max-width: 80px
    }

    .global-search .select-category.show,.select-category {
        display: none!important
    }

    .share.tools-panel li {
        margin-top: 0
    }

    .share.tools-panel li a {
        width: 34px;
        display: inline-block;
        height: 34px;
        overflow: hidden
    }

    .share.tools-panel li a .fa {
        margin: 0 0 0 -5px;
        font-size: 25px
    }

    .share.tools-panel li a .fa-facebook {
        margin-top: 0;
        margin-left: -1px
    }

    .share.tools-panel li a .fa-envelope {
        margin-left: -7px!important;
        margin-bottom: 6px!important;
        margin-top: -3px!important
    }

    .share.tools-panel li.subscribe a {
        width: initial
    }

    .share.tools-panel li.google a {
        margin-top: 0
    }

    .share.tools-panel li.google a .fa-google-plus {
        font-size: 19px;
        margin-bottom: 6px
    }

    body #left-nav {
        margin-left: -205px!important
    }

    .container {
        width: 1000px!important
    }

    body.groupee .user-control-stick {
        width: 1000px
    }

    .site-header__search-bar {
        width: 280px
    }

    .listing-thumbnail li:nth-child(5n) {
        margin-right: 15px;
        margin-left: 0
    }

    .listing-thumbnail li:nth-child(4n) {
        margin-right: 0;
        margin-left: -1px
    }

    .search-title-bar {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    #search-result {
        width: 836px
    }

    .account-panel {
        width: 200px
    }

    .user-home .user-home-content {
        width: 798px
    }

    #all-category .all-category-section>li>ul {
        width: 920px
    }

    #all-category .all-category-section>li .head-title {
        height: 30px;
        text-align: left
    }

    .listing-wrapper-user-content {
        width: 798px
    }

    .listing-wrapper-user-content .left-user-wrapper {
        width: 447px
    }

    .visitor-message .recaptcha_area {
        margin-left: 0
    }

    .listing-thumbnail li .thumbnail {
        width: 173px
    }

    body.groupee .groupee-wrap #featured-group a.item {
        margin: 0 27px
    }

    body.groupee .groupee-wrap .content-group-wrapper a.item {
        margin: 0 2px 30px
    }

    .user-main-content>div:first-child {
        width: auto
    }

    .user-main-content .col-xs-10 {
        width: 798px
    }

    .image-product-detail,.image-product-thumbnail {
        width: 340px
    }

    .product-detail-desc {
        width: 310px
    }

    .main-content-full>.row {
        margin: 0
    }

    .fjb.landing .main-content-full>.row,.forum.landing .main-content-full>.row,.home.landing .main-content-full>.row {
        margin-left: -15px;
        margin-right: -15px
    }

    .content-wrap {
        float: left
    }

    .ads-lb-wrap #leader-banner {
        width: 750px
    }

    .ads-lb-wrap #lb-button-group {
        width: 220px;
        margin-top: 20px
    }

    .ads-lb-wrap #lb-button-group .icon {
        display: none
    }

    .ads-lb-wrap #lb-button-group .btn-icon {
        padding: 0!important;
        width: 105px
    }

    .button-group-ads {
        padding: 0
    }

    footer.site-footer .footer-listing {
        width: 250px
    }

    footer.site-footer .footer-listing .mobile li img {
        width: 110px
    }

    footer.site-footer>.container>.row {
        margin: 0
    }

    .sidebar-trigger-small-screen {
        display: inline-block!important
    }

    #btn-whatsnew {
        display: none
    }

    #left-nav {
        margin-left: 0!important;
        position: fixed;
        top: 50px;
        width: 205px;
        left: 0;
        display: none;
        height: 100%;
        padding-top: 10px;
        background: #fff
    }

    .hover-sidebar-content {
        top: 50px;
        left: 195px
    }

    body.inner .main-content {
        width: 690px
    }

    tr td.input-bid input[type=submit] {
        font-size: 10px
    }

    #carousel-fjb .owl {
        width: 288px!important
    }

    footer.site-footer {
        width: 1024px!important
    }

    .form-horizontal .form-group.dob .col-sm-8 div[class^=col-]:nth-child(2) select {
        width: 95px
    }

    .form-horizontal .form-group.dob .col-sm-8 div[class^=col-]:nth-child(3) {
        padding-left: 16px
    }

    .form-horizontal .form-group.valid .col-sm-6 div[class^=col-]:nth-child(1) select {
        width: 60px
    }

    .form-horizontal .form-group.valid .col-sm-6 div[class^=col-]:nth-child(2) select {
        width: 125px
    }

    .form-horizontal .form-group.valid .col-sm-6 div[class^=col-]:nth-child(3) {
        padding-left: 16px
    }

    .user-control-stick {
        width: 600px
    }

    .user-control-stick ul.share li {
        margin-top: 0
    }

    body.fjb .user-control-stick {
        width: 690px
    }

    .main-menu li a {
        padding: 0 15px
    }

    .main-menu li img {
        max-width: 75px!important
    }

    .promoted__listing .block-grid-sm-4 li:last-child {
        display: none
    }

    .block-grid-xs-4 .video-grid__image div {
        height: 90px
    }

    #div-gpt-ad-m1c {
        display: none
    }
}

@media (max-width:1200px) {
    footer.site-footer {
        width: 1200px
    }
}

@media (min-width:1025px) {
    #left-nav {
        position: relative
    }

    body.inner .sidebar-trigger-small-screen {
        display: inline-block
    }

    #register-form {
        width: 1110px
    }
}

.user-control-stick {
    width: 809px!important
}

.user-control-stick .switch-view {
    margin: 13px 0 0
}

.user-control-stick .switch-view.on {
    margin-top: 4px
}

.user-control-stick .accessibility {
    margin: 0 15px
}

.switch-view {
    cursor: pointer;
    width: 18px;
    height: 12px;
    float: left;
    margin: 14px 20px 0 0;
    position: relative;
    background: #b3b3b3;
    border-top: 2px solid #f0f0f0
}

.switch-view:before {
    content: "";
    position: absolute;
    top: -9px;
    height: 7px;
    width: 18px;
    background: #fff;
    border: 2px solid #6e6e6e
}

.switch-view.on {
    margin-top: 5px;
    height: 20px;
    width: 12px;
    border-left: 2px solid #f0f0f0;
    margin-left: 6px
}

.switch-view.on:before {
    width: 7px;
    height: 18px;
    top: 0;
    left: -9px
}

body.response #thread_post_list .row.nor-post .postlist .entry-head {
    border-bottom: 1px solid #d4d4d4
}

body.response #thread_post_list .row.nor-post .postlist .author {
    width: 120px;
    float: left;
    border-bottom: 0;
    background: 0 0;
    border-top: 0;
    padding: 10px 10px 40px
}

body.response #thread_post_list .row.nor-post .postlist .author figure {
    width: 100px;
    height: 100px
}

body.response #thread_post_list .row.nor-post .postlist .author .photo {
    max-width: 100px;
    max-height: 100px
}

body.response #thread_post_list .row.nor-post .postlist .author .user-details .reputation {
    margin-left: 0;
    display: block
}

body.response #thread_post_list .row.nor-post .postlist .author .user-details .entry-date {
    width: 150px;
    top: -23px
}

body.response #thread_post_list .row.nor-post .postlist .entry-body {
    width: 738px;
    float: left;
    border-left: 1px solid #d4d4d4;
    min-height: 250px;
    position: relative
}

body.response #thread_post_list .row.nor-post .postlist .entry-footer {
    padding: 5px;
    margin: 0
}

body.response #thread_post_list .row.nor-post .postlist .user-avatar {
    width: 100px;
    height: 100px;
    margin-right: 0
}

body.response #thread_post_list .row.nor-post .postlist .user-avatar:hover .user-quickview {
    display: none
}

body.response #thread_post_list .row.nor-post .postlist .user-quickview .user-quickview-wrap .user-avatar {
    margin-right: 10px
}

body.response #thread_post_list .row.nor-post .postlist .user-option {
    left: 0;
    right: auto
}

body.response #thread_post_list .row.nor-post .postlist .user-details .user-name {
    width: 100px;
    overflow: initial;
    text-overflow: ellipsis;
    word-wrap: break-word;
    line-height: 1.4
}

body.response.forum .postlist .entry-head,body.response.forum .postlist .kasad-h {
    background: #1998ed;
    color: #fff;
    border: 0
}

body.response.forum .postlist .entry-head .meta-check i.read,body.response.forum .postlist .entry-head a,body.response.forum .postlist .kasad-h a {
    color: #fff
}

body.response.forum .postlist .entry-head .report>a {
    background-position: -68px -188px
}

body.response.forum .postlist .author .user-details .entry-date {
    color: #fff;
    left: 35px
}

body.response.forum .postlist.spam {
    background: #fff3f3
}

body.response.fjb .postlist .entry-head,body.response.fjb .postlist .kasad-h {
    background: #1da89f;
    color: #fff;
    border: 0
}

body.response.fjb .postlist .entry-head .meta-check i.read,body.response.fjb .postlist .entry-head a,body.response.fjb .postlist .kasad-h a {
    color: #fff
}

body.response.fjb .postlist .entry-head .report>a {
    background-position: -68px -188px
}

body.response.fjb .postlist .entry-head .send-cendol {
    background-position: -91px -190px
}

body.response.fjb .postlist .author .user-details .entry-date {
    color: #fff;
    left: 35px
}

body.response.fjb .postlist.spam {
    background: #fff3f3
}

@media (max-width:1024px) {
    body.response #thread_post_list .row.nor-post .postlist .entry-body {
        width: 568px
    }
}

.fjb.landing .container,.forum.landing .container,.home.landing .container {
    width: 970px!important
}

.fjb.landing .site-footer .container,.fjb.landing .site-header .container,.forum.landing .site-footer .container,.forum.landing .site-header .container,.home.landing .site-footer .container,.home.landing .site-header .container {
    width: 1170px!important;
    position: relative
}

@media only screen and (max-width:1024px) {
    .fjb.landing .site-footer .container,.fjb.landing .site-header .container,.forum.landing .site-footer .container,.forum.landing .site-header .container,.home.landing .site-footer .container,.home.landing .site-header .container {
        width: 1000px!important
    }
}

.fjb.landing .sidebar .banner-frame:first-child {
    margin-top: 20px
}

.header__trending {
    text-align: center
}

.header__trending h2 {
    color: #1da89f;
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 30px
}

.header__trending p {
    font-size: 16px;
    margin: 0
}

.header__category {
    margin-top: 10px;
    padding: 10px 0
}

.header__category--tab {
    margin: 10px 0
}

.header__category--tab .header__icon {
    width: 20px;
    height: 20px
}

.header__category--tab .header__title {
    font-weight: 500;
    font-size: 14px
}

.header__icon {
    width: 26px;
    height: 26px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    margin-right: 5px
}

.header__title {
    font-weight: 700;
    font-size: 20px;
    display: inline-block;
    vertical-align: middle
}

.header__title small {
    font-weight: 400;
    font-size: 15px
}

.header__link {
    margin-top: 5px;
    font-weight: 500
}

.header__link--fjb {
    color: #1da89f
}

.header__link--fjb:hover {
    color: #21beb4
}

.header__link--forum {
    color: #1998ed
}

.header__link--forum:hover {
    color: #31a3ef
}

.header__link--pink {
    color: #ee4a7d
}

.header__link--pink:hover {
    color: #f26f98
}

.grid-post__2>:nth-child(odd)>* {
    padding-right: 5px
}

.grid-post__2>:nth-child(even)>* {
    padding-left: 5px
}

.grid-post__3>* {
    padding: 0 5px
}

.overlay-item {
    margin-bottom: 10px
}

.overlay-item__image {
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    z-index: 2;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: inset 0 -70px 90px -45px rgba(0,0,0,.75);
    -webkit-box-shadow: inset 0 -70px 90px -45px rgba(0,0,0,.75);
    box-shadow: inset 0 -70px 90px -45px rgba(0,0,0,.75)
}

.overlay-item__image:hover .overlay-item__layer {
    background-color: transparent;
    color: #fff;
    text-decoration: none
}

.overlay-item__image:hover .overlay-item__share {
    opacity: 1;
    -moz-transform: translate(-50%,30%);
    -webkit-transform: translate(-50%,30%);
    transform: translate(-50%,30%)
}

.overlay-item__image--height-136 {
    height: 136.5px
}

.overlay-item__image--height-195 {
    height: 195px
}

.overlay-item__image--height-195 .overlay-item__share {
    top: 23%
}

.overlay-item__image--height-195:hover .overlay-item__share {
    top: 25%
}

.overlay-item__image--smaller {
    padding-bottom: 65%
}

.overlay-item__layer {
    position: absolute;
    background-color: rgba(0,0,0,.2);
    height: 100%;
    width: 100%;
    color: #fff;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.overlay-item__layer h3 {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 13px;
    padding: 10px 10px 0;
    margin-bottom: 10px;
    max-height: 58px;
    text-shadow: 1px 1px 1px #000;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    -webkit-line-clamp: 3;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.overlay-item__layer--has-shadow {
    -webkit-box-shadow: inset 0 -70px 90px -45px rgba(0,0,0,.75);
    box-shadow: inset 0 -70px 90px -45px rgba(0,0,0,.75)
}

.overlay-item__link {
    display: block;
    height: 100%
}

.overlay-item__share {
    position: absolute;
    width: 100px;
    top: 0;
    text-align: center;
    opacity: 0;
    left: 50%;
    -moz-transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.overlay-item__share--facebook {
    width: 45px;
    height: 45px;
    background-image: url(../images/layout/comp-sprites.png);
    background-position: -1px -450px;
    display: inline-block;
    opacity: .85
}

.overlay-item__share--facebook:hover {
    opacity: 1
}

.overlay-item__share--twitter {
    width: 45px;
    height: 45px;
    background-image: url(../images/layout/comp-sprites.png);
    background-position: -45px -450px;
    display: inline-block;
    opacity: .85
}

.overlay-item__share--twitter:hover {
    opacity: 1
}

.overlay-item a {
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    color: #fff
}

.overlay-item a:hover {
    color: #fff
}

.overlay-item--invert .overlay-item__image {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.overlay-item--invert .overlay-item__image:hover .overlay-item__layer {
    background-color: rgba(0,0,0,.3);
    color: #fff;
    text-decoration: none
}

.overlay-item--invert .overlay-item__image:hover h3 {
    bottom: 0
}

.overlay-item--invert .overlay-item__layer {
    background-color: transparent
}

.overlay-item--invert .overlay-item__layer h3 {
    bottom: -50%;
    max-height: 60px;
    -webkit-line-clamp: 3;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.overlay-item--featured .overlay-item__layer {
    background-color: transparent;
    z-index: 3
}

.overlay-item--featured .overlay-item__layer h3 {
    font-size: 14px;
    line-height: 17px;
    max-height: 62px
}

.overlay-item--featured .overlay-item__image img {
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%,-50%) scale(1);
    -webkit-transform: translate(-50%,-50%) scale(1);
    transform: translate(-50%,-50%) scale(1);
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.overlay-item--featured .overlay-item__image:hover img {
    -moz-transform: translate(-50%,-50%) scale(1.1);
    -webkit-transform: translate(-50%,-50%) scale(1.1);
    transform: translate(-50%,-50%) scale(1.1)
}

.card__default--wrapper {
    overflow: hidden;
    background: #fff;
    border: 1px solid #e5e5e5;
    margin-bottom: 10px;
    position: relative;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.card__default--title {
    border-bottom: 1px solid #e5e5e5;
    padding: 5px 10px
}

.card__default--title img {
    display: inline-block;
    max-width: 30px;
    margin-right: 5px;
    vertical-align: middle
}

.card__default--title a {
    color: #6e6e6e;
    height: 30px;
    display: table-cell;
    vertical-align: middle
}

.card__default--title a:hover {
    text-decoration: none
}

.card__default--title h3 {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    max-width: 265px;
    overflow: hidden
}

.card__default--list {
    padding: 10px 0
}

.card__default--list ul {
    padding-left: 12px;
    padding-right: 10px;
    margin: 0
}

.card__default--list li {
    margin-bottom: 10px;
    list-style-position: inside;
    position: relative;
    padding-left: 15px
}

.card__default--list li:last-child {
    margin-bottom: 0
}

.card__default--list li:before {
    content: '•';
    position: absolute;
    left: 0;
    font-size: 20px
}

.card__default--list a {
    color: #3a3a3a
}

.card__default--list a:hover {
    color: #1998ed;
    text-decoration: none
}

.card__default--list h4 {
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: break-word;
    overflow: hidden
}

.card__default--featured {
    padding: 10px 5px 0
}

.card__default--featured hr {
    margin: 0 0 10px
}

.card__default--featured .tab-widget__news .nav-tabs {
    padding: 0 5px 20px
}

.card__default .item__featured {
    position: relative;
    padding: 0 10px;
    min-height: 80px
}

.card__default .item__featured h4 {
    text-overflow: initial;
    white-space: normal
}

.card__default .item__featured small a {
    color: #b9b9b9
}

.card__default .item__featured small a:hover {
    color: #1998ed
}

.card__default .item__featured--thumb {
    height: 70px;
    width: 110px;
    background-size: cover;
    position: absolute
}

.card__default .item__featured--desc {
    padding-left: 120px
}

.card__horizontal a:hover .title-teal {
    color: #49C3BB
}

.card__horizontal a:hover .title-blue {
    color: #1998ed
}

.card__horizontal a:hover .card__horizontal__image img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.card__horizontal__wrapper {
    overflow: hidden;
    background: #fff;
    border: 1px solid #e5e5e5;
    margin-bottom: 10px;
    position: relative;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.card__horizontal__image {
    width: 31%;
    position: relative;
    height: 98px;
    float: left;
    overflow: hidden;
    z-index: 2;
    -moz-border-radius: 0 2px 2px 0;
    -webkit-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0
}

@media only screen and (max-width:1024px) {
    .card__horizontal__image {
        width: 60%
    }
}

.card__horizontal__image img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-transform: translate(-50%,-50%) scale(1);
    -webkit-transform: translate(-50%,-50%) scale(1);
    transform: translate(-50%,-50%) scale(1);
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.card__horizontal__desc {
    width: 69%;
    float: left;
    padding: 5px
}

@media only screen and (max-width:1024px) {
    .card__horizontal__desc {
        width: 40%;
        padding: 0
    }
}

.card__horizontal__desc a:hover {
    text-decoration: none;
    color: #1998ed
}

.card__horizontal__desc h3 {
    margin-bottom: 5px;
    font-weight: 500
}

@media only screen and (max-width:1024px) {
    .card__horizontal__desc h3 {
        font-size: 12px;
        margin-bottom: 0
    }
}

.card__horizontal__desc h3.title-teal {
    color: #1da89f
}

.card__horizontal__desc p {
    color: #545454;
    font-size: 14px;
    margin-bottom: 0;
    word-break: break-word
}

@media only screen and (max-width:1024px) {
    .card__horizontal__desc p {
        display: none
    }
}

.card__horizontal__desc .read-more {
    color: #1998ed;
    display: inline-block;
    margin: 5px 0 0;
    font-size: 13px
}

.card__horizontal__desc--usermeta {
    padding-top: 8px
}

.card__horizontal__desc--usermeta a {
    color: #b3b3b3;
    font-size: 12px
}

.card__horizontal__desc--analytic {
    float: right
}

.card__horizontal__desc--analytic a {
    margin-left: 5px
}

.card__horizontal__middle {
    padding: 10px;
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.card__horizontal__date {
    color: #b3b3b3;
    margin-bottom: 5px
}

.card__horizontal__user a {
    color: #1998ed;
    font-weight: 700
}

.card__horizontal__user--photo {
    background-color: #c3c3c3;
    width: 30px;
    height: 30px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    margin-right: 5px;
    position: relative
}

.card__horizontal--featured:hover .card__horizontal__image img {
    -moz-transform: translate(-50%,-50%) scale(1.1);
    -webkit-transform: translate(-50%,-50%) scale(1.1);
    transform: translate(-50%,-50%) scale(1.1)
}

.card__horizontal--featured .card__vertical__share {
    top: 22%
}

.card__horizontal--featured:hover .card__vertical__share {
    opacity: 1;
    top: 25%
}

.card__horizontal--featured:hover .card__vertical__layer {
    background-color: rgba(0,0,0,.3)
}

.card__horizontal--featured a:hover .card__horizontal__image img {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.card__horizontal--featured a:hover h2 {
    color: #1998ed
}

.card__horizontal--featured h2 {
    color: #454545;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    margin: 5px 0;
    max-height: 78px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

.card__horizontal--featured .card__horizontal__image {
    height: 250px;
    width: 65%
}

.card__horizontal--featured .card__horizontal__image img {
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.card__horizontal--featured .card__horizontal__desc {
    padding: 10px 10px 0;
    width: 35%
}

.card__horizontal--featured .card__horizontal__desc p {
    font-size: 13px;
    line-height: 20px;
    max-height: 59px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

.card__horizontal--featured .card__horizontal__user--photo img {
    max-width: 30px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
}

.card__vertical {
    margin-bottom: 10px
}

.card__vertical a:hover {
    text-decoration: none
}

.card__vertical a:hover .title-teal {
    color: #49C3BB
}

.card__vertical a:hover .title-blue {
    color: #1998ed
}

.card__vertical__wrapper {
    overflow: hidden;
    background: #fff;
    border: 1px solid #e5e5e5;
    position: relative;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.card__vertical__wrapper:hover .card__vertical__layer {
    background-color: rgba(0,0,0,.3);
    color: #fff;
    text-decoration: none
}

.card__vertical__wrapper:hover .card__vertical__share {
    opacity: 1;
    -moz-transform: translate(-50%,100%);
    -webkit-transform: translate(-50%,100%);
    transform: translate(-50%,100%)
}

.card__vertical__wrapper:hover .card__vertical__image img {
    -moz-transform: translate(-50%,-50%) scale(1.1);
    -webkit-transform: translate(-50%,-50%) scale(1.1);
    transform: translate(-50%,-50%) scale(1.1)
}

.card__vertical__image {
    height: 100px;
    position: relative;
    overflow: hidden;
    z-index: 2;
    background-color: #c3c3c3;
    -moz-border-radius: 0 0 2px 2px;
    -webkit-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px
}

.card__vertical__image img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-transform: translate(-50%,-50%) scale(1);
    -webkit-transform: translate(-50%,-50%) scale(1);
    transform: translate(-50%,-50%) scale(1);
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.card__vertical__user {
    margin-bottom: 5px
}

.card__vertical__user a {
    color: #1998ed;
    font-weight: 700
}

.card__vertical__user--photo {
    background-color: #c3c3c3;
    width: 30px;
    height: 30px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    margin-right: 5px;
    position: relative
}

.card__vertical__user--photo img {
    max-width: 30px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
}

.card__vertical__desc {
    padding: 10px;
    min-height: 93px
}

.card__vertical__desc h3 {
    font-weight: 500;
    font-size: 13px;
    color: #545454;
    display: -webkit-box;
    line-height: 17px;
    max-height: 51px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

.card__vertical__desc span {
    white-space: nowrap;
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis
}

.card__vertical__desc span:hover {
    color: #1998ed
}

.card__vertical__date {
    color: #b3b3b3;
    margin: 5px 0
}

.card__vertical__layer {
    position: absolute;
    background-color: transparent;
    height: 100%;
    width: 100%;
    color: #fff;
    z-index: 2;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.card__vertical__layer a {
    height: 100%;
    width: 100%;
    display: block
}

.card__vertical__share {
    position: absolute;
    width: 100px;
    top: 0;
    text-align: center;
    opacity: 0;
    left: 50%;
    z-index: 3;
    -moz-transform: translate(-50%,80%);
    -webkit-transform: translate(-50%,80%);
    transform: translate(-50%,80%);
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.card__vertical__share--facebook {
    width: 45px;
    height: 45px;
    background-image: url(../images/layout/comp-sprites.png);
    background-position: -1px -450px;
    display: inline-block;
    opacity: .85
}

.card__vertical__share--facebook:hover {
    opacity: 1
}

.card__vertical__share--twitter {
    width: 45px;
    height: 45px;
    background-image: url(../images/layout/comp-sprites.png);
    background-position: -50px -450px;
    display: inline-block;
    opacity: .85
}

.card__vertical__share--twitter:hover {
    opacity: 1
}

.card__vertical--sidebar .card__vertical__image {
    height: 130px
}

.card__vertical--sidebar .card__vertical__desc {
    min-height: 52px
}

.card__vertical--sidebar h3 {
    display: -webkit-box;
    max-height: 32px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

.card__vertical--simple .card__vertical__wrapper {
    border: none
}

.card__vertical--simple .card__vertical__image {
    height: 75px
}

.card__vertical--simple .card__vertical__desc {
    padding: 5px 0;
    min-height: 65px
}

.card__vertical--box {
    margin: 0
}

.card__vertical--box .card__vertical__wrapper {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.card__vertical--box .card__vertical__wrapper:hover .card__vertical__share {
    -moz-transform: translate(-50%,60%);
    -webkit-transform: translate(-50%,60%);
    transform: translate(-50%,60%)
}

.card__vertical--box .card__vertical__share {
    -moz-transform: translate(-50%,50%);
    -webkit-transform: translate(-50%,50%);
    transform: translate(-50%,50%)
}

.card__vertical--box .card__vertical__desc {
    min-height: auto;
    padding: 0
}

.card__vertical--box .card__vertical__image {
    height: 124.5px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.card__vertical--box h3 {
    color: #1da89f;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: break-word;
    overflow: hidden;
    padding: 10px;
    text-align: center
}

.card__vertical--box img {
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.card__subscribe {
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    position: relative
}

.card__subscribe--btn {
    position: absolute;
    top: 5px;
    right: 0;
    font-size: 16px
}

.card__subscribe--btn a {
    padding: 2px 5px;
    color: #c3c3c3
}

.card__subscribe--btn a:hover {
    color: #6c6c6c
}

.card__subscribe--btn.active a,.card__subscribe--btn.active a:hover {
    color: #f0b64f
}

.card__subscribe--detail {
    padding: 10px;
    min-height: 105px
}

.card__subscribe--detail img {
    backface-visibility: hidden;
    max-width: 50px;
    -moz-transition: all .15s ease-in-out;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.card__subscribe--detail a:hover {
    text-decoration: none
}

.card__subscribe--detail a:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.card__subscribe span {
    color: #454545;
    display: block;
    margin: 5px auto 0;
    width: 70px
}

.card__sidebar__list {
    background-color: #fff!important;
    border: 1px solid #e5e5e5;
    padding: 10px 10px 0!important;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.card__sidebar__list ul {
    padding: 0;
    margin-bottom: 0
}

.card__sidebar__list li {
    list-style: none;
    position: relative;
    min-height: 70px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e5e5e5
}

.card__sidebar__list li:last-child {
    border-bottom: none;
    margin-bottom: 0
}

.card__sidebar__list h3 {
    font-size: 13px;
    color: #454545;
    display: -webkit-box;
    max-height: 32px;
    margin-bottom: 5px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

.card__sidebar__list h3:hover {
    color: #1998ed
}

.card__sidebar__list small {
    font-size: 12px;
    color: #9e9e9e
}

.card__sidebar__list small:hover {
    color: #1998ed
}

.card__sidebar__list a:hover {
    text-decoration: none
}

.card__sidebar__list--image {
    height: 60px;
    width: 115px;
    overflow: hidden;
    position: absolute;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.card__sidebar__list--image img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 110px;
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.card__sidebar__list--desc {
    padding-left: 120px
}

.card__sidebar__list--sista h3 {
    color: #ee4a7d
}

.card__sidebar__list--sista h3:hover {
    color: #f26f98
}

.card__sidebar__list--contributor small strong {
    color: #666
}

.card__sidebar__list--contributor .card__sidebar__list--image {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    z-index: 2
}

.card__sidebar__list--contributor .card__sidebar__list--image img {
    max-width: 60px
}

.card__sidebar__list--contributor .card__sidebar__list--desc {
    padding-left: 70px
}

.card__sidebar__featured {
    padding: 0!important
}

.card__sidebar__featured a {
    z-index: 2
}

.card__sidebar__featured a:hover .card__sidebar__featured--overlay {
    background: rgba(0,0,0,.2)
}

.card__sidebar__featured li {
    background-size: cover;
    background-position: center;
    min-height: 96.5px;
    margin-bottom: 0;
    overflow: hidden
}

.card__sidebar__featured li:hover .filter--blur {
    -webkit-filter: blur(0);
    filter: blur(0)
}

.card__sidebar__featured--image {
    height: 68px;
    width: 115px;
    border: 1px solid #fff;
    position: absolute;
    left: 10px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.card__sidebar__featured--image img {
    max-width: 125px
}

.card__sidebar__featured--desc {
    padding-left: 135px;
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.card__sidebar__featured--desc h3 {
    font-size: 15px;
    margin-bottom: 2px
}

.card__sidebar__featured--desc h3:hover {
    color: #fff
}

.card__sidebar__featured--desc h3,.card__sidebar__featured--desc p {
    color: #fff;
    text-shadow: 1px 1px 1px #000
}

.card__sidebar__featured--overlay {
    background: rgba(0,0,0,.5);
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.card__sidebar__top-user a {
    display: block;
    margin: 15px 0
}

.card__sidebar__top-user a:focus,.card__sidebar__top-user a:hover {
    text-decoration: none
}

.card__sidebar__top-user a:focus .top-user__name,.card__sidebar__top-user a:hover .top-user__name {
    color: #1998ed
}

.product-grid a {
    color: #6e6e6e
}

.product-grid a:hover {
    text-decoration: none;
    color: #1ba89f
}

.product-grid__wrapper {
    margin: 5px;
    height: 280px;
    background: #fff;
    border: 1px solid #e5e5e5;
    overflow: hidden;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.product-grid__image {
    width: 100%;
    height: 155.5px;
    overflow: hidden;
    position: relative
}

.product-grid__image:hover+.product-grid__detail .product-grid__title a {
    color: #1ba89f
}

.product-grid__image img {
    position: absolute;
    max-width: 160px;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.product-grid__detail {
    padding: 10px;
    border-top: 1px solid #e5e5e5
}

.product-grid__user {
    display: block;
    position: relative;
    margin-bottom: 8px
}

.product-grid__user--photo {
    width: 18px;
    height: 18px;
    background-size: cover;
    background-color: #c3c3c3;
    display: inline-block;
    vertical-align: middle;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    border-radius: 18px
}

.product-grid__user--name {
    display: inline-block;
    color: #878787;
    vertical-align: middle;
    margin-left: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: break-word;
    max-width: 110px;
    overflow: hidden
}

@media only screen and (max-width:1024px) {
    .product-grid__user--name {
        max-width: 90px
    }
}

.product-grid__title {
    display: block;
    display: -webkit-box;
    max-width: 165px;
    height: 33.6px;
    font-size: 12px;
    line-height: 1.4;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 5px;
    text-overflow: ellipsis
}

.product-grid__title h4 {
    font-weight: 500
}

.product-grid__price--normal {
    text-decoration: line-through
}

.product-grid__price--discounted {
    color: #ff7100;
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 5px
}

.widget__kaskus-plus {
    background-color: #fefbf5;
    background-image: url(../images/layout/decor-kplus.png);
    background-position: 110% 100%;
    background-repeat: no-repeat;
    border: 5px solid #c6ecf6;
    padding: 10px;
    position: relative;
    margin-bottom: 20px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.widget__kaskus-plus:before {
    content: " ";
    position: absolute;
    z-index: -1;
    top: -6px;
    left: -6px;
    right: -6px;
    bottom: -6px;
    border: 1px solid #e5e5e5;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.widget__kaskus-plus fieldset {
    margin-bottom: 10px
}

.widget__kaskus-plus button {
    margin: 20px 0
}

.widget__epulsa {
    background-color: #d7f2f9;
    background-image: url(../images/layout/decor-epulsa.png);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    padding: 15px;
    position: relative;
    margin-bottom: 20px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.widget__epulsa:before {
    content: " ";
    position: absolute;
    z-index: -1;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border: 1px solid #e5e5e5;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.widget__epulsa .tab-content img {
    max-width: 100%
}

.widget__epulsa--price-info {
    padding: 5px 0
}

@media only screen and (max-width:1024px) {
    .widget__epulsa--price-info {
        padding: 0;
        line-height: 14px
    }
}

.widget__epulsa--label {
    display: inline-block;
    vertical-align: middle
}

@media only screen and (max-width:1024px) {
    .widget__epulsa--label {
        vertical-align: top
    }
}

.widget__epulsa--price {
    color: #df2025;
    font-size: 18px;
    margin-left: 3px;
    vertical-align: middle
}

@media only screen and (max-width:1024px) {
    .widget__epulsa--price {
        margin-left: 0
    }
}

.widget__epulsa fieldset {
    margin-bottom: 10px
}

.widget__epulsa button {
    margin: 20px 0
}

.featured-video {
    border: 1px solid #e5e5e5;
    overflow: hidden;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.featured-video__big {
    position: relative;
    float: left;
    width: 393px;
    overflow: hidden
}

.featured-video__big a:hover .featured-video__big--title {
    -moz-box-shadow: inset 0 -80px 70px -55px rgba(0,0,0,.95);
    -webkit-box-shadow: inset 0 -80px 70px -55px rgba(0,0,0,.95);
    box-shadow: inset 0 -80px 70px -55px rgba(0,0,0,.95)
}

.featured-video__big--wrapper {
    height: 240px;
    overflow: hidden
}

.featured-video__big--wrapper img {
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.featured-video__big--title {
    color: #fff;
    line-height: 25px;
    position: absolute;
    bottom: 0;
    padding: 10px;
    width: 100%;
    -moz-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    -moz-box-shadow: inset 0 -75px 70px -55px rgba(0,0,0,.75);
    -webkit-box-shadow: inset 0 -75px 70px -55px rgba(0,0,0,.75);
    box-shadow: inset 0 -75px 70px -55px rgba(0,0,0,.75)
}

.featured-video__big--title h3 {
    font-size: 18px;
    max-height: 50px;
    text-shadow: 1px 1px 1px rgba(0,0,0,.8);
    word-break: break-word;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.featured-video__small {
    background-color: #fff;
    float: left;
    width: 265px;
    border-left: 1px solid #e5e5e5
}

.featured-video__small--item:last-child .featured-video__small--wrapper {
    border-bottom: none
}

.featured-video__small--item a:hover h3 {
    color: #1998ed
}

.featured-video__small--wrapper {
    height: 80px;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden
}

.featured-video__small--thumb {
    width: 48%;
    height: 80px;
    float: left;
    position: relative;
    overflow: hidden;
    z-index: 2
}

.featured-video__small--thumb img {
    max-width: 160px;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.featured-video__small--thumb .yt-play-btn {
    background-size: contain;
    height: 40px;
    width: 40px;
    margin: 0;
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.featured-video__small--title {
    width: 52%;
    height: 80px;
    float: left;
    position: relative
}

.featured-video__small--title h3 {
    font-size: 13px;
    color: #454545;
    max-height: 48px;
    word-break: break-word;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 3;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.success__story .story__card {
    overflow: hidden;
    height: 120px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-left: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.success__story .story__card .card__image {
    width: 40%;
    position: relative;
    height: 120px;
    float: left;
    overflow: hidden;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.success__story .story__card .card__image img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: 100%;
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.success__story .story__card .card__content {
    width: 60%;
    float: left;
    padding: 5px;
    font-size: 13px
}

.success__story .story__card .card__content .text__subject {
    display: block;
    margin-bottom: 2px;
    font-weight: 700;
    color: #1da89f
}

.success__story .story__card:nth-child(2) {
    border-top: none;
    border-bottom: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.success__story .story__card:first-child {
    border-bottom-right-radius: 0
}

.success__story .story__card:last-child {
    border-top-right-radius: 0
}

.ads-row .col-xs-8 {
    padding-right: 0
}

.ads-row .col-xs-8 .item__grid:last-child .grid__wrapper {
    margin-right: 5px
}

.ads-row .col-xs-8 .col-xs-12 {
    padding-right: 20px
}

.ads-row .col-xs-4 {
    padding-left: 0
}

.ads-row .ads__wrapper {
    border: 1px solid #e5e5e5;
    margin-top: 5px;
    height: 295px;
    width: 100%;
    background-color: #fff;
    overflow: hidden;
    position: relative;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.ads-row .ads__wrapper img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: auto;
    width: auto;
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.banner__row {
    padding: 0 20px
}

.banner__row .ads__banner {
    text-align: center
}

.ads__long__container {
    margin-top: 20px
}

.landing-revamp .content-wrap.revamp .home-landing-main>.row:last-child {
    margin-bottom: 20px
}

.table-grid {
    border: 1px solid #e5e5e5;
    width: 100%
}

.table-grid tr:last-child .card__subscribe {
    border-bottom: none
}

.table-grid td:last-child .card__subscribe {
    border-right: none
}

.calendar-widget {
    border-top: 3px solid #f9ac1e;
    border-bottom: 3px solid #f9ac1e;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-radius: 3px;
    padding: 0 0 0 10px!important;
    background-color: #fff!important;
    max-height: initial;
    overflow: hidden
}

.calendar-widget a {
    display: block;
    padding: 10px 0;
    position: relative;
    min-height: 80px
}

.calendar-widget a:hover {
    text-decoration: none
}

.calendar-widget a:hover .calendar-widget__title {
    color: #888
}

.calendar-widget__date {
    color: #1497ec;
    width: 70px;
    position: absolute;
    padding-right: 2px;
    text-align: center;
    top: 6px
}

.calendar-widget__date p {
    margin: 0
}

.calendar-widget__date--day {
    font-size: 18px;
    font-weight: 500
}

.calendar-widget__date--location {
    margin-top: 2px!important
}

.calendar-widget__title {
    padding-left: 75px;
    font-size: 12px;
    color: #454545
}

.calendar-widget__title p {
    border-left: 1px solid #eee;
    font-size: 13px;
    padding-left: 10px;
    margin: 0;
    height: 36px;
    display: -webkit-box;
    line-height: 17px;
    max-height: 50px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

.calendar-widget__item {
    border-bottom: 1px solid #eee;
    margin-right: 10px
}

.calendar-widget .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 7px
}

.calendar-widget__item:nth-child(5n+1) .calendar-widget__date {
    color: #c86ab8
}

.calendar-widget__item:nth-child(5n+2) .calendar-widget__date {
    color: #1497ec
}

.calendar-widget__item:nth-child(5n+3) .calendar-widget__date {
    color: #f9ac1e
}

.calendar-widget__item:nth-child(5n+4) .calendar-widget__date {
    color: #f84d34
}

.calendar-widget__item:nth-child(5n+5) .calendar-widget__date {
    color: #92bc00
}

.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
    margin: 5px 0
}

.masonry {
    margin: 0 -5px
}

.masonry--item {
    display: inline-block;
    padding: 0 5px
}

.item__box {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    text-align: center
}

.item__box--thumb {
    overflow: hidden
}

#main-hot-thread .card__vertical__image:hover+.card__vertical__desc h3 {
    color: #1998ed
}

#main-hot-thread .card__vertical__image img {
    max-width: 200px
}

#main-hot-thread .card__vertical__desc {
    padding: 0 10px 10px
}

#main-hot-thread .card__vertical__desc h3 {
    padding-top: 10px;
    max-height: 61px
}

#carousel-activities .card__vertical {
    width: 325px;
    margin-bottom: 0
}

#carousel-activities .carousel__control-oval {
    top: 70px
}

#carousel-sidebar-hotdeals h3,#carousel-sidebar-hotreviews h3 {
    font-size: 13px;
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 100%;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    -moz-box-shadow: inset 0 -38px 20px -15px rgba(0,0,0,.75);
    -webkit-box-shadow: inset 0 -38px 20px -15px rgba(0,0,0,.75);
    box-shadow: inset 0 -38px 20px -15px rgba(0,0,0,.75)
}

#carousel-sidebar-hotdeals .card__vertical--box,#carousel-sidebar-hotreviews .card__vertical--box {
    width: 150px
}

#carousel-sidebar-hotdeals .card__vertical--box img,#carousel-sidebar-hotreviews .card__vertical--box img {
    max-width: 150px
}

.top-user__image {
    background-color: #c3c3c3;
    display: inline-block;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    overflow: hidden;
    vertical-align: middle;
    margin-right: 7px;
    position: relative;
    z-index: 2
}

.top-user__image img {
    max-width: 48px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
}

.top-user__name {
    display: inline-block;
    max-width: 70px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
    color: #666
}

.slider__highlight {
    margin-bottom: 20px;
    display: none
}

.slider__highlight .slick-dots {
    background: #ebebeb;
    bottom: -26px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 0
}

.slider__highlight .slick-dots li {
    width: initial;
    height: initial;
    margin: 0 20px
}

.slider__highlight .slick-dots li a {
    color: #545454;
    font-weight: 500;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.slider__highlight .slick-dots li a:hover {
    text-decoration: none;
    color: #1da89f
}

.slider__highlight .slick-dots li.slick-active a {
    color: #1da89f
}

.slider__highlight .slicker {
    width: auto;
    margin: 30px 50px 50px
}

.slider__highlight .slick-slide {
    background: #36a5dd;
    color: #fff;
    font-size: 30px;
    text-align: center;
    height: 300px
}

.slider__highlight .slick-slide img {
    display: inline-block
}

.slider__highlight .slick-next,.slider__highlight .slick-prev {
    top: 50%
}

.slider__highlight .slick-next:before,.slider__highlight .slick-prev:before {
    font-size: 14px;
    color: #403b41;
    background: #fff;
    padding: 5px
}

.slider__highlight .slick-prev {
    left: 0;
    z-index: 1
}

.slider__highlight .slick-prev:before {
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,.75);
    -moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,.75);
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.75)
}

.slider__highlight .slick-next {
    right: -1px;
    z-index: 1
}

.slider__highlight .slick-next:before {
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    -webkit-box-shadow: -1px 1px 1px 1px rgba(0,0,0,.75);
    -moz-box-shadow: -1px 1px 1px 1px rgba(0,0,0,.75);
    box-shadow: -1px 1px 1px 1px rgba(0,0,0,.75)
}

.slider__highlight .slick-slide:nth-child(odd) {
    background: #36a5dd
}

.slider__grid {
    margin-bottom: 0
}

.slider__grid .grid__list .grid__square:nth-child(1) .grid__caption,.slider__grid .grid__list .grid__square:nth-child(1) .grid__image {
    margin-left: -5px
}

.slider__grid .grid__list .grid__square:nth-child(3) .grid__caption,.slider__grid .grid__list .grid__square:nth-child(3) .grid__image {
    margin-left: 5px
}

.slider__grid .grid__list:focus {
    outline: 0
}

.slider__grid .grid__square .grid__wrapper {
    padding: 0 5px;
    width: 220px
}

.slider__grid .grid__square .grid__wrapper a:hover {
    text-decoration: none
}

.slider__grid .grid__square .grid__wrapper a:hover .caption__text {
    color: #3e3e3e
}

.slider__grid .grid__square .grid__wrapper a:hover .caption__title {
    color: #21beb4
}

.slider__grid .grid__square .grid__wrapper .grid__image {
    position: relative;
    width: 100%;
    height: 210px;
    overflow: hidden;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.slider__grid .grid__square .grid__wrapper .grid__image img {
    width: 100%
}

.slider__grid .grid__square .grid__wrapper .grid__caption {
    padding: 5px 2px
}

.slider__grid .grid__square .grid__wrapper .grid__caption .caption__title {
    color: #1da89f;
    font-weight: 700;
    margin: 5px 0;
    font-size: 14px;
    display: -webkit-box;
    max-height: 32px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

.slider__grid .grid__square .grid__wrapper .grid__caption .caption__text {
    color: #6e6e6e;
    display: -webkit-box;
    max-height: 32px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

.slider__grid .slick-dots {
    width: initial;
    top: -30px;
    right: 0
}

.slider__grid .slick-dots li {
    margin: 0
}

.slider__grid .slick-dots li button:before {
    color: #000;
    font-size: 30px
}

.slider__grid .slick-dots li button:hover:before,.slider__grid .slick-dots li.slick-active button:before {
    color: #ff7100
}

.slider__grid .slick-next,.slider__grid .slick-prev {
    top: 105px
}

.slider__grid .slick-next:before,.slider__grid .slick-prev:before {
    font-size: 14px;
    color: #403b41;
    background: #fff;
    padding: 5px
}

.slider__grid .slick-prev {
    left: 0;
    z-index: 1
}

.slider__grid .slick-prev:before {
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,.75);
    -moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,.75);
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.75)
}

.slider__grid .slick-next {
    right: -1px;
    z-index: 1
}

.slider__grid .slick-next:before {
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    -webkit-box-shadow: -1px 1px 1px 1px rgba(0,0,0,.75);
    -moz-box-shadow: -1px 1px 1px 1px rgba(0,0,0,.75);
    box-shadow: -1px 1px 1px 1px rgba(0,0,0,.75)
}

.slider__grid--six {
    overflow: hidden
}

.slider__grid--six .item__grid .grid__wrapper {
    margin: 0
}

.slider__grid--six .slick-slide {
    margin: 0 5px
}

.slider__grid--six .slick-list {
    margin: 0 -5px
}

.slider__grid--six .item__grid:nth-child(6n+1) .grid__wrapper {
    margin-left: 0
}

.slider__grid--six .slick-next,.slider__grid--six .slick-prev {
    top: 32%
}

.slider__grid--six .slick-next:before,.slider__grid--six .slick-prev:before {
    font-size: 14px;
    color: #403b41;
    background: #fff;
    padding: 5px
}

.slider__grid--six .slick-prev {
    left: 0;
    z-index: 1
}

.slider__grid--six .slick-prev:before {
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,.75);
    -moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,.75);
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.75)
}

.slider__grid--six .slick-next {
    right: 4px;
    z-index: 1
}

.slider__grid--six .slick-next:before {
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    -webkit-box-shadow: -1px 1px 1px 1px rgba(0,0,0,.75);
    -moz-box-shadow: -1px 1px 1px 1px rgba(0,0,0,.75);
    box-shadow: -1px 1px 1px 1px rgba(0,0,0,.75)
}

#carousel-online-bazaar .carousel__control-oval {
    top: 32%
}

#carousel-online-bazaar .carousel__control-oval--prev {
    left: 17px
}

#carousel-online-bazaar .carousel__control-oval--next {
    right: -8px
}

.rangeslider__fill,©.rangeslider {
    background: #d0d0d0;
    display: block;
    height: 9px;
    width: 100%;
    -moz-box-shadow: inset 1px 2px 2px #a1a2a4;
    -webkit-box-shadow: inset 1px 2px 2px #a1a2a4;
    box-shadow: inset 1px 2px 2px #a1a2a4;
    border-radius: 5px
}

.range-slider-wrap {
    position: absolute;
    width: 255px;
    height: 25px;
    background: #e7e7e7;
    top: 0;
    border-radius: 10px;
    border-top: 1px solid #d2d3d5;
    -moz-box-shadow: inset 1px 2px 2px #ddd;
    -webkit-box-shadow: inset 1px 2px 2px #ddd;
    box-shadow: inset 1px 2px 2px #ddd
}

.rangeslider {
    position: relative;
    top: 8px;
    left: 10px;
    border-bottom: 1px solid #f5f5f5
}

.range-slider {
    height: 70px;
    margin-right: 20px
}

.rangeslider--disabled {
    filter: alpha(Opacity=40);
    opacity: .4
}

.range-info {
    position: absolute;
    top: 45px;
    width: 100%;
    z-index: 0;
    padding: 0 8px
}

.range-info span:first-child {
    float: left
}

.range-info span:last-child {
    float: right;
    margin-right: 10px
}

.range-info>span {
    position: relative
}

.range-info>span:before {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    left: 50%;
    margin-left: -2px;
    background: #9e9e9e;
    top: -10px
}

.rangeslider-output {
    position: absolute;
    border: 1px solid #1da89f;
    top: 40px;
    z-index: 1;
    background: #f1f1f1;
    padding: 2px 10px;
    text-align: center;
    width: 90px;
    display: inline-block;
    margin-left: -10px
}

.rangeslider-output:before {
    content: "";
    position: absolute;
    border-style: solid;
    border-color: transparent transparent #1da89f;
    border-width: 0 8px 8px;
    left: auto;
    right: 36px;
    margin-top: -10px
}

.rangeslider-output:after {
    content: "";
    position: absolute;
    border-style: solid;
    border-color: transparent transparent #f1f1f1;
    border-width: 0 7px 7px;
    left: auto;
    right: 37px;
    margin-top: -9px
}

.rangeslider__fill {
    background-image: url(../images/layout/pattren-slider.png);
    position: absolute;
    top: 0;
    background-position: 0 0;
    background-repeat: repeat-x;
    -moz-box-shadow: 2px 1px 3px #908f94;
    -webkit-box-shadow: 2px 1px 3px #908f94;
    box-shadow: 2px 1px 3px #908f94;
    z-index: 1
}

.rangeslider__handle {
    z-index: 1;
    background: #fff;
    border: 1px solid #ccc;
    cursor: pointer;
    display: inline-block;
    width: 22px;
    height: 30px;
    position: absolute;
    top: -10px;
    background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,rgba(0,0,0,.1))) #fff;
    background: -webkit-linear-gradient(rgba(255,255,255,0),rgba(0,0,0,.1)) #fff;
    background: -moz-linear-gradient(rgba(255,255,255,0),rgba(0,0,0,.1)) #fff;
    background: -o-linear-gradient(rgba(255,255,255,0),rgba(0,0,0,.1)) #fff;
    background: linear-gradient(rgba(255,255,255,0),rgba(0,0,0,.1)) #fff;
    -moz-box-shadow: 0 0 8px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,.3);
    box-shadow: 0 0 8px rgba(0,0,0,.3);
    border-radius: 50% 50% 70% 70%
}

.rangeslider__handle:after {
    content: "Rp";
    text-shadow: 1px 1px 1px #fff;
    color: #1da89f;
    text-indent: 2px;
    font-size: 11px;
    display: block;
    width: 18px;
    height: 21px;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,rgba(0,0,0,.13)),color-stop(100%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(rgba(0,0,0,.13),rgba(255,255,255,0));
    background-image: -moz-linear-gradient(rgba(0,0,0,.13),rgba(255,255,255,0));
    background-image: -o-linear-gradient(rgba(0,0,0,.13),rgba(255,255,255,0));
    background-image: linear-gradient(rgba(0,0,0,.13),rgba(255,255,255,0));
    border-radius: 60% 60% 70% 70%
}

.rangeslider__handle:active {
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,rgba(0,0,0,.1)),color-stop(100%,rgba(0,0,0,.12)));
    background-image: -webkit-linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.12));
    background-image: -moz-linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.12));
    background-image: -o-linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.12));
    background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.12))
}

input[type=range]:focus+.rangeslider .rangeslider__handle {
    -moz-box-shadow: 0 0 8px #404040;
    -webkit-box-shadow: 0 0 8px #404040;
    box-shadow: 0 0 8px #404040
}

.modal-body .bg-msg-grey {
    display: table
}

.modal-body .bg-msg-grey .thumbnail {
    display: table-cell
}

.modal-body .bg-msg-grey .detail {
    display: table-cell;
    padding-left: 10px
}

.modal-body .escrow .thumbnail {
    display: inline-block;
    background: #fff;
    border: 1px solid #d4d4d4
}

.modal-body .escrow .thumbnail figure,.modal-body .escrow .thumbnail figure div {
    width: 75px;
    height: 75px
}

.modal-body .escrow .thumbnail figure div img {
    max-width: 75px;
    max-height: 75px
}

.escrow {
    margin-bottom: 20px
}

.escrow .input-group-addon {
    padding: 3px 6px
}

.escrow.revamp {
    padding-top: 10px
}

.escrow .total-price {
    position: relative
}

.escrow .total-price>div,.escrow .total-price>label {
    background: #f0f0f0;
    padding-bottom: 5px;
    border-top: 1px solid #d4d4d4
}

.escrow .sidebar {
    float: left
}

.escrow .sidebar .invoice-sidebar {
    position: fixed
}

.escrow.margin-bot-0 {
    margin-bottom: 0
}

.escrow .nav-tabs li:nth-child(2) a {
    border-right: 1px solid #1da89f
}

.escrow .fjb-item,.escrow .fjb-item-image,.escrow .fjb-item-list,.escrow .head-title h2.title {
    border-color: #1da89f
}

.escrow .box {
    border: 1px solid #1da89f;
    padding: 10px
}

.escrow .box .telp {
    font-size: 14px;
    margin: 5px 0
}

.escrow .box.info-list {
    padding: 0 0 0 15px
}

.escrow .box.info-list ol {
    margin: 15px;
    padding: 0
}

.escrow .box.order-information h4 {
    font-weight: 700
}

.escrow .box.order-information h4 i {
    color: #ff7100
}

.escrow .btn-text {
    background: 0 0;
    font-size: 14px;
    font-weight: 500;
    color: #1da89f!important;
    text-decoration: none;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
    margin-top: 5px
}

.escrow .btn-text:hover {
    color: #21beb4!important
}

.escrow .section-header {
    border: none
}

.escrow .section-header.invoice-detail h2 {
    display: inline-block
}

.escrow .section-header.invoice-detail a {
    float: right;
    color: #6e6e6e;
    display: inline-block
}

.escrow .section-header.invoice-detail a span {
    vertical-align: top;
    padding-top: 6px;
    display: inline-block;
    margin: 0 20px 0 0
}

.escrow .section-header.invoice-detail a span.icon {
    padding-top: 0;
    margin: 0
}

.escrow hr {
    margin: 15px 0
}

.escrow .invoice-action li {
    border-right: 1px solid #d4d4d4;
    padding-right: 15px
}

.escrow .invoice-action li a {
    color: #6e6e6e;
    display: inline-block
}

.escrow .invoice-action li span {
    vertical-align: top;
    padding-top: 6px;
    display: inline-block
}

.escrow .invoice-action li span.icon {
    padding-top: 0
}

.escrow .table-invoice .icon {
    width: 610px
}

.escrow .table-invoice .icon .thumbnail {
    display: inline-block;
    margin-right: 10px
}

.escrow .table-invoice .icon .thumbnail figure,.escrow .table-invoice .icon .thumbnail figure div {
    height: 75px;
    width: 75px
}

.escrow .table-invoice .icon .thumbnail figure div img {
    max-width: 75px;
    max-height: 75px
}

.escrow .table-invoice .icon .post {
    display: inline-block;
    max-width: 700px
}

.escrow .table-invoice .icon .post .post-title {
    font-size: 14px;
    font-weight: 700
}

.escrow .table-invoice .icon .post .pesan-seller {
    margin-top: 5px;
    font-weight: 700;
    color: red;
    display: block;
    max-width: 500px
}

.escrow .table-invoice .icon .post .pesan-seller table tr td {
    border: none!important
}

.escrow .table-invoice .icon .post .pesan-seller table tr td:first-child {
    width: 115px;
    vertical-align: top
}

.escrow .table-invoice .shipping div {
    margin: 5px 0
}

.escrow .table-invoice td,.escrow .table-invoice th {
    border: 1px solid #1da89f!important
}

.escrow .table-invoice .total td {
    font-weight: 700;
    color: #545454
}

.escrow .table-invoice .total td .total-title {
    margin-bottom: -7px
}

.escrow .table-invoice .total td .total-number {
    margin-top: 5px
}

.escrow .table-invoice .total td small {
    color: red;
    font-size: 11px;
    font-style: italic
}

.escrow .bg-msg-grey {
    padding: 10px;
    width: 100%;
    margin-bottom: 15px
}

.escrow .create-list {
    background: #fff
}

.escrow .create-list .accordion dt {
    border: 1px solid #e6e6e6;
    background: #1da89f;
    color: #fff;
    padding: 5px 20px;
    width: 100%;
    cursor: pointer;
    position: relative;
    display: inline-block;
    margin-top: 15px
}

.escrow .create-list .accordion dt:after {
    content: "\e84c";
    display: inline-block;
    font: normal normal normal 14px/1 fontello;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    right: 10px;
    position: absolute;
    top: 7px
}

.escrow .create-list .accordion dt.active:after {
    content: "\e821"
}

.escrow .create-list .accordion dd {
    border: 1px solid #e6e6e6;
    padding: 5px 20px
}

.escrow .create-list .accordion dd ol,.escrow .create-list .accordion dd ul {
    padding-left: 15px
}

.escrow .create-list.revamp {
    padding: 0;
    margin: 0;
    border: none
}

.escrow .create-list.revamp .fill-section {
    padding: 15px;
    border-bottom: 1px solid #d4d4d4
}

.escrow .create-list.revamp .fill-section .button-group {
    margin: 20px 0
}

.escrow .create-list.revamp .fill-section:last-child {
    border-bottom: none
}

.escrow .create-list.revamp .choose-category {
    margin-bottom: 10px
}

.escrow .create-list.revamp .choose-category .category {
    display: inline-block;
    margin-right: 10px;
    vertical-align: bottom
}

.escrow .create-list.revamp .choose-category .category .category-loading {
    width: 170px;
    height: 271px;
    background: #f5f5f5;
    display: inline-block;
    margin-right: 10px;
    top: 4px;
    position: relative
}

.escrow .create-list.revamp .choose-category .category .category-loading img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -40px;
    margin-left: -40px;
    text-align: left
}

.escrow .create-list.revamp .choose-category .category select {
    padding: 5px 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.escrow .create-list.revamp .choose-category .category select option {
    padding-left: 25px;
    font-size: 14px
}

.escrow .create-list.revamp .choose-category .category select option:checked,.escrow .create-list.revamp .choose-category .category select option:selected {
    background-color: red
}

.escrow .detail {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 15px
}

.escrow .detail tr td {
    padding: 0 5px 5px 0;
    vertical-align: top
}

.escrow .detail tr td:first-child {
    min-width: 60px
}

.escrow .detail.invoice-detail {
    width: 100%
}

.escrow .detail.invoice-detail .column-content {
    min-width: 280px;
    max-width: 280px;
    overflow-wrap: break-word
}

.escrow .thumbnail {
    display: inline-block;
    margin-right: 10px;
    width: 75px;
    height: 75px;
    background: #fff
}

.escrow .thumbnail figure,.escrow .thumbnail figure div {
    width: 75px;
    height: 75px
}

.escrow .thumbnail figure div img {
    max-width: 75px;
    max-height: 75px
}

.escrow .create-form .pesan-produk .form-group strong {
    color: #343434
}

.escrow .form-quantity {
    vertical-align: middle
}

.escrow .form-quantity i {
    color: #c2c2c2;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 4px
}

.escrow .form-quantity input {
    width: 40px;
    float: none;
    text-align: center;
    margin-right: 5px;
    margin-left: 5px;
    border-radius: 3px!important
}

.escrow .form-quantity.special-weight-barang {
    vertical-align: middle
}

.escrow .form-quantity.special-weight-barang i {
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #e7e5e7;
    background-color: #e7e5e7;
    width: 30px;
    height: 27px;
    border-radius: 2px;
    text-align: center;
    color: #4a4a4a;
    line-height: 15px
}

.escrow .form-quantity.special-weight-barang i.fa-plus {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.escrow .form-quantity.special-weight-barang i.fa-plus:before {
    top: 6px;
    position: relative;
    text-align: center
}

.escrow .form-quantity.special-weight-barang i.fa-minus {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.escrow .form-quantity.special-weight-barang i.fa-minus:before {
    top: 7px;
    position: relative;
    text-align: center
}

.escrow .form-quantity.special-weight-barang input {
    width: 40px;
    height: 27px;
    float: none;
    text-align: center;
    border-radius: 0!important;
    margin-left: 0;
    margin-right: 0;
    border: 1px solid #e7e5e7
}

.escrow .form-quantity.special-weight-barang:after {
    content: 'barang';
    margin-left: 15px
}

.escrow .refund-form .important-notes {
    padding: 15px;
    background: #fff;
    border: 1px solid #5ccc84;
    margin-bottom: 15px
}

.escrow .refund-form .important-notes h2 {
    font-weight: 700;
    color: #6e6e6e;
    font-size: 12px
}

.escrow .refund-form .important-notes ol {
    padding: 0 15px
}

.escrow .refund-form .important-notes ol li {
    font-weight: 400;
    font-size: 12px
}

.escrow .refund-form .green {
    color: #1da89f
}

.escrow .refund-form .request-otp {
    margin-top: 10px
}

#checkbox-nego label {
    padding-right: 10px
}

.order-information-box {
    margin-top: 31px
}

.accordion.fjb dt {
    border: 1px solid #d4d4d4;
    background: #f5f5f5;
    color: #1da89f;
    padding: 5px;
    cursor: pointer;
    position: relative;
    margin-bottom: 10px
}

.accordion.fjb dt.active {
    background: 0 0;
    color: #545454
}

.accordion.fjb dt:after {
    content: "\e821";
    display: inline-block;
    font: normal normal normal 14px/1 fontello;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    right: 10px;
    position: absolute;
    top: 7px
}

.accordion.fjb dd {
    margin-top: -10px;
    padding: 5px
}

.powerby {
    color: #b3b3b3;
    font-size: 14px
}

.powerby em {
    margin-bottom: 10px;
    display: block
}

.checkout-info {
    line-height: 1.4;
    border: 1px solid #1da89f;
    margin-bottom: 15px;
    padding-bottom: 10px;
    background: #fff
}

.checkout-info .preview-head {
    padding: 4px 15px;
    background-color: #1da89f;
    position: relative;
    line-height: 20px;
    height: 30px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 15px
}

.checkout-info .info-list {
    margin: 15px
}

.checkout-info .info-list ol {
    padding-left: 15px
}

.checkout-info .info-list p {
    margin: 0
}

.checkout-info .info-list h3 {
    font-weight: 700;
    margin-bottom: 10px
}

.payment-confirm-info {
    line-height: 1.4;
    border: 1px solid #1da89f;
    margin-bottom: 15px;
    padding-bottom: 10px;
    background: #fff
}

.payment-confirm-info .preview-head {
    padding: 4px 15px;
    background-color: #1da89f;
    position: relative;
    line-height: 20px;
    height: 30px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 15px
}

.payment-confirm-info .important-notes {
    padding: 15px;
    background: #fff;
    border: 1px solid #18a098
}

.payment-confirm-info .important-notes h2 {
    font-weight: 700;
    color: #1da89f;
    font-size: 12px
}

.payment-confirm-info .important-notes ol {
    padding: 0 15px
}

.payment-confirm-info .important-notes ol li {
    font-weight: 400;
    font-size: 12px
}

.payment-confirm-info .info-list {
    margin: 15px
}

.payment-confirm-info .info-list ol {
    padding-left: 15px
}

.payment-confirm-info .info-list p {
    margin: 0
}

.payment-confirm-info .info-list h3 {
    font-weight: 700;
    margin-bottom: 10px
}

.order-information {
    background: #fff
}

.order-information .number {
    margin-bottom: 20px;
    font-size: 14px
}

.order-information .number span {
    color: #1da89f
}

.order-information .detail {
    width: 180px
}

.order-information .detail a {
    word-break: break-all
}

.escrow-option {
    width: auto;
    padding-right: 0
}

.escrow-profile {
    border-bottom: 1px solid #c2c2c2;
    margin-bottom: 20px
}

.resolution-center .thumbnail figure,.resolution-center .thumbnail figure div {
    width: 60px;
    height: 60px
}

.resolution-center .thumbnail figure div img {
    max-width: 60px;
    max-height: 60px
}

.resolution-center .table .dis-table a {
    max-width: 90px;
    word-wrap: break-word
}

.dis-table {
    display: table
}

.dis-table a,.dis-table span,.dis-table>div {
    display: table-cell
}

.print-only {
    display: none
}

.fjb .datepicker {
    top: 0;
    left: 0;
    padding: 4px;
    margin-top: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    z-index: 1051
}

.fjb .datepicker:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0,0,0,.2);
    position: absolute;
    top: -7px;
    left: 6px
}

.fjb .datepicker:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    top: -6px;
    left: 7px
}

.fjb .datepicker>div {
    display: none
}

.fjb .datepicker table {
    width: 100%;
    margin: 0
}

.fjb .datepicker td,.fjb .datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.fjb .datepicker td.day:hover {
    background: #eee;
    cursor: pointer
}

.fjb .datepicker td.day.disabled {
    color: #eee
}

.fjb .datepicker td.new,.fjb .datepicker td.old {
    color: #999
}

.fjb .datepicker td.active,.fjb .datepicker td.active.active,.fjb .datepicker td.active.disabled,.fjb .datepicker td.active:active,.fjb .datepicker td.active:focus,.fjb .datepicker td.active:hover,.fjb .datepicker td.active:hover.active,.fjb .datepicker td.active:hover.disabled,.fjb .datepicker td.active:hover:active,.fjb .datepicker td.active:hover:focus,.fjb .datepicker td.active:hover:hover,.fjb .datepicker td.active:hover[disabled],.fjb .datepicker td.active[disabled] {
    color: #fff;
    background-color: #18a098
}

.fjb .datepicker td span {
    display: block;
    width: 47px;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 2px;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.fjb .datepicker td span:hover {
    background: #eee
}

.fjb .datepicker td span.active,.fjb .datepicker td span.active.active,.fjb .datepicker td span.active.disabled,.fjb .datepicker td span.active:active,.fjb .datepicker td span.active:focus,.fjb .datepicker td span.active:hover,.fjb .datepicker td span.active[disabled] {
    color: #fff;
    background-color: #18a098
}

.fjb .datepicker td span.old {
    color: #999
}

.fjb .datepicker th.switch {
    width: 145px
}

.fjb .datepicker th.next,.fjb .datepicker th.prev {
    font-size: 21px
}

.fjb .datepicker thead tr:first-child th {
    cursor: pointer
}

.fjb .datepicker thead tr:first-child th:hover {
    background: #eee
}

.input-append.date .add-on i,.input-prepend.date .add-on i {
    display: block;
    cursor: pointer;
    width: 16px;
    height: 16px
}

.refunded-img {
    position: absolute;
    right: -220px;
    top: 20px
}

.resolution-center .massage-box {
    background: #ebebeb;
    padding: 5px 10px;
    display: inline-block;
    margin-bottom: 10px
}

.resolution-center .massage-box td {
    padding: 3px
}

.resolution-center .detail-resolution-info {
    padding-bottom: 10px
}

.resolution-center .detail-resolution-info .thumbnail {
    width: 148px;
    height: 148px;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #d4d4d4
}

.resolution-center .detail-resolution-info .thumbnail figure,.resolution-center .detail-resolution-info .thumbnail figure div {
    width: 148px;
    height: 148px
}

.resolution-center .detail-resolution-info .thumbnail figure div img {
    max-width: 148px;
    max-height: 148px
}

.resolution-center .detail-resolution-info .info {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px
}

.resolution-center .detail-resolution-info .title {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 5px
}

.resolution-center .detail-resolution-info hr {
    border-color: #1da89f;
    margin-bottom: 0
}

.resolution-center .quick-description td {
    padding: 3px 3px 3px 0
}

.resolution-center .detail-info-resolution .thumbnail {
    display: inline-block;
    width: 88px;
    height: 88px;
    border: 1px solid #d4d4d4;
    margin-right: 10px;
    margin-bottom: 10px;
    overflow: hidden
}

.resolution-center .detail-info-resolution .thumbnail figure,.resolution-center .detail-info-resolution .thumbnail figure div {
    width: 88px;
    height: 88px
}

.resolution-center .detail-info-resolution .thumbnail figure div img {
    max-width: 88px;
    max-height: 88px
}

.resolution-center .resolution-center-conversation {
    border: 1px solid #1da89f;
    padding-bottom: 15px;
    margin-bottom: 15px
}

.resolution-center .resolution-center-conversation .conversation-title {
    font-weight: 700
}

.resolution-center .resolution-center-conversation .conversation-title span {
    margin: 0 10px;
    display: block;
    padding: 5px 0;
    border-bottom: 1px solid #1da89f
}

.resolution-center .resolution-center-conversation .form-group,.resolution-center .resolution-center-conversation ul.list-conversation {
    padding: 0 10px
}

.resolution-center .resolution-center-conversation ul.list-conversation li {
    padding: 10px 0;
    border-bottom: 1px solid #d4d4d4;
    display: table;
    width: 100%
}

.resolution-center .resolution-center-conversation ul.list-conversation li:last-child {
    border: 0
}

.resolution-center .resolution-center-conversation ul.list-conversation li .thumbnail {
    width: 50px;
    height: 50px;
    display: table-cell;
    padding-right: 15px
}

.resolution-center .resolution-center-conversation ul.list-conversation li .thumbnail figure,.resolution-center .resolution-center-conversation ul.list-conversation li .thumbnail figure div {
    width: 50px;
    height: 50px
}

.resolution-center .resolution-center-conversation ul.list-conversation li .thumbnail figure div img {
    max-width: 50px;
    max-height: 50px
}

.resolution-center .resolution-center-conversation ul.list-conversation li .chat-box {
    display: table-cell;
    vertical-align: top;
    max-width: 500px;
    width: 100%
}

.resolution-center .resolution-center-conversation ul.list-conversation li .chat-box .attch-img {
    border: 1px solid #d4d4d4;
    max-width: 200px;
    max-height: 200px
}

.resolution-center .resolution-center-conversation ul.list-conversation li .chat-box .attch-img figure,.resolution-center .resolution-center-conversation ul.list-conversation li .chat-box .attch-img figure div {
    width: 198px;
    height: 198px
}

.resolution-center .resolution-center-conversation ul.list-conversation li .chat-box .attch-img figure div img {
    max-width: 200px;
    max-height: 200px
}

.resolution-center .resolution-center-conversation ul.list-conversation li .chat-box .date {
    margin-left: 20px;
    margin-bottom: 5px;
    display: inline-block
}

.resolution-center .resolution-center-conversation ul.list-conversation li .message-box {
    display: table-cell;
    vertical-align: top;
    width: 100%;
    position: relative
}

.resolution-center .resolution-center-conversation ul.list-conversation li .message-box textarea {
    width: 100%;
    height: 60px;
    margin-bottom: 10px
}

.resolution-center .resolution-center-conversation ul.list-conversation li .submit {
    margin-left: 65px
}

.pict-upload {
    position: absolute;
    right: 10px;
    bottom: 20px
}

.pict-upload input[type=file] {
    display: inline-block;
    width: 20px;
    opacity: 0;
    overflow: hidden
}

.modal-dialog.send-cancel-request .dropdown-menu {
    position: relative;
    margin-left: -239px;
    width: 268px
}

.modal-dialog.send-cancel-request .input-group-btn .dropdown-toggle {
    border: 1px solid #CCC
}

@media print {
    #feedback,.button__action,.invoice-action,.no-print,.sidebar,footer {
        display: none
    }

    .main-content {
        width: 100%;
        position: relative
    }

    .print-only {
        position: absolute;
        right: 0;
        top: 0;
        display: block;
        text-align: right
    }

    a[href]:after {
        content: none!important
    }

    #print-alamat {
        font-size: 15px
    }
}

.fjb.landing .anniv-16 {
    margin-bottom: 15px
}

.anniv-16:nth-child(2) {
    margin-bottom: 0
}

.anniv-16 .head-title {
    background: #1998ed;
    padding: 0;
    margin-bottom: 0;
    border: none
}

.anniv-16 .head-title h3 {
    color: #fff;
    font-weight: 700
}

.anniv-16 .head-title h3 a,.anniv-16 .head-title h3 a:hover {
    color: #fff
}

.anniv-16 .carousel-category {
    background: 0 0
}

.anniv-16 .carousel-category .carousel-control {
    top: 30%
}

.anniv-16 .carousel-category .carousel-control.left {
    left: 10px
}

.anniv-16 .carousel-category .carousel-control.right {
    right: 10px
}

.anniv-16 .carousel-category .carousel-control i {
    color: #1998ed!important
}

.anniv-16 .carousel-inner {
    border: 1px solid #e6e6e6;
    border-top: none
}

.anniv-16 .carousel-inner ul {
    margin-bottom: 0
}

.anniv-16 .carousel-inner ul li {
    height: 220px;
    border-left: 1px solid #e6e6e6
}

.anniv-16 .carousel-inner ul li:first-child {
    border-left: none
}

.anniv-16 .carousel-inner ul li img {
    max-width: 135px;
    max-height: 135px;
    height: 135px
}

.anniv-16 .carousel-inner .item-detail {
    text-align: left;
    margin: 10px
}

.anniv-16 .carousel-inner .item-detail p {
    margin-bottom: 0
}

.anniv-16 .carousel-inner .item-detail .name {
    color: #0073bb;
    font-weight: 700;
    height: 35px;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.anniv-16 .carousel-inner .item-detail .price {
    color: #e4302f;
    font-size: 13px;
    font-weight: 700
}

.anniv-16 .carousel-inner .item-detail .price-before {
    text-decoration: line-through
}

.anniv-16 h3 {
    padding: 10px;
    background: #0196f2;
    color: #fff;
    position: relative;
    z-index: 2
}

.twitter-widget-container {
    padding-left: 8px;
    height: 480px!important
}

.twitter-widget .widget-wrapper {
    position: relative;
    top: -45px
}

.twitter-widget .twitter-header {
    background: #f0f0f0;
    padding: 8px 10px;
    position: relative;
    z-index: 2;
    border-right: 1px solid #e8e8e8;
    border-left: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8
}

.twitter-widget .twitter-header .left a:hover {
    text-decoration: underline
}

.twitter-widget .twitter-header a {
    color: #54a8e8;
    font-size: 15px;
    font-weight: 600
}

.twitter-widget .twitter-header a.follow-btn {
    color: #fff;
    background-color: #54a8e8;
    padding: 5px 15px;
    border-radius: 20px;
    font-weight: 400;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.twitter-widget .twitter-header a.follow-btn:hover {
    background-color: #0073B9
}

.twitter-widget .twitter-header a .fa {
    margin-right: 5px
}

.twitter-widget .twitter-header a:hover {
    text-decoration: none
}

.twitter-widget .twitter-header .row {
    margin: 0
}

.potd-widget {
    padding-right: 8px
}

.potd-widget .row {
    margin: 0
}

.potd-widget .col-xs-6 {
    padding: 0;
    border-bottom: 1px solid #fff;
    overflow: hidden;
    border-left: 0 solid #fff
}

.potd-widget .col-xs-6:first-child {
    border-right: 1px solid #fff;
    border-left: none
}

.potd-widget .potd-winner {
    height: 120px;
    position: relative;
    bottom: 0;
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    display: block;
    z-index: 1;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.potd-widget .potd-winner:hover {
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -o-transform: scale(1.25);
    transform: scale(1.25)
}

.potd-widget a {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    width: 100%;
    background: -moz-linear-gradient(top,rgba(0,0,0,.01) 0,rgba(0,0,0,.5) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,.01)),color-stop(100%,rgba(0,0,0,.5)));
    background: -webkit-linear-gradient(top,rgba(0,0,0,.01) 0,rgba(0,0,0,.5) 100%);
    background: -o-linear-gradient(top,rgba(0,0,0,.01) 0,rgba(0,0,0,.5) 100%);
    background: -ms-linear-gradient(top,rgba(0,0,0,.01) 0,rgba(0,0,0,.5) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,.01) 0,rgba(0,0,0,.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#03000000', endColorstr='#80000000', GradientType=0)
}

.potd-widget .potd-btn {
    position: relative;
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 10px 0
}

.potd-widget .potd-btn a {
    padding: 10px 30px;
    position: initial;
    display: inline-block;
    width: initial;
    background: #f7941d;
    border-radius: 5px;
    border: 1px solid #ffca2a
}

.right {
    float: right
}

.left {
    float: left
}

.anniv-16-banner a {
    padding: 0!important
}

.anniv-16-banner a img {
    width: 235px;
    position: absolute;
    right: -5px
}

#ceremonial-anniv .modal-dialog {
    width: 950px;
    height: 500px
}

#ceremonial-anniv .modal-dialog .modal-content {
    height: 500px
}

#ceremonial-anniv .modal-dialog .modal-header {
    border-left: none;
    border-bottom: none;
    position: absolute;
    right: 0;
    z-index: 10
}

#ceremonial-anniv .modal-dialog .modal-header:before {
    display: none
}

#ceremonial-anniv .modal-dialog .modal-body {
    overflow: hidden;
    background: url(../images/anniv16/background.png) 0 0/cover no-repeat;
    height: 500px;
    max-height: 500px
}

#ceremonial-anniv .modal-dialog .modal-body .blue-guy {
    position: absolute;
    bottom: 0
}

#ceremonial-anniv .modal-dialog .modal-body .blue-guy-tangan {
    position: absolute;
    left: 19%;
    top: 14%;
    -webkit-animation: spin 1s infinite;
    -moz-animation: spin 1s infinite;
    -ms-animation: spin 1s infinite;
    animation: spin 1s infinite
}

#ceremonial-anniv .modal-dialog .modal-body .blue-guy2 {
    position: absolute;
    bottom: 0;
    left: 8%
}

#ceremonial-anniv .modal-dialog .modal-body .awan1 {
    position: absolute;
    top: 22%;
    left: 2%;
    -webkit-animation: awan-1 16s infinite;
    -moz-animation: awan-1 16s infinite;
    -ms-animation: awan-1 16s infinite;
    animation: awan-1 16s infinite
}

#ceremonial-anniv .modal-dialog .modal-body .awan2 {
    position: absolute;
    top: 14%;
    left: 7%;
    -webkit-animation: awan-2 16s infinite;
    -moz-animation: awan-2 16s infinite;
    -ms-animation: awan-2 16s infinite;
    animation: awan-2 16s infinite
}

#ceremonial-anniv .modal-dialog .modal-body .awan3 {
    position: absolute;
    right: 43%;
    top: 7%;
    -webkit-animation: awan-3 15s infinite;
    -moz-animation: awan-3 15s infinite;
    -ms-animation: awan-3 15s infinite;
    animation: awan-3 15s infinite
}

#ceremonial-anniv .modal-dialog .modal-body .awan4 {
    position: absolute;
    top: 11%;
    right: 20%;
    -webkit-animation: awan-4 14s infinite;
    -moz-animation: awan-4 14s infinite;
    -ms-animation: awan-4 14s infinite;
    animation: awan-4 14s infinite
}

#ceremonial-anniv .modal-dialog .modal-body .awan5 {
    position: absolute;
    top: 29%;
    right: 7%;
    -webkit-animation: awan-5 14s infinite;
    -moz-animation: awan-5 14s infinite;
    -ms-animation: awan-5 14s infinite;
    animation: awan-5 14s infinite
}

#ceremonial-anniv .modal-dialog .modal-body .awan6 {
    position: absolute;
    right: 25%;
    top: 20%;
    -webkit-animation: awan-6 10s infinite;
    -moz-animation: awan-6 10s infinite;
    -ms-animation: awan-6 10s infinite;
    animation: awan-6 10s infinite
}

#ceremonial-anniv .modal-dialog .modal-body .next1 {
    position: absolute;
    bottom: 5%;
    left: 39%;
    -webkit-animation: blink 1s infinite;
    -moz-animation: blink 1s infinite;
    -ms-animation: blink 1s infinite;
    animation: blink 1s infinite
}

#ceremonial-anniv .modal-dialog .modal-body .next2 {
    position: absolute;
    bottom: 56%;
    left: 81%;
    -webkit-animation: blink 1s infinite;
    -moz-animation: blink 1s infinite;
    -ms-animation: blink 1s infinite;
    animation: blink 1s infinite
}

#ceremonial-anniv .modal-dialog .modal-body .logo-tankas {
    position: absolute;
    right: 7%;
    top: 22%
}

#ceremonial-anniv .modal-dialog .modal-body .mobil1 {
    position: absolute;
    bottom: 1%;
    right: -5%;
    -webkit-animation: mobildarikanan 6s infinite;
    -moz-animation: mobildarikanan 6s infinite;
    -ms-animation: mobildarikanan 6s infinite;
    animation: mobildarikanan 6s infinite
}

#ceremonial-anniv .modal-dialog .modal-body .mobil1 img {
    width: 190px
}

#ceremonial-anniv .modal-dialog .modal-body .mobil2 {
    position: absolute;
    bottom: -6%;
    right: 16%;
    -webkit-animation: mobildarikanan 4s infinite;
    -moz-animation: mobildarikanan 4s infinite;
    -ms-animation: mobildarikanan 4s infinite;
    animation: mobildarikanan 4s infinite
}

#ceremonial-anniv .modal-dialog .modal-body .mobil3 {
    position: absolute;
    bottom: 10%;
    left: 27%;
    -webkit-animation: mobildarikiri 4s infinite;
    -moz-animation: mobildarikiri 4s infinite;
    -ms-animation: mobildarikiri 4s infinite;
    animation: mobildarikiri 4s infinite
}

#ceremonial-anniv .modal-dialog .modal-body .mobil4 {
    position: absolute;
    bottom: 6%;
    left: -1%;
    -webkit-animation: mobildarikiri 10s infinite;
    -moz-animation: mobildarikiri 10s infinite;
    -ms-animation: mobildarikiri 10s infinite;
    animation: mobildarikiri 10s infinite
}

#ceremonial-anniv .modal-dialog .modal-body .asap {
    position: absolute;
    top: 0;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-animation: linear asap 25s infinite;
    -moz-animation: linear asap 25s infinite;
    -ms-animation: linear asap 25s infinite;
    animation: linear asap 25s infinite
}

#ceremonial-anniv .modal-dialog .modal-body .asap2 {
    position: absolute;
    top: 0;
    left: 50%;
    -moz-transform: translateX(-120%);
    -webkit-transform: translateX(-120%);
    transform: translateX(-120%);
    -webkit-animation: linear asap2 15s infinite;
    -moz-animation: linear asap2 15s infinite;
    -ms-animation: linear asap2 15s infinite;
    animation: linear asap2 15s infinite
}

#ceremonial-anniv .modal-dialog .modal-body .button-play {
    position: absolute;
    right: 10%;
    bottom: 10%;
    cursor: pointer
}

#ceremonial-anniv .modal-dialog .modal-body .button-play img:hover {
    cursor: pointer
}

#ceremonial-anniv .modal-dialog .modal-body .instruction {
    position: absolute;
    right: 5%;
    bottom: 9%
}

#ceremonial-anniv .modal-dialog .modal-body .mouse {
    position: absolute;
    left: 44%;
    bottom: 6%
}

#ceremonial-anniv .modal-dialog .modal-body .callout1 {
    position: absolute;
    left: 19%;
    bottom: 6%
}

#ceremonial-anniv .modal-dialog .modal-body .callout2 {
    position: absolute;
    left: 20%;
    bottom: 46%
}

#ceremonial-anniv .modal-dialog .modal-body .callout3 {
    position: absolute;
    left: 20%;
    bottom: 41%
}

#ceremonial-anniv .modal-dialog .modal-body .banner-end {
    position: absolute;
    bottom: 0
}

#ceremonial-anniv .modal-dialog .modal-body .thanks-banner {
    position: absolute;
    right: 11%;
    top: 8%
}

#ceremonial-anniv .modal-dialog .modal-body .thanks-ribbon1 {
    position: absolute;
    right: 5%;
    top: 13%;
    -webkit-animation: scaleBigRibbon 3s infinite;
    -moz-animation: scaleBigRibbon 3s infinite;
    -ms-animation: scaleBigRibbon 3s infinite;
    animation: scaleBigRibbon 3s infinite
}

#ceremonial-anniv .modal-dialog .modal-body .thanks-ribbon2 {
    position: absolute;
    right: 26%;
    top: 9%;
    -webkit-animation: scaleBigRibbon 1.5s infinite;
    -moz-animation: scaleBigRibbon 1.5s infinite;
    -ms-animation: scaleBigRibbon 1.5s infinite;
    animation: scaleBigRibbon 1.5s infinite
}

#ceremonial-anniv .modal-dialog .modal-body .thanks-ribbon3 {
    position: absolute;
    top: 36%;
    right: 43%;
    -webkit-animation: scaleBigRibbon 2.5s infinite;
    -moz-animation: scaleBigRibbon 2.5s infinite;
    -ms-animation: scaleBigRibbon 2.5s infinite;
    animation: scaleBigRibbon 2.5s infinite
}

#ceremonial-anniv .modal-dialog .modal-body .thanks-star1 {
    position: absolute;
    right: -6%;
    top: -17%;
    -webkit-animation: scaleStar 3.5s infinite;
    -moz-animation: scaleStar 3.5s infinite;
    -ms-animation: scaleStar 3.5s infinite;
    animation: scaleStar 3.5s infinite
}

#ceremonial-anniv .modal-dialog .modal-body .thanks-star2 {
    position: absolute;
    right: 56%;
    top: -3%;
    -webkit-animation: scaleStar 2.5s infinite;
    -moz-animation: scaleStar 2.5s infinite;
    -ms-animation: scaleStar 2.5s infinite;
    animation: scaleStar 2.5s infinite
}

#ceremonial-anniv .modal-dialog .modal-body .conveti {
    position: absolute;
    left: 29%;
    top: 44%;
    -webkit-animation: scaleBigConveti 2s infinite;
    -moz-animation: scaleBigConveti 2s infinite;
    -ms-animation: scaleBigConveti 2s infinite;
    animation: scaleBigConveti 2s infinite
}

@-webkit-keyframes $animation-name {
    0% {
        left: 2%
    }

    50% {
        left: 5%
    }

    100% {
        left: 2%
    }
}

@-moz-keyframes $animation-name {
    0% {
        left: 2%
    }

    50% {
        left: 5%
    }

    100% {
        left: 2%
    }
}

@keyframes $animation-name {
    0% {
        left: 2%
    }

    50% {
        left: 5%
    }

    100% {
        left: 2%
    }
}

@-webkit-keyframes $animation-name {
    0% {
        left: 7%
    }

    50% {
        left: 4%
    }

    100% {
        left: 7%
    }
}

@-moz-keyframes $animation-name {
    0% {
        left: 7%
    }

    50% {
        left: 4%
    }

    100% {
        left: 7%
    }
}

@keyframes $animation-name {
    0% {
        left: 7%
    }

    50% {
        left: 4%
    }

    100% {
        left: 7%
    }
}

@-webkit-keyframes $animation-name {
    0% {
        left: 43%
    }

    50% {
        left: 47%
    }

    100% {
        left: 43%
    }
}

@-moz-keyframes $animation-name {
    0% {
        left: 43%
    }

    50% {
        left: 47%
    }

    100% {
        left: 43%
    }
}

@keyframes $animation-name {
    0% {
        left: 43%
    }

    50% {
        left: 47%
    }

    100% {
        left: 43%
    }
}

@-webkit-keyframes $animation-name {
    0% {
        right: 20%
    }

    50% {
        right: 16%
    }

    100% {
        right: 20%
    }
}

@-moz-keyframes $animation-name {
    0% {
        right: 20%
    }

    50% {
        right: 16%
    }

    100% {
        right: 20%
    }
}

@keyframes $animation-name {
    0% {
        right: 20%
    }

    50% {
        right: 16%
    }

    100% {
        right: 20%
    }
}

@-webkit-keyframes $animation-name {
    0% {
        right: 7%
    }

    50% {
        right: 9%
    }

    100% {
        right: 7%
    }
}

@-moz-keyframes $animation-name {
    0% {
        right: 7%
    }

    50% {
        right: 9%
    }

    100% {
        right: 7%
    }
}

@keyframes $animation-name {
    0% {
        right: 7%
    }

    50% {
        right: 9%
    }

    100% {
        right: 7%
    }
}

@-webkit-keyframes $animation-name {
    0% {
        right: 23%;
        opacity: 1
    }

    50% {
        right: 27%;
        opacity: .1
    }

    100% {
        right: 23%;
        opacity: 1
    }
}

@-moz-keyframes $animation-name {
    0% {
        right: 23%;
        opacity: 1
    }

    50% {
        right: 27%;
        opacity: .1
    }

    100% {
        right: 23%;
        opacity: 1
    }
}

@keyframes $animation-name {
    0% {
        right: 23%;
        opacity: 1
    }

    50% {
        right: 27%;
        opacity: .1
    }

    100% {
        right: 23%;
        opacity: 1
    }
}

@-webkit-keyframes $animation-name {
    0% {
        -moz-transform: translateX(-60%);
        -webkit-transform: translateX(-60%);
        transform: translateX(-60%)
    }

    50% {
        -moz-transform: translateX(-40%);
        -webkit-transform: translateX(-40%);
        transform: translateX(-40%)
    }

    100% {
        -moz-transform: translateX(-60%);
        -webkit-transform: translateX(-60%);
        transform: translateX(-60%)
    }
}

@-moz-keyframes $animation-name {
    0% {
        -moz-transform: translateX(-60%);
        -webkit-transform: translateX(-60%);
        transform: translateX(-60%)
    }

    50% {
        -moz-transform: translateX(-40%);
        -webkit-transform: translateX(-40%);
        transform: translateX(-40%)
    }

    100% {
        -moz-transform: translateX(-60%);
        -webkit-transform: translateX(-60%);
        transform: translateX(-60%)
    }
}

@keyframes $animation-name {
    0% {
        -moz-transform: translateX(-60%);
        -webkit-transform: translateX(-60%);
        transform: translateX(-60%)
    }

    50% {
        -moz-transform: translateX(-40%);
        -webkit-transform: translateX(-40%);
        transform: translateX(-40%)
    }

    100% {
        -moz-transform: translateX(-60%);
        -webkit-transform: translateX(-60%);
        transform: translateX(-60%)
    }
}

@-webkit-keyframes $animation-name {
    0% {
        -moz-transform: translateX(-120%);
        -webkit-transform: translateX(-120%);
        transform: translateX(-120%)
    }

    25% {
        -moz-transform: translateX(-82.5%);
        -webkit-transform: translateX(-82.5%);
        transform: translateX(-82.5%)
    }

    50% {
        -moz-transform: translateX(-45%);
        -webkit-transform: translateX(-45%);
        transform: translateX(-45%)
    }

    75% {
        -moz-transform: translateX(-7.5%);
        -webkit-transform: translateX(-7.5%);
        transform: translateX(-7.5%)
    }

    100% {
        -moz-transform: translateX(30%);
        -webkit-transform: translateX(30%);
        transform: translateX(30%)
    }
}

@-moz-keyframes $animation-name {
    0% {
        -moz-transform: translateX(-120%);
        -webkit-transform: translateX(-120%);
        transform: translateX(-120%)
    }

    25% {
        -moz-transform: translateX(-82.5%);
        -webkit-transform: translateX(-82.5%);
        transform: translateX(-82.5%)
    }

    50% {
        -moz-transform: translateX(-45%);
        -webkit-transform: translateX(-45%);
        transform: translateX(-45%)
    }

    75% {
        -moz-transform: translateX(-7.5%);
        -webkit-transform: translateX(-7.5%);
        transform: translateX(-7.5%)
    }

    100% {
        -moz-transform: translateX(30%);
        -webkit-transform: translateX(30%);
        transform: translateX(30%)
    }
}

@keyframes $animation-name {
    0% {
        -moz-transform: translateX(-120%);
        -webkit-transform: translateX(-120%);
        transform: translateX(-120%)
    }

    25% {
        -moz-transform: translateX(-82.5%);
        -webkit-transform: translateX(-82.5%);
        transform: translateX(-82.5%)
    }

    50% {
        -moz-transform: translateX(-45%);
        -webkit-transform: translateX(-45%);
        transform: translateX(-45%)
    }

    75% {
        -moz-transform: translateX(-7.5%);
        -webkit-transform: translateX(-7.5%);
        transform: translateX(-7.5%)
    }

    100% {
        -moz-transform: translateX(30%);
        -webkit-transform: translateX(30%);
        transform: translateX(30%)
    }
}

@-webkit-keyframes $animation-name {
    0% {
        right: -20%
    }

    100% {
        right: 120%
    }
}

@-moz-keyframes $animation-name {
    0% {
        right: -20%
    }

    100% {
        right: 120%
    }
}

@keyframes $animation-name {
    0% {
        right: -20%
    }

    100% {
        right: 120%
    }
}

@-webkit-keyframes $animation-name {
    0% {
        left: -20%
    }

    100% {
        left: 120%
    }
}

@-moz-keyframes $animation-name {
    0% {
        left: -20%
    }

    100% {
        left: 120%
    }
}

@keyframes $animation-name {
    0% {
        left: -20%
    }

    100% {
        left: 120%
    }
}

@-webkit-keyframes $animation-name {
    50% {
        -moz-transform: rotate(-5deg);
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
        left: 18.5%
    }

    100% {
        -moz-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0);
        left: 19%
    }
}

@-moz-keyframes $animation-name {
    50% {
        -moz-transform: rotate(-5deg);
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
        left: 18.5%
    }

    100% {
        -moz-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0);
        left: 19%
    }
}

@keyframes $animation-name {
    50% {
        -moz-transform: rotate(-5deg);
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
        left: 18.5%
    }

    100% {
        -moz-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0);
        left: 19%
    }
}

@-webkit-keyframes $animation-name {
    0% {
        -moz-transform: scale(0.1);
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 0;
        left: 25%;
        top: 39%
    }

    100% {
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 1;
        left: 29%;
        top: 44%
    }
}

@-moz-keyframes $animation-name {
    0% {
        -moz-transform: scale(0.1);
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 0;
        left: 25%;
        top: 39%
    }

    100% {
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 1;
        left: 29%;
        top: 44%
    }
}

@keyframes $animation-name {
    0% {
        -moz-transform: scale(0.1);
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 0;
        left: 25%;
        top: 39%
    }

    100% {
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 1;
        left: 29%;
        top: 44%
    }
}

@-webkit-keyframes $animation-name {
    0% {
        -moz-transform: scale(0.1);
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 0;
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    80% {
        opacity: 1
    }

    100% {
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 0;
        -moz-transform: rotate(270deg);
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
}

@-moz-keyframes $animation-name {
    0% {
        -moz-transform: scale(0.1);
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 0;
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    80% {
        opacity: 1
    }

    100% {
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 0;
        -moz-transform: rotate(270deg);
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
}

@keyframes $animation-name {
    0% {
        -moz-transform: scale(0.1);
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 0;
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    80% {
        opacity: 1
    }

    100% {
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 0;
        -moz-transform: rotate(270deg);
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
}

@-webkit-keyframes $animation-name {
    0% {
        -moz-transform: scale(0.1);
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 0
    }

    80% {
        opacity: 1
    }

    100% {
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 0
    }
}

@-moz-keyframes $animation-name {
    0% {
        -moz-transform: scale(0.1);
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 0
    }

    80% {
        opacity: 1
    }

    100% {
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 0
    }
}

@keyframes $animation-name {
    0% {
        -moz-transform: scale(0.1);
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 0
    }

    80% {
        opacity: 1
    }

    100% {
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 0
    }
}

@-webkit-keyframes $animation-name {
    0% {
        opacity: 0
    }

    80% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes $animation-name {
    0% {
        opacity: 0
    }

    80% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes $animation-name {
    0% {
        opacity: 0
    }

    80% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.video-tags {
    display: inline-block;
    padding: 0 10px;
    max-width: 495px;
    max-height: 18px;
    overflow: hidden;
    vertical-align: middle
}

@media only screen and (max-width:1024px) {
    .video-tags {
        max-width: 325px
    }
}

.video-tags a {
    margin: 0 5px
}

.video-tags a.selected {
    background-color: #1998ed;
    color: #fff;
    padding: 1px 5px;
    border-radius: 3px;
    display: inline-block
}

.video-grid {
    padding: 15px;
    border-left: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4
}

.video-grid__title {
    color: #0073b9;
    font-weight: 500;
    font-size: 13px;
    margin: 5px 0;
    max-height: 2.6em;
    position: relative;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.video-grid__meta {
    display: block
}

.video-grid__meta a {
    color: #545454
}

.video-grid__meta span {
    display: inline-block;
    margin-right: 3px
}

.video-grid__meta .fa {
    margin-right: 3px
}

.video-grid__item {
    padding: 10px 5px
}

.video-grid__item.deleted {
    background: #fbe4e4
}

.video-grid__item.moved {
    background: #cdf0d9
}

.video-grid__item.moderated {
    background: #fce0c3
}

.video-grid__item.checked {
    background: #fac692
}

.video-grid__image {
    display: block;
    position: relative
}

.video-grid__image img {
    width: 100%
}

.video-grid__image div {
    width: 100%;
    height: 110px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.video-grid__separator {
    display: inline-block;
    margin: 0 2px
}

.video-grid .video-hot-thread img {
    width: 15px;
    display: inline-block;
    vertical-align: bottom;
    margin-right: 5px
}

.video-grid input[type=checkbox] {
    position: absolute;
    right: 0;
    top: 2px;
    width: 20px;
    height: 20px;
    border-radius: 5px;
    border: 2px solid #555
}

@media only screen and (max-width:768px) {
    .video-grid .block-grid-item {
        width: 219px
    }
}

.video-hot-thread img {
    display: inline-block;
    margin-left: -10px;
    margin-right: 0;
    vertical-align: middle
}

.video-nav-tabs {
    padding: 0;
    margin-bottom: 0
}

.video-nav-tabs a {
    display: block;
    color: #1998ed;
    padding: 5px 20px;
    position: relative;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.video-nav-tabs a:hover {
    text-decoration: none
}

.video-nav-tabs li {
    float: left;
    border: 1px solid #1998ed;
    border-right: none;
    font-weight: 500;
    list-style: none;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.video-nav-tabs li:last-child {
    border-right: 1px solid #1998ed
}

.video-nav-tabs li:last-child a:after {
    content: 'New';
    display: none;
    position: absolute;
    text-transform: uppercase;
    padding: 0 4px;
    top: -6px;
    right: -7px;
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    border-radius: 2px;
    background-color: #e4302f;
    height: 14px;
    line-height: 14px;
    -webkit-animation: tada 1s;
    -moz-animation: tada 1s;
    -ms-animation: tada 1s;
    animation: tada 1s
}

.video-nav-tabs li:hover {
    background-color: #1998ed
}

.video-nav-tabs li:hover a {
    color: #fff
}

.video-nav-tabs .active {
    background-color: #1998ed;
    color: #fff
}

.video-nav-tabs .active a {
    color: #fff
}

.video-view-item .fa {
    font-size: 18px;
    vertical-align: middle
}

.yt-play-btn {
    background: url(../images/player-yt-icon-circle.png) center center no-repeat;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    position: absolute;
    top: 50%;
    width: 50px
}

.video-pin {
    background: url(../images/player-pin.png) center center/90% no-repeat;
    height: 50px;
    left: -8px;
    position: absolute;
    top: -8px;
    width: 50px
}

.video-thread__title {
    margin-bottom: 10px
}

.video-thread__title h1 {
    margin: 0 0 7px;
    font-size: 20px;
    font-weight: 500;
    line-height: 25px
}

.video-thread__title a {
    font-weight: 500;
    display: inline-block;
    margin-right: 10px
}

.video-thread__title .video-tags {
    padding-left: 0
}

.video-thread__meta {
    font-weight: 500;
    text-align: right;
    padding-top: 3px;
    font-size: 14px
}

.video-thread__meta .timestamp {
    margin-right: 10px
}

.video-thread__meta .view-count .fa {
    margin-right: 7px
}

.video-thread .head-title {
    border-bottom: none;
    margin-bottom: 10px;
    overflow: visible
}

.video-thread .head-title .title {
    font-size: 16px;
    font-weight: 500;
    position: relative;
    left: -20px;
    padding-left: 15px;
    margin-bottom: 10px
}

.video-thread .share li {
    margin: 2px 3px 0
}

.video-thread .share a {
    font-size: 14px;
    padding: 6px 12px;
    width: auto;
    display: inline-block;
    text-align: center
}

@media only screen and (max-width:1024px) {
    .video-thread .share a {
        width: 29px;
        height: 29px;
        padding: 7px
    }
}

@media only screen and (max-width:1024px) {
    .video-thread .share a span {
        display: none
    }
}

.video-thread .share i {
    margin-right: 5px
}

@media only screen and (max-width:1024px) {
    .video-thread .share i {
        margin: 0
    }
}

.video-thread .share .total-share {
    position: relative;
    border: none;
    border-radius: 3px;
    padding: 1px 10px;
    margin-left: 8px
}

.video-thread .share .total-share span {
    display: inline-block;
    vertical-align: middle
}

.video-thread .share .total-share .caption {
    display: inline-block;
    vertical-align: bottom;
    margin-left: 3px;
    line-height: 12px
}

.video-thread .author {
    background-color: #fff;
    padding: 15px 20px 10px;
    border-bottom: none
}

.video-thread .author .user-details {
    margin-top: 0
}

.video-thread .user-avatar {
    height: 60px;
    width: 60px;
    margin-right: 15px
}

.video-thread .photo {
    max-height: 60px!important;
    max-width: 60px!important
}

.video-thread .rating {
    margin: 3px 0 0;
    width: 105px
}

.video-thread .reputation {
    margin-left: 5px
}

.video-thread .textarea-block {
    padding: 10px 20px 20px 10px!important
}

.video-yt-player {
    padding-bottom: 56.3%;
    height: 0;
    background-size: cover;
    background-position: center;
    position: relative
}

.video-yt-player img {
    width: 100%
}

.video-yt-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-yt-player a {
    display: block
}

.video-yt-player .yt-play-btn {
    width: 150px;
    height: 150px;
    background: url(../images/player-yt-icon-circle-big.png) center center no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

#video-post-reply {
    padding: 20px 0 5px
}

.control-hidden {
    margin-top: 10px;
    display: none
}

.reply-section {
    padding: 10px 10px 10px 20px;
    background-color: #fff;
    border: 1px solid #d4d4d4;
    border-bottom: none
}

.reply-section>.row {
    margin-left: -20px;
    margin-right: -10px
}

.reply-section__item {
    padding: 20px 0
}

.reply-section__item .photo {
    left: 37px
}

.reply-section__item.deleted {
    background: #fbe4e4
}

.reply-section__item.moved {
    background: #cdf0d9
}

.reply-section__item.moderated {
    background: #fce0c3
}

.reply-section__item.checked {
    background: #fac692
}

.reply-section__detail {
    display: inline-block;
    padding-left: 95px;
    padding-right: 25px;
    width: 100%
}

.reply-section__detail img {
    max-width: 100%
}

.reply-section__detail p {
    margin-top: 5px;
    word-wrap: break-word
}

.reply-section__detail .user-tools a {
    color: #acacac;
    text-decoration: none
}

.reply-section__detail .user-tools a:hover {
    color: #1998ed
}

.reply-section__detail .post-time {
    color: #acacac;
    margin-right: 5px
}

.reply-section__detail .post-number {
    color: #acacac
}

.video-placeholder {
    width: 385px;
    height: 200px;
    border: 2px dashed #ababab;
    padding: 65px 10px;
    margin: 20px auto;
    background-color: #ececec
}

.video-placeholder img {
    display: block;
    margin: auto
}

.smilies-icon {
    position: absolute;
    right: 8px;
    bottom: 10px
}

.video-autoplay-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 98px;
    height: 98px;
    margin: -49px 0 0 -49px
}

.video-autoplay-btn.video-paused .video-svg-ring {
    stroke-dasharray: 293;
    animation: none
}

.video-autoplay-btn .video-svg-ring {
    stroke-dasharray: 293;
    stroke-dashoffset: -293.0005860000005;
    animation: radial 10s linear forwards
}

.cancel-autoplay-btn {
    position: absolute;
    top: 66%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 14px
}

.cancel-autoplay-btn:hover {
    text-decoration: none
}

.cancel-autoplay-btn:hover span {
    background: rgba(0,0,0,.3)
}

.cancel-autoplay-btn:focus {
    text-decoration: none
}

.cancel-autoplay-btn span {
    border-radius: 5px;
    text-align: center;
    display: block;
    color: #fff;
    text-shadow: 1px 1px 0 #000;
    padding: 7px 12px
}

.pause-autoplay {
    position: absolute;
    top: 72%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 12px;
    font-style: italic;
    color: #fff
}

.overlay-video {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    position: absolute;
    top: 0;
    left: 0
}

.autoplay-widget {
    text-align: right
}

.autoplay-widget p {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
    margin-right: 8px
}

.autoplay-widget .btn-toggle {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 20px;
    border-radius: 10px;
    background-color: #B3B1B1;
    position: relative
}

.autoplay-widget .btn-toggle.on {
    background-color: #1998ed
}

.autoplay-widget .btn-toggle.on .lever {
    left: auto;
    right: 2px;
    background-color: #fff
}

.autoplay-widget .btn-toggle .lever {
    display: block;
    width: 16px;
    height: 16px;
    background-color: #ededed;
    position: absolute;
    top: 2px;
    left: 2px;
    border-radius: 8px
}

.product__item {
    padding: 5px
}

.product__item .item--grid {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    position: relative
}

.product__item .item--grid .item__image {
    display: block;
    position: relative
}

.product__item .item--grid .item__image .image__photo {
    overflow: hidden;
    width: 100%;
    height: 160px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: 1px solid #ccc
}

.product__item .item--grid .item__image .item__tag {
    left: 0;
    top: 12px
}

.product__item .item--grid .item__image .tag__vsl {
    right: 10px;
    top: 0
}

.product__item .item--grid .item__image .tag__ads {
    top: 10px;
    right: 10px
}

.product__item .item--grid .item__description {
    padding: 10px;
    min-height: 120px
}

.product__item .item--grid .item__description .user {
    display: block;
    position: relative;
    margin-bottom: 8px
}

.product__item .item--grid .item__description .user a .username {
    display: inline-block;
    color: #878787;
    vertical-align: middle;
    margin-left: 3px
}

.product__item .item--grid .item__description .user a .user__profile_picture {
    width: 18px;
    height: 18px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    background-size: cover;
    display: inline-block;
    vertical-align: middle
}

.product__item .item--grid .item__description .user a:hover {
    text-decoration: none
}

.product__item .item--grid .item__description .user a:hover .username {
    text-decoration: underline
}

.product__item .item--grid .item__description .user a:hover .user__profile_picture {
    border: 2px solid #1da89f
}

.product__item .item--grid .item__description .user .tag__brankas {
    width: 17px;
    height: 17px;
    background-image: url(../images/layout/icon_brankas.png);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: -5px
}

.product__item .item--grid .item__description .title {
    display: block;
    display: -webkit-box;
    max-width: 400px;
    height: 33.6px;
    margin: 0 auto;
    font-size: 12px;
    line-height: 1.4;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.product__item .item--grid .item__description .title a {
    font-weight: 500;
    color: #555
}

.product__item .item--grid .item__description .price {
    min-height: 33.6px
}

.product__item .item--grid .item__description .price .price--discounted {
    color: #ff7100;
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 5px
}

.product__item .item--grid .item__description .price .price--normal {
    text-decoration: line-through
}

.product__item .item--grid .item__description .category {
    font-weight: 500;
    margin-top: 10px;
    display: block;
    display: -webkit-box;
    max-width: 400px;
    height: 33.6px;
    font-size: 12px;
    line-height: 1.4;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.product__item .item--grid .item__description .info__data div {
    width: 49%;
    display: inline-block
}

.product__item .item--grid .item__description .info__data div i {
    margin-right: 5px
}

.product__item .item--grid .item__extra_info {
    display: none;
    background: #f0f0f0;
    position: absolute;
    z-index: 7;
    margin-left: -1px;
    width: 101%;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 10px;
    font-size: 10px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.product__item .item--grid .item__extra_info .info__date {
    display: block
}

.product__item .item--grid .item__extra_info .info__date .date--post {
    float: left
}

.product__item .item--grid .item__extra_info .info__date .date--sundul {
    float: right
}

.product__item .item--grid .item__extra_info .info__ongkir {
    font-weight: 700;
    color: #1da89f
}

.product__item .item--grid .item__extra_info .info__feedback a {
    color: #555
}

.product__item .item--grid .item__extra_info .button__chat {
    margin: 5px
}

.product__item .item--grid:hover {
    overflow: visible;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    -moz-box-shadow: 0 4px 8px -1px rgba(0,0,0,.75);
    -webkit-box-shadow: 0 4px 8px -1px rgba(0,0,0,.75);
    box-shadow: 0 4px 8px -1px rgba(0,0,0,.75)
}

.product__item .item--grid:hover .item__extra_info {
    display: block;
    -moz-box-shadow: 0 6px 15px -3px rgba(0,0,0,.75);
    -webkit-box-shadow: 0 6px 15px -3px rgba(0,0,0,.75);
    box-shadow: 0 6px 15px -3px rgba(0,0,0,.75)
}

.product__item .item--grid:hover .item__image {
    margin-left: -1px;
    margin-right: -1px
}

.product__item .item--grid .item__checkbox {
    z-index: 6;
    text-align: center;
    padding: 5px;
    position: relative
}

.product__item.premium .item--grid,.product__item.premium .item--list {
    background-color: #dffffc
}

.product__item.premium .item--grid .item__description .title a,.product__item.premium .item--list .item__description .title a {
    color: #1da89f;
    font-weight: 700
}

.product__item.checked .item--grid,.product__item.checked .item--list,.product__item.moderated .item--grid,.product__item.moderated .item--list {
    background-color: #fac692
}

.product__item.warning .item--grid,.product__item.warning .item--list {
    background-color: #fcf8e3
}

.product__item.deleted .item--grid,.product__item.deleted .item--list {
    background-color: #fbe4e4
}

.product__item .item--list {
    background-color: #fff;
    position: relative;
    padding: 7px 15px
}

.product__item .item--list .item__image {
    float: left;
    position: relative;
    padding-right: 10px;
    margin-top: 2px
}

.product__item .item--list .item__image .image__photo {
    position: relative;
    width: 100px;
    height: 100px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.product__item .item--list .item__image .item__tag {
    left: 0;
    top: 5px
}

.product__item .item--list .item__image .tag__vsl {
    right: -400px;
    top: -10px
}

.product__item .item--list .item__image .tag__ads {
    top: 10px;
    right: 10px
}

.product__item .item--list .item__description {
    float: left;
    width: 65%
}

.product__item .item--list .item__description .user {
    width: 20%;
    padding-top: 5px;
    margin: 10px 25px 10px 40px;
    float: right;
    padding-bottom: 5px;
    padding-left: 15px;
    min-height: 80px;
    border-left: 1px solid #ccc
}

.product__item .item--list .item__description .user a .username {
    display: inline-block;
    color: #878787;
    vertical-align: middle
}

.product__item .item--list .item__description .user a .tag__brankas {
    margin-top: 5px;
    display: inherit
}

.product__item .item--list .item__description .user a:hover {
    text-decoration: none
}

.product__item .item--list .item__description .user a:hover .username {
    text-decoration: underline
}

.product__item .item--list .item__description .user a:hover .user__profile_picture {
    border: 2px solid #1da89f
}

.product__item .item--list .item__description .title {
    padding-bottom: 5px;
    padding-top: 15px
}

.product__item .item--list .item__description .title a {
    font-weight: 500;
    color: #555;
    word-break: break-all
}

.product__item .item--list .item__description .price .price--discounted {
    display: inline-block;
    color: red;
    font-weight: 700;
    font-size: 14px
}

.product__item .item--list .item__description .price .price--normal {
    display: inline-block;
    text-decoration: line-through
}

.product__item .item--list .item__description .category {
    font-weight: 500;
    margin-top: 10px
}

.product__item .item--list .item__description .info__data div {
    width: inherit;
    display: inline;
    margin-right: 20px
}

.product__item .item--list .item__description .info__data div i {
    margin-right: 5px
}

.product__item .item--list .item__description .tag__brankas {
    margin-top: 10px;
    display: block;
    width: 17px;
    height: 17px;
    background-image: url(../images/layout/icon_brankas.png);
    background-size: 100%;
    background-repeat: no-repeat;
    right: 0;
    top: -5px
}

.product__item .item--list .item__description .user__profile_picture {
    width: 18px;
    height: 18px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    background-size: cover;
    display: inline-block;
    vertical-align: middle
}

.product__item .item--list .item__extra_info {
    float: left;
    width: 17%
}

.product__item .item--list .item__extra_info .info__ongkir {
    font-weight: 700;
    color: #1da89f
}

.product__item .item--list .item__extra_info .info__feedback a {
    color: #555
}

.product__item .item--list .item__extra_info .button__chat {
    margin-top: 5px
}

.product__item .item--list .item__checkbox {
    position: absolute;
    right: 15px;
    top: 45px
}

.product__item .item__bg-blur {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 0;
    display: block;
    background-color: #fff;
    width: 100%;
    height: 100%;
    filter: alpha(Opacity=75);
    opacity: .75
}

.product__item .item__icon--tag {
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1
}

.product__item .item__icon--tag.gotit {
    background-image: url(../images/layout/ic_udahdapet.png)
}

.product__item .item__icon--tag.soldout {
    background-image: url(../images/layout/ic_udahlakugan.png)
}

.product__item .item__tag {
    z-index: 2;
    width: 38px;
    height: 19px;
    position: absolute
}

.product__item .item__tag.tag--jual {
    background-image: url(../images/layout/icon_jual.png)
}

.product__item .item__tag.jual--end {
    background-image: url(../images/layout/ic_tag_terjual.jpg);
    width: 50px
}

.product__item .item__tag.beli--end {
    background-image: url(../images/layout/ic_tag_ketemu.jpg);
    width: 50px
}

.product__item .item__tag.tag--beli {
    background-image: url(../images/layout/icon_beli.png)
}

.product__item .tag__vsl {
    width: 33px;
    height: 45px;
    position: absolute;
    background-image: url(../images/layout/icon_vsl.png)
}

.product__item .tag__ads {
    position: absolute
}

.product__item .date--sundul:before {
    content: '\e83e';
    margin-right: 3px;
    font: normal normal normal 14px/1 fontello;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.product__item .info__location:before {
    content: '\e826';
    margin-right: 1.5px;
    margin-left: 1.5px;
    font: normal normal normal 14px/1 fontello;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.product__listing .pagination,.search__product__listing .pagination {
    margin-top: 10px;
    margin-bottom: 15px
}

.product__listing .block-grid-xs-1 .product__item,.search__product__listing .block-grid-xs-1 .product__item {
    margin-top: 0;
    padding: 0;
    border-top: 1px solid #ccc
}

.product__listing .block-grid-xs-1 .product__item:first-child,.search__product__listing .block-grid-xs-1 .product__item:first-child {
    margin-top: 6px
}

.promoted__listing .col-xs-2 {
    padding-right: 5px;
    padding-left: 0;
    cursor: pointer;
    margin-left: -15px
}

.promoted__listing .item--grid:hover {
    overflow: visible;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.promoted__listing .item--grid:hover .item__image {
    cursor: pointer;
    margin-left: 0;
    margin-right: 0
}

.promoted__listing .promoted__header {
    position: absolute;
    top: -15px;
    left: 7px;
    right: 0
}

.promoted__listing .promoted__header h3 {
    font-weight: 700;
    color: #1da89f
}

.promoted__listing .promoted__header h3 i {
    color: #ff7100
}

.promoted__listing .item__description {
    max-height: 111px;
    overflow: hidden;
    cursor: pointer
}

.promoted__listing .item__description .title--blue {
    font-weight: 700;
    color: #1998ed
}

.promoted__listing .item__description .title--grey {
    font-weight: 700;
    color: #555
}

.promoted__listing .item__description .title__link {
    color: #1998ed
}

.search__header {
    margin-top: 10px
}

.pagination.revamp li {
    display: inline-block;
    vertical-align: middle
}

.pagination.revamp li>a {
    background: #fff;
    margin-left: 5px;
    border: 1px solid #c2c2c2;
    min-width: 26px;
    text-align: center
}

.pagination.revamp li>a:focus,.pagination.revamp li>a:hover {
    color: #1da89f;
    font-weight: 700;
    text-decoration: none
}

.pagination.revamp li.active>a {
    background: #1da89f;
    color: #fff;
    text-decoration: none;
    border: none
}

.pagination.revamp li.jump-page {
    float: right
}

.grid__tools {
    margin-bottom: 0
}

.grid__tools li {
    padding: 4px
}

.grid__icon {
    vertical-align: middle;
    display: inline-block;
    width: 21px;
    height: 21px;
    cursor: pointer;
    background: url(../images/layout/icon_grid_disable.png);
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.grid__icon.active,.grid__icon:hover {
    background: url(../images/layout/icon_grid_active.png)
}

.list__icon {
    vertical-align: middle;
    display: inline-block;
    width: 21px;
    height: 21px;
    cursor: pointer;
    background: url(../images/layout/icon_list_disable.png);
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.list__icon.active,.list__icon:hover {
    background: url(../images/layout/icon_list_active.png)
}

.thread-head.revamp {
    border: none
}

.thread-head.revamp .header-list-cat {
    background: #fff;
    border: none
}

.thread-head.revamp .header-list-cat header h2 a {
    color: #1da89f
}

.subcategory__list .subcategory__item {
    padding: 4px
}

.subcategory__list .subcategory__item a {
    color: #1da89f;
    font-weight: 500
}

.subcategory__list .subcategory__item .subcategory__icon {
    width: 15px;
    height: 15px;
    background-size: 100%;
    display: inline-block;
    margin-right: 6px;
    vertical-align: middle
}

.tab-widget {
    margin-bottom: 15px
}

.tab-widget__news .head-title {
    padding: 0
}

.tab-widget__news .head-title h2 {
    border-left: 5px solid #1998ed;
    padding: 5px 10px
}

.tab-widget__news .nav-tabs {
    padding: 5px 15px;
    border: none
}

.tab-widget__news .nav-tabs a {
    background-color: transparent!important;
    border: none!important;
    color: #545454;
    font-weight: 500;
    font-size: 14px
}

.tab-widget__news .nav-tabs a:focus,.tab-widget__news .nav-tabs a:hover {
    text-decoration: none
}

.tab-widget__news .nav-tabs li {
    padding: 0 10px;
    border-left: 1px solid #A7A7A7;
    list-style: none
}

.tab-widget__news .nav-tabs li:first-child {
    border-left: none;
    padding: 0 10px 0 0
}

.tab-widget__news .nav-tabs li.active a {
    color: #1998ed
}

.tab-widget__news .tab-content {
    padding: 5px 10px 15px
}

.tab-widget__news.news-sidebar .tab-content {
    padding: 5px 10px 0
}

.tab-widget__news.news-sidebar .head-title h2 {
    border-left: 5px solid #f7941d;
    padding: 0 0 0 5px;
    margin-bottom: 5px
}

.block-grid__item {
    padding: 5px;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.block-grid__item a {
    display: block;
    color: #343434
}

.block-grid__item:hover {
    background-color: #EFEFEF
}

.block-grid__item:hover a {
    text-decoration: none
}

.block-grid__thumb {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-bottom: 65%;
    width: 100%
}

.block-grid__title {
    padding: 5px 0
}

.block-grid__title h4 {
    font-weight: 500;
    max-height: 2.6em;
    position: relative;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.nav-tabs--post {
    padding: 0
}

.nav-tabs--post a {
    color: #1998ed;
    display: block;
    padding: 15px 10px 10px
}

.nav-tabs--post a:focus,.nav-tabs--post a:hover {
    text-decoration: none
}

.nav-tabs--post ul {
    padding: 0;
    list-style: none
}

.nav-tabs--post li {
    border: 2px dashed #ebebeb;
    background-color: #f9f9f9;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 100px;
    height: 100px;
    position: relative;
    margin: 10px 10px 20px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.nav-tabs--post li img {
    display: block;
    margin: 0 auto 5px
}

.nav-tabs--post li span {
    text-transform: uppercase
}

.nav-tabs--post li.active {
    border: 2px solid #1998ed;
    background-color: #fff
}

.nav-tabs--post li.active:before {
    content: '\e80a';
    font-family: fontello;
    position: absolute;
    z-index: 1;
    right: -8px;
    top: -8px;
    font-size: 21px;
    background: #fff;
    color: #1998ed
}

.nav-tabs--product-grid {
    margin: 10px 0
}

.nav-tabs--product-grid .active a {
    color: #1ba89f
}

.nav-tabs--product-grid .active a:after {
    opacity: 1
}

.nav-tabs--product-grid a {
    position: relative;
    padding: 10px 0;
    color: #454545;
    font-size: 13px
}

@media only screen and (max-width:1024px) {
    .nav-tabs--product-grid a {
        font-size: 10px
    }
}

.nav-tabs--product-grid a:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 5px;
    width: 100%;
    height: 2px;
    background-color: #1ba89f;
    opacity: 0
}

.nav-tabs--product-grid a:focus,.nav-tabs--product-grid a:hover {
    text-decoration: none;
    color: #1ba89f
}

.nav-tabs--product-grid a:focus:after,.nav-tabs--product-grid a:hover:after {
    opacity: 1
}

.nav-tabs--epulsa {
    margin-bottom: 0;
    margin-left: 0;
    font-size: 14px
}

.nav-tabs--epulsa li {
    display: inline-block;
    list-style: none
}

.nav-tabs--epulsa li.active a {
    color: #1998ed;
    position: relative
}

.nav-tabs--epulsa li.active a:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 100%;
    height: 2px;
    background-color: #1998ed;
    opacity: 1
}

.nav-tabs--epulsa a {
    color: #6e6e6e
}

.nav-tabs--epulsa a:focus,.nav-tabs--epulsa a:hover {
    text-decoration: none
}

.nav-tabs--quick-update {
    background-color: #f3f3f3;
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0
}

.nav-tabs--quick-update li.active {
    background-color: #fff;
    border-bottom: none
}

.nav-tabs--quick-update li.active:hover {
    background-color: #fff
}

.nav-tabs--quick-update li.active a {
    border-bottom: none
}

.nav-tabs--quick-update li.active img {
    -webkit-filter: sepia(100%) saturate(10) brightness(1.6);
    filter: sepia(100%) saturate(10) brightness(1.6)
}

.nav-tabs--quick-update li:hover {
    background-color: #f9f9f9
}

.nav-tabs--quick-update li:first-child a {
    border-left: none
}

.nav-tabs--quick-update a {
    display: block;
    height: 75px;
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5
}

.nav-tabs--quick-update a:focus,.nav-tabs--quick-update a:hover {
    text-decoration: none
}

.nav-tabs--quick-update span {
    display: inline-block;
    color: #545454;
    font-size: 10px;
    line-height: 12px;
    vertical-align: sub
}

.nav-tabs--quick-update img {
    margin: 10px 15px 5px
}

.nav-tabs--top-rank {
    background-color: #fff
}

.nav-tabs--top-rank a {
    color: #fff;
    text-transform: uppercase;
    display: block;
    padding: 12px 7px 7px
}

.nav-tabs--top-rank a:focus,.nav-tabs--top-rank a:hover {
    text-decoration: none
}

.nav-tabs--top-rank i {
    font-size: 16px;
    margin-bottom: 5px
}

.nav-tabs--top-rank span {
    font-size: 9px;
    display: block
}

.nav-tabs--top-rank li {
    background-color: #00bff3;
    position: relative
}

.nav-tabs--top-rank li:first-child {
    border-left: none;
    border-right: 1px solid #fff
}

.nav-tabs--top-rank li:nth-child(2) {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff
}

.nav-tabs--top-rank li:last-child {
    border-right: none;
    border-left: 1px solid #fff
}

.nav-tabs--top-rank .active {
    background-color: #fff;
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5
}

.nav-tabs--top-rank .active:first-child {
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5
}

.nav-tabs--top-rank .active:last-child,.nav-tabs--top-rank .active:nth-child(2) {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5
}

.nav-tabs--top-rank .active:before {
    content: '';
    position: absolute;
    height: 3px;
    background-color: #f9ac1e;
    width: 102%;
    left: -1px;
    top: -3px
}

.nav-tabs--top-rank .active a {
    color: #1998ed
}

.nav-tabs--top-rank-next-page {
    background-color: #fff
}

.nav-tabs--top-rank-next-page a {
    color: #1998ed;
    text-transform: uppercase;
    display: block
}

.nav-tabs--top-rank-next-page a:focus,.nav-tabs--top-rank-next-page a:hover {
    text-decoration: none
}

.nav-tabs--top-rank-next-page p {
    margin: 3px 8px
}

.nav-tabs--top-rank-next-page span {
    display: block
}

.nav-tabs--top-rank-next-page li {
    margin-right: 1px;
    background-color: #fff;
    border: 1px solid #e5e5e5
}

.nav-tabs--top-rank-next-page li:first-child,.nav-tabs--top-rank-next-page li:last-child,.nav-tabs--top-rank-next-page li:nth-child(2) {
    border: 1px solid #e5e5e5
}

.nav-tabs--top-rank-next-page .active {
    background-color: #0073b9;
    position: relative
}

.nav-tabs--top-rank-next-page .active a {
    color: #fff
}

.tab-content__layout {
    background-color: #fff;
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 5px 15px;
    -moz-border-radius: 0 0 2px 2px;
    -webkit-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px
}

.tab-content__layout .tab-widget__news .nav-tabs {
    padding: 0 0 20px;
    margin-top: 10px
}

.tab-content__layout--top-thread-widget--history {
    position: absolute
}

.tab-content__layout--top-thread-widget--history p {
    margin-left: 20px;
    text-align: right;
    font-size: 12px;
    text-transform: none
}

.tab-content__layout--top-thread-widget--history p:hover {
    font-weight: lighter
}

.tab-content__layout--top-thread-widget--announcement p {
    color: #fff;
    width: 275px;
    font-size: 9px;
    border-radius: 2px;
    margin-top: 5px;
    margin-left: -3px;
    padding: 2px 0 2px 10px;
    background-color: #f9ac1e
}

.tab-content__layout--list {
    padding: 0;
    margin-right: -10px
}

.tab-content__layout--list li {
    list-style: none;
    border-bottom: 1px solid #e5e5e5
}

.tab-content__layout--list li:last-child {
    border-bottom: none
}

.tab-content__layout--list a {
    color: #545454;
    font-size: 12px
}

.tab-content__layout--list a:hover {
    color: #1998ed;
    text-decoration: none
}

.tab-content__layout--list p {
    margin-bottom: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: break-word;
    overflow: hidden;
    padding: 8px 0
}

.tab-content__layout--list--top-rank-thread-user {
    color: #9e9e9e;
    font-size: 11px
}

.tab-content__layout--list--top-rank-thread-user a {
    color: #1998ed
}

.tab-content__layout--list--top-rank-thread-user a:hover {
    font-weight: lighter;
    text-decoration: none
}

.tab-content__layout--list--title {
    position: absolute;
    max-width: 210px;
    max-height: 35px;
    text-align: left;
    overflow: hidden;
    white-space: normal;
    word-wrap: break-word
}

.tab-content__layout--list--views-count {
    padding-left: 210px;
    color: #f9ac1e
}

.tab-content__layout--list--views-count--number p {
    font-size: 13px;
    text-align: right
}

.tab-content__layout--list--views-count--views p {
    font-size: 10px;
    text-align: right
}

.tab-content__layout--list--item {
    padding: 10px 0;
    margin-right: 10px
}

.image-grid__wrapper {
    margin: auto;
    border: 1px solid #d4d4d4;
    background-color: #fff
}

.image-grid__item {
    margin: 10px 0
}

.image-grid__item:first-child {
    border-top: none
}

.image-grid__item:last-child {
    border-bottom: none
}

.image-grid__item.deleted .image-grid__wrapper {
    background: #fbe4e4
}

.image-grid__item.moved .image-grid__wrapper {
    background: #cdf0d9
}

.image-grid__item.moderated .image-grid__wrapper {
    background: #fce0c3
}

.image-grid__item.checked .image-grid__wrapper {
    background: #fac692
}

.image-grid__title {
    padding: 0 0 10px
}

.image-grid__thumb {
    text-align: center;
    border-bottom: 1px solid #d4d4d4;
    position: relative
}

.image-grid__thumb img,.image-grid__thumb video {
    min-width: 500px;
    max-width: 100%;
    display: block;
    margin: auto
}

.image-grid__thumb input[type=checkbox] {
    position: absolute;
    top: 10px;
    right: 10px
}

.image-grid__desc {
    padding: 15px 10px
}

.image-grid__desc .rating {
    display: inline-block;
    vertical-align: middle;
    margin: 5px 0 5px 10px
}

.image-grid__desc .share {
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin: 5px 0
}

.image-grid__desc .share li {
    margin: 3px 0 0 10px
}

.image-grid__desc .share li a {
    padding: 5px 10px
}

.image-grid__desc .pull-left span {
    margin-right: 10px
}

.image-grid__desc .pull-left .fa {
    margin-right: 3px
}

.image-grid__overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.4)
}

.image-grid__overlay span {
    color: #FFF;
    background: #000;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 700;
    border: 1px solid #fff;
    margin: 5px;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.image-grid .author {
    background-color: #fff;
    border: 1px solid #d4d4d4
}

.image-grid .user-avatar {
    display: block;
    float: none;
    width: 100%;
    height: 135px;
    border: none;
    border-bottom: 1px solid #d4d4d4;
    background-color: #fff
}

.image-grid .user-avatar img {
    width: 100%
}

.image-grid .user-details {
    padding: 5px 10px
}

.image-grid .reputation {
    margin-left: 0
}

.image-grid .user-option {
    display: block;
    position: initial;
    padding: 5px 0
}

.image-grid .user-quickview .user-avatar {
    float: left;
    width: 100px;
    height: 100px;
    margin-right: 10px
}

.image-thread .author {
    padding: 20px;
    background: #fff;
    border-top: none
}

.image-thread .author .user-details {
    margin-top: 0
}

.image-thread .head-title .title {
    font-size: 16px;
    font-weight: 500;
    position: relative;
    margin-top: 20px;
    padding-left: 15px
}

.image-thread__title h1 {
    margin-bottom: 23px;
    color: #1998ed
}

.image-thread__content {
    display: block;
    text-align: center;
    overflow: hidden;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4
}

.image-thread__content img {
    max-width: 100%
}

.image-thread__meta {
    text-align: right;
    font-size: 14px
}

.image-thread .video-tags {
    padding-left: 0;
    margin-bottom: 10px
}

.image-thread .share li {
    margin: 5px 5px 0
}

.image-thread .share li:first-child {
    margin-left: 0
}

.image-thread .share li a {
    padding: 6px 12px
}

.image-thread .rating {
    margin-left: 0
}

.image-thread .view-count .fa {
    margin: 0 5px 0 10px
}

.image-thread .reputation.cendol,.image-thread .title {
    display: inline-block;
    vertical-align: middle
}

.image-thread-upload input[type=file] {
    background-color: transparent;
    border: none;
    box-shadow: none;
    padding-left: 0
}

.image-upload-wrapper {
    background-color: #fafafa;
    padding: 10px 0;
    overflow: hidden;
    border-top: 1px dashed #d4d4d4;
    border-bottom: 1px dashed #d4d4d4;
    margin-bottom: 10px;
    position: relative
}

.image-upload-wrapper .form-group {
    margin-bottom: 0!important
}

.image-upload-wrapper img {
    max-width: 100%
}

.image-upload-wrapper.upload-video {
    text-align: center;
    border: 1px dashed #60e38f;
    margin-bottom: 0;
    overflow: visible!important
}

.image-upload-wrapper.upload-video iframe {
    height: 340px;
    width: 70%;
    overflow: hidden
}

.image-upload-wrapper.upload-video iframe.uploaded-video {
    display: none
}

.image-upload-wrapper.upload-video iframe.uploaded-video.active {
    display: inline-block!important
}

.image-upload-wrapper.upload-video video {
    height: 340px;
    width: 70%;
    overflow: hidden
}

.image-upload-wrapper.upload-video video.uploaded-video-file {
    text-align: center;
    display: none
}

.image-upload-wrapper.upload-video video.uploaded-video-file.active {
    display: block!important
}

.image-upload-wrapper.upload-video input {
    background-color: #fafafa;
    border: none;
    display: none;
    padding: 80px 10px;
    text-align: center;
    width: 80%
}

.image-upload-wrapper.upload-video input:focus {
    outline: 0
}

.image-upload-wrapper.upload-video input.active {
    display: inline-block
}

.image-upload-wrapper.upload-video span.delete-video-btn {
    color: #fff;
    cursor: pointer;
    display: none;
    position: absolute;
    right: -15px;
    height: 25px;
    background-size: 25px!important;
    top: 0
}

.image-upload-wrapper.upload-video span.delete-video-btn:hover {
    background-position: 0 -24px
}

.image-upload-wrapper.upload-video span.delete-video-btn.active {
    display: block
}

.image-upload-wrapper .btn {
    position: absolute;
    right: 20px;
    bottom: 10px
}

.image-upload-wrapper .btn:after {
    position: absolute;
    right: -10px;
    top: -10px;
    content: 'Beta';
    color: #fff;
    background-color: red;
    padding: 3px 5px;
    font-size: 10px;
    border-radius: 5px
}

.image-upload-wrapper__center {
    padding-top: 40px
}

.image-upload-wrapper__center p {
    font-size: 14px;
    margin-top: 10px
}

.image-upload-wrapper__center p span {
    position: relative;
    color: #d6d6d6;
    margin: 5px 0;
    display: inline-block
}

.image-upload-wrapper__center p span:before {
    content: '';
    width: 60px;
    position: absolute;
    border-top: 1px solid #d6d6d6;
    top: 9px;
    left: -70px
}

.image-upload-wrapper__center p span:after {
    content: '';
    width: 60px;
    position: absolute;
    border-top: 1px solid #d6d6d6;
    top: 9px;
    right: -70px
}

.like-btn-widget {
    display: inline-block;
    border: 1px solid #d4d4d4;
    border-radius: 3px;
    font-size: 13px
}

.like-btn-widget a {
    padding: 5px 15px;
    display: inline-block;
    border-radius: 3px;
    border-right: 1px solid #d4d4d4;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.like-btn-widget a.active,.like-btn-widget a:hover {
    background-color: #1998ed;
    color: #fff;
    text-decoration: none
}

.like-btn-widget a span {
    margin-right: 0!important
}

.like-btn-widget--count {
    padding: 5px 10px;
    display: inline;
    margin-right: 3px!important
}

#default_video_picture {
    width: 50%;
    display: inline-block;
    height: auto;
    padding: 50px 0;
    text-align: center!important;
    position: relative
}

#default_video_picture.video-placeholder {
    border: none;
    background-color: #fafafa;
    cursor: pointer
}

#default_video_picture.video-placeholder img {
    display: inline-block;
    margin: auto
}

#default_video_picture.video-placeholder span.upload-video-text {
    position: absolute;
    font-size: 14px;
    right: 100px;
    bottom: 30px
}

#default_video_picture.video-placeholder span.upload-video-text.url {
    right: none;
    left: 100px
}

#default_video_picture.video-placeholder .add-video-via-upload {
    border-right: 1px solid #d4d4d4;
    padding-right: 60px;
    position: relative
}

#default_video_picture.video-placeholder.disappear {
    display: none!important
}

#default_video_picture.video-placeholder.left {
    text-align: right!important
}

#default_video_picture.video-placeholder.right {
    text-align: left!important;
    padding-left: 70px
}

#default_video_picture.video-placeholder .tooltip-item {
    color: #ff7100;
    display: inline-block;
    font-size: 12px;
    position: relative;
    top: 36px;
    right: 12px
}

#default_video_picture.video-placeholder .tooltip-item:hover .tooltip-text {
    visibility: visible;
    opacity: 1
}

#default_video_picture.video-placeholder .tooltip-item .tooltip-text {
    visibility: hidden;
    width: 170px;
    background-color: #000;
    color: #fff;
    font-weight: 500;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 150%;
    left: 50%;
    margin-left: -85px;
    opacity: 0;
    transition: opacity .8s
}

#default_video_picture.video-placeholder .tooltip-item .tooltip-text::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #000
}

#default_video_picture_file {
    width: 50%;
    display: inline-block;
    height: auto;
    padding: 50px 0;
    text-align: center!important;
    position: relative
}

#default_video_picture_file.video-placeholder {
    border: none;
    background-color: #fafafa;
    cursor: pointer
}

#default_video_picture_file.video-placeholder img {
    display: inline-block;
    margin: auto
}

#default_video_picture_file.video-placeholder span.upload-video-text {
    position: absolute;
    font-size: 14px;
    right: 92px;
    bottom: -20px
}

#default_video_picture_file.video-placeholder .add-video-via-upload {
    border-right: 1px solid #d4d4d4;
    padding-right: 60px;
    position: relative
}

#default_video_picture_file.video-placeholder.disappear {
    display: none!important
}

#default_video_picture_file.video-placeholder.left {
    text-align: right!important
}

#default_video_picture_file.video-placeholder.right {
    text-align: left!important;
    padding-left: 70px
}

#default_video_picture_file.video-placeholder .tooltip-item {
    color: #ff7100;
    display: inline-block;
    font-size: 12px;
    position: relative;
    top: 36px;
    right: 18px
}

#default_video_picture_file.video-placeholder .tooltip-item:hover .tooltip-text {
    visibility: visible;
    opacity: 1
}

#default_video_picture_file.video-placeholder .tooltip-item .tooltip-text {
    visibility: hidden;
    width: 170px;
    background-color: #000;
    color: #fff;
    font-weight: 500;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 150%;
    left: 50%;
    margin-left: -85px;
    opacity: 0;
    transition: opacity .8s
}

#default_video_picture_file.video-placeholder .tooltip-item .tooltip-text::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #000
}

#placeholder-image {
    width: 100%;
    margin: 0 auto;
    min-height: 150px;
    cursor: pointer;
    padding: 0 10px;
    text-align: center
}

#placeholder-image.video-placeholder {
    border: none;
    background-color: #fafafa
}

.longcat-more {
    display: none;
    background: rgba(0,0,0,.8);
    background: -webkit-linear-gradient(transparent,rgba(0,0,0,.8),#000);
    background: -o-linear-gradient(transparent,rgba(0,0,0,.8),#000);
    background: -moz-linear-gradient(transparent,rgba(0,0,0,.8),#000);
    background: linear-gradient(transparent,rgba(0,0,0,.8),#000)
}

.block__box {
    padding: 15px 25px;
    background-color: #fff;
    color: #2f2f2f;
    margin-bottom: 10px;
    font-size: 13px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.block__box .status__content {
    display: inline-block;
    margin-left: 35px;
    width: 100%;
    color: #2f2f2f
}

.block__box .status__content .title {
    margin-bottom: 5px
}

.block__box .status__content.ml0 {
    margin-left: 0
}

.block__box__container {
    padding: 15px
}

.block__box .shipping-method__list .col-xs-4:nth-child(2n) {
    border-left: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4
}

.block__box .shipping-method__item {
    padding: 10px 0;
    text-align: center
}

.block__box .shipping-method__item h3 {
    font-weight: 500;
    color: #2f2f2f;
    margin-bottom: 15px
}

.block__box .shipping-method__item img {
    margin-bottom: 25px
}

.block__box .shipping-method__item form {
    margin: 0 auto
}

.block__box .alamat {
    padding: 15px;
    margin-bottom: 12px;
    background-color: #f4f4f4;
    min-height: 100px
}

.block__box .alamat__button {
    display: inline-block;
    vertical-align: top
}

.block__box .alamat__label {
    display: inline-block;
    vertical-align: top;
    font-weight: 500;
    width: 135px;
    margin: 0 15px
}

.block__box .alamat__detail {
    display: inline-block;
    vertical-align: top;
    width: 350px
}

.block__box .alamat__detail--name {
    font-weight: 500
}

.block__box .alamat__detail--more .kecamatan:before {
    content: 'Kec.';
    margin-right: 5px
}

.block__box .alamat__detail--more .kodepos:before {
    content: ',';
    margin-right: 5px
}

.block__box .alamat__detail--more .kota:before {
    content: ', Kota/Kab';
    margin-right: 5px
}

.block__box .alamat__detail--phone:before {
    content: 'Telephone/Handphone:';
    margin-right: 5px
}

.block__box .alamat__action__list {
    list-style: none
}

.block__box .alamat__action__item {
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px
}

.block__box .alamat__action__link {
    color: #1da89f;
    font-size: 14px
}

.block__box .alamat__action__link:hover {
    color: #21beb4;
    text-decoration: none
}

.block__box .lapak {
    padding: 15px;
    margin-bottom: 12px;
    background-color: #f4f4f4
}

.block__box .lapak .item__content {
    margin-top: 0;
    height: inherit
}

.block__box .lapak .item__detail .title {
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 10px;
    margin: 0
}

.block__box .lapak .item__detail .price {
    color: #ff7100;
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 5px
}

.block__box .lapak .item__detail .price .discounted {
    color: #2f2f2f;
    text-decoration: line-through;
    font-weight: 400;
    font-size: 13px;
    margin-right: 13px
}

.block__box .lapak .item__detail .price i {
    color: #888;
    margin-left: 8px
}

.block__box .lapak .item__detail .price i:hover {
    color: #bbb
}

.block__box .lapak .item__detail .price__field {
    width: 150px;
    margin-bottom: 5px
}

.block__box .lapak .item__detail .category {
    color: #1da89f;
    font-size: 14px
}

.block__box .lapak .item__detail .extras {
    margin-top: 10px
}

.block__box .lapak .item__detail .extras li {
    float: left;
    font-size: 14px;
    margin-right: 25px
}

.block__box .lapak .item__detail .extras li i {
    color: #888;
    margin-right: 6px
}

.block__box .lapak .item__action {
    text-align: right
}

.block__box .lapak .item__action .button__group {
    margin-bottom: 10px
}

.block__box .lapak .item__action p {
    color: #8f8f8f;
    margin-bottom: 5px;
    font-size: 14px
}

.block__box .lapak .item__action p a {
    color: #1da89f
}

.block__box .lapak .item__action p a:hover {
    color: #21beb4;
    text-decoration: none
}

.block__box .lapak .item__action .action-link {
    margin-top: 10px
}

.block__box .lapak .item__action .action-link li {
    float: right;
    margin-left: 20px
}

.block__box .lapak .item__action .action-link li a {
    color: #1da89f;
    font-size: 14px
}

.block__box .lapak .item__action .action-link li a:hover {
    color: #21beb4;
    text-decoration: none
}

.block__box.nopadding {
    padding: 0
}

.block__box.border-solid {
    border: 1px solid #d4d4d4
}

.block__box.noradius {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.block__box.padding10 {
    padding: 10px
}

.block__box.padding15 {
    padding: 15px
}

.block__box.padding60 {
    padding: 60px
}

.block__box.updated {
    background-color: #f4f4f4
}

.block__box .title {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 5px;
    color: #2f2f2f
}

.block__box .user .profile__picture {
    margin: 0 5px;
    background-position: center;
    vertical-align: middle;
    display: inline-block;
    width: 25px;
    height: 25px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.block__box .user a {
    color: #2f2f2f
}

.block__box .user .button__action {
    margin-left: 35px
}

.block__box .user .button__action.text--yellow {
    color: #f7a532
}

.block__box .user .button__action .icon__chat {
    width: 14px;
    height: 15px;
    background-image: url(../images/icon-chat.png);
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
}

.block__box .user .button__action.disabled .icon__chat {
    background-image: url(../images/icon-chat-disabled.png)
}

.block__box .user .button__action.disabled:hover {
    cursor: default;
    text-decoration: none
}

.block__box .bordered-dashed {
    border-style: dashed;
    border-color: #c5c5c5;
    border-width: 1.5px;
    padding-top: 20px;
    padding-bottom: 20px
}

.block__box .bordered-dashed .icon__status {
    float: left;
    position: absolute
}

.block__box .action__group {
    margin-top: 5px
}

.block__box .action__group .button__action {
    color: #1da89f
}

.block__box .action__group .button__action i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    background-repeat: no-repeat
}

.block__box .action__group .button__action i.icon-invoice {
    width: 16px;
    height: 16px;
    background-image: url(../images/layout/ic_printer.png)
}

.block__box .action__group .button__action i.icon-resolution-center {
    width: 12px;
    height: 13px;
    background-image: url(../images/layout/ic_flag.png)
}

.block__box .negative-case {
    min-height: 300px;
    background-repeat: no-repeat;
    text-align: center
}

.block__box .negative-case--list-pembelian {
    background-position: 50% 70%;
    background-size: 25%;
    background-image: url(../images/layout/ic_zero_transaction_buy.png)
}

.block__box .negative-case--list-penjualan {
    background-position: 50% 70%;
    background-size: 25%;
    background-image: url(../images/layout/ic_zero_transaction_sell.png)
}

.block__box .negative-case h4 {
    font-size: 16px;
    margin-top: 30px;
    font-weight: 500
}

.block__box .item__content {
    margin-top: 10px;
    height: initial!important
}

.block__box .item__content .item__image {
    float: left;
    margin-right: 15px
}

.block__box .item__content .item__image figure {
    position: relative;
    width: 75px;
    height: 75px;
    overflow: hidden
}

.block__box .item__content .item__image figure img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: auto;
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.block__box .item__content .item__image figure img.tag {
    padding: 5px
}

.block__box .item__content .item__image figure span {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    left: 0
}

.block__box .item__content .item__detail {
    padding-left: 90px
}

.block__box .item__content .user {
    margin-left: 15px
}

.block__box .item__content .button__group .btn {
    margin-right: 10px
}

.block__box .item__content .note {
    color: #e4302f;
    margin: 10px 0 20px;
    font-weight: 500
}

.block__box .item__content .title {
    font-size: 13px;
    font-weight: 700
}

.block__box .item__content textarea {
    resize: none
}

.block__box .item__content .content__group {
    margin-bottom: 30px
}

.block__box .item__content .content__group .text__content {
    margin-bottom: 5px
}

.block__box .item__content .field__content label {
    font-weight: 400;
    margin-bottom: 0;
    min-width: 150px
}

.block__box .item__content .field__content span {
    font-weight: 500
}

.block__box .item__content .field__content span:before {
    content: ':';
    margin-right: 5px;
    display: inline-block
}

.block__box .item__content .feedback__item {
    float: left;
    position: relative;
    margin-right: 25px;
    padding-top: 50px
}

.block__box .item__content .feedback__item:after {
    width: 40px;
    height: 40px;
    display: inline-block;
    content: '';
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    z-index: 1
}

.block__box .item__content .feedback__item.feedback--positive:after {
    background-image: url(../images/layout/ic_face-green.png)
}

.block__box .item__content .feedback__item.feedback--neutral:after {
    background-image: url(../images/layout/ic_face-grey.png)
}

.block__box .item__content .feedback__item.feedback--negative:after {
    background-image: url(../images/layout/ic_face-red.png)
}

.block__box .item__content .feedback__comment {
    font-style: italic
}

.block__box .item__content table tr td {
    padding: 5px 0;
    position: relative
}

.block__box .item__content table tr td.price {
    text-align: right
}

.block__box .item__content table tr td.price:before {
    content: 'Rp';
    float: left;
    margin-right: 10px
}

.block__box .item__content table tr td:first-child {
    min-width: 180px
}

.block__box .item__content table tr td.tooltip-info i {
    color: #ff7100;
    position: absolute;
    right: -15px;
    top: 6px
}

.block__box .item__content table tr:last-child {
    border-top: 1px solid #d2d2d2
}

.block__box>.row>.col-xs-6.bordered-right:before {
    position: absolute;
    content: '';
    width: 1px;
    height: 102%;
    right: 0;
    background-color: #d2d2d2
}

.block__box>.row>.col-xs-6.bordered-left:before {
    position: absolute;
    content: '';
    width: 1px;
    height: 102%;
    left: 0;
    background-color: #d2d2d2
}

.block__box>.row>.col-xs-6.bordered-left .status__content {
    margin-top: 10px;
    margin-bottom: 10px
}

.block__box>.row.equal--height {
    display: table
}

.block__box>.row.equal--height>div {
    float: none;
    display: table-cell;
    vertical-align: top
}

.block__accordion {
    background-color: #fff
}

.block__accordion dt {
    padding: 10px 25px;
    background-color: #1da89f;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    position: relative;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.block__accordion dt:after {
    content: '\e833';
    font-family: fontello;
    color: #fff;
    position: absolute;
    top: 8px;
    margin-left: 15px
}

.block__accordion dt.active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.block__accordion dt.active:after {
    content: '\e836'
}

.block__accordion dd {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 0 0 3px 3px
}

.button__group button {
    margin-right: 10px;
    min-width: 85px
}

.text--medium {
    font-weight: 500
}

.text--bold {
    font-weight: 700
}

.text--italic {
    font-style: italic
}

.light-grey {
    color: #7c7c7c
}

.pure-black {
    color: #4d4d4d
}

.box__grey {
    padding: 15px;
    background-color: #eaeaea
}

.modal-content.revamp .modal-header {
    border: none
}

.modal-content.revamp .modal-header:before {
    content: none
}

.modal-content.revamp .modal-header button {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10
}

.modal-content.revamp .modal-header h2 {
    font-size: 16px;
    text-align: center;
    padding: 10px 0;
    color: #4a4a4a
}

.modal-content.revamp .modal-header.bordered-bottom {
    border-bottom: 1px solid #e5e5e5
}

.modal-content.revamp .modal-body {
    width: 100%;
    max-height: inherit
}

.modal-content.revamp .modal-footer {
    border: none
}

.notice__box {
    background: #1da89f;
    color: #fff;
    padding: 10px 15px
}

.notice__box a {
    color: #1da89f;
    border: 1px solid #d4d4d4;
    padding: 3px 10px;
    background: #fafafa;
    margin-left: 5px;
    margin-right: 5px;
    font-weight: 500;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.status__list {
    padding: 15px 25px
}

.status__list .status__item {
    position: relative;
    list-style: none;
    margin-bottom: 20px
}

.status__list .status__item .status__icon {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    background-position: center;
    background-repeat: no-repeat
}

.status__list .status__item .status__icon.status--13 {
    background-image: url(../images/layout/ic_status_success.png)
}

.status__list .status__item .status__icon.status--15 {
    background-image: url(../images/layout/ic_status_payment_accepted.png)
}

.status__list .status__item .status__icon.status--9 {
    background-image: url(../images/layout/ic_status_confirmation_accepted.png)
}

.status__list .status__item .status__icon.status--11,.status__list .status__item .status__icon.status--12 {
    background-image: url(../images/layout/ic_status_complaint_done.png)
}

.status__list .status__item .status__icon.status--10 {
    background-image: url(../images/layout/ic_status_complaint_sent.png)
}

.status__list .status__item .status__icon.status--8 {
    background-image: url(../images/layout/ic_status_sent.png)
}

.status__list .status__item .status__icon.status--5 {
    background-image: url(../images/layout/ic_status_payment_confirmed.png)
}

.status__list .status__item .status__icon.status--17,.status__list .status__item .status__icon.status--4 {
    background-image: url(../images/layout/ic_status_checkout.png)
}

.status__list .status__item .status__icon.status--19,.status__list .status__item .status__icon.status--7 {
    background-image: url(../images/layout/ic_status_pembayaran_diverifikasi.png)
}

.status__list .status__item .status__icon.status--14,.status__list .status__item .status__icon.status--22 {
    background-image: url(../images/layout/ic_status_transaksi_expired.png)
}

.status__list .status__item .status__icon.status--21 {
    background-image: url(../images/layout/ic_status_pesanan_ditolak.png)
}

.status__list .status__item .status__icon.status--20 {
    background-image: url(../images/layout/ic_status_pesanan_disetujui.png)
}

.status__list .status__item .status__icon.status--23 {
    background-image: url(../images/layout/ic_status_transaksi_dibatalkan.png)
}

.status__list .status__item .status__color {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 7px;
    height: 7px;
    left: 3px;
    z-index: 2;
    margin: 0 20px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.status__list .status__item .status__color.status--13 {
    background-color: #1ba89f
}

.status__list .status__item .status__color.status--15 {
    background-color: #50e3c2
}

.status__list .status__item .status__color.status--11,.status__list .status__item .status__color.status--12 {
    background-color: #1ba89f
}

.status__list .status__item .status__color.status--10,.status__list .status__item .status__color.status--14,.status__list .status__item .status__color.status--21,.status__list .status__item .status__color.status--22,.status__list .status__item .status__color.status--23 {
    background-color: #e72f33
}

.status__list .status__item .status__color.status--20,.status__list .status__item .status__color.status--8 {
    background-color: #4a90e2
}

.status__list .status__item .status__color.status--19,.status__list .status__item .status__color.status--5,.status__list .status__item .status__color.status--7 {
    background-color: #f8c31c
}

.status__list .status__item .status__color.status--9 {
    background-color: #f5a623
}

.status__list .status__item .status__color.status--17,.status__list .status__item .status__color.status--4 {
    background-color: #f56d23
}

.status__list .status__item .status__color:after {
    content: '';
    background-color: #d2d2d2;
    display: inline-block;
    position: absolute;
    z-index: 1;
    left: 50%;
    width: 1px;
    height: 50px;
    top: 7px
}

.status__list .status__item .status__logo {
    display: inline-block;
    vertical-align: middle
}

.status__list .status__item .status__detail {
    margin-left: 15px;
    display: inline-block;
    vertical-align: middle
}

.status__list .status__item .status__detail .detail__title {
    font-weight: 500;
    color: #2f2f2f
}

.status__list .status__item .status__detail .detail__date {
    color: #8f8f8f
}

.status__list .status__item:last-child .status__color:after {
    display: none
}

.radio-group .radio-green {
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    font-weight: 400;
    margin-right: 40px;
    position: relative
}

.radio-group .radio-green>input {
    visibility: hidden;
    position: absolute
}

.radio-group .radio-green>i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    margin-bottom: 2px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    transition: .2s;
    box-shadow: inset 0 0 0 8px #fff;
    border: 1.5px solid #797979;
    background: gray
}

.radio-group .radio-green:hover>i,.radio-group .radio-green>input:checked+i {
    box-shadow: inset 0 0 0 3px #fff;
    background: #1da89f;
    border: 1.5px solid #1da89f
}

.radio-group.radio-feedback .radio-green {
    padding-top: 50px
}

.radio-group.radio-feedback .radio-green:after {
    width: 40px;
    height: 40px;
    display: inline-block;
    content: '';
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    top: 0;
    left: 35%;
    z-index: 1
}

.radio-group.radio-feedback .radio-green.feedback-positive:after {
    background-image: url(../images/layout/ic_face-green.png)
}

.radio-group.radio-feedback .radio-green.feedback-neutral:after {
    background-image: url(../images/layout/ic_face-grey.png)
}

.radio-group.radio-feedback .radio-green.feedback-negative:after {
    background-image: url(../images/layout/ic_face-red.png)
}

.radio-group.radio-tips .radio-green {
    display: block
}

.radio-group.radio-tips input {
    margin-bottom: 8px
}

.checkbox-input .text {
    margin-left: 25px;
    color: #878787;
    font-size: 13px;
    margin-bottom: 10px
}

.checkbox-input .input-group {
    margin-left: 25px;
    display: block;
    vertical-align: middle
}

.checkbox-input .input-group .input-group-label {
    display: inline-block
}

.checkbox-input .input-group .input-group-label span {
    color: #6e6e6e;
    font-weight: 500
}

.checkbox-input .input-group .form-control {
    display: inline-block;
    width: 200px;
    float: none;
    margin: 0 10px
}

.checkbox-input .input-group .form-control.diskon {
    width: 35px;
    margin-left: 0;
    padding: 6px;
    text-align: center
}

.checkbox-green {
    margin-top: 10px
}

.checkbox-green.mt0 {
    margin-top: 0
}

.checkbox-green input[type=checkbox] {
    display: none
}

.checkbox-green input[type=checkbox]:checked+label:before {
    content: "";
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 14px;
    border: 2px solid #1da89f;
    background-color: #1da89f
}

.checkbox-green input[type=checkbox]:checked+label:after {
    position: absolute;
    content: "";
    display: inline-block;
    left: 6px;
    top: 3px;
    width: 4px;
    height: 8px;
    border: solid #fff;
    border-width: 0 1.5px 1.5px 0;
    transform: rotate(45deg)
}

.checkbox-green label {
    color: #6e6e6e;
    display: inline-block;
    cursor: pointer;
    position: relative;
    margin-right: 15px;
    font-size: 14px;
    font-weight: 500!important
}

.checkbox-green label.checkbox:before {
    border-radius: 4px
}

.checkbox-green label.checkbox {
    margin-left: 0;
    padding-left: 0
}

.checkbox-green label:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid #1da89f;
    border-radius: 3px;
    vertical-align: bottom;
    margin-right: 10px
}

.breadcrumbs ul {
    list-style: none;
    padding: 0
}

.breadcrumbs ul li {
    display: inline-block
}

.breadcrumbs ul li a {
    color: #1da89f
}

.breadcrumbs ul li:after {
    display: inline-block;
    content: '›';
    color: #1da89f;
    margin: 0 5px
}

.breadcrumbs ul li:last-child {
    color: #2f2f2f
}

.breadcrumbs ul li:last-child:after {
    display: none
}

.breadcrumbs ul li:only-child {
    font-weight: 500
}

.account__panel img {
    max-width: 100%
}

.search__form .fa {
    position: absolute;
    right: 20px;
    line-height: 35px;
    height: 35px;
    width: 35px;
    text-align: center
}

.search__form input {
    padding-right: 35px
}

.logo__payment {
    height: 35px;
    margin-right: 10px
}

.status-default:before {
    content: '✓';
    padding: 5px
}

.tagsinput {
    border: 1px solid #d4d4d4;
    background: #fefefe;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 15px;
    height: 75px;
    overflow-y: auto
}

.tagsinput span.tag {
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    display: block;
    float: left;
    text-decoration: none;
    background: #f2f2f2;
    color: #1da89f;
    margin-right: 15px;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 14px;
    padding: 5px 25px;
    position: relative
}

.tagsinput span.tag a {
    color: #bababa;
    text-decoration: none;
    position: relative;
    font-size: 0
}

.tagsinput span.tag a:after {
    font-family: FontAwesome;
    content: "\f057";
    display: inline-block;
    position: absolute;
    font-size: 20px;
    bottom: 7px;
    right: -27px
}

.tagsinput input {
    width: 80px!important;
    margin: 0 5px 5px 0;
    font-family: helvetica;
    font-size: 13px;
    border: 1px solid transparent;
    padding: 5px;
    background: 0 0;
    color: #000;
    outline: 0
}

.account__panel {
    background-color: #fff;
    border: .5px solid #cfcfcf;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.account__panel .accordion-menu ul li a {
    color: #5e5e5e;
    font-size: 14px;
    padding: 10px;
    display: block
}

.account__panel .accordion-menu ul li a:hover {
    text-decoration: none;
    background-color: #ececec
}

.account__panel .accordion-menu ul li a:focus {
    text-decoration: none
}

.account__panel .accordion-menu ul li a i {
    float: right;
    line-height: 18px
}

.account__panel .accordion-menu ul li ul {
    display: none
}

.account__panel .accordion-menu ul li.open ul {
    display: block
}

.account__panel .accordion-menu>ul {
    margin-bottom: 0
}

.account__panel .accordion-menu>ul>li {
    border-bottom: .5px solid #cfcfcf
}

.account__panel .accordion-menu>ul>li:last-child {
    border-bottom: 0
}

.account__panel .accordion-menu>ul>li>a {
    font-weight: 500;
    color: #2f2f2f
}

.account__panel .accordion-menu>ul>li.open>a {
    text-decoration: none;
    color: #fff;
    background-color: #ff7100
}

.account__panel .accordion-menu>ul>li>ul>li>a {
    padding-left: 25px
}

.account__panel .accordion-menu>ul>li>ul>li.open>a {
    color: #5e5e5e;
    font-weight: 700;
    background-color: #ececec
}

.account__panel .accordion-menu>ul>li>ul ul>li>a {
    padding-left: 35px
}

.account__profile {
    padding: 15px;
    border-bottom: .5px solid #cfcfcf;
    text-align: center
}

.account__profile .avatar {
    margin: 10px 25px
}

.account__profile .avatar img {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.account__profile .username {
    color: #2f2f2f;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 3px
}

.account__profile .title,.account__profile .userid {
    color: #4a4a4a
}

.account__profile .total-post {
    color: #0073b9
}

.block__tab li.active a {
    background-color: #1da89f;
    color: #fff
}

.block__tab li:hover a {
    background-color: #21beb4;
    color: #fff
}

.block__tab li a {
    text-align: center;
    padding: 15px;
    background-color: #dedede;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    transition: .2s;
    color: #2f2f2f;
    font-weight: 500;
    display: block;
    font-size: 16px;
    text-decoration: none!important
}

.block__header h2 {
    font-weight: 500;
    color: #2f2f2f;
    margin-bottom: 10px
}

.block__header .note {
    margin-bottom: 10px
}

.block__header .note span {
    font-weight: 700;
    margin-right: 5px
}

.block__header .note__output {
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 14px;
    margin-bottom: 10px
}

.block__header .note__list {
    list-style: none;
    padding: 0
}

.block__header .note__list li {
    line-height: 15px;
    margin-bottom: 5px
}

.block__header .note__list li:before {
    content: "• ";
    color: red;
    font-size: 22px;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px
}

.action__link {
    font-weight: 500;
    font-size: 13px
}

.action__link--green {
    color: #1da89f
}

.action__link--green:hover {
    color: #21beb4;
    text-decoration: none
}

.action__link i {
    margin-right: 5px
}

.banner-frame {
    position: relative
}

.banner-frame iframe {
    width: 300px;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out
}

.banner-frame.expanded {
    overflow: visible
}

.banner-frame.expanded iframe {
    position: absolute;
    right: 0;
    width: 600px;
    z-index: 6
}

.bt-frame-ads {
    position: relative;
    height: 50px;
    width: 970px;
    bottom: 0;
    z-index: 6
}

.bt-frame-ads iframe {
    height: 50px;
    width: 970px;
    position: absolute;
    bottom: 0;
    -moz-transition: height .4s ease-in-out;
    -webkit-transition: height .4s ease-in-out;
    transition: height .4s ease-in-out
}

.bt-frame-ads.expanded,.bt-frame-ads.expanded iframe {
    height: 250px
}

.skin-banner {
    position: fixed;
    z-index: 0;
    width: 970px;
    margin: 0 auto;
    top: 95px;
    height: 0!important
}

.skin-banner__left {
    float: left;
    left: -145px;
    width: 120px;
    position: relative
}

.skin-banner__right {
    float: right;
    right: -145px;
    width: 150px;
    position: relative
}

.skin-banner.adjust-top {
    top: 60px!important
}

.introjs-tooltip {
    padding: 10px 20px 20px;
    text-align: center;
    min-width: 250px;
    margin-left: 15px;
    margin-top: 15px
}

.introjs-tooltip p {
    color: #7b7b7b;
    font-size: 16px;
    line-height: 20px
}

.introjs-tooltiptext {
    padding-top: 30px;
    position: relative;
    z-index: 9
}

.introjs-arrow {
    border: 8px solid #fff
}

.introjs-arrow.left {
    left: -16px;
    top: 15px;
    border-top-color: #fff
}

.introjs-arrow.top {
    top: -14px;
    border-left-color: #fff
}

.introjs-arrow.bottom {
    bottom: -14px;
    left: 80px;
    border-left-color: #fff
}

.introjs-bullets {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: auto
}

.introjs-bullets ul li {
    margin: 0 3px
}

.introjs-bullets ul li a {
    background: #c1c1c1;
    width: 10px;
    height: 10px
}

.introjs-bullets ul li a.active {
    background: #faa71d
}

.introjs-button:nth-child(3).introjs-skipbutton {
    background-color: red
}

.introjs-prevbutton {
    display: none
}

.introjs-skipbutton {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    background: 0 0;
    font-size: 14px;
    padding: 10px;
    margin: 0
}

.introjs-skipbutton:hover {
    box-shadow: none
}

.introjs-disabled,.introjs-nextbutton {
    border: none;
    background: #1998ed;
    color: #fff;
    padding: 8px 30px;
    font-size: 14px;
    border-radius: 3px;
    text-decoration: none;
    text-shadow: none;
    box-shadow: 0 3px 0 0 #069
}

.introjs-disabled:focus,.introjs-disabled:hover,.introjs-nextbutton:focus,.introjs-nextbutton:hover {
    box-shadow: 0 3px 0 0 #069;
    color: #fff
}

.fjb .introjs-disabled,.fjb .introjs-nextbutton {
    border: none;
    background: #1da89f;
    color: #fff;
    padding: 8px 30px;
    font-size: 14px;
    border-radius: 3px;
    text-decoration: none;
    text-shadow: none;
    box-shadow: 0 3px 0 0 #12776d
}

.fjb .introjs-disabled:focus,.fjb .introjs-disabled:hover,.fjb .introjs-nextbutton:focus,.fjb .introjs-nextbutton:hover {
    box-shadow: 0 3px 0 0 #12776d;
    color: #fff
}

.introjs-tooltipbuttons {
    text-align: center
}

.intro__home--one .blueguy {
    position: absolute;
    left: -220px;
    top: -180px
}

.intro__home--one .introjs-tooltip {
    left: 230px!important;
    top: 200px!important
}

.intro__home--two .blueguy {
    position: absolute;
    top: 150px;
    left: -110px
}

.intro__home--two .introjs-tooltip {
    left: 770px!important;
    bottom: 785px!important
}

.intro__home--three .blueguy {
    position: absolute;
    top: -182px;
    left: -30px
}

.intro__home--three .introjs-tooltip {
    left: 690px!important;
    top: 160px!important;
    padding-bottom: 60px
}

.intro__home--three .introjs-arrow.top {
    border-left-color: transparent;
    border-right-color: #fff
}

.intro__home--three .introjs-nextbutton.introjs-hidden {
    display: none
}

.intro__home--three .introjs-skipbutton {
    background: #1998ed;
    color: #fff;
    font-size: 14px;
    border-radius: 3px;
    text-decoration: none;
    text-shadow: none;
    box-shadow: 0 3px 0 0 #069;
    bottom: 0;
    top: initial;
    margin-bottom: 20px;
    margin-left: -83px;
    left: 50%;
    max-width: 165px;
    padding: 8px 15px
}

.intro__jb--one .blueguy {
    position: absolute;
    left: -220px;
    top: -180px
}

.intro__jb--one .introjs-tooltip {
    left: 230px!important;
    top: 200px!important
}

.intro__jb--two .blueguy {
    position: absolute;
    top: 160px;
    left: -30px
}

.intro__jb--two .introjs-tooltip {
    left: 700px!important;
    bottom: 273px!important;
    padding-bottom: 60px;
    min-width: 290px
}

.intro__jb--two .introjs-nextbutton.introjs-hidden {
    display: none
}

.intro__jb--two .introjs-skipbutton {
    background: #1ba89f;
    color: #fff;
    font-size: 14px;
    border-radius: 3px;
    text-decoration: none;
    text-shadow: none;
    box-shadow: 0 3px 0 0 #12776d;
    bottom: 0;
    top: initial;
    margin-bottom: 20px;
    margin-left: -83px;
    left: 50%;
    max-width: 165px;
    padding: 8px 15px
}

.intro__jb--two .introjs-arrow.bottom {
    left: 200px
}

.intro__forum--one .blueguy {
    position: absolute;
    left: -220px;
    top: -180px
}

.intro__forum--one .introjs-tooltip {
    left: 230px!important;
    top: 200px!important
}

.intro__forum--two .blueguy {
    position: absolute;
    left: -30px;
    top: 190px
}

.intro__forum--two .introjs-tooltip {
    top: -50px!important
}

.intro__forum--two .introjs-arrow {
    border: 15px solid #fff
}

.intro__forum--two .introjs-arrow.left-bottom {
    left: 140px;
    bottom: -15px;
    border-color: transparent transparent transparent #fff
}

.intro__forum--three .blueguy {
    position: absolute;
    top: -193px;
    left: -40px
}

.intro__forum--three .introjs-tooltip {
    top: 120px!important
}

.intro__forum--three .introjs-arrow {
    border: 15px solid #fff
}

.intro__forum--three .introjs-arrow.left-bottom {
    left: 30px;
    bottom: 157px;
    border-color: transparent #fff transparent transparent
}

.intro__forum--four .blueguy {
    position: absolute;
    top: -208px;
    left: -30px
}

.intro__forum--four .introjs-tooltip {
    top: 90px!important;
    padding-bottom: 60px
}

.intro__forum--four .introjs-arrow {
    border: 15px solid #fff
}

.intro__forum--four .introjs-arrow.left-bottom {
    left: 30px;
    bottom: 155px;
    border-color: transparent #fff transparent transparent
}

.intro__forum--four .introjs-nextbutton.introjs-hidden {
    display: none
}

.intro__forum--four .introjs-skipbutton {
    background: #1998ed;
    color: #fff;
    font-size: 14px;
    border-radius: 3px;
    text-decoration: none;
    text-shadow: none;
    box-shadow: 0 3px 0 0 #069;
    bottom: 0;
    top: initial;
    margin-bottom: 20px;
    margin-left: -83px;
    left: 50%;
    max-width: 165px;
    padding: 8px 15px
}

#modal__tutorial-forum .modal-content,#modal__tutorial-home .modal-content,#modal__tutorial-landingjb .modal-content {
    background-color: transparent;
    box-shadow: none;
    border: none
}

#modal__tutorial-forum .modal-content h4,#modal__tutorial-home .modal-content h4,#modal__tutorial-landingjb .modal-content h4 {
    font-size: 16px;
    margin-bottom: 20px;
    font-weight: 500
}

#modal__tutorial-forum .modal-content p,#modal__tutorial-home .modal-content p,#modal__tutorial-landingjb .modal-content p {
    margin: 0 0 20px;
    font-size: 14px
}

#modal__tutorial-forum .modal-image,#modal__tutorial-home .modal-image,#modal__tutorial-landingjb .modal-image {
    text-align: right;
    position: relative;
    z-index: 2
}

#modal__tutorial-forum .modal-body,#modal__tutorial-home .modal-body,#modal__tutorial-landingjb .modal-body {
    background-color: #fff;
    text-align: center;
    padding: 30px 40px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.5)
}

#modal__tutorial-forum .arrow-bubble,#modal__tutorial-home .arrow-bubble,#modal__tutorial-landingjb .arrow-bubble {
    content: '';
    position: absolute;
    border: 8px solid #fff;
    border-color: transparent #fff #fff transparent;
    bottom: 0;
    right: 105px
}

#modal__tutorial-forum .btn-outline,#modal__tutorial-home .btn-outline,#modal__tutorial-landingjb .btn-outline {
    padding: 7px 14px 5px
}

.quick-post input,.quick-post select {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 2px!important;
    -webkit-border-radius: 2px!important;
    border-radius: 2px!important
}

.quick-post .upload-image {
    margin-top: 10px
}

.quick-post .upload-image .upload-image-holder {
    margin-right: 15px
}

.quick-post .input-group .form-control:last-child,.quick-post .input-group-addon:last-child {
    border-bottom-left-radius: 0!important;
    border-top-left-radius: 0!important
}

.quick-post .form-group {
    margin-bottom: 15px
}

.quick-post .entry-post.deleted,.quick-post .reply-form {
    border: none
}

.quick-post .reply-form .reply-thread {
    border: none;
    background-color: #fff;
    padding: 10px
}

.quick-post .reply-form .reply-thread input[type=checkbox] {
    margin-top: 3px
}

.quick-post .chosen-container {
    width: 100%!important
}

.quick-post .postlist {
    border-top: 1px dashed #d4d4d4;
    border-bottom: 1px dashed #d4d4d4;
    border-left: none;
    border-right: none
}

.quick-post .postlist .author {
    border-top: none;
    padding: 10px
}

.quick-post .postlist .author .user-avatar,.quick-post .postlist .author figure {
    width: 40px;
    height: 40px
}

.quick-post .postlist .author .photo {
    max-height: 40px;
    max-width: 40px
}

.quick-post .postlist .author .user-details {
    margin-left: 10px
}

.quick-post .markItUpHeader {
    background-color: #fff;
    border-bottom: 1px solid #ccc
}

.quick-post .markItUpEditor {
    border-top: none
}

.golden-cendol .popover-title {
    display: none
}

.golden-cendol .popover-content {
    min-width: 185px;
    min-height: 195px
}

.golden-cendol .loader {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto
}

.gp__icon:hover {
    cursor: pointer
}

.gp__popover {
    position: relative;
    text-align: center
}

.gp__popover--content {
    padding: 5px 0
}

.gp__popover--content img {
    margin-bottom: 10px
}

.gp__close {
    font-size: 24px;
    position: absolute;
    top: 5px;
    right: 5px;
    color: #6e6e6e
}

.gp__poin {
    color: #ec1a61;
    font-weight: 500
}

.btn-gp {
    width: 135px
}

body.forum .remisi {
    margin: auto;
    max-width: 100%;
    padding-bottom: 50px
}

body.forum .remisi__background {
    background-image: url(../images/anniv17/background-remisi.png);
    background-color: #fff;
    background-size: 13%
}

body.forum .remisi__title {
    color: #e09f3b;
    padding-bottom: 10px;
    padding-top: 50px;
    text-align: center;
    font-weight: 400
}

body.forum .remisi__form_title {
    color: #e09f3b;
    font-weight: 400
}

body.forum .remisi__wrapper_form {
    margin: auto;
    max-width: 460px
}

body.forum .remisi__banner {
    border-bottom: 3px solid #e09f3b
}

body.forum .remisi__banner_img {
    width: 100%;
    min-width: 1024px
}

body.forum .remisi__number_hp {
    text-align: center;
    font-size: 18px;
    background-color: #eee
}

body.forum .remisi__content_footer {
    font-size: 12px;
    color: #9d9d9d;
    font-weight: 400;
    margin-top: 60px;
    padding-top: 60px
}

body.forum .button__verifikasi {
    background-color: #e09f3b;
    font-size: 12px
}

body.forum .button__verifikasi:hover {
    opacity: .9
}

body.forum .button__verifikasi a {
    color: #fff;
    text-decoration: none
}

body.forum .notice__message {
    font-size: 12px
}

body.forum .p-60 {
    padding: 60px 0 0
}

.kaskus-modal-extra-large .modal-dialog-remisi {
    width: 410px;
    margin: 90px auto
}

.modal-dialog-remisi {
    position: relative;
    width: auto;
    margin: 10px;
    z-index: 1051
}

.modal-content-remisi {
    position: relative;
    background-color: #fff;
    border: none;
    -moz-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    background-clip: padding-box;
    outline: 0;
    z-index: 1050
}

.modal-content.revamp .modal-body-remisi {
    width: 100%
}

.modal-body-remisi {
    position: relative;
    padding: 0 15px 15px;
    max-height: 480px;
    overflow: hidden
}

.modal-image-remisi {
    position: relative;
    top: -5px;
    left: -26px
}

.modal__title {
    color: #e09f3b;
    padding-bottom: 10px;
    padding-top: 20px;
    text-align: center;
    font-weight: 400;
    font-size: 20px
}

.modal__logo17 {
    width: 100px
}

.modal__body {
    background-image: url(../images/anniv17/dot-6.png);
    background-size: cover;
    background-position: 77px -212px;
    background-repeat-y: no-repeat
}

.modal__subtitle {
    font-size: 18px
}

.photo-editor__container {
    width: 838px;
    height: 570px;
    margin: 0 auto;
    line-height: normal
}

.photo-editor__container.fullscreen {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0
}

#photo-editor .modal-header {
    height: 0;
    padding: 0;
    line-height: 0;
    font-size: 0;
    min-height: 0
}

#photo-editor .modal-body {
    padding: 0
}

#photo-editor .modal-content {
    border-radius: 10px
}

#photo-editor .modal-content.revamp .modal-header button {
    right: -25px;
    top: -25px
}

.shipping .seller .shipping__wrapper {
    border-bottom: 0;
    margin-bottom: 0
}

.shipping__wrapper {
    width: 100%;
    display: block;
    border-bottom: 1px solid #e9e9e9
}

.shipping .form__group {
    width: 100%;
    display: inline-block
}

.shipping .form__group .control-label {
    font-weight: 400
}

.shipping .form__group .control-label.col-xs-3 {
    padding: 0 10px 0 0
}

.shipping .form__group .input.bmt5:before {
    margin-top: 5px
}

.shipping .form__group .input:before {
    content: ":";
    padding-left: 10px;
    position: absolute;
    top: 0;
    left: -4px
}

.shipping .form__group .input.orange:before {
    color: #2f2f2f
}

.shipping .form__group .chosen-container-single .chosen-single {
    height: 28px
}

.shipping .form__group .chosen-container-single .chosen-single span {
    margin-top: 0
}

.shipping .form__group .chosen-container-single .chosen-results {
    max-height: 150px
}

.shipping .form__group .ok {
    padding: 6px 12px 5px;
    font-size: 11px
}

.shipping .form-control {
    height: 28px
}

.shipping .status {
    padding: 5px;
    display: block;
    font-weight: 700
}

.shipping .status.process {
    background: #ffdcbc
}

.shipping .status.no-stat {
    background: #ed182e;
    color: #fff
}

.shipping .grey__box {
    background: #f3f3f3;
    width: 100%;
    display: inline-block
}

.shipping .pd0 {
    padding: 0
}

.shipping .table {
    padding: 5px 0;
    margin-bottom: 0
}

.shipping .table td {
    border-top: 0;
    padding: 5px 8px
}

.shipping .mt5 {
    margin-top: 5px
}

.shipping .pilih-jasa {
    padding-right: 3px;
    width: 34%;
    float: left
}

.shipping .popovers {
    color: #ff7101;
    margin-top: 7px
}

.shipping #input-jasa,.shipping #namajasa {
    display: none
}

.shipping .scroll-wrap {
    height: 160px;
    overflow-y: scroll;
    margin-top: 10px;
    background: #f3f3f3
}

.shipping .scroll-wrap::-webkit-scrollbar {
    width: 9px;
    cursor: pointer
}

.shipping .scroll-wrap::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,.3)
}

.shipping .scroll-wrap::-webkit-scrollbar-thumb {
    background-color: #8d8d8d;
    outline: #8d8d8d solid 1px
}

.shipping .scroll-wrap .grey__box {
    padding-top: 0;
    width: 100%
}

.buyer .modal-dialog {
    margin: 10px auto
}

.buyer .modal-footer .button__group {
    margin-bottom: 10px
}