@charset "UTF-8";@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap);/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
.clearfix:after,.clearfix:before {
    display: table;
    content: " "
}

.clearfix:after {
    clear: both
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.pull-right {
    float: right!important
}

.pull-left {
    float: left!important
}

.hide {
    display: none!important
}

.show {
    display: block!important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none!important
}

.affix {
    position: fixed
}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
    display: block
}

audio,canvas,progress,video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],template {
    display: none
}

a {
	color: #9b7000;
    background-color: transparent
}

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

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

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

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: default
}

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

input {
    line-height: normal
}

input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

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

td,th {
    padding: 0
}

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

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

.container:after {
    clear: both
}

@media (min-width: 768px) {
    .container {
        width:750px
    }
}

@media (min-width: 992px) {
    .container {
        width:970px
    }
}

@media (min-width: 1200px) {
    .container {
        width:1170px
    }
}

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

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

.container-fluid:after {
    clear: both
}

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

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

.row:after {
    clear: both
}

.row-no-gutters {
    margin-right: 0;
    margin-left: 0
}

.row-no-gutters [class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.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-right: 15px;
    padding-left: 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%
    }
}

@-ms-viewport {
    width: device-width
}

.visible-xs {
    display: none!important
}

.visible-sm {
    display: none!important
}

.visible-md {
    display: none!important
}

.visible-lg {
    display: none!important
}

.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block {
    display: none!important
}

@media (max-width: 767px) {
    .visible-xs {
        display:block!important
    }

    table.visible-xs {
        display: table!important
    }

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

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

@media (max-width: 767px) {
    .visible-xs-block {
        display:block!important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display:inline!important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display:inline-block!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm {
        display:block!important
    }

    table.visible-sm {
        display: table!important
    }

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

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

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm-block {
        display:block!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm-inline {
        display:inline!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm-inline-block {
        display:inline-block!important
    }
}

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

    table.visible-md {
        display: table!important
    }

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

    td.visible-md,th.visible-md {
        display: table-cell!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: 1200px) {
    .visible-lg {
        display:block!important
    }

    table.visible-lg {
        display: table!important
    }

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

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

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

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

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

@media (max-width: 767px) {
    .hidden-xs {
        display:none!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .hidden-sm {
        display:none!important
    }
}

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

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

.visible-print {
    display: none!important
}

@media print {
    .visible-print {
        display: block!important
    }

    table.visible-print {
        display: table!important
    }

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

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

.visible-print-block {
    display: none!important
}

@media print {
    .visible-print-block {
        display: block!important
    }
}

.visible-print-inline {
    display: none!important
}

@media print {
    .visible-print-inline {
        display: inline!important
    }
}

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

@media print {
    .visible-print-inline-block {
        display: inline-block!important
    }
}

@media print {
    .hidden-print {
        display: none!important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive-4by3 {
    padding-bottom: 75%
}

.modal-open {
    overflow: hidden
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0,-25%);
    -ms-transform: translate(0,-25%);
    -o-transform: translate(0,-25%);
    transform: translate(0,-25%);
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.in {
    opacity: .5
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

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

.modal-header:after {
    clear: both
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.428571429
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

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

.modal-footer:after {
    clear: both
}

.modal-footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 5px
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 768px) {
    .modal-dialog {
        width:600px;
        margin: 30px auto
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
        box-shadow: 0 5px 15px rgba(0,0,0,.5)
    }

    .modal-sm {
        width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width:900px
    }
}

table {
    background-color: transparent
}

table col[class*=col-] {
    position: static;
    display: table-column;
    float: none
}

table td[class*=col-],table th[class*=col-] {
    position: static;
    display: table-cell;
    float: none
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left
}

th {
    text-align: left
}

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

.table>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 {
    border: 1px solid #ddd
}

.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-of-type(odd) {
    background-color: #f9f9f9
}

.table-hover>tbody>tr:hover {
    background-color: #f5f5f5
}

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

.table-responsive {
    min-height: .01%;
    overflow-x: auto
}

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

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

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

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
    font-weight: 400;
    line-height: 1;
    color: #777
}

.h1,.h2,.h3,h1,h2,h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small {
    font-size: 65%
}

.h4,.h5,.h6,h4,h5,h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
    font-size: 75%
}

.h1,h1 {
    font-size: 36px
}

.h2,h2 {
    font-size: 30px
}

.h3,h3 {
    font-size: 24px
}

.h4,h4 {
    font-size: 18px
}

.h5,h5 {
    font-size: 14px
}

.h6,h6 {
    font-size: 12px
}

p {
    margin: 0 0 10px
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4
}

@media (min-width: 768px) {
    .lead {
        font-size:21px
    }
}

.small,small {
    font-size: 85%
}

.mark,mark {
    padding: .2em;
    background-color: #fcf8e3
}

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

.initialism,.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #777
}

.text-primary {
    color: #337ab7
}

a.text-primary:focus,a.text-primary:hover {
    color: #286090
}

.text-success {
    color: #3c763d
}

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

.text-info {
    color: #31708f
}

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

.text-warning {
    color: #8a6d3b
}

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

.text-danger {
    color: #a94442
}

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

.bg-primary {
    color: #fff
}

.bg-primary {
    background-color: #337ab7
}

a.bg-primary:focus,a.bg-primary:hover {
    background-color: #286090
}

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

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

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

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

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

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

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

a.bg-danger:focus,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-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px
}

.list-inline>li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 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 {
    display: table;
    content: " "
}

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

.initialism {
    font-size: 90%
}

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: "— "
}

.blockquote-reverse,blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    text-align: right;
    border-right: 5px solid #eee;
    border-left: 0
}

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

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

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0)
}

.owl-carousel .owl-item,.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0)
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled {
    display: none
}

.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    transform: scale(1.3,1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

body {
    font-family: "Open Sans",sans-serif
}

.m-0 {
    margin: 0!important
}

.mt-0,.my-0 {
    margin-top: 0!important
}

.mr-0,.mx-0 {
    margin-right: 0!important
}

.mb-0,.my-0 {
    margin-bottom: 0!important
}

.ml-0,.mx-0 {
    margin-left: 0!important
}

.m-4 {
    margin: 4px!important
}

.mt-4,.my-4 {
    margin-top: 4px!important
}

.mr-4,.mx-4 {
    margin-right: 4px!important
}

.mb-4,.my-4 {
    margin-bottom: 4px!important
}

.ml-4,.mx-4 {
    margin-left: 4px!important
}

.m-8 {
    margin: 8px!important
}

.mt-8,.my-8 {
    margin-top: 8px!important
}

.mr-8,.mx-8 {
    margin-right: 8px!important
}

.mb-8,.my-8 {
    margin-bottom: 8px!important
}

.ml-8,.mx-8 {
    margin-left: 8px!important
}

.m-12 {
    margin: 12px!important
}

.mt-12,.my-12 {
    margin-top: 12px!important
}

.mr-12,.mx-12 {
    margin-right: 12px!important
}

.mb-12,.my-12 {
    margin-bottom: 12px!important
}

.ml-12,.mx-12 {
    margin-left: 12px!important
}

.m-16 {
    margin: 16px!important
}

.mt-16,.my-16 {
    margin-top: 16px!important
}

.mr-16,.mx-16 {
    margin-right: 16px!important
}

.mb-16,.my-16 {
    margin-bottom: 16px!important
}

.ml-16,.mx-16 {
    margin-left: 16px!important
}

.m-24 {
    margin: 24px!important
}

.mt-24,.my-24 {
    margin-top: 24px!important
}

.mr-24,.mx-24 {
    margin-right: 24px!important
}

.mb-24,.my-24 {
    margin-bottom: 24px!important
}

.ml-24,.mx-24 {
    margin-left: 24px!important
}

.m-32 {
    margin: 32px!important
}

.mt-32,.my-32 {
    margin-top: 32px!important
}

.mr-32,.mx-32 {
    margin-right: 32px!important
}

.mb-32,.my-32 {
    margin-bottom: 32px!important
}

.ml-32,.mx-32 {
    margin-left: 32px!important
}

.m-40 {
    margin: 40px!important
}

.mt-40,.my-40 {
    margin-top: 40px!important
}

.mr-40,.mx-40 {
    margin-right: 40px!important
}

.mb-40,.my-40 {
    margin-bottom: 40px!important
}

.ml-40,.mx-40 {
    margin-left: 40px!important
}

.m-48 {
    margin: 48px!important
}

.mt-48,.my-48 {
    margin-top: 48px!important
}

.mr-48,.mx-48 {
    margin-right: 48px!important
}

.mb-48,.my-48 {
    margin-bottom: 48px!important
}

.ml-48,.mx-48 {
    margin-left: 48px!important
}

.m-56 {
    margin: 56px!important
}

.mt-56,.my-56 {
    margin-top: 56px!important
}

.mr-56,.mx-56 {
    margin-right: 56px!important
}

.mb-56,.my-56 {
    margin-bottom: 56px!important
}

.ml-56,.mx-56 {
    margin-left: 56px!important
}

.m-64 {
    margin: 64px!important
}

.mt-64,.my-64 {
    margin-top: 64px!important
}

.mr-64,.mx-64 {
    margin-right: 64px!important
}

.mb-64,.my-64 {
    margin-bottom: 64px!important
}

.ml-64,.mx-64 {
    margin-left: 64px!important
}

.m-72 {
    margin: 72px!important
}

.mt-72,.my-72 {
    margin-top: 72px!important
}

.mr-72,.mx-72 {
    margin-right: 72px!important
}

.mb-72,.my-72 {
    margin-bottom: 72px!important
}

.ml-72,.mx-72 {
    margin-left: 72px!important
}

.m-96 {
    margin: 96px!important
}

.mt-96,.my-96 {
    margin-top: 96px!important
}

.mr-96,.mx-96 {
    margin-right: 96px!important
}

.mb-96,.my-96 {
    margin-bottom: 96px!important
}

.ml-96,.mx-96 {
    margin-left: 96px!important
}

.p-0 {
    padding: 0!important
}

.pt-0,.py-0 {
    padding-top: 0!important
}

.pr-0,.px-0 {
    padding-right: 0!important
}

.pb-0,.py-0 {
    padding-bottom: 0!important
}

.pl-0,.px-0 {
    padding-left: 0!important
}

.p-4 {
    padding: 4px!important
}

.pt-4,.py-4 {
    padding-top: 4px!important
}

.pr-4,.px-4 {
    padding-right: 4px!important
}

.pb-4,.py-4 {
    padding-bottom: 4px!important
}

.pl-4,.px-4 {
    padding-left: 4px!important
}

.p-8 {
    padding: 8px!important
}

.pt-8,.py-8 {
    padding-top: 8px!important
}

.pr-8,.px-8 {
    padding-right: 8px!important
}

.pb-8,.py-8 {
    padding-bottom: 8px!important
}

.pl-8,.px-8 {
    padding-left: 8px!important
}

.p-12 {
    padding: 12px!important
}

.pt-12,.py-12 {
    padding-top: 12px!important
}

.pr-12,.px-12 {
    padding-right: 12px!important
}

.pb-12,.py-12 {
    padding-bottom: 12px!important
}

.pl-12,.px-12 {
    padding-left: 12px!important
}

.p-16 {
    padding: 16px!important
}

.pt-16,.py-16 {
    padding-top: 16px!important
}

.pr-16,.px-16 {
    padding-right: 16px!important
}

.pb-16,.py-16 {
    padding-bottom: 16px!important
}

.pl-16,.px-16 {
    padding-left: 16px!important
}

.p-24 {
    padding: 24px!important
}

.pt-24,.py-24 {
    padding-top: 24px!important
}

.pr-24,.px-24 {
    padding-right: 24px!important
}

.pb-24,.py-24 {
    padding-bottom: 24px!important
}

.pl-24,.px-24 {
    padding-left: 24px!important
}

.p-32 {
    padding: 32px!important
}

.pt-32,.py-32 {
    padding-top: 32px!important
}

.pr-32,.px-32 {
    padding-right: 32px!important
}

.pb-32,.py-32 {
    padding-bottom: 32px!important
}

.pl-32,.px-32 {
    padding-left: 32px!important
}

.p-40 {
    padding: 40px!important
}

.pt-40,.py-40 {
    padding-top: 40px!important
}

.pr-40,.px-40 {
    padding-right: 40px!important
}

.pb-40,.py-40 {
    padding-bottom: 40px!important
}

.pl-40,.px-40 {
    padding-left: 40px!important
}

.p-48 {
    padding: 48px!important
}

.pt-48,.py-48 {
    padding-top: 48px!important
}

.pr-48,.px-48 {
    padding-right: 48px!important
}

.pb-48,.py-48 {
    padding-bottom: 48px!important
}

.pl-48,.px-48 {
    padding-left: 48px!important
}

.p-56 {
    padding: 56px!important
}

.pt-56,.py-56 {
    padding-top: 56px!important
}

.pr-56,.px-56 {
    padding-right: 56px!important
}

.pb-56,.py-56 {
    padding-bottom: 56px!important
}

.pl-56,.px-56 {
    padding-left: 56px!important
}

.p-64 {
    padding: 64px!important
}

.pt-64,.py-64 {
    padding-top: 64px!important
}

.pr-64,.px-64 {
    padding-right: 64px!important
}

.pb-64,.py-64 {
    padding-bottom: 64px!important
}

.pl-64,.px-64 {
    padding-left: 64px!important
}

.p-72 {
    padding: 72px!important
}

.pt-72,.py-72 {
    padding-top: 72px!important
}

.pr-72,.px-72 {
    padding-right: 72px!important
}

.pb-72,.py-72 {
    padding-bottom: 72px!important
}

.pl-72,.px-72 {
    padding-left: 72px!important
}

.p-96 {
    padding: 96px!important
}

.pt-96,.py-96 {
    padding-top: 96px!important
}

.pr-96,.px-96 {
    padding-right: 96px!important
}

.pb-96,.py-96 {
    padding-bottom: 96px!important
}

.pl-96,.px-96 {
    padding-left: 96px!important
}

.m-auto {
    margin: auto!important
}

.mt-auto,.my-auto {
    margin-top: auto!important
}

.mr-auto,.mx-auto {
    margin-right: auto!important
}

.mb-auto,.my-auto {
    margin-bottom: auto!important
}

.ml-auto,.mx-auto {
    margin-left: auto!important
}

@media screen and (max-width: 576px) {
    .m-sm-0 {
        margin:0!important
    }

    .mt-sm-0,.my-sm-0 {
        margin-top: 0!important
    }

    .mr-sm-0,.mx-sm-0 {
        margin-right: 0!important
    }

    .mb-sm-0,.my-sm-0 {
        margin-bottom: 0!important
    }

    .ml-sm-0,.mx-sm-0 {
        margin-left: 0!important
    }

    .m-sm-4 {
        margin: 4px!important
    }

    .mt-sm-4,.my-sm-4 {
        margin-top: 4px!important
    }

    .mr-sm-4,.mx-sm-4 {
        margin-right: 4px!important
    }

    .mb-sm-4,.my-sm-4 {
        margin-bottom: 4px!important
    }

    .ml-sm-4,.mx-sm-4 {
        margin-left: 4px!important
    }

    .m-sm-8 {
        margin: 8px!important
    }

    .mt-sm-8,.my-sm-8 {
        margin-top: 8px!important
    }

    .mr-sm-8,.mx-sm-8 {
        margin-right: 8px!important
    }

    .mb-sm-8,.my-sm-8 {
        margin-bottom: 8px!important
    }

    .ml-sm-8,.mx-sm-8 {
        margin-left: 8px!important
    }

    .m-sm-12 {
        margin: 12px!important
    }

    .mt-sm-12,.my-sm-12 {
        margin-top: 12px!important
    }

    .mr-sm-12,.mx-sm-12 {
        margin-right: 12px!important
    }

    .mb-sm-12,.my-sm-12 {
        margin-bottom: 12px!important
    }

    .ml-sm-12,.mx-sm-12 {
        margin-left: 12px!important
    }

    .m-sm-16 {
        margin: 16px!important
    }

    .mt-sm-16,.my-sm-16 {
        margin-top: 16px!important
    }

    .mr-sm-16,.mx-sm-16 {
        margin-right: 16px!important
    }

    .mb-sm-16,.my-sm-16 {
        margin-bottom: 16px!important
    }

    .ml-sm-16,.mx-sm-16 {
        margin-left: 16px!important
    }

    .m-sm-24 {
        margin: 24px!important
    }

    .mt-sm-24,.my-sm-24 {
        margin-top: 24px!important
    }

    .mr-sm-24,.mx-sm-24 {
        margin-right: 24px!important
    }

    .mb-sm-24,.my-sm-24 {
        margin-bottom: 24px!important
    }

    .ml-sm-24,.mx-sm-24 {
        margin-left: 24px!important
    }

    .m-sm-32 {
        margin: 32px!important
    }

    .mt-sm-32,.my-sm-32 {
        margin-top: 32px!important
    }

    .mr-sm-32,.mx-sm-32 {
        margin-right: 32px!important
    }

    .mb-sm-32,.my-sm-32 {
        margin-bottom: 32px!important
    }

    .ml-sm-32,.mx-sm-32 {
        margin-left: 32px!important
    }

    .m-sm-40 {
        margin: 40px!important
    }

    .mt-sm-40,.my-sm-40 {
        margin-top: 40px!important
    }

    .mr-sm-40,.mx-sm-40 {
        margin-right: 40px!important
    }

    .mb-sm-40,.my-sm-40 {
        margin-bottom: 40px!important
    }

    .ml-sm-40,.mx-sm-40 {
        margin-left: 40px!important
    }

    .m-sm-48 {
        margin: 48px!important
    }

    .mt-sm-48,.my-sm-48 {
        margin-top: 48px!important
    }

    .mr-sm-48,.mx-sm-48 {
        margin-right: 48px!important
    }

    .mb-sm-48,.my-sm-48 {
        margin-bottom: 48px!important
    }

    .ml-sm-48,.mx-sm-48 {
        margin-left: 48px!important
    }

    .m-sm-56 {
        margin: 56px!important
    }

    .mt-sm-56,.my-sm-56 {
        margin-top: 56px!important
    }

    .mr-sm-56,.mx-sm-56 {
        margin-right: 56px!important
    }

    .mb-sm-56,.my-sm-56 {
        margin-bottom: 56px!important
    }

    .ml-sm-56,.mx-sm-56 {
        margin-left: 56px!important
    }

    .m-sm-64 {
        margin: 64px!important
    }

    .mt-sm-64,.my-sm-64 {
        margin-top: 64px!important
    }

    .mr-sm-64,.mx-sm-64 {
        margin-right: 64px!important
    }

    .mb-sm-64,.my-sm-64 {
        margin-bottom: 64px!important
    }

    .ml-sm-64,.mx-sm-64 {
        margin-left: 64px!important
    }

    .m-sm-72 {
        margin: 72px!important
    }

    .mt-sm-72,.my-sm-72 {
        margin-top: 72px!important
    }

    .mr-sm-72,.mx-sm-72 {
        margin-right: 72px!important
    }

    .mb-sm-72,.my-sm-72 {
        margin-bottom: 72px!important
    }

    .ml-sm-72,.mx-sm-72 {
        margin-left: 72px!important
    }

    .m-sm-96 {
        margin: 96px!important
    }

    .mt-sm-96,.my-sm-96 {
        margin-top: 96px!important
    }

    .mr-sm-96,.mx-sm-96 {
        margin-right: 96px!important
    }

    .mb-sm-96,.my-sm-96 {
        margin-bottom: 96px!important
    }

    .ml-sm-96,.mx-sm-96 {
        margin-left: 96px!important
    }

    .p-sm-0 {
        padding: 0!important
    }

    .pt-sm-0,.py-sm-0 {
        padding-top: 0!important
    }

    .pr-sm-0,.px-sm-0 {
        padding-right: 0!important
    }

    .pb-sm-0,.py-sm-0 {
        padding-bottom: 0!important
    }

    .pl-sm-0,.px-sm-0 {
        padding-left: 0!important
    }

    .p-sm-4 {
        padding: 4px!important
    }

    .pt-sm-4,.py-sm-4 {
        padding-top: 4px!important
    }

    .pr-sm-4,.px-sm-4 {
        padding-right: 4px!important
    }

    .pb-sm-4,.py-sm-4 {
        padding-bottom: 4px!important
    }

    .pl-sm-4,.px-sm-4 {
        padding-left: 4px!important
    }

    .p-sm-8 {
        padding: 8px!important
    }

    .pt-sm-8,.py-sm-8 {
        padding-top: 8px!important
    }

    .pr-sm-8,.px-sm-8 {
        padding-right: 8px!important
    }

    .pb-sm-8,.py-sm-8 {
        padding-bottom: 8px!important
    }

    .pl-sm-8,.px-sm-8 {
        padding-left: 8px!important
    }

    .p-sm-12 {
        padding: 12px!important
    }

    .pt-sm-12,.py-sm-12 {
        padding-top: 12px!important
    }

    .pr-sm-12,.px-sm-12 {
        padding-right: 12px!important
    }

    .pb-sm-12,.py-sm-12 {
        padding-bottom: 12px!important
    }

    .pl-sm-12,.px-sm-12 {
        padding-left: 12px!important
    }

    .p-sm-16 {
        padding: 16px!important
    }

    .pt-sm-16,.py-sm-16 {
        padding-top: 16px!important
    }

    .pr-sm-16,.px-sm-16 {
        padding-right: 16px!important
    }

    .pb-sm-16,.py-sm-16 {
        padding-bottom: 16px!important
    }

    .pl-sm-16,.px-sm-16 {
        padding-left: 16px!important
    }

    .p-sm-24 {
        padding: 24px!important
    }

    .pt-sm-24,.py-sm-24 {
        padding-top: 24px!important
    }

    .pr-sm-24,.px-sm-24 {
        padding-right: 24px!important
    }

    .pb-sm-24,.py-sm-24 {
        padding-bottom: 24px!important
    }

    .pl-sm-24,.px-sm-24 {
        padding-left: 24px!important
    }

    .p-sm-32 {
        padding: 32px!important
    }

    .pt-sm-32,.py-sm-32 {
        padding-top: 32px!important
    }

    .pr-sm-32,.px-sm-32 {
        padding-right: 32px!important
    }

    .pb-sm-32,.py-sm-32 {
        padding-bottom: 32px!important
    }

    .pl-sm-32,.px-sm-32 {
        padding-left: 32px!important
    }

    .p-sm-40 {
        padding: 40px!important
    }

    .pt-sm-40,.py-sm-40 {
        padding-top: 40px!important
    }

    .pr-sm-40,.px-sm-40 {
        padding-right: 40px!important
    }

    .pb-sm-40,.py-sm-40 {
        padding-bottom: 40px!important
    }

    .pl-sm-40,.px-sm-40 {
        padding-left: 40px!important
    }

    .p-sm-48 {
        padding: 48px!important
    }

    .pt-sm-48,.py-sm-48 {
        padding-top: 48px!important
    }

    .pr-sm-48,.px-sm-48 {
        padding-right: 48px!important
    }

    .pb-sm-48,.py-sm-48 {
        padding-bottom: 48px!important
    }

    .pl-sm-48,.px-sm-48 {
        padding-left: 48px!important
    }

    .p-sm-56 {
        padding: 56px!important
    }

    .pt-sm-56,.py-sm-56 {
        padding-top: 56px!important
    }

    .pr-sm-56,.px-sm-56 {
        padding-right: 56px!important
    }

    .pb-sm-56,.py-sm-56 {
        padding-bottom: 56px!important
    }

    .pl-sm-56,.px-sm-56 {
        padding-left: 56px!important
    }

    .p-sm-64 {
        padding: 64px!important
    }

    .pt-sm-64,.py-sm-64 {
        padding-top: 64px!important
    }

    .pr-sm-64,.px-sm-64 {
        padding-right: 64px!important
    }

    .pb-sm-64,.py-sm-64 {
        padding-bottom: 64px!important
    }

    .pl-sm-64,.px-sm-64 {
        padding-left: 64px!important
    }

    .p-sm-72 {
        padding: 72px!important
    }

    .pt-sm-72,.py-sm-72 {
        padding-top: 72px!important
    }

    .pr-sm-72,.px-sm-72 {
        padding-right: 72px!important
    }

    .pb-sm-72,.py-sm-72 {
        padding-bottom: 72px!important
    }

    .pl-sm-72,.px-sm-72 {
        padding-left: 72px!important
    }

    .p-sm-96 {
        padding: 96px!important
    }

    .pt-sm-96,.py-sm-96 {
        padding-top: 96px!important
    }

    .pr-sm-96,.px-sm-96 {
        padding-right: 96px!important
    }

    .pb-sm-96,.py-sm-96 {
        padding-bottom: 96px!important
    }

    .pl-sm-96,.px-sm-96 {
        padding-left: 96px!important
    }

    .m-sm-auto {
        margin: auto!important
    }

    .mt-sm-auto,.my-sm-auto {
        margin-top: auto!important
    }

    .mr-sm-auto,.mx-sm-auto {
        margin-right: auto!important
    }

    .mb-sm-auto,.my-sm-auto {
        margin-bottom: auto!important
    }

    .ml-sm-auto,.mx-sm-auto {
        margin-left: auto!important
    }
}

@media screen and (max-width: 768px) {
    .m-md-0 {
        margin:0!important
    }

    .mt-md-0,.my-md-0 {
        margin-top: 0!important
    }

    .mr-md-0,.mx-md-0 {
        margin-right: 0!important
    }

    .mb-md-0,.my-md-0 {
        margin-bottom: 0!important
    }

    .ml-md-0,.mx-md-0 {
        margin-left: 0!important
    }

    .m-md-4 {
        margin: 4px!important
    }

    .mt-md-4,.my-md-4 {
        margin-top: 4px!important
    }

    .mr-md-4,.mx-md-4 {
        margin-right: 4px!important
    }

    .mb-md-4,.my-md-4 {
        margin-bottom: 4px!important
    }

    .ml-md-4,.mx-md-4 {
        margin-left: 4px!important
    }

    .m-md-8 {
        margin: 8px!important
    }

    .mt-md-8,.my-md-8 {
        margin-top: 8px!important
    }

    .mr-md-8,.mx-md-8 {
        margin-right: 8px!important
    }

    .mb-md-8,.my-md-8 {
        margin-bottom: 8px!important
    }

    .ml-md-8,.mx-md-8 {
        margin-left: 8px!important
    }

    .m-md-12 {
        margin: 12px!important
    }

    .mt-md-12,.my-md-12 {
        margin-top: 12px!important
    }

    .mr-md-12,.mx-md-12 {
        margin-right: 12px!important
    }

    .mb-md-12,.my-md-12 {
        margin-bottom: 12px!important
    }

    .ml-md-12,.mx-md-12 {
        margin-left: 12px!important
    }

    .m-md-16 {
        margin: 16px!important
    }

    .mt-md-16,.my-md-16 {
        margin-top: 16px!important
    }

    .mr-md-16,.mx-md-16 {
        margin-right: 16px!important
    }

    .mb-md-16,.my-md-16 {
        margin-bottom: 16px!important
    }

    .ml-md-16,.mx-md-16 {
        margin-left: 16px!important
    }

    .m-md-24 {
        margin: 24px!important
    }

    .mt-md-24,.my-md-24 {
        margin-top: 24px!important
    }

    .mr-md-24,.mx-md-24 {
        margin-right: 24px!important
    }

    .mb-md-24,.my-md-24 {
        margin-bottom: 24px!important
    }

    .ml-md-24,.mx-md-24 {
        margin-left: 24px!important
    }

    .m-md-32 {
        margin: 32px!important
    }

    .mt-md-32,.my-md-32 {
        margin-top: 32px!important
    }

    .mr-md-32,.mx-md-32 {
        margin-right: 32px!important
    }

    .mb-md-32,.my-md-32 {
        margin-bottom: 32px!important
    }

    .ml-md-32,.mx-md-32 {
        margin-left: 32px!important
    }

    .m-md-40 {
        margin: 40px!important
    }

    .mt-md-40,.my-md-40 {
        margin-top: 40px!important
    }

    .mr-md-40,.mx-md-40 {
        margin-right: 40px!important
    }

    .mb-md-40,.my-md-40 {
        margin-bottom: 40px!important
    }

    .ml-md-40,.mx-md-40 {
        margin-left: 40px!important
    }

    .m-md-48 {
        margin: 48px!important
    }

    .mt-md-48,.my-md-48 {
        margin-top: 48px!important
    }

    .mr-md-48,.mx-md-48 {
        margin-right: 48px!important
    }

    .mb-md-48,.my-md-48 {
        margin-bottom: 48px!important
    }

    .ml-md-48,.mx-md-48 {
        margin-left: 48px!important
    }

    .m-md-56 {
        margin: 56px!important
    }

    .mt-md-56,.my-md-56 {
        margin-top: 56px!important
    }

    .mr-md-56,.mx-md-56 {
        margin-right: 56px!important
    }

    .mb-md-56,.my-md-56 {
        margin-bottom: 56px!important
    }

    .ml-md-56,.mx-md-56 {
        margin-left: 56px!important
    }

    .m-md-64 {
        margin: 64px!important
    }

    .mt-md-64,.my-md-64 {
        margin-top: 64px!important
    }

    .mr-md-64,.mx-md-64 {
        margin-right: 64px!important
    }

    .mb-md-64,.my-md-64 {
        margin-bottom: 64px!important
    }

    .ml-md-64,.mx-md-64 {
        margin-left: 64px!important
    }

    .m-md-72 {
        margin: 72px!important
    }

    .mt-md-72,.my-md-72 {
        margin-top: 72px!important
    }

    .mr-md-72,.mx-md-72 {
        margin-right: 72px!important
    }

    .mb-md-72,.my-md-72 {
        margin-bottom: 72px!important
    }

    .ml-md-72,.mx-md-72 {
        margin-left: 72px!important
    }

    .m-md-96 {
        margin: 96px!important
    }

    .mt-md-96,.my-md-96 {
        margin-top: 96px!important
    }

    .mr-md-96,.mx-md-96 {
        margin-right: 96px!important
    }

    .mb-md-96,.my-md-96 {
        margin-bottom: 96px!important
    }

    .ml-md-96,.mx-md-96 {
        margin-left: 96px!important
    }

    .p-md-0 {
        padding: 0!important
    }

    .pt-md-0,.py-md-0 {
        padding-top: 0!important
    }

    .pr-md-0,.px-md-0 {
        padding-right: 0!important
    }

    .pb-md-0,.py-md-0 {
        padding-bottom: 0!important
    }

    .pl-md-0,.px-md-0 {
        padding-left: 0!important
    }

    .p-md-4 {
        padding: 4px!important
    }

    .pt-md-4,.py-md-4 {
        padding-top: 4px!important
    }

    .pr-md-4,.px-md-4 {
        padding-right: 4px!important
    }

    .pb-md-4,.py-md-4 {
        padding-bottom: 4px!important
    }

    .pl-md-4,.px-md-4 {
        padding-left: 4px!important
    }

    .p-md-8 {
        padding: 8px!important
    }

    .pt-md-8,.py-md-8 {
        padding-top: 8px!important
    }

    .pr-md-8,.px-md-8 {
        padding-right: 8px!important
    }

    .pb-md-8,.py-md-8 {
        padding-bottom: 8px!important
    }

    .pl-md-8,.px-md-8 {
        padding-left: 8px!important
    }

    .p-md-12 {
        padding: 12px!important
    }

    .pt-md-12,.py-md-12 {
        padding-top: 12px!important
    }

    .pr-md-12,.px-md-12 {
        padding-right: 12px!important
    }

    .pb-md-12,.py-md-12 {
        padding-bottom: 12px!important
    }

    .pl-md-12,.px-md-12 {
        padding-left: 12px!important
    }

    .p-md-16 {
        padding: 16px!important
    }

    .pt-md-16,.py-md-16 {
        padding-top: 16px!important
    }

    .pr-md-16,.px-md-16 {
        padding-right: 16px!important
    }

    .pb-md-16,.py-md-16 {
        padding-bottom: 16px!important
    }

    .pl-md-16,.px-md-16 {
        padding-left: 16px!important
    }

    .p-md-24 {
        padding: 24px!important
    }

    .pt-md-24,.py-md-24 {
        padding-top: 24px!important
    }

    .pr-md-24,.px-md-24 {
        padding-right: 24px!important
    }

    .pb-md-24,.py-md-24 {
        padding-bottom: 24px!important
    }

    .pl-md-24,.px-md-24 {
        padding-left: 24px!important
    }

    .p-md-32 {
        padding: 32px!important
    }

    .pt-md-32,.py-md-32 {
        padding-top: 32px!important
    }

    .pr-md-32,.px-md-32 {
        padding-right: 32px!important
    }

    .pb-md-32,.py-md-32 {
        padding-bottom: 32px!important
    }

    .pl-md-32,.px-md-32 {
        padding-left: 32px!important
    }

    .p-md-40 {
        padding: 40px!important
    }

    .pt-md-40,.py-md-40 {
        padding-top: 40px!important
    }

    .pr-md-40,.px-md-40 {
        padding-right: 40px!important
    }

    .pb-md-40,.py-md-40 {
        padding-bottom: 40px!important
    }

    .pl-md-40,.px-md-40 {
        padding-left: 40px!important
    }

    .p-md-48 {
        padding: 48px!important
    }

    .pt-md-48,.py-md-48 {
        padding-top: 48px!important
    }

    .pr-md-48,.px-md-48 {
        padding-right: 48px!important
    }

    .pb-md-48,.py-md-48 {
        padding-bottom: 48px!important
    }

    .pl-md-48,.px-md-48 {
        padding-left: 48px!important
    }

    .p-md-56 {
        padding: 56px!important
    }

    .pt-md-56,.py-md-56 {
        padding-top: 56px!important
    }

    .pr-md-56,.px-md-56 {
        padding-right: 56px!important
    }

    .pb-md-56,.py-md-56 {
        padding-bottom: 56px!important
    }

    .pl-md-56,.px-md-56 {
        padding-left: 56px!important
    }

    .p-md-64 {
        padding: 64px!important
    }

    .pt-md-64,.py-md-64 {
        padding-top: 64px!important
    }

    .pr-md-64,.px-md-64 {
        padding-right: 64px!important
    }

    .pb-md-64,.py-md-64 {
        padding-bottom: 64px!important
    }

    .pl-md-64,.px-md-64 {
        padding-left: 64px!important
    }

    .p-md-72 {
        padding: 72px!important
    }

    .pt-md-72,.py-md-72 {
        padding-top: 72px!important
    }

    .pr-md-72,.px-md-72 {
        padding-right: 72px!important
    }

    .pb-md-72,.py-md-72 {
        padding-bottom: 72px!important
    }

    .pl-md-72,.px-md-72 {
        padding-left: 72px!important
    }

    .p-md-96 {
        padding: 96px!important
    }

    .pt-md-96,.py-md-96 {
        padding-top: 96px!important
    }

    .pr-md-96,.px-md-96 {
        padding-right: 96px!important
    }

    .pb-md-96,.py-md-96 {
        padding-bottom: 96px!important
    }

    .pl-md-96,.px-md-96 {
        padding-left: 96px!important
    }

    .m-md-auto {
        margin: auto!important
    }

    .mt-md-auto,.my-md-auto {
        margin-top: auto!important
    }

    .mr-md-auto,.mx-md-auto {
        margin-right: auto!important
    }

    .mb-md-auto,.my-md-auto {
        margin-bottom: auto!important
    }

    .ml-md-auto,.mx-md-auto {
        margin-left: auto!important
    }
}

@media screen and (max-width: 992px) {
    .m-lg-0 {
        margin:0!important
    }

    .mt-lg-0,.my-lg-0 {
        margin-top: 0!important
    }

    .mr-lg-0,.mx-lg-0 {
        margin-right: 0!important
    }

    .mb-lg-0,.my-lg-0 {
        margin-bottom: 0!important
    }

    .ml-lg-0,.mx-lg-0 {
        margin-left: 0!important
    }

    .m-lg-4 {
        margin: 4px!important
    }

    .mt-lg-4,.my-lg-4 {
        margin-top: 4px!important
    }

    .mr-lg-4,.mx-lg-4 {
        margin-right: 4px!important
    }

    .mb-lg-4,.my-lg-4 {
        margin-bottom: 4px!important
    }

    .ml-lg-4,.mx-lg-4 {
        margin-left: 4px!important
    }

    .m-lg-8 {
        margin: 8px!important
    }

    .mt-lg-8,.my-lg-8 {
        margin-top: 8px!important
    }

    .mr-lg-8,.mx-lg-8 {
        margin-right: 8px!important
    }

    .mb-lg-8,.my-lg-8 {
        margin-bottom: 8px!important
    }

    .ml-lg-8,.mx-lg-8 {
        margin-left: 8px!important
    }

    .m-lg-12 {
        margin: 12px!important
    }

    .mt-lg-12,.my-lg-12 {
        margin-top: 12px!important
    }

    .mr-lg-12,.mx-lg-12 {
        margin-right: 12px!important
    }

    .mb-lg-12,.my-lg-12 {
        margin-bottom: 12px!important
    }

    .ml-lg-12,.mx-lg-12 {
        margin-left: 12px!important
    }

    .m-lg-16 {
        margin: 16px!important
    }

    .mt-lg-16,.my-lg-16 {
        margin-top: 16px!important
    }

    .mr-lg-16,.mx-lg-16 {
        margin-right: 16px!important
    }

    .mb-lg-16,.my-lg-16 {
        margin-bottom: 16px!important
    }

    .ml-lg-16,.mx-lg-16 {
        margin-left: 16px!important
    }

    .m-lg-24 {
        margin: 24px!important
    }

    .mt-lg-24,.my-lg-24 {
        margin-top: 24px!important
    }

    .mr-lg-24,.mx-lg-24 {
        margin-right: 24px!important
    }

    .mb-lg-24,.my-lg-24 {
        margin-bottom: 24px!important
    }

    .ml-lg-24,.mx-lg-24 {
        margin-left: 24px!important
    }

    .m-lg-32 {
        margin: 32px!important
    }

    .mt-lg-32,.my-lg-32 {
        margin-top: 32px!important
    }

    .mr-lg-32,.mx-lg-32 {
        margin-right: 32px!important
    }

    .mb-lg-32,.my-lg-32 {
        margin-bottom: 32px!important
    }

    .ml-lg-32,.mx-lg-32 {
        margin-left: 32px!important
    }

    .m-lg-40 {
        margin: 40px!important
    }

    .mt-lg-40,.my-lg-40 {
        margin-top: 40px!important
    }

    .mr-lg-40,.mx-lg-40 {
        margin-right: 40px!important
    }

    .mb-lg-40,.my-lg-40 {
        margin-bottom: 40px!important
    }

    .ml-lg-40,.mx-lg-40 {
        margin-left: 40px!important
    }

    .m-lg-48 {
        margin: 48px!important
    }

    .mt-lg-48,.my-lg-48 {
        margin-top: 48px!important
    }

    .mr-lg-48,.mx-lg-48 {
        margin-right: 48px!important
    }

    .mb-lg-48,.my-lg-48 {
        margin-bottom: 48px!important
    }

    .ml-lg-48,.mx-lg-48 {
        margin-left: 48px!important
    }

    .m-lg-56 {
        margin: 56px!important
    }

    .mt-lg-56,.my-lg-56 {
        margin-top: 56px!important
    }

    .mr-lg-56,.mx-lg-56 {
        margin-right: 56px!important
    }

    .mb-lg-56,.my-lg-56 {
        margin-bottom: 56px!important
    }

    .ml-lg-56,.mx-lg-56 {
        margin-left: 56px!important
    }

    .m-lg-64 {
        margin: 64px!important
    }

    .mt-lg-64,.my-lg-64 {
        margin-top: 64px!important
    }

    .mr-lg-64,.mx-lg-64 {
        margin-right: 64px!important
    }

    .mb-lg-64,.my-lg-64 {
        margin-bottom: 64px!important
    }

    .ml-lg-64,.mx-lg-64 {
        margin-left: 64px!important
    }

    .m-lg-72 {
        margin: 72px!important
    }

    .mt-lg-72,.my-lg-72 {
        margin-top: 72px!important
    }

    .mr-lg-72,.mx-lg-72 {
        margin-right: 72px!important
    }

    .mb-lg-72,.my-lg-72 {
        margin-bottom: 72px!important
    }

    .ml-lg-72,.mx-lg-72 {
        margin-left: 72px!important
    }

    .m-lg-96 {
        margin: 96px!important
    }

    .mt-lg-96,.my-lg-96 {
        margin-top: 96px!important
    }

    .mr-lg-96,.mx-lg-96 {
        margin-right: 96px!important
    }

    .mb-lg-96,.my-lg-96 {
        margin-bottom: 96px!important
    }

    .ml-lg-96,.mx-lg-96 {
        margin-left: 96px!important
    }

    .p-lg-0 {
        padding: 0!important
    }

    .pt-lg-0,.py-lg-0 {
        padding-top: 0!important
    }

    .pr-lg-0,.px-lg-0 {
        padding-right: 0!important
    }

    .pb-lg-0,.py-lg-0 {
        padding-bottom: 0!important
    }

    .pl-lg-0,.px-lg-0 {
        padding-left: 0!important
    }

    .p-lg-4 {
        padding: 4px!important
    }

    .pt-lg-4,.py-lg-4 {
        padding-top: 4px!important
    }

    .pr-lg-4,.px-lg-4 {
        padding-right: 4px!important
    }

    .pb-lg-4,.py-lg-4 {
        padding-bottom: 4px!important
    }

    .pl-lg-4,.px-lg-4 {
        padding-left: 4px!important
    }

    .p-lg-8 {
        padding: 8px!important
    }

    .pt-lg-8,.py-lg-8 {
        padding-top: 8px!important
    }

    .pr-lg-8,.px-lg-8 {
        padding-right: 8px!important
    }

    .pb-lg-8,.py-lg-8 {
        padding-bottom: 8px!important
    }

    .pl-lg-8,.px-lg-8 {
        padding-left: 8px!important
    }

    .p-lg-12 {
        padding: 12px!important
    }

    .pt-lg-12,.py-lg-12 {
        padding-top: 12px!important
    }

    .pr-lg-12,.px-lg-12 {
        padding-right: 12px!important
    }

    .pb-lg-12,.py-lg-12 {
        padding-bottom: 12px!important
    }

    .pl-lg-12,.px-lg-12 {
        padding-left: 12px!important
    }

    .p-lg-16 {
        padding: 16px!important
    }

    .pt-lg-16,.py-lg-16 {
        padding-top: 16px!important
    }

    .pr-lg-16,.px-lg-16 {
        padding-right: 16px!important
    }

    .pb-lg-16,.py-lg-16 {
        padding-bottom: 16px!important
    }

    .pl-lg-16,.px-lg-16 {
        padding-left: 16px!important
    }

    .p-lg-24 {
        padding: 24px!important
    }

    .pt-lg-24,.py-lg-24 {
        padding-top: 24px!important
    }

    .pr-lg-24,.px-lg-24 {
        padding-right: 24px!important
    }

    .pb-lg-24,.py-lg-24 {
        padding-bottom: 24px!important
    }

    .pl-lg-24,.px-lg-24 {
        padding-left: 24px!important
    }

    .p-lg-32 {
        padding: 32px!important
    }

    .pt-lg-32,.py-lg-32 {
        padding-top: 32px!important
    }

    .pr-lg-32,.px-lg-32 {
        padding-right: 32px!important
    }

    .pb-lg-32,.py-lg-32 {
        padding-bottom: 32px!important
    }

    .pl-lg-32,.px-lg-32 {
        padding-left: 32px!important
    }

    .p-lg-40 {
        padding: 40px!important
    }

    .pt-lg-40,.py-lg-40 {
        padding-top: 40px!important
    }

    .pr-lg-40,.px-lg-40 {
        padding-right: 40px!important
    }

    .pb-lg-40,.py-lg-40 {
        padding-bottom: 40px!important
    }

    .pl-lg-40,.px-lg-40 {
        padding-left: 40px!important
    }

    .p-lg-48 {
        padding: 48px!important
    }

    .pt-lg-48,.py-lg-48 {
        padding-top: 48px!important
    }

    .pr-lg-48,.px-lg-48 {
        padding-right: 48px!important
    }

    .pb-lg-48,.py-lg-48 {
        padding-bottom: 48px!important
    }

    .pl-lg-48,.px-lg-48 {
        padding-left: 48px!important
    }

    .p-lg-56 {
        padding: 56px!important
    }

    .pt-lg-56,.py-lg-56 {
        padding-top: 56px!important
    }

    .pr-lg-56,.px-lg-56 {
        padding-right: 56px!important
    }

    .pb-lg-56,.py-lg-56 {
        padding-bottom: 56px!important
    }

    .pl-lg-56,.px-lg-56 {
        padding-left: 56px!important
    }

    .p-lg-64 {
        padding: 64px!important
    }

    .pt-lg-64,.py-lg-64 {
        padding-top: 64px!important
    }

    .pr-lg-64,.px-lg-64 {
        padding-right: 64px!important
    }

    .pb-lg-64,.py-lg-64 {
        padding-bottom: 64px!important
    }

    .pl-lg-64,.px-lg-64 {
        padding-left: 64px!important
    }

    .p-lg-72 {
        padding: 72px!important
    }

    .pt-lg-72,.py-lg-72 {
        padding-top: 72px!important
    }

    .pr-lg-72,.px-lg-72 {
        padding-right: 72px!important
    }

    .pb-lg-72,.py-lg-72 {
        padding-bottom: 72px!important
    }

    .pl-lg-72,.px-lg-72 {
        padding-left: 72px!important
    }

    .p-lg-96 {
        padding: 96px!important
    }

    .pt-lg-96,.py-lg-96 {
        padding-top: 96px!important
    }

    .pr-lg-96,.px-lg-96 {
        padding-right: 96px!important
    }

    .pb-lg-96,.py-lg-96 {
        padding-bottom: 96px!important
    }

    .pl-lg-96,.px-lg-96 {
        padding-left: 96px!important
    }

    .m-lg-auto {
        margin: auto!important
    }

    .mt-lg-auto,.my-lg-auto {
        margin-top: auto!important
    }

    .mr-lg-auto,.mx-lg-auto {
        margin-right: auto!important
    }

    .mb-lg-auto,.my-lg-auto {
        margin-bottom: auto!important
    }

    .ml-lg-auto,.mx-lg-auto {
        margin-left: auto!important
    }
}

@media screen and (max-width: 1200px) {
    .m-xl-0 {
        margin:0!important
    }

    .mt-xl-0,.my-xl-0 {
        margin-top: 0!important
    }

    .mr-xl-0,.mx-xl-0 {
        margin-right: 0!important
    }

    .mb-xl-0,.my-xl-0 {
        margin-bottom: 0!important
    }

    .ml-xl-0,.mx-xl-0 {
        margin-left: 0!important
    }

    .m-xl-4 {
        margin: 4px!important
    }

    .mt-xl-4,.my-xl-4 {
        margin-top: 4px!important
    }

    .mr-xl-4,.mx-xl-4 {
        margin-right: 4px!important
    }

    .mb-xl-4,.my-xl-4 {
        margin-bottom: 4px!important
    }

    .ml-xl-4,.mx-xl-4 {
        margin-left: 4px!important
    }

    .m-xl-8 {
        margin: 8px!important
    }

    .mt-xl-8,.my-xl-8 {
        margin-top: 8px!important
    }

    .mr-xl-8,.mx-xl-8 {
        margin-right: 8px!important
    }

    .mb-xl-8,.my-xl-8 {
        margin-bottom: 8px!important
    }

    .ml-xl-8,.mx-xl-8 {
        margin-left: 8px!important
    }

    .m-xl-12 {
        margin: 12px!important
    }

    .mt-xl-12,.my-xl-12 {
        margin-top: 12px!important
    }

    .mr-xl-12,.mx-xl-12 {
        margin-right: 12px!important
    }

    .mb-xl-12,.my-xl-12 {
        margin-bottom: 12px!important
    }

    .ml-xl-12,.mx-xl-12 {
        margin-left: 12px!important
    }

    .m-xl-16 {
        margin: 16px!important
    }

    .mt-xl-16,.my-xl-16 {
        margin-top: 16px!important
    }

    .mr-xl-16,.mx-xl-16 {
        margin-right: 16px!important
    }

    .mb-xl-16,.my-xl-16 {
        margin-bottom: 16px!important
    }

    .ml-xl-16,.mx-xl-16 {
        margin-left: 16px!important
    }

    .m-xl-24 {
        margin: 24px!important
    }

    .mt-xl-24,.my-xl-24 {
        margin-top: 24px!important
    }

    .mr-xl-24,.mx-xl-24 {
        margin-right: 24px!important
    }

    .mb-xl-24,.my-xl-24 {
        margin-bottom: 24px!important
    }

    .ml-xl-24,.mx-xl-24 {
        margin-left: 24px!important
    }

    .m-xl-32 {
        margin: 32px!important
    }

    .mt-xl-32,.my-xl-32 {
        margin-top: 32px!important
    }

    .mr-xl-32,.mx-xl-32 {
        margin-right: 32px!important
    }

    .mb-xl-32,.my-xl-32 {
        margin-bottom: 32px!important
    }

    .ml-xl-32,.mx-xl-32 {
        margin-left: 32px!important
    }

    .m-xl-40 {
        margin: 40px!important
    }

    .mt-xl-40,.my-xl-40 {
        margin-top: 40px!important
    }

    .mr-xl-40,.mx-xl-40 {
        margin-right: 40px!important
    }

    .mb-xl-40,.my-xl-40 {
        margin-bottom: 40px!important
    }

    .ml-xl-40,.mx-xl-40 {
        margin-left: 40px!important
    }

    .m-xl-48 {
        margin: 48px!important
    }

    .mt-xl-48,.my-xl-48 {
        margin-top: 48px!important
    }

    .mr-xl-48,.mx-xl-48 {
        margin-right: 48px!important
    }

    .mb-xl-48,.my-xl-48 {
        margin-bottom: 48px!important
    }

    .ml-xl-48,.mx-xl-48 {
        margin-left: 48px!important
    }

    .m-xl-56 {
        margin: 56px!important
    }

    .mt-xl-56,.my-xl-56 {
        margin-top: 56px!important
    }

    .mr-xl-56,.mx-xl-56 {
        margin-right: 56px!important
    }

    .mb-xl-56,.my-xl-56 {
        margin-bottom: 56px!important
    }

    .ml-xl-56,.mx-xl-56 {
        margin-left: 56px!important
    }

    .m-xl-64 {
        margin: 64px!important
    }

    .mt-xl-64,.my-xl-64 {
        margin-top: 64px!important
    }

    .mr-xl-64,.mx-xl-64 {
        margin-right: 64px!important
    }

    .mb-xl-64,.my-xl-64 {
        margin-bottom: 64px!important
    }

    .ml-xl-64,.mx-xl-64 {
        margin-left: 64px!important
    }

    .m-xl-72 {
        margin: 72px!important
    }

    .mt-xl-72,.my-xl-72 {
        margin-top: 72px!important
    }

    .mr-xl-72,.mx-xl-72 {
        margin-right: 72px!important
    }

    .mb-xl-72,.my-xl-72 {
        margin-bottom: 72px!important
    }

    .ml-xl-72,.mx-xl-72 {
        margin-left: 72px!important
    }

    .m-xl-96 {
        margin: 96px!important
    }

    .mt-xl-96,.my-xl-96 {
        margin-top: 96px!important
    }

    .mr-xl-96,.mx-xl-96 {
        margin-right: 96px!important
    }

    .mb-xl-96,.my-xl-96 {
        margin-bottom: 96px!important
    }

    .ml-xl-96,.mx-xl-96 {
        margin-left: 96px!important
    }

    .p-xl-0 {
        padding: 0!important
    }

    .pt-xl-0,.py-xl-0 {
        padding-top: 0!important
    }

    .pr-xl-0,.px-xl-0 {
        padding-right: 0!important
    }

    .pb-xl-0,.py-xl-0 {
        padding-bottom: 0!important
    }

    .pl-xl-0,.px-xl-0 {
        padding-left: 0!important
    }

    .p-xl-4 {
        padding: 4px!important
    }

    .pt-xl-4,.py-xl-4 {
        padding-top: 4px!important
    }

    .pr-xl-4,.px-xl-4 {
        padding-right: 4px!important
    }

    .pb-xl-4,.py-xl-4 {
        padding-bottom: 4px!important
    }

    .pl-xl-4,.px-xl-4 {
        padding-left: 4px!important
    }

    .p-xl-8 {
        padding: 8px!important
    }

    .pt-xl-8,.py-xl-8 {
        padding-top: 8px!important
    }

    .pr-xl-8,.px-xl-8 {
        padding-right: 8px!important
    }

    .pb-xl-8,.py-xl-8 {
        padding-bottom: 8px!important
    }

    .pl-xl-8,.px-xl-8 {
        padding-left: 8px!important
    }

    .p-xl-12 {
        padding: 12px!important
    }

    .pt-xl-12,.py-xl-12 {
        padding-top: 12px!important
    }

    .pr-xl-12,.px-xl-12 {
        padding-right: 12px!important
    }

    .pb-xl-12,.py-xl-12 {
        padding-bottom: 12px!important
    }

    .pl-xl-12,.px-xl-12 {
        padding-left: 12px!important
    }

    .p-xl-16 {
        padding: 16px!important
    }

    .pt-xl-16,.py-xl-16 {
        padding-top: 16px!important
    }

    .pr-xl-16,.px-xl-16 {
        padding-right: 16px!important
    }

    .pb-xl-16,.py-xl-16 {
        padding-bottom: 16px!important
    }

    .pl-xl-16,.px-xl-16 {
        padding-left: 16px!important
    }

    .p-xl-24 {
        padding: 24px!important
    }

    .pt-xl-24,.py-xl-24 {
        padding-top: 24px!important
    }

    .pr-xl-24,.px-xl-24 {
        padding-right: 24px!important
    }

    .pb-xl-24,.py-xl-24 {
        padding-bottom: 24px!important
    }

    .pl-xl-24,.px-xl-24 {
        padding-left: 24px!important
    }

    .p-xl-32 {
        padding: 32px!important
    }

    .pt-xl-32,.py-xl-32 {
        padding-top: 32px!important
    }

    .pr-xl-32,.px-xl-32 {
        padding-right: 32px!important
    }

    .pb-xl-32,.py-xl-32 {
        padding-bottom: 32px!important
    }

    .pl-xl-32,.px-xl-32 {
        padding-left: 32px!important
    }

    .p-xl-40 {
        padding: 40px!important
    }

    .pt-xl-40,.py-xl-40 {
        padding-top: 40px!important
    }

    .pr-xl-40,.px-xl-40 {
        padding-right: 40px!important
    }

    .pb-xl-40,.py-xl-40 {
        padding-bottom: 40px!important
    }

    .pl-xl-40,.px-xl-40 {
        padding-left: 40px!important
    }

    .p-xl-48 {
        padding: 48px!important
    }

    .pt-xl-48,.py-xl-48 {
        padding-top: 48px!important
    }

    .pr-xl-48,.px-xl-48 {
        padding-right: 48px!important
    }

    .pb-xl-48,.py-xl-48 {
        padding-bottom: 48px!important
    }

    .pl-xl-48,.px-xl-48 {
        padding-left: 48px!important
    }

    .p-xl-56 {
        padding: 56px!important
    }

    .pt-xl-56,.py-xl-56 {
        padding-top: 56px!important
    }

    .pr-xl-56,.px-xl-56 {
        padding-right: 56px!important
    }

    .pb-xl-56,.py-xl-56 {
        padding-bottom: 56px!important
    }

    .pl-xl-56,.px-xl-56 {
        padding-left: 56px!important
    }

    .p-xl-64 {
        padding: 64px!important
    }

    .pt-xl-64,.py-xl-64 {
        padding-top: 64px!important
    }

    .pr-xl-64,.px-xl-64 {
        padding-right: 64px!important
    }

    .pb-xl-64,.py-xl-64 {
        padding-bottom: 64px!important
    }

    .pl-xl-64,.px-xl-64 {
        padding-left: 64px!important
    }

    .p-xl-72 {
        padding: 72px!important
    }

    .pt-xl-72,.py-xl-72 {
        padding-top: 72px!important
    }

    .pr-xl-72,.px-xl-72 {
        padding-right: 72px!important
    }

    .pb-xl-72,.py-xl-72 {
        padding-bottom: 72px!important
    }

    .pl-xl-72,.px-xl-72 {
        padding-left: 72px!important
    }

    .p-xl-96 {
        padding: 96px!important
    }

    .pt-xl-96,.py-xl-96 {
        padding-top: 96px!important
    }

    .pr-xl-96,.px-xl-96 {
        padding-right: 96px!important
    }

    .pb-xl-96,.py-xl-96 {
        padding-bottom: 96px!important
    }

    .pl-xl-96,.px-xl-96 {
        padding-left: 96px!important
    }

    .m-xl-auto {
        margin: auto!important
    }

    .mt-xl-auto,.my-xl-auto {
        margin-top: auto!important
    }

    .mr-xl-auto,.mx-xl-auto {
        margin-right: auto!important
    }

    .mb-xl-auto,.my-xl-auto {
        margin-bottom: auto!important
    }

    .ml-xl-auto,.mx-xl-auto {
        margin-left: auto!important
    }
}

@media screen and (max-width: 768px) {
    .a-text.kredit-usaha-local {
        margin:unset
    }
}

.a-text.a-text--ellipsis {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.a-text.a-text-hero {
    font-size: 5.6rem
}

@media screen and (max-width: 768px) {
    .a-text.a-text-hero {
        font-size:3.2rem;
        line-height: 4rem
    }
}

.a-text.a-text-title {
    font-size: 3.2rem;
    line-height: 1.25
}

@media screen and (max-width: 768px) {
    .a-text.a-text-title {
        font-size:2.4rem;
        line-height: 3.2rem
    }
}

@media screen and (max-width: 768px) {
    .a-text.a-text-title.csr {
        padding:0 12px
    }
}

.a-text.a-text-subtitle {
    font-size: 2.4rem;
    line-height: 3.2rem
}

@media screen and (max-width: 768px) {
    .a-text.a-text-subtitle {
        font-size:2rem;
        line-height: 2.6rem;
        word-break: break-word
    }

    .a-text.a-text-subtitle.custom {
        width: 100%;
        max-width: 36rem
    }
}

.a-text.a-text-body {
    font-size: 1.6rem
}

.a-text.a-text-paragraph {
    font-size: 1.8rem
}

.a-text.a-text-button {
    font-size: 1.6rem
}

.a-text.a-text-small {
    font-size: 1.4rem
}

.a-text.a-text-small>* {
    font-size: 1.4rem
}

.a-text.a-text-micro {
    font-size: 1.2rem
}

@media screen and (min-width: 1024px) {
    .a-text.a-text-micro {
        font-size:1.2rem
    }
}

.a-text.a-text-textlink {
    color: #cd9c13;
    text-decoration: underline;
    font-size: 1.4rem
}

.a-text.a-text-date {
    font-size: 1.4rem;
    color: #6c6c6c;
    color: #6c6c6c
}

.a-text.a-text-normal-heading {
    font-weight: 400
}

.a-text.a-text-light-heading {
    font-weight: lighter
}

.a-text.a-text-brownish-grey {
    color: #6c6c6c
}

.a-text.a-text-warning {
    color: #d81313
}

.a-text.a-text-confirmation {
    color: #00893d
}

.a-text.a-text-blue-secondary {
    color: #b88800
}

.a-text.a-text-white {
    color: #fff
}

.a-text.a-text-brown-grey {
    color: #b0b0b0
}

.title-text {
    font-size: 3.2rem;
    line-height: 1.25
}

@media screen and (max-width: 768px) {
    .title-text {
        font-size:2.4rem;
        line-height: 3.2rem
    }
}

@media screen and (max-width: 768px) {
    .title-text {
        font-size:3.2rem;
        line-height: 4rem
    }
}

@media screen and (max-width: 768px) {
    .text-width {
        width:227px
    }
}

html {
    box-sizing: border-box;
    font-size: 62.5%
}

@supports (-webkit-touch-callout:none) {
    html {
        overflow-x: hidden
    }
}

*,:after,:before {
    box-sizing: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body {
    background-color: #efefef;
    overflow-x: hidden;
    font-size: 16px;
    font-size: 1.6rem
}

body.set-relative {
    position: relative
}

body.dimmed {
    position: relative;
    overflow: hidden
}

@media screen and (max-width: 768px) {
    body.dimmed .a-backdrop__close {
        display:block;
        pointer-events: none
    }
}

body.no-scroll {
    max-height: 100vh;
    overflow: hidden;
    touch-action: none
}

body.no-scroll-header {
    max-height: 100vh;
    overflow: hidden;
    touch-action: none
}

body.search-header .a-top-nav .sidebar-logo {
    display: none
}

body.with-smartbar {
    padding-right: 80px;
    transition: padding .2s ease-in-out
}

@media screen and (max-width: 1024px) {
    body.with-smartbar {
        padding-right:0;
        padding-bottom: 7.9rem
    }
}

body.with-top-nav {
    padding-top: 60px
}

body.popup-disclaimer-show .m-top {
    margin-top: 8rem
}

@media screen and (max-width: 768px) {
    body.popup-disclaimer-show .m-top {
        margin-top:0
    }
}

body.popup-disclaimer-show .transparent-nav .popup--disclaimer {
    background-color: rgba(48,48,48,.48)
}

body.popup-disclaimer-show .transparent-nav .popup--outdate {
    background-color: rgba(48,48,48,.48)
}

body.popup-disclaimer-show.with-top-nav {
    padding-top: 138px
}

@media screen and (max-width: 768px) {
    body.popup-disclaimer-show.with-top-nav {
        padding-top:142px
    }
}

body.popup-outdate-show .m-top {
    margin-top: 8rem
}

@media screen and (max-width: 768px) {
    body.popup-outdate-show .m-top {
        margin-top:0
    }
}

body.popup-outdate-show .transparent-nav .popup--disclaimer {
    background-color: rgba(48,48,48,.48)
}

body.popup-outdate-show .transparent-nav .popup--outdate {
    background-color: rgba(48,48,48,.48)
}

@media only screen and (max-width: 1599px) {
    body.smartbar-expand .a-top-nav .a-nav-wrapper {
        padding-right:15rem
    }
}

@media only screen and (max-width: 1599px) {
    body.smartbar-expand .a-top-nav .popup--disclaimer .container {
        padding-right:16.5rem
    }
}

@media screen and (max-width: 768px) {
    body.smartbar-expand .a-top-nav .popup--disclaimer .container {
        padding-right:2.4rem
    }
}

@media only screen and (max-width: 1599px) {
    body.smartbar-expand .a-top-nav .popup--outdate .container {
        padding-right:16.5rem
    }
}

@media screen and (max-width: 768px) {
    body.smartbar-expand .a-top-nav .popup--outdate .container {
        padding-right:2.4rem
    }
}

body.smartbar-is-open {
    position: relative;
    overflow: hidden
}

body.promo-filter-open .a-top-nav.transparent-nav.fixed {
    z-index: 999
}

a {
    text-decoration: none;
    font-size: 1.6rem
}

.m-top {
    margin-top: 4rem
}

@media screen and (max-width: 768px) {
    .m-top {
        margin-top:-1.6rem
    }
}

.text-underline {
    text-decoration: underline
}

.text-center {
    text-align: center
}

p,span {
    font-size: 1.6rem;
    line-height: 1.5
}

@media screen and (max-width: 768px) {
    p.kredit-usaha-local,span.kredit-usaha-local {
        margin:unset
    }
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    font-weight: 400!important
}

button,input {
    font-family: inherit;
    outline: 0
}

input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}

.w100 {
    width: 100%
}

.tb {
    display: table
}

@media screen and (max-width: 1024px) {
    .tb {
        width:100%
    }
}

.tb-cell {
    display: table-cell
}

.tb-cell-i {
    display: table-cell!important
}

.va-middle {
    vertical-align: middle
}

.va-bottom {
    vertical-align: bottom
}

.ta-center {
    text-align: center
}

.ta-right {
    text-align: right
}

.event .m-filter__form {
    bottom: 10px
}

@media screen and (max-width: 768px) {
    .event .m-filter__form {
        bottom:unset
    }
}

.event-eduka .m-filter__form {
    bottom: 10px
}

@media screen and (max-width: 768px) {
    .event-eduka .m-filter__form {
        bottom:unset
    }
}

.event-berita .m-filter__form {
    bottom: 10px
}

@media screen and (max-width: 768px) {
    .event-berita .m-filter__form {
        bottom:unset
    }
}

.event-berita .m-filter__form .m-filter__action .m-filter__layout {
    display: none
}

.button-highlight {
    margin-top: 0;
    padding-left: 24px
}

@media screen and (max-width: 768px) {
    .button-highlight {
        margin-top:8px;
        padding-left: 0
    }
}

.d-none {
    display: none
}

@media screen and (max-width: 768px) {
    .d-none {
        display:table-cell;
        vertical-align: middle
    }

    .d-none li {
        list-style-type: disc
    }
}

.m-d-none {
    display: block
}

@media screen and (max-width: 768px) {
    .m-d-none {
        display:none
    }
}

.bg-white {
    background-color: #fff
}

.bg-white .container .search-result {
    padding-left: 30px
}

@media screen and (max-width: 768px) {
    .bg-white .container .search-result {
        padding-left:1.2rem
    }
}

.color-black {
    color: #303030!important
}

.bg-white-full {
    background-color: #fff;
    height: 100vh
}

.bg-white-full_info {
    background-color: #fff;
    height: 100%
}

.bg-primary {
    background-color: #cd9c13
}

.bg-default {
    background-color: #efefef
}

.bg-dark {
    background-color: #031120!important
}

.bg-darker {
    background-color: #031120
}

.bg-pale-gray {
    background-color: #efefef
}

.color-primary {
    color: #b88800!important
}

.fl {
    float: left!important
}

.fr {
    float: right!important
}

article {
    font-size: 1.6rem;
    line-height: 1.6
}

.padding {
    margin-left: 12px
}

img {
    max-width: 100%
}

.ta-center {
    text-align: center
}

.aspect-ratio {
    position: relative
}

.aspect-ratio>:first-child {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.aspect-ratio.aspect-ratio--1-1 {
    padding-bottom: 100%
}

.aspect-ratio.aspect-ratio--16-9 {
    padding-bottom: 56.25%
}

.aspect-ratio.aspect-ratio--4-3 {
    padding-bottom: 75%
}

.g-recaptcha.g-recaptcha--left {
    text-align: left
}

.g-recaptcha.g-recaptcha--left>div {
    display: inline-block
}

@media screen and (max-width: 768px) {
    .g-recaptcha.g-recaptcha--center {
        text-align:center
    }
}

.g-recaptcha.g-recaptcha--center>div {
    display: inline-block
}

section {
    padding: 4rem 0
}

.pages-list--section {
    background-color: #cd9c13;
    color: #fff;
    text-align: center;
    font-size: 24px;
    padding: 24px;
    border-radius: 50px;
    margin-bottom: 40px
}

.pages-list--content {
    max-height: 500px;
    overflow: scroll;
    z-index: 999;
    white-space: nowrap
}

.pages-list--content .none {
    list-style-type: none
}

.pages-list--content ul {
    list-style: none;
    padding-top: .5rem;
    padding-bottom: 2rem;
    padding-left: 2.5rem
}

.pages-list--content li {
    line-height: 2.2
}

.pages-list--content li a {
    color: #2fa6fc
}

.pages-list--content li a.title {
    font-size: 20px!important;
    color: #cd9c13!important
}

.pages-list--content li a.subtitle {
    font-size: 14 px!important;
    color: #63acf2!important;
    padding-left: 16px
}

.pages-list--content li a:hover {
    color: #cd9c13
}

.hide-small {
    display: block
}

@media screen and (max-width: 768px) {
    .hide-small {
        display:none
    }
}

.none {
    display: none!important
}

@media screen and (max-width: 768px) {
    .md-none {
        display:none
    }
}

.link-underline {
    color: #fff!important;
    text-decoration: underline
}

.wd-100 {
    min-width: 76px!important
}

hr {
    margin-top: 16px;
    margin-bottom: 24px;
    height: 1px;
    background-color: #ccc;
    border: none
}

.image-header-product {
    margin: 1px
}

.image-header-product img {
    height: 240px;
    border-radius: 12px;
    width: 100%
}

@media screen and (max-width: 768px) {
    .image-header-product img {
        height:160px
    }
}

.m-fitur-wrapper {
    position: relative;
    min-height: 544px
}

@media screen and (max-width: 768px) {
    .m-fitur-wrapper {
        min-height:80px
    }
}

.m-simulation-tab-wrapper {
    position: relative;
    min-height: 990px
}

@media screen and (max-width: 768px) {
    .m-simulation-tab-wrapper {
        min-height:80px
    }
}

.m-simulation-wrapper {
    position: relative;
    min-height: 636px
}

@media screen and (max-width: 768px) {
    .m-simulation-wrapper {
        min-height:80px
    }
}

.mt-last-form {
    margin-top: 48px!important
}

@media screen and (max-width: 768px) {
    .mt-last-form {
        margin-top:0!important
    }
}

.flazz-wrapper {
    min-height: 600px;
    width: 100%
}

.form-flazz-wrapper {
    margin-top: 96px!important
}

@media screen and (max-width: 768px) {
    .form-flazz-wrapper {
        margin-top:8px!important
    }
}

.push-bottom {
    margin-bottom: 10rem
}

.push-image {
    margin-top: -10px
}

.email-subs {
    display: none
}

.email-subs.is-valid {
    display: block;
    color: #6dd400
}

.email-subs.is-invalid {
    display: block;
    color: #ff4c47
}

.push-top-credit {
    margin-top: -10rem!important;
    padding-top: 18rem!important
}

.push-top {
    margin-top: 11rem!important
}

.close-button {
    display: none
}

@media screen and (max-width: 768px) {
    .close-button {
        display:block
    }
}

@media screen and (max-width: 1024px) {
    .container {
        width:100%;
        padding-right: 2.4rem;
        padding-left: 2.4rem
    }
}

@media screen and (max-width: 1024px) {
    .row {
        margin-right:-1.2rem;
        margin-left: -1.2rem
    }
}

@media screen and (max-width: 1024px) {
    [class*=col-] {
        padding-right:1.2rem;
        padding-left: 1.2rem
    }
}

@media screen and (max-width: 768px) {
    [class*=col-].credit-card .a-card--results .a-card--content {
        padding-top:0
    }

    [class*=col-].credit-card .a-card--results .a-card--content .a-card--title {
        text-align: left
    }

    [class*=col-].credit-card .a-card--results .a-card--content .a-card--subtitle {
        display: unset
    }

    [class*=col-].credit-card .a-card--results .a-card--content .a-card--subtitle .a-text {
        text-align: left
    }
}

.a-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
    opacity: 0;
    transition: all .3s ease;
    pointer-events: none
}

.a-backdrop.fade {
    opacity: .5;
    z-index: 1010
}

.a-backdrop__close {
    display: none;
    position: absolute;
    top: 24px;
    right: 24px;
    font-size: 2.4rem
}

.search-header .a-backdrop.fade {
    z-index: 1009
}

.m-flex {
    display: flex
}

.loader-spin {
    display: none;
    margin-left: 120px;
    border: 3px solid #f3f3f3;
    border-radius: 50%;
    border-top: 3px solid #cd9c13;
    width: 24px;
    height: 24px;
    -webkit-animation: spin .5s linear infinite;
    animation: spin .5s linear infinite
}

@media screen and (max-width: 768px) {
    .loader-spin {
        margin-left:45%
    }
}

.loader-spin.is-active {
    display: block
}

.infinite-promo {
    transition: transform .4s ease;
    -webkit-animation: InPromo .4s ease-in-out 0s forwards;
    animation: InPromo .4s ease-in-out 0s forwards
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

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

    100% {
        transform: rotate(360deg)
    }
}

@keyframes InPromo {
    0% {
        opacity: .4;
        transform: scale3d(1.03,1.03,1.03);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    100% {
        opacity: 1;
        transform: scale3d(1,1,1);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@-webkit-keyframes InPromo {
    0% {
        opacity: .6;
        transform: scale3d(1.02,1.02,1.02);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    100% {
        opacity: 1;
        transform: scale3d(1,1,1);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animator {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-transform: translateZ(0)
}

.animator-hide {
    opacity: 1
}

.animator-ignore {
    pointer-events: none
}

.animator-i {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animator-d1 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.animator-d2 {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animator-d3 {
    -webkit-animation-duration: 3s;
    animation-duration: 3s
}

.animator-d4 {
    -webkit-animation-duration: 4s;
    animation-duration: 4s
}

.animator-d5 {
    -webkit-animation-duration: 5s;
    animation-duration: 5s
}

.animator-d6 {
    -webkit-animation-duration: 6s;
    animation-duration: 6s
}

.animator-d7 {
    -webkit-animation-duration: 7s;
    animation-duration: 7s
}

.animator-d8 {
    -webkit-animation-duration: 8s;
    animation-duration: 8s
}

.animator-d9 {
    -webkit-animation-duration: 9s;
    animation-duration: 9s
}

.animator-d10 {
    -webkit-animation-duration: 10s;
    animation-duration: 10s
}

.animator-s1 {
    -webkit-animation-delay: 50ms;
    animation-delay: 50ms
}

.animator-s2 {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.animator-s3 {
    -webkit-animation-delay: .15s;
    animation-delay: .15s
}

.animator-s4 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.animator-s5 {
    -webkit-animation-delay: .25s;
    animation-delay: .25s
}

.animator-s6 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.animator-s7 {
    -webkit-animation-delay: .35s;
    animation-delay: .35s
}

.animator-s8 {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.animator-s9 {
    -webkit-animation-delay: .45s;
    animation-delay: .45s
}

.animator-s10 {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.animator-s11 {
    -webkit-animation-delay: .55s;
    animation-delay: .55s
}

.animator-s12 {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.animator-s13 {
    -webkit-animation-delay: .65s;
    animation-delay: .65s
}

.animator-s14 {
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

.animator-s15 {
    -webkit-animation-delay: .75s;
    animation-delay: .75s
}

.animator-s16 {
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

.animator-s17 {
    -webkit-animation-delay: .85s;
    animation-delay: .85s
}

.animator-s18 {
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}

.animator-s19 {
    -webkit-animation-delay: .95s;
    animation-delay: .95s
}

.animator-s20 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.animator-barLeft {
    -webkit-animation-name: animator-barLeft;
    animation-name: animator-barLeft;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

.animator-barUp {
    -webkit-animation-name: animator-barUp;
    animation-name: animator-barUp;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

.animator-barUp,.animator-bounce {
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

.animator-bounce {
    -webkit-animation-name: animator-bounce;
    animation-name: animator-bounce
}

.animator-bounceIn {
    -webkit-animation-name: animator-bounceIn;
    animation-name: animator-bounceIn
}

.animator-bounceInDown {
    -webkit-animation-name: animator-bounceInDown;
    animation-name: animator-bounceInDown
}

.animator-bounceInLeft {
    -webkit-animation-name: animator-bounceInLeft;
    animation-name: animator-bounceInLeft
}

.animator-bounceInRight {
    -webkit-animation-name: animator-bounceInRight;
    animation-name: animator-bounceInRight
}

.animator-bounceInUp {
    -webkit-animation-name: animator-bounceInUp;
    animation-name: animator-bounceInUp
}

.animator-fadeIn {
    -webkit-animation-name: animator-fadeIn;
    animation-name: animator-fadeIn
}

.animator-fadeIn2 {
    -webkit-animation-name: animator-fadeIn2;
    animation-name: animator-fadeIn2
}

.animator-fadeInDown {
    -webkit-animation-name: animator-fadeInDown;
    animation-name: animator-fadeInDown
}

.animator-fadeInDownBig {
    -webkit-animation-name: animator-fadeInDownBig;
    animation-name: animator-fadeInDownBig
}

.animator-fadeInLeft {
    -webkit-animation-name: animator-fadeInLeft;
    animation-name: animator-fadeInLeft
}

.animator-fadeInLeftBig {
    -webkit-animation-name: animator-fadeInLeftBig;
    animation-name: animator-fadeInLeftBig
}

.animator-fadeInRight {
    -webkit-animation-name: animator-fadeInRight;
    animation-name: animator-fadeInRight
}

.animator-fadeInRight2 {
    -webkit-animation-name: animator-fadeInRight2;
    animation-name: animator-fadeInRight2
}

.animator-fadeInRightBig {
    -webkit-animation-name: animator-fadeInRightBig;
    animation-name: animator-fadeInRightBig
}

.animator-fadeInUp {
    -webkit-animation-name: animator-fadeInUp;
    animation-name: animator-fadeInUp
}

.animator-fadeInUpBig {
    -webkit-animation-name: animator-fadeInUpBig;
    animation-name: animator-fadeInUpBig
}

.animator-fadeInUpSmall {
    -webkit-animation-name: animator-fadeInUpSmall;
    animation-name: animator-fadeInUpSmall
}

.animator-flash {
    -webkit-animation-name: animator-flash;
    animation-name: animator-flash
}

.animator-flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: animator-flip;
    animation-name: animator-flip
}

.animator-flipInX {
    -webkit-animation-name: animator-flipInX;
    animation-name: animator-flipInX
}

.animator-flipInX,.animator-flipInY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

.animator-flipInY {
    -webkit-animation-name: animator-flipInY;
    animation-name: animator-flipInY
}

.animator-lightSpeedIn {
    -webkit-animation-name: animator-lightSpeedIn;
    animation-name: animator-lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.animator-pulse {
    -webkit-animation-name: animator-pulse;
    animation-name: animator-pulse
}

.animator-rollIn {
    -webkit-animation-name: animator-rollIn;
    animation-name: animator-rollIn
}

.animator-rotateIn {
    -webkit-animation-name: animator-rotateIn;
    animation-name: animator-rotateIn
}

.animator-rotateInDownLeft {
    -webkit-animation-name: animator-rotateInDownLeft;
    animation-name: animator-rotateInDownLeft
}

.animator-rotateInDownRight {
    -webkit-animation-name: animator-rotateInDownRight;
    animation-name: animator-rotateInDownRight
}

.animator-rotateInUpLeft {
    -webkit-animation-name: animator-rotateInUpLeft;
    animation-name: animator-rotateInUpLeft
}

.animator-rotateInUpRight {
    -webkit-animation-name: animator-rotateInUpRight;
    animation-name: animator-rotateInUpRight
}

.animator-rubberBand {
    -webkit-animation-name: animator-rubberBand;
    animation-name: animator-rubberBand
}

.animator-shake {
    -webkit-animation-name: animator-shake;
    animation-name: animator-shake
}

.animator-slideInDown {
    -webkit-animation-name: animator-slideInDown;
    animation-name: animator-slideInDown
}

.animator-slideInLeft {
    -webkit-animation-name: animator-slideInLeft;
    animation-name: animator-slideInLeft
}

.animator-slideInRight {
    -webkit-animation-name: animator-slideInRight;
    animation-name: animator-slideInRight
}

.animator-slideInUp {
    -webkit-animation-name: animator-slideInUp;
    animation-name: animator-slideInUp
}

.animator-slideInUp2 {
    -webkit-animation-name: animator-slideInUp2;
    animation-name: animator-slideInUp2
}

.animator-swing {
    -webkit-animation-name: animator-swing;
    animation-name: animator-swing;
    -webkit-transform-origin: top center;
    transform-origin: top center
}

.animator-tada {
    -webkit-animation-name: animator-tada;
    animation-name: animator-tada
}

.animator-wobble {
    -webkit-animation-name: animator-wobble;
    animation-name: animator-wobble
}

.animator-zoomIn {
    -webkit-animation-name: animator-zoomIn;
    animation-name: animator-zoomIn
}

.animator-zoomInScale {
    -webkit-animation-name: animator-zoomInScale;
    animation-name: animator-zoomInScale
}

.animator-zoomInDown {
    -webkit-animation-name: animator-zoomInDown;
    animation-name: animator-zoomInDown
}

.animator-zoomInLeft {
    -webkit-animation-name: animator-zoomInLeft;
    animation-name: animator-zoomInLeft
}

.animator-zoomInRight {
    -webkit-animation-name: animator-zoomInRight;
    animation-name: animator-zoomInRight
}

.animator-zoomInUp {
    -webkit-animation-name: animator-zoomInUp;
    animation-name: animator-zoomInUp
}

@-webkit-keyframes animator-barLeft {
    0% {
        -webkit-transform: scaleX(.1);
        -moz-transform: scaleX(.1);
        -ms-transform: scaleX(.1);
        -o-transform: scaleX(.1);
        transform: scaleX(.1);
        opacity: 0
    }

    to {
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        -ms-transform: scaleX(1);
        -o-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes animator-barLeft {
    0% {
        -webkit-transform: scaleX(.1);
        -moz-transform: scaleX(.1);
        -ms-transform: scaleX(.1);
        -o-transform: scaleX(.1);
        transform: scaleX(.1);
        opacity: 0
    }

    to {
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        -ms-transform: scaleX(1);
        -o-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-webkit-keyframes animator-barUp {
    0% {
        -webkit-transform: scaleY(.1);
        -moz-transform: scaleY(.1);
        -ms-transform: scaleY(.1);
        -o-transform: scaleY(.1);
        transform: scaleY(.1);
        opacity: 0
    }

    to {
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@keyframes animator-barUp {
    0% {
        -webkit-transform: scaleY(.1);
        transform: scaleY(.1);
        opacity: 0
    }

    to {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@-webkit-keyframes animator-bounce {
    0%,20%,53%,80%,to {
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        transition-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        transition-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

@keyframes animator-bounce {
    0%,20%,53%,80%,to {
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        transition-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        transition-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

@-webkit-keyframes animator-bounceIn {
    0%,20%,40%,60%,80%,to {
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes animator-bounceIn {
    0%,20%,40%,60%,80%,to {
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-webkit-keyframes animator-bounceInDown {
    0%,60%,75%,90%,to {
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes animator-bounceInDown {
    0%,60%,75%,90%,to {
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes animator-bounceInLeft {
    0%,60%,75%,90%,to {
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes animator-bounceInLeft {
    0%,60%,75%,90%,to {
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes animator-bounceInRight {
    0%,60%,75%,90%,to {
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes animator-bounceInRight {
    0%,60%,75%,90%,to {
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes animator-bounceInUp {
    0%,60%,75%,90%,to {
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes animator-bounceInUp {
    0%,60%,75%,90%,to {
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes animator-fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes animator-fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes animator-fadeIn2 {
    0% {
        opacity: 0
    }

    to {
        opacity: .5
    }
}

@keyframes animator-fadeIn2 {
    0% {
        opacity: 0
    }

    to {
        opacity: .5
    }
}

@-webkit-keyframes animator-fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes animator-fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes animator-fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes animator-fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes animator-fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes animator-fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes animator-fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes animator-fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes animator-fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(30px,0,0);
        transform: translate3d(30px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes animator-fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(30px,0,0);
        transform: translate3d(30px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes animator-fadeInRight2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(30px,0,0);
        transform: translate3d(30px,0,0)
    }

    50% {
        opacity: 1
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes animator-fadeInRight2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(30px,0,0);
        transform: translate3d(30px,0,0)
    }

    50% {
        opacity: 1
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes animator-fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes animator-fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes animator-fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes animator-fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes animator-fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes animator-fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes animator-fadeInUpSmall {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100px,0);
        transform: translate3d(0,100px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes animator-fadeInUpSmall {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100px,0);
        transform: translate3d(0,100px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes animator-flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@keyframes animator-flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@-webkit-keyframes animator-flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95);
        transform: perspective(400px) scale3d(.95,.95,.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes animator-flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95);
        transform: perspective(400px) scale3d(.95,.95,.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@-webkit-keyframes animator-flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes animator-flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-webkit-keyframes animator-flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes animator-flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-webkit-keyframes animator-lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes animator-lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes animator-pulse {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    50% {
        opacity: .7
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes animator-pulse {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    50% {
        opacity: .7
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-webkit-keyframes animator-rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes animator-rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes animator-rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes animator-rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes animator-rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes animator-rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes animator-rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes animator-rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes animator-rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes animator-rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes animator-rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes animator-rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes animator-rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes animator-rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-webkit-keyframes animator-shake {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

@keyframes animator-shake {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

@-webkit-keyframes animator-slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        visibility: visible
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes animator-slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        visibility: visible
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes animator-slideInLeft {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        visibility: visible
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes animator-slideInLeft {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        visibility: visible
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes animator-slideInRight {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        visibility: visible
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes animator-slideInRight {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        visibility: visible
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes animator-slideInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        visibility: visible
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes animator-slideInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        visibility: visible
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes animator-slideInUp2 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        visibility: visible
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes animator-slideInUp2 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        visibility: visible
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes animator-swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes animator-swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@-webkit-keyframes animator-tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes animator-tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-webkit-keyframes animator-wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes animator-wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes animator-zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.8,.8,.8);
        transform: scale3d(.8,.8,.8)
    }

    50% {
        opacity: 1
    }
}

@keyframes animator-zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.8,.8,.8);
        transform: scale3d(.8,.8,.8)
    }

    50% {
        opacity: 1
    }
}

@-webkit-keyframes animator-zoomInScale {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.5,.5,.5);
        transform: scale3d(.5,.5,.5)
    }

    50% {
        opacity: 1
    }
}

@keyframes animator-zoomInScale {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.5,.5,.5);
        transform: scale3d(.5,.5,.5)
    }

    50% {
        opacity: 1
    }
}

@-webkit-keyframes animator-zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes animator-zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@-webkit-keyframes animator-zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes animator-zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@-webkit-keyframes animator-zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes animator-zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@-webkit-keyframes animator-zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes animator-zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.next-button span {
    color: #b88800!important
}

.next-button.white span {
    color: #fff!important
}

.next-button.white i {
    font-size: 1.2rem;
    color: #fff!important;
    padding-left: .8rem;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .3s ease all
}

.next-button.white:hover span {
    color: #fff!important
}

.next-button.white:hover i {
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    -ms-transform: translateX(8px);
    -o-transform: translateX(8px);
    transform: translateX(8px);
    color: #fff!important
}

.next-button i {
    font-size: 1.2rem;
    color: #b88800!important;
    padding-left: .8rem;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .3s ease all
}

.next-button:hover span {
    color: #654b00!important
}

.next-button:hover i {
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    -ms-transform: translateX(8px);
    -o-transform: translateX(8px);
    transform: translateX(8px);
    color: #654b00!important
}

.back-button span {
    color: #b88800
}

.back-button.white span {
    color: #fff!important
}

.back-button.white i {
    font-size: 1.4rem;
    color: #fff!important;
    padding-right: .8rem;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .3s ease all
}

.back-button.white:hover span {
    color: #fff!important
}

.back-button.white:hover i {
    -webkit-transform: translateX(-4px);
    -moz-transform: translateX(-4px);
    -ms-transform: translateX(-4px);
    -o-transform: translateX(-4px);
    transform: translateX(-4px);
    color: #fff!important
}

.back-button i {
    font-size: 1.4rem;
    color: #b88800!important;
    padding-right: .8rem;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .3s ease all
}

.back-button:hover span {
    color: #654b00!important
}

.back-button:hover i {
    -webkit-transform: translateX(-4px);
    -moz-transform: translateX(-4px);
    -ms-transform: translateX(-4px);
    -o-transform: translateX(-4px);
    transform: translateX(-4px);
    color: #654b00!important
}

.next-button-inactive {
    color: #7c7c7c
}

.next-button-inactive i {
    font-size: 1.2rem;
    color: #7c7c7c;
    padding-left: .8rem
}

.content-corporate {
    padding-left: 52px
}

@media screen and (max-width: 768px) {
    .content-corporate {
        padding-left:0
    }
}

.text-button {
    color: #b88800;
    border-radius: 0
}

.text-button:hover {
    color: #654b00
}

.a-button {
    border-radius: 40px;
    text-decoration: none;
    text-align: center;
    padding: 20px 0;
    font-size: 1.6rem;
    min-width: 272px;
    display: inline-block;
    cursor: pointer
}

@media screen and (max-width: 768px) {
    .a-button {
        width:100%;
        margin-top: 2rem;
        padding: 16px 0
    }
}

@media screen and (max-width: 320px) {
    .a-button {
        min-width:100%
    }
}

.a-button.is-center {
    text-align: center
}

.a-button.is-medium {
    width: 100%;
    max-width: 288px
}

@media screen and (max-width: 1024px) {
    .a-button.is-medium {
        max-width:100%
    }
}

.a-button:active,.a-button:focus,.a-button:hover {
    text-decoration: none
}

.a-button.social-tweeter {
    align-content: center;
    background-color: #38a1f3;
    color: #fff
}

.a-button.social-tweeter i {
    color: #fff;
    padding-right: .8rem
}

.a-button.social-tweeter:hover {
    background-color: #654b00
}

.a-button.next-button {
    color: #cd9c13
}

.a-button.next-button.white {
    color: #fff
}

.a-button.next-button.white i {
    font-size: 1.4rem;
    color: #fff;
    padding-left: .8rem
}

.a-button.next-button i {
    font-size: 1.4rem;
    color: #cd9c13;
    padding-left: .8rem
}

.a-button.next-button:hover {
    color: #654b00
}

.a-button.next-button:hover i {
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    -ms-transform: translateX(8px);
    -o-transform: translateX(8px);
    transform: translateX(8px);
    color: #654b00
}

.a-button.next-button-inactive {
    color: #7c7c7c
}

.a-button.next-button-inactive i {
    font-size: 1.4rem;
    color: #7c7c7c;
    padding-left: .8rem
}

.a-button.social-facebook {
    background-color: #3b5998;
    color: #fff
}

.a-button.social-facebook i {
    align-self: center;
    font-size: 1.6rem;
    color: #fff;
    padding-right: .8rem
}

.a-button.social-facebook:hover {
    background-color: #654b00
}

.a-button.primary {
    background-color: #b88800;
    color: #fff
}

.a-button.primary:hover {
    background-color: #654b00
}

.a-button.secondary {
    background-color: transparent;
    color: #b88800;
    border: 1px solid #b88800
}

.a-button.secondary.transparent-background {
    background-color: transparent
}

.a-button.secondary.transparent-background--white {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.a-button.secondary.transparent-background--white:hover {
    color: #fff;
    background-color: #cd9c13
}

.a-button.secondary.transparent-background--primary {
    background-color: transparent;
    border-color: #b88800;
    color: #b88800
}

.a-button.secondary:hover,.a-button.secondary:hover i {
    background-color: #654b00;
    color: #fff
}

.a-button.secondary:hover i.transparent-background--white,.a-button.secondary:hover.transparent-background--white {
    background-color: #fff;
    border-color: #fff;
    color: #b88800!important
}

.a-button.text-button {
    color: #b88800;
    border-radius: 0
}

.a-button.text-button:hover {
    color: #654b00
}

.a-button.inactive,.a-button:disabled {
    background-color: #efefef;
    color: #b0b0b0;
    cursor: no-drop;
    pointer-events: none
}

.a-button.inactive-secondary,.a-button:disabled {
    cursor: no-drop;
    pointer-events: none;
    background-color: #fff;
    color: #b0b0b0;
    border: 1px solid #b0b0b0
}

.a-button.inactive-text,.a-button:disabled {
    color: #b0b0b0
}

.a-button.with-icon {
    border-radius: 30px;
    padding: 10px 20px;
    border: 1px solid #b88800;
    display: inline-block
}

.a-button.with-icon .icon-button {
    font-size: 1.6rem;
    padding-left: 8px
}

.a-button.with-icon .icon-button i {
    font-weight: 900;
    padding: 5px
}

.a-button.with-icon .tag-text {
    font-size: 1.6rem
}

.a-button.with-icon:not(:first-child) {
    margin-left: 10px
}

.a-button--rounded {
    height: 4.8rem;
    width: 4.8rem;
    overflow: hidden;
    border-radius: 50%;
    min-width: unset
}

.a-button--back-top {
    background-color: #fff;
    padding: 0;
    position: fixed;
    bottom: 8.8rem;
    right: 2.4rem;
    opacity: 0;
    -webkit-transition: opacity ease .3s;
    -moz-transition: opacity ease .3s;
    -o-transition: opacity ease .3s;
    transition: opacity ease .3s;
    pointer-events: none;
    z-index: 10;
    box-shadow: 0 4px 5px 0 rgba(0,0,0,.05),0 3px 14px 3px rgba(0,0,0,.05),0 8px 10px 1px rgba(0,0,0,.05)
}

.a-button--back-top.show {
    opacity: 1;
    pointer-events: initial
}

.a-button--back-top i {
    line-height: 4.8rem
}

.a-button.flazz-institusi {
    min-width: 287px
}
@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.6.3');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
	font-weight:400;
	font-style:normal;
	font-display:block
}
.mavin-icon { 
font-family:"FontAwesome"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #cd9c13
}
.mavin-icon[class*=" icon-"].is-small,.mavin-icon[class^=icon-].is-small {
	font-size:1.6rem
}
.mavin-icon[class*=" icon-"].is-medium,.mavin-icon[class^=icon-].is-medium {
	font-size:2.4rem
}
.mavin-icon[class*=" icon-"].is-large,.mavin-icon[class^=icon-].is-large {
	font-size:3.2rem
}
.mavin-icon[class*=" icon-"].is-extra-large,.mavin-icon[class^=icon-].is-extra-large {
	font-size:6.4rem
}
.mavin-icon.is-light {
	color:#fff
}
.mavin-icon.icon-home:before {
	content:"\f015"
}
.mavin-icon.icon-paket:before {
	content:"\e06a"
}
.mavin-icon.icon-institusi:before {
	content:"\f19c"
}
.mavin-icon.icon-login:before {
	content:"\f090"
}.mavin-icon.icon-chating:before {
	content:"\f086"
}.mavin-icon.icon-lawyer:before {
	content:"\f132"
}.mavin-icon.icon-cari:before {
	content:"\f002"
}.mavin-icon.icon-lokasi:before {
	content:"\f041"
}.mavin-icon.icon-chevron-back:before {
	content:"\f104"
}.mavin-icon.icon-chevron-next:before {
	content:"\f105"
}.mavin-icon.icon-question:before {
	content:"\f128"
}.mavin-icon.icon-chevron-up:before {
	content:"\f077"
}.mavin-icon.icon-call:before {
	content:"\f095"
}.mavin-icon.icon-mail:before {
	content:"\f0e0"
}.mavin-icon.icon-whatsapp:before {
	content:"\f232"
}.mavin-icon.icon-facebook:before {
	content:"\f082"
}.mavin-icon.icon-twitter:before {
	content:"\f099"
}.mavin-icon.icon-instagram:before {
	content:"\f16d"
}.mavin-icon.icon-youtube:before {
	content:"\f167"
}
 
.a-text-icon.is-dark {
    color: #000
}

.a-text-icon.is-brownish-grey {
    color: #6c6c6c
}

.a-text-icon.is-light {
    color: #fff
}

.a-text-icon>.mavin-icon {
    font-size: inherit;
    color: inherit;
    display: inline-block;
    margin-right: 8px;
    margin-left: 8px
}

.info-caption {
    line-height: 1.5
}

.a-icon-with-description {
    padding: 0 1rem;
    text-align: center
}

.a-icon-with-description_title {
    margin-bottom: 8px;
    font-size: 2.4rem;
    color: #303030
}

.a-icon-with-description_description {
    font-size: 1.6rem;
    color: #6c6c6c
}

.a-icon-with-description_subtitle {
    font-size: 2.4rem;
    color: #b88800
}

.a-icon-with-description .a-icon-with-description_icon {
    margin-bottom: 8px;
    font-size: 1.6rem
}

.a-icon-with-description_link {
    display: block;
    font-size: 1rem;
    text-decoration: underline
}

.m-card-fitur-carousel,.m-card-fitur-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.m-card-fitur-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.m-card-fitur-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.m-card-fitur-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.m-card-fitur-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0)
}

.m-card-fitur-carousel .owl-item,.m-card-fitur-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -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)
}

.m-card-fitur-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.m-card-fitur-carousel .owl-item img {
    display: block;
    width: 100%
}

.m-card-fitur-carousel .owl-dots.disabled,.m-card-fitur-carousel .owl-nav.disabled {
    display: none
}

.m-card-fitur-carousel.owl-loaded,.no-js .m-card-fitur-carousel {
    display: block
}

.m-card-fitur-carousel .owl-dot,.m-card-fitur-carousel .owl-nav .owl-next,.m-card-fitur-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.m-card-fitur-carousel .owl-nav button.owl-next,.m-card-fitur-carousel .owl-nav button.owl-prev,.m-card-fitur-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit
}

.m-card-fitur-carousel.owl-loading {
    opacity: 0;
    display: block
}

.m-card-fitur-carousel.owl-hidden {
    opacity: 0
}

.m-card-fitur-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.m-card-fitur-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.m-card-fitur-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.m-card-fitur-carousel.owl-rtl {
    direction: rtl
}

.m-card-fitur-carousel.owl-rtl .owl-item {
    float: right
}

.m-card-fitur-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.m-card-fitur-carousel .owl-animated-in {
    z-index: 0
}

.m-card-fitur-carousel .owl-animated-out {
    z-index: 1
}

.m-card-fitur-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.m-card-fitur-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.m-card-fitur-carousel .owl-item .owl-lazy:not([src]),.m-card-fitur-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.m-card-fitur-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.m-card-fitur-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.m-card-fitur-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: transform .1s ease;
    -moz-transition: transform .1s ease;
    -o-transition: transform .1s ease;
    transition: transform .1s ease
}

.m-card-fitur-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3,1.3);
    transform: scale(1.3,1.3)
}

.m-card-fitur-carousel .owl-video-playing .owl-video-play-icon,.m-card-fitur-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.m-card-fitur-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: opacity .4s ease;
    -moz-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.m-card-fitur-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.m-video-carousel,.m-video-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.m-video-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.m-video-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.m-video-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.m-video-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -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)
}

.m-video-carousel .owl-item,.m-video-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -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)
}

.m-video-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.m-video-carousel .owl-item img {
    display: block;
    width: 100%
}

.m-video-carousel .owl-dots.disabled,.m-video-carousel .owl-nav.disabled {
    display: none
}

.m-video-carousel.owl-loaded,.no-js .m-video-carousel {
    display: block
}

.m-video-carousel .owl-dot,.m-video-carousel .owl-nav .owl-next,.m-video-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.m-video-carousel .owl-nav button.owl-next,.m-video-carousel .owl-nav button.owl-prev,.m-video-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit
}

.m-video-carousel.owl-loading {
    opacity: 0;
    display: block
}

.m-video-carousel.owl-hidden {
    opacity: 0
}

.m-video-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.m-video-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.m-video-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.m-video-carousel.owl-rtl {
    direction: rtl
}

.m-video-carousel.owl-rtl .owl-item {
    float: right
}

.m-video-carousel .animated {
    animation-duration: 0s;
    animation-fill-mode: both
}

.m-video-carousel .owl-animated-in {
    z-index: 0
}

.m-video-carousel .owl-animated-out {
    z-index: 1
}

.m-video-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.m-video-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.m-video-carousel .owl-item .owl-lazy:not([src]),.m-video-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.m-video-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.m-video-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.m-video-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.m-video-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3,1.3);
    transform: scale(1.3,1.3)
}

.m-video-carousel .owl-video-playing .owl-video-play-icon,.m-video-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.m-video-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.m-video-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.m-flazz-carousel,.m-flazz-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.m-flazz-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.m-flazz-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.m-flazz-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.m-flazz-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -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)
}

.m-flazz-carousel .owl-item,.m-flazz-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -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)
}

.m-flazz-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.m-flazz-carousel .owl-item img {
    display: block;
    width: 100%
}

.m-flazz-carousel .owl-dots.disabled,.m-flazz-carousel .owl-nav.disabled {
    display: none
}

.m-flazz-carousel.owl-loaded,.no-js .m-flazz-carousel {
    display: block
}

.m-flazz-carousel .owl-dot,.m-flazz-carousel .owl-nav .owl-next,.m-flazz-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.m-flazz-carousel .owl-nav button.owl-next,.m-flazz-carousel .owl-nav button.owl-prev,.m-flazz-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit
}

.m-flazz-carousel.owl-loading {
    opacity: 0;
    display: block
}

.m-flazz-carousel.owl-hidden {
    opacity: 0
}

.m-flazz-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.m-flazz-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.m-flazz-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.m-flazz-carousel.owl-rtl {
    direction: rtl
}

.m-flazz-carousel.owl-rtl .owl-item {
    float: right
}

.m-flazz-carousel .animated {
    animation-duration: 0s;
    animation-fill-mode: both
}

.m-flazz-carousel .owl-animated-in {
    z-index: 0
}

.m-flazz-carousel .owl-animated-out {
    z-index: 1
}

.m-flazz-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.m-flazz-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.m-flazz-carousel .owl-item .owl-lazy:not([src]),.m-flazz-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.m-flazz-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.m-flazz-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.m-flazz-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.m-flazz-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3,1.3);
    transform: scale(1.3,1.3)
}

.m-flazz-carousel .owl-video-playing .owl-video-play-icon,.m-flazz-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.m-flazz-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.m-flazz-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.card-carousel-list,.card-carousel-list .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.card-carousel-list {
    display: none;
    width: 100%;
    z-index: 1
}

.card-carousel-list .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.card-carousel-list .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.card-carousel-list .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0)
}

.card-carousel-list .owl-item,.card-carousel-list .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -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)
}

.card-carousel-list .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.card-carousel-list .owl-item img {
    display: block;
    max-width: 100%
}

.card-carousel-list .owl-dots.disabled,.card-carousel-list.owl-nav.disabled {
    display: none
}

.card-carousel-list.owl-loaded,.no-js .card-carousel-list {
    display: block
}

.card-carousel-list .owl-dot,.card-carousel-list .owl-nav .owl-next,.card-carousel-list .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.card-carousel-list .owl-nav button.owl-next,.card-carousel-list .owl-nav button.owl-prev,.card-carousel-list button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important!important;
    font: inherit
}

.card-carousel-list.owl-loading {
    opacity: 0;
    display: block
}

.card-carousel-list.owl-hidden {
    opacity: 0
}

.owl-carousel-list.owl-refresh .owl-item {
    visibility: hidden
}

.card-carousel-list.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.card-carousel-list.owl-grab {
    cursor: move;
    cursor: grab
}

.card-carousel-list.owl-rtl {
    direction: rtl
}

.card-carousel-list.owl-rtl .owl-item {
    float: right
}

.card-carousel-list .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.card-carousel-list .owl-animated-in {
    z-index: 0
}

.card-carousel-list .owl-animated-out {
    z-index: 1
}

.card-carousel-list .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.card-carousel-list .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.card-carousel-list .owl-item .owl-lazy:not([src]),.card-carousel-list .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.card-carousel-list .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.card-carousel-list .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.card-carousel-list .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.card-carousel-list .owl-video-play-icon:hover {
    -ms-transform: scale(1.3,1.3);
    transform: scale(1.3,1.3)
}

.card-carousel-list .owl-video-playing .owl-video-play-icon,.card-carousel-list .owl-video-playing .owl-video-tn {
    display: none
}

.card-carousel-list .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.card-carousel-list .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

@media screen and (max-width: 1024px) {
    .group-card {
        display:block
    }

    .group-card [class*=col-] {
        display: block
    }

    .group-card .secondary-card {
        display: block
    }
}

.m-card-creditcardtype-carousel,.m-card-creditcardtype-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.m-card-creditcardtype-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.m-card-creditcardtype-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.m-card-creditcardtype-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.m-card-creditcardtype-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0)
}

.m-card-creditcardtype-carousel .owl-item,.m-card-creditcardtype-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -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)
}

.m-card-creditcardtype-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.m-card-creditcardtype-carousel .owl-item img {
    display: block;
    width: 100%
}

.m-card-creditcardtype-carousel .owl-dots.disabled,.m-card-creditcardtype-carousel .owl-nav.disabled {
    display: none
}

.m-card-creditcardtype-carousel.owl-loaded,.no-js .m-card-creditcardtype-carousel {
    display: block
}

.m-card-creditcardtype-carousel .owl-dot,.m-card-creditcardtype-carousel .owl-nav .owl-next,.m-card-creditcardtype-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.m-card-creditcardtype-carousel .owl-nav button.owl-next,.m-card-creditcardtype-carousel .owl-nav button.owl-prev,.m-card-creditcardtype-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit
}

.m-card-creditcardtype-carousel.owl-loading {
    opacity: 0;
    display: block
}

.m-card-creditcardtype-carousel.owl-hidden {
    opacity: 0
}

.m-card-creditcardtype-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.m-card-creditcardtype-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.m-card-creditcardtype-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.m-card-creditcardtype-carousel.owl-rtl {
    direction: rtl
}

.m-card-creditcardtype-carousel.owl-rtl .owl-item {
    float: right
}

.m-card-creditcardtype-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.m-card-creditcardtype-carousel .owl-animated-in {
    z-index: 0
}

.m-card-creditcardtype-carousel .owl-animated-out {
    z-index: 1
}

.m-card-creditcardtype-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.m-card-creditcardtype-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.m-card-creditcardtype-carousel .owl-item .owl-lazy:not([src]),.m-card-creditcardtype-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.m-card-creditcardtype-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.m-card-creditcardtype-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.m-card-creditcardtype-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.m-card-creditcardtype-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3,1.3);
    transform: scale(1.3,1.3)
}

.m-card-creditcardtype-carousel .owl-video-playing .owl-video-play-icon,.m-card-creditcardtype-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.m-card-creditcardtype-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.m-card-creditcardtype-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.card-carousel-wrapper,.card-carousel-wrapper .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.card-carousel-wrapper {
    display: none;
    width: 100%;
    z-index: 1
}

.card-carousel-wrapper .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.card-carousel-wrapper .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.card-carousel-wrapper .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0)
}

.card-carousel-wrapper .owl-item,.card-carousel-wrapper .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0)
}

.card-carousel-wrapper .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.card-carousel-wrapper .owl-item img {
    display: block;
    width: 100%
}

.card-carousel-wrapper .owl-dots.disabled,.card-carousel-wrapper .owl-nav.disabled {
    display: none
}

.card-carousel-wrapper.owl-loaded,.no-js .card-carousel-wrapper {
    display: block
}

.card-carousel-wrapper .owl-dot,.card-carousel-wrapper .owl-nav .owl-next,.card-carousel-wrapper .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.card-carousel-wrapper .owl-nav button.owl-next,.card-carousel-wrapper .owl-nav button.owl-prev,.card-carousel-wrapper button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit
}

.card-carousel-wrapper.owl-loading {
    opacity: 0;
    display: block
}

.card-carousel-wrapper.owl-hidden {
    opacity: 0
}

.card-carousel-wrapper.owl-refresh .owl-item {
    visibility: hidden
}

.card-carousel-wrapper.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.card-carousel-wrapper.owl-grab {
    cursor: move;
    cursor: grab
}

.card-carousel-wrapper.owl-rtl {
    direction: rtl
}

.card-carousel-wrapper.owl-rtl .owl-item {
    float: right
}

.card-carousel-wrapper .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.card-carousel-wrapper .owl-animated-in {
    z-index: 0
}

.card-carousel-wrapper .owl-animated-out {
    z-index: 1
}

.card-carousel-wrapper .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.card-carousel-wrapper .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.card-carousel-wrapper .owl-item .owl-lazy:not([src]),.card-carousel-wrapper .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.card-carousel-wrapper .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.card-carousel-wrapper .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.card-carousel-wrapper .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.card-carousel-wrapper .owl-video-play-icon:hover {
    -webkit-transform: scale(1.3,1.3);
    -moz-transform: scale(1.3,1.3);
    -ms-transform: scale(1.3,1.3);
    -o-transform: scale(1.3,1.3);
    transform: scale(1.3,1.3)
}

.card-carousel-wrapper .owl-video-playing .owl-video-play-icon,.card-carousel-wrapper .owl-video-playing .owl-video-tn {
    display: none
}

.card-carousel-wrapper .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.card-carousel-wrapper .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.card-carousel-wrapper.show {
    display: block
}

@media screen and (max-width: 768px) {
    .card-carousel-wrapper .owl-dots {
        z-index:1;
        position: absolute;
        -webkit-transform: translateX(-50);
        -moz-transform: translateX(-50);
        -ms-transform: translateX(-50);
        -o-transform: translateX(-50);
        transform: translateX(-50);
        width: 100%;
        text-align: center
    }

    .card-carousel-wrapper .owl-dots button {
        padding: 10px 20px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: 0 0;
        margin: 10px;
        border: none;
        cursor: pointer
    }

    .card-carousel-wrapper .owl-dots .owl-dot {
        background: 0 0;
        border: 1px solid #b88800;
        width: 8px;
        height: 8px;
        font-size: 0;
        border-radius: 8px;
        padding: 0;
        outline: 0;
        -webkit-transition: width .2s ease;
        -moz-transition: width .2s ease;
        -o-transition: width .2s ease;
        transition: width .2s ease
    }

    .card-carousel-wrapper .owl-dots .owl-dot.active {
        width: 8px;
        height: 8px;
        background: #b88800
    }

    .card-carousel-wrapper .owl-dots .owl-dot:not(:first-child) {
        margin-left: 8px
    }
}

.card-carousel-wrapper .owl-nav {
    text-align: right
}

.card-carousel-wrapper .owl-nav button.owl-next {
    background-color: #b88800;
    border: 0;
    border-radius: 50%;
    padding: 0 12px;
    color: #fff;
    margin-right: .8rem;
    outline: 0;
    font-size: 1.8rem;
    width: 30px;
    position: absolute;
    top: 35%;
    left: 99%
}

.card-carousel-wrapper .owl-nav button.owl-next span {
    font-size: 2rem;
    padding: 1rem .85rem
}

.card-carousel-wrapper .owl-nav button.owl-prev {
    background-color: #b88800;
    border: 0;
    border-radius: 50%;
    padding: 0 12px;
    color: #fff;
    margin-right: .8rem;
    outline: 0;
    font-size: 1.8rem;
    width: 30px;
    position: absolute;
    top: 35%;
    left: -1.5rem
}

.card-carousel-wrapper .owl-nav button.owl-prev span {
    font-size: 2rem;
    padding: 1rem .85rem
}

.card-carousel-wrapper .owl-nav button.disabled {
    display: none
}

@media screen and (max-width: 1024px) {
    .card-carousel-wrapper .owl-nav button {
        display:none
    }
}

.m-creditcardtype-cards {
    width: 100%
}

.m-smartcash.bg-smartcard {
    background-color: #d6edff;
    padding: 48px 0
}

.m-corporate-card.bg-corporate-card {
    background-color: #fffbec;
    padding: 48px 0
}

.m-card-creditcardtype-carousel .owl-dots.disabled,.m-card-creditcardtype-carousel .owl-nav.disabled {
    display: block
}

@media screen and (max-width: 768px) {
    .m-card-creditcardtype-carousel .owl-dots {
        z-index:1;
        position: absolute;
        -webkit-transform: translateX(-50);
        -moz-transform: translateX(-50);
        -ms-transform: translateX(-50);
        -o-transform: translateX(-50);
        transform: translateX(-50);
        width: 100%;
        text-align: center
    }

    .m-card-creditcardtype-carousel .owl-dots button {
        padding: 10px 20px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: 0 0;
        margin: 10px;
        border: none;
        cursor: pointer
    }

    .m-card-creditcardtype-carousel .owl-dots .owl-dot {
        background: 0 0;
        border: 1px solid #b88800;
        width: 8px;
        height: 8px;
        font-size: 0;
        border-radius: 8px;
        padding: 0;
        outline: 0;
        -webkit-transition: width .2s ease;
        -moz-transition: width .2s ease;
        -o-transition: width .2s ease;
        transition: width .2s ease
    }

    .m-card-creditcardtype-carousel .owl-dots .owl-dot.active {
        width: 8px;
        height: 8px;
        background: #b88800
    }

    .m-card-creditcardtype-carousel .owl-dots .owl-dot:not(:first-child) {
        margin-left: 8px
    }
}

.m-card-creditcardtype-carousel .owl-nav {
    text-align: right
}

.m-card-creditcardtype-carousel .owl-nav button.owl-next {
    background-color: #b88800;
    border: 0;
    border-radius: 50%;
    padding: 0 12px;
    color: #fff;
    margin-right: .8rem;
    outline: 0;
    font-size: 1.8rem;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 35%;
    left: 99%
}

.m-card-creditcardtype-carousel .owl-nav button.owl-next span {
    font-size: 2rem;
    padding: 1rem .85rem
}

.m-card-creditcardtype-carousel .owl-nav button.owl-prev {
    background-color: #b88800;
    border: 0;
    border-radius: 50%;
    padding: 0 12px;
    color: #fff;
    margin-right: .8rem;
    outline: 0;
    font-size: 1.8rem;
    height: 30px;
    width: 30px;
    position: absolute;
    top: 35%;
    left: -1.5rem
}

@media screen and (max-width: 768px) {
    .m-card-creditcardtype-carousel .owl-nav button.owl-prev {
        left:-32px
    }
}

.m-card-creditcardtype-carousel .owl-nav button.owl-prev span {
    font-size: 2rem;
    padding: 1rem .85rem
}

.m-card-creditcardtype-carousel .owl-nav button.disabled {
    display: none
}

@media screen and (max-width: 1024px) {
    .m-card-creditcardtype-carousel .owl-nav button {
        display:none
    }
}

.style-counter {
    display: block;
    width: auto;
    word-spacing: 26px;
    text-align: center;
    position: relative;
    top: 10px;
    color: #6c6c6c
}

@media screen and (max-width: 320px) {
    .style-counter {
        word-spacing:4px
    }
}

.card-carousel-list .owl-item img {
    width: 100%
}

.card-carousel-list .owl-dots.disabled {
    display: block
}

.card-carousel-list .owl-nav.disabled {
    display: none
}

@media screen and (max-width: 768px) {
    .card-carousel-list .owl-nav .owl-prev {
        float:left;
        padding: 20px;
        margin-left: 6rem
    }

    .card-carousel-list .owl-nav .owl-prev .is-secondary {
        color: #b88800
    }

    .card-carousel-list .owl-nav .owl-next {
        float: right;
        padding: 20px;
        margin-right: 6rem;
        font-size: 16px
    }

    .card-carousel-list .owl-nav .owl-next .is-secondary {
        color: #b88800
    }

    .card-carousel-list .owl-item {
        text-align: center
    }
}

.m-video-information {
    width: 100%
}

@keyframes contentVidio {
    0% {
        opacity: 0;
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        -ms-transform: scale(2);
        -o-transform: scale(2);
        transform: scale(2);
        -webkit-transform: translate3d(0,80%,0);
        -moz-transform: translate3d(0,80%,0);
        -ms-transform: translate3d(0,80%,0);
        -o-transform: translate3d(0,80%,0);
        transform: translate3d(0,80%,0)
    }

    80% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

@keyframes vidio {
    0% {
        z-index: -99;
        opacity: 0;
        -webkit-transform: scale3d(1.02,1.02,1.02);
        -moz-transform: scale3d(1.02,1.02,1.02);
        -ms-transform: scale3d(1.02,1.02,1.02);
        -o-transform: scale3d(1.02,1.02,1.02);
        transform: scale3d(1.02,1.02,1.02);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    100% {
        z-index: -99;
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        -moz-transform: scale3d(1,1,1);
        -ms-transform: scale3d(1,1,1);
        -o-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.m-video-carousel .owl-dots,.m-video-carousel .owl-nav {
    margin-left: 8rem
}

.m-video-carousel .owl-dots.disabled,.m-video-carousel .owl-nav.disabled {
    display: initial
}

.m-video-carousel .owl-item.active p {
    animation: contentVidio .5s ease-in-out 0s forwards
}

.m-video-carousel .owl-item.active iframe {
    animation: vidio .5s ease-in-out 0s forwards
}

@media screen and (max-width: 768px) {
    .m-video-carousel .owl-dots {
        z-index:1;
        position: absolute;
        -webkit-transform: translateX(-50);
        -moz-transform: translateX(-50);
        -ms-transform: translateX(-50);
        -o-transform: translateX(-50);
        transform: translateX(-50);
        width: 100%;
        text-align: center
    }

    .m-video-carousel .owl-dots button {
        padding: 10px 20px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: 0 0;
        margin: 10px;
        border: none;
        cursor: pointer
    }

    .m-video-carousel .owl-dots .owl-dot {
        background: 0 0;
        border: 1px solid #b88800;
        width: 8px;
        height: 8px;
        font-size: 0;
        border-radius: 8px;
        padding: 0;
        outline: 0;
        -webkit-transition: width .2s ease;
        -moz-transition: width .2s ease;
        -o-transition: width .2s ease;
        transition: width .2s ease
    }

    .m-video-carousel .owl-dots .owl-dot.active {
        width: 8px;
        height: 8px;
        background: #b88800
    }

    .m-video-carousel .owl-dots .owl-dot:not(:first-child) {
        margin-left: 8px
    }
}

.m-video-carousel .owl-nav {
    position: absolute;
    bottom: 13rem;
    left: 59.5%;
    text-align: right;
    margin-left: 7.2rem
}

@media screen and (max-width: 768px) {
    .m-video-carousel .owl-nav {
        position:relative;
        bottom: 2.4rem;
        left: 55px!important;
        margin-left: 0
    }
}

.m-video-carousel .owl-nav button span {
    font-size: 1.2rem
}

.m-video-carousel .owl-nav button.owl-next {
    background-color: #b88800;
    border: 0;
    border-radius: 50%;
    padding: 0 12px;
    color: #fff;
    margin-right: .8rem;
    outline: 0;
    font-size: 1.8rem;
    width: 30px;
    height: 30px;
    position: relative
}

.m-video-carousel .owl-nav button.owl-next span {
    padding: 1rem .85rem
}

.m-video-carousel .owl-nav button.owl-prev {
    background-color: #b88800;
    border: 0;
    border-radius: 50%;
    padding: 0 12px;
    color: #fff;
    margin-right: .8rem;
    outline: 0;
    font-size: 1.8rem;
    height: 30px;
    width: 30px;
    position: relative
}

.m-video-carousel .owl-nav button.owl-prev span {
    padding: 1rem .85rem
}

@media screen and (max-width: 768px) {
    .m-video-carousel .owl-nav button span {
        font-size:1.2rem
    }

    .m-video-carousel .owl-nav button.owl-next {
        background-color: #b88800;
        border: 0;
        border-radius: 50%;
        padding: 0 12px;
        color: #fff;
        margin-right: .8rem;
        outline: 0;
        font-size: 1.8rem;
        width: 30px;
        height: 30px;
        right: 32px;
        top: -6px
    }

    .m-video-carousel .owl-nav button.owl-next span {
        padding: 1rem .85rem
    }

    .m-video-carousel .owl-nav button.owl-prev {
        background-color: #b88800;
        border: 0;
        border-radius: 50%;
        padding: 0 12px;
        color: #fff;
        margin-right: .8rem;
        outline: 0;
        font-size: 1.8rem;
        width: 30px;
        height: 30px;
        left: -32px;
        top: -6px
    }

    .m-video-carousel .owl-nav button.owl-prev span {
        padding: 1rem .85rem
    }
}

.m-flazz-carousel {
    width: 100%
}

@keyframes contentText {
    0% {
        opacity: 0;
        transform: scale(2);
        -webkit-transform: translate3d(0,30%,0);
        -moz-transform: translate3d(0,30%,0);
        -ms-transform: translate3d(0,30%,0);
        -o-transform: translate3d(0,30%,0);
        transform: translate3d(0,30%,0)
    }

    100% {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: none;
        transform: none
    }
}

@keyframes images {
    0% {
        z-index: -99;
        opacity: 0;
        -webkit-transform: scale3d(1.02,1.02,1.02);
        -moz-transform: scale3d(1.02,1.02,1.02);
        -ms-transform: scale3d(1.02,1.02,1.02);
        -o-transform: scale3d(1.02,1.02,1.02);
        transform: scale3d(1.02,1.02,1.02);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    100% {
        z-index: -99;
        opacity: 1;
        -webkit-transform: scale3d(1.02,1.02,1.02);
        -moz-transform: scale3d(1.02,1.02,1.02);
        -ms-transform: scale3d(1.02,1.02,1.02);
        -o-transform: scale3d(1.02,1.02,1.02);
        transform: scale3d(1.02,1.02,1.02);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.m-flazz-carousel .owl-dots.disabled,.m-flazz-carousel .owl-nav.disabled {
    display: initial
}

.m-flazz-carousel .owl-item.active p {
    animation: contentText .4s ease-in-out 0s forwards
}

.m-flazz-carousel .owl-item.active img {
    animation: images .5s ease-in-out 0s forwards
}

@media screen and (max-width: 768px) {
    .m-flazz-carousel .owl-dots {
        z-index:1;
        position: absolute;
        -webkit-transform: translateX(-50);
        -moz-transform: translateX(-50);
        -ms-transform: translateX(-50);
        -o-transform: translateX(-50);
        transform: translateX(-50);
        width: 100%;
        text-align: center
    }

    .m-flazz-carousel .owl-dots button {
        padding: 10px 20px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: 0 0;
        margin: 10px;
        border: none;
        cursor: pointer
    }

    .m-flazz-carousel .owl-dots .owl-dot {
        background: 0 0;
        border: 1px solid #b88800;
        width: 8px;
        height: 8px;
        font-size: 0;
        border-radius: 8px;
        padding: 0;
        outline: 0;
        -webkit-transition: width .2s ease;
        -moz-transition: width .2s ease;
        -o-transition: width .2s ease;
        transition: width .2s ease
    }

    .m-flazz-carousel .owl-dots .owl-dot.active {
        width: 8px;
        height: 8px;
        background: #b88800
    }

    .m-flazz-carousel .owl-dots .owl-dot:not(:first-child) {
        margin-left: 8px
    }
}

.m-flazz-carousel .owl-nav {
    position: absolute;
    bottom: 16rem;
    left: 0;
    text-align: right
}

@media screen and (max-width: 768px) {
    .m-flazz-carousel .owl-nav {
        bottom:-3.2rem;
        right: 0
    }
}

.m-flazz-carousel .owl-nav button.owl-next {
    background-color: #b88800;
    border: 0;
    border-radius: 50%;
    padding: 0 12px;
    color: #fff;
    margin-right: .8rem;
    outline: 0;
    font-size: 1.8rem;
    width: 32px;
    height: 32px;
    position: relative
}

.m-flazz-carousel .owl-nav button.owl-next span {
    font-size: 2rem;
    padding: 1rem .85rem
}

.m-flazz-carousel .owl-nav button.owl-prev {
    background-color: #b88800;
    border: 0;
    border-radius: 50%;
    padding: 0 12px;
    color: #fff;
    margin-right: .8rem;
    outline: 0;
    font-size: 1.8rem;
    height: 32px;
    width: 32px;
    position: relative
}

.m-flazz-carousel .owl-nav button.owl-prev span {
    font-size: 2rem;
    padding: 1rem .85rem
}

@media screen and (max-width: 768px) {
    .m-flazz-carousel .owl-nav button.owl-next {
        background-color:#b88800;
        border: 0;
        border-radius: 50%;
        padding: 0 12px;
        color: #fff;
        margin-right: .8rem;
        outline: 0;
        font-size: 1.8rem;
        width: 30px;
        height: 30px
    }

    .m-flazz-carousel .owl-nav button.owl-next span {
        font-size: 2rem;
        padding: 1rem .85rem
    }

    .m-flazz-carousel .owl-nav button.owl-prev {
        background-color: #b88800;
        border: 0;
        border-radius: 50%;
        padding: 0 12px;
        color: #fff;
        margin-right: .8rem;
        outline: 0;
        font-size: 1.8rem;
        width: 30px;
        height: 30px
    }

    .m-flazz-carousel .owl-nav button.owl-prev span {
        font-size: 2rem;
        padding: 1rem .85rem
    }
}

.m-fitur-cards {
    width: 100%
}

.m-card-fitur-carousel .owl-item {
    padding: 2rem 0
}

@media screen and (max-width: 768px) {
    .m-card-fitur-carousel .owl-item {
        padding-bottom:0
    }
}

@media screen and (max-width: 768px) {
    .m-card-fitur-carousel .owl-dots {
        z-index:1;
        position: absolute;
        -webkit-transform: translateX(-50);
        -moz-transform: translateX(-50);
        -ms-transform: translateX(-50);
        -o-transform: translateX(-50);
        transform: translateX(-50);
        width: 100%;
        text-align: center
    }

    .m-card-fitur-carousel .owl-dots button {
        padding: 10px 20px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: 0 0;
        margin: 10px;
        border: none;
        cursor: pointer
    }

    .m-card-fitur-carousel .owl-dots .owl-dot {
        background: 0 0;
        border: 1px solid #b88800;
        width: 8px;
        height: 8px;
        font-size: 0;
        border-radius: 8px;
        padding: 0;
        outline: 0;
        -webkit-transition: width .2s ease;
        -moz-transition: width .2s ease;
        -o-transition: width .2s ease;
        transition: width .2s ease
    }

    .m-card-fitur-carousel .owl-dots .owl-dot.active {
        width: 8px;
        height: 8px;
        background: #b88800
    }

    .m-card-fitur-carousel .owl-dots .owl-dot:not(:first-child) {
        margin-left: 8px
    }
}

.m-card-fitur-carousel .owl-nav {
    text-align: right;
    padding: 0 1.2rem;
    margin-top: 0
}

.m-card-fitur-carousel .owl-nav button.owl-next,.m-card-fitur-carousel .owl-nav button.owl-prev {
    background-color: #b88800;
    border: 0;
    border-radius: 50%;
    padding: 0 12px;
    color: #fff;
    margin-right: .8rem;
    outline: 0;
    font-size: 1.8rem;
    width: 40px;
    height: 40px
}

.m-card-fitur-carousel .owl-nav button.owl-next span,.m-card-fitur-carousel .owl-nav button.owl-prev span {
    font-size: 2rem;
    padding: 1rem .85rem
}

.m-card-fitur-carousel .owl-nav button.owl-next {
    margin-right: 0
}

@media screen and (max-width: 1024px) {
    .m-card-fitur-carousel .owl-nav button {
        display:none
    }
}

.a-cards {
    border-radius: .9rem;
    width: 100%;
    margin-bottom: 1.5rem;
    background-color: #fff
}

.a-cards.small {
    width: 53px;
    height: 32px
}

.a-cards.small img {
    border-radius: 2px
}

.a-cards.large {
    width: 280px;
    height: 176px
}

.a-cards.large img {
    border-radius: 12px
}

.a-cards.diagonal {
    width: 160px;
    height: 160px
}

.a-cards.diagonal img {
    width: 132px;
    -webkit-transform: translate(-4px,-8px) rotate(-45deg);
    -moz-transform: translate(-4px,-8px) rotate(-45deg);
    -ms-transform: translate(-4px,-8px) rotate(-45deg);
    -o-transform: translate(-4px,-8px) rotate(-45deg);
    transform: translate(-4px,-8px) rotate(-45deg);
    -webkit-transform-origin: center right;
    -moz-transform-origin: center right;
    -ms-transform-origin: center right;
    -o-transform-origin: center right;
    transform-origin: center right
}

.a-cards.shadow0 {
    box-shadow: 0 0 14px 0 rgba(0,0,0,.03),0 0 10px 0 rgba(0,0,0,.03)
}

.a-cards.shadow1 {
    box-shadow: 0 4px 5px 0 rgba(0,0,0,.05),0 3px 14px 3px rgba(0,0,0,.05),0 8px 10px 1px rgba(0,0,0,.05)
}

.a-cards.shadow2 {
    box-shadow: 0 8px 10px 0 rgba(0,0,0,.05),0 6px 30px 5px rgba(0,0,0,.05),0 16px 24px 2px rgba(0,0,0,.05)
}

.a-cards.news-card {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    cursor: pointer
}

.a-cards.news-card:hover {
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px);
    box-shadow: 0 8px 10px 0 rgba(0,0,0,.05),0 6px 30px 5px rgba(0,0,0,.05),0 16px 24px 2px rgba(0,0,0,.05)
}

.a-cards.news-card.primary-card .card-action .action-button,.a-cards.news-card.secondary-card .card-action .action-button {
    list-style: none;
    padding-left: 0;
    display: block;
    padding-bottom: 10px
}

.a-cards.news-card.primary-card .card-action .action-button li,.a-cards.news-card.secondary-card .card-action .action-button li {
    float: left
}

.a-cards.news-card.primary-card .card-action .action-button li a,.a-cards.news-card.secondary-card .card-action .action-button li a {
    cursor: pointer
}

.a-cards.news-card.primary-card .card-action .action-button li~li,.a-cards.news-card.secondary-card .card-action .action-button li~li {
    margin-left: 10px
}

.a-cards.news-card.primary-card .card-action .action-button i,.a-cards.news-card.primary-card .card-action .action-button span,.a-cards.news-card.secondary-card .card-action .action-button i,.a-cards.news-card.secondary-card .card-action .action-button span {
    color: #b0b0b0;
    vertical-align: middle
}

.a-cards.news-card.primary-card .card-action .action-button span,.a-cards.news-card.secondary-card .card-action .action-button span {
    margin-left: 5px
}

.a-cards.news-card.primary-card img {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    width: 100%;
    height: 30%;
    object-fit: cover
}

.a-cards.news-card.primary-card .card-content {
    padding: 1.5rem
}

.a-cards.news-card.primary-card .card-content .card-date p {
    color: #b0b0b0
}

.a-cards.news-card.secondary-card .row.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.a-cards.news-card.secondary-card .row.no-gutters [class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.a-cards.news-card.secondary-card img {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    width: 100%;
    height: 14.8rem;
    -o-object-fit: cover;
    object-fit: cover
}

.a-cards.news-card.secondary-card .card-content {
    padding: 30px
}

.a-cards.news-card.secondary-card .card-content .card-date p {
    color: #b0b0b0
}

.a-cards.sidebar-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    -webkit-transition: transform .2s,box-shadow .2s;
    -moz-transition: transform .2s,box-shadow .2s;
    -o-transition: transform .2s,box-shadow .2s;
    transition: transform .2s,box-shadow .2s;
    cursor: pointer
}

.a-cards.sidebar-card:hover {
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px);
    box-shadow: 0 8px 10px 0 rgba(0,0,0,.05),0 6px 30px 5px rgba(0,0,0,.05),0 16px 24px 2px rgba(0,0,0,.05)
}

.a-cards.sidebar-card img {
    border-radius: 12px;
    width: 100%;
    height: 270px;
    -o-object-fit: cover;
    object-fit: cover
}

.a-cards.sidebar-card .card-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 2.5rem;
    overflow: hidden
}

.a-cards.sidebar-card a {
    color: #000
}

.a-cards.featured-card {
    position: relative;
    width: 100%;
    height: 270px;
    word-wrap: break-word;
    background-color: #fff;
    flex-direction: column;
    border: 1px solid rgba(0,0,0,.125);
    background-image: url(/img/others/featurate-card-corner-img.png);
    background-repeat: no-repeat;
    background-position: top right;
    -webkit-transition: transform .2s,box-shadow .2s;
    -moz-transition: transform .2s,box-shadow .2s;
    -o-transition: transform .2s,box-shadow .2s;
    transition: transform .2s,box-shadow .2s;
    cursor: pointer
}

.a-cards.featured-card__icon {
    position: relative;
    top: 24%;
    left: 77%;
    font-size: 6.4rem
}

.a-cards.featured-card:hover {
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px);
    box-shadow: 0 8px 10px 0 rgba(0,0,0,.05),0 6px 30px 5px rgba(0,0,0,.05),0 16px 24px 2px rgba(0,0,0,.05)
}

.a-cards.featured-card .card-content {
    margin-top: 15px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    left: 0;
    padding: 4.5rem;
    overflow: hidden
}

.a-cards.featured-card .card-content i {
    margin-left: 10px;
    font-size: 1rem
}

.a-cards.featured-card .card-content a,.a-cards.featured-card .card-content i {
    color: #b88800
}

.a-cards.timeline-card {
    position: relative;
    width: 100%;
    height: auto;
    word-wrap: break-word;
    flex-direction: column;
    background-color: #fff;
    flex-direction: column;
    border: 1px solid rgba(0,0,0,.125);
    -webkit-transition: transform .2s,box-shadow .2s;
    -moz-transition: transform .2s,box-shadow .2s;
    -o-transition: transform .2s,box-shadow .2s;
    transition: transform .2s,box-shadow .2s
}

@media screen and (max-width: 768px) {
    .a-cards.timeline-card {
        width:auto
    }
}

.a-cards.timeline-card:hover {
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px);
    box-shadow: 0 8px 10px 0 rgba(0,0,0,.05),0 6px 30px 5px rgba(0,0,0,.05),0 16px 24px 2px rgba(0,0,0,.05)
}

.a-cards.timeline-card .card-content {
    position: absolute;
    top: 30%;
    left: 10%;
    right: -13px;
    left: 0;
    padding-top: 2.5rem;
    overflow: hidden
}

.a-cards.promo-with-detail-card.primary-card {
    -webkit-transition: transform .2s,box-shadow .2s;
    -moz-transition: transform .2s,box-shadow .2s;
    -o-transition: transform .2s,box-shadow .2s;
    transition: transform .2s,box-shadow .2s;
    cursor: pointer
}

.a-cards.promo-with-detail-card.primary-card:hover {
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px);
    box-shadow: 0 8px 10px 0 rgba(0,0,0,.05),0 6px 30px 5px rgba(0,0,0,.05),0 16px 24px 2px rgba(0,0,0,.05)
}

.a-cards.promo-with-detail-card.primary-card img {
     
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.a-cards.promo-with-detail-card.primary-card a {
    color: #303030
}

.a-cards.promo-with-detail-card.primary-card .card-logo {
    position: absolute;
    top: 0;
    padding: 1rem
}

.a-cards.promo-with-detail-card.primary-card .card-logo img {
    box-shadow: 0 4px 5px 0 rgba(0,0,0,.05),0 3px 14px 3px rgba(0,0,0,.05),0 8px 10px 1px rgba(0,0,0,.05);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #fff
}

.a-cards.promo-with-detail-card.primary-card .card-content {
    padding: 20px;
    color: #303030
}

.a-cards.promo-with-detail-card.primary-card .card-content .card-date span {
    margin-left: 5px
}

.a-cards.promo-with-detail-card.primary-card .card-content .card-date i,.a-cards.promo-with-detail-card.primary-card .card-content .card-date span {
    color: #b0b0b0;
    vertical-align: middle
}

.a-cards.promo-with-detail-card.primary-card:empty::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    box-shadow: 0 10px 45px rgba(0,0,0,.1);
    background-image: linear-gradient(90deg,rgba(211,211,211,0) 0)
}

.a-cards-paspors {
    padding: 20px;
    border: 2px solid transparent
}

.a-cards-paspors.is-active .a-cards-paspors-card-content .title-text,.a-cards-paspors:hover .a-cards-paspors-card-content .title-text {
    color: #b88800
}

.a-cards-paspors-card-img {
    display: flex;
    margin: 0 auto
}

.a-cards-paspors-card-img img {
    width: 120px;
    margin: 0 auto
}

.a-cards-paspors-card-content {
    text-align: center
}

.a-cards-paspors-card-content .title-text {
    font-size: 2.4rem;
    margin-top: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.a-cards-benefit-title {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 20px;
    font-size: 1.6rem;
    color: #cd9c13
}

.a-cards-benefit-desc {
    text-align: center;
    padding-bottom: 30px;
    font-size: 1.2rem;
    padding-left: 10px;
    padding-right: 10px
}

.a-cards__promotion {
    width: 392px;
    border: 1px solid #ccc;
    height: 248px;
    border-radius: 5px
}

.a-cards.reward-point-card .card-content {
    padding: 20px
}

.a-cards.loan-card img {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    width: 100%;
    height: 200px;
    object-fit: cover
}

.a-cards.loan-card .card-content {
    padding: 20px
}

.a-cards.loan-card .loans-title {
    position: absolute;
    top: 10px;
    left: 35px;
    font-size: 3.2rem;
    width: 200px;
    color: #fff
}

.a-cards.loan-card .card-subtitle {
    font-size: 1rem;
    font-weight: lighter
}

.a-cards.loan-card .card-subtitle a {
    margin-top: 30px
}

.a-cards.loan-card .card-subtitle a,.a-cards.loan-card .card-subtitle i {
    color: #b88800
}

.a-cards.loan-card .card-subtitle i {
    margin-left: 10px;
    font-size: .6rem
}

.a-cards.loan-card .card-subtitle p {
    display: -webkit-box;
    max-width: 100%;
    word-break: break-word;
    margin-bottom: 2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1
}

.a-cards__promotion-title {
    width: 260px;
    color: #fff;
    padding-top: 20px;
    padding-bottom: 20px
}

.a-cards__promotion-title span {
    font-size: 3rem;
    font-weight: 500
}

.a-cards__wrapper-top {
    width: 100%;
    display: flex
}

.a-cards__due-date {
    padding-top: 10px;
    width: 100%
}

.a-cards__due-date span {
    font-size: 1.6rem;
    line-height: 1.17;
    font-weight: 400;
    color: #fff
}

.a-cards__icon-tabs {
    display: flex;
    list-style: none;
    padding-left: 0;
    padding-top: 34px
}

.a-cards__icon-box {
    width: auto;
    padding: 10px 15px;
    border: 1px solid #f0f8ff;
    border-radius: 8px;
    margin-right: 10px
}

.a-cards__icon-box i:before {
    font-size: .8rem
}

.a-cards__icon-title {
    padding-left: 5px;
    color: #fff;
    font-weight: 400;
    font-size: 1.4rem
}

.a-cards__img-logo {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-left: 10px
}

.a-cards__img-logo img {
    border-radius: 50%;
    position: relative;
    left: -32px;
    top: 30px
}

.a-cards__product {
    height: auto;
    border: 1px solid #f3f3f3;
    border-radius: calc(4 * 5px)
}

.a-cards__product img {
    border-top-left-radius: calc(4 * 5px);
    border-top-right-radius: calc(4 * 5px);
    width: 100%;
    object-fit: cover
}

.a-cards__product-wrapper-top {
    width: 100%;
    display: flex
}

.a-cards__product-title {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    padding-left: 24px;
    padding-top: 24px;
    position: absolute;
    top: 10px;
    font-size: 2.4rem;
    font-weight: 700;
    color: #ffff
}

.a-cards__product-icon {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    position: absolute;
    top: 40px;
    right: 40px;
    height: 20px
}

.a-cards__line {
    border-bottom: .5px solid #cecece;
    width: auto;
    padding: 10px 20px
}

.a-cards__product-list {
    list-style-type: none;
    padding-right: 20px;
    padding-left: 20px;
    font-size: 1.6rem;
    color: #303030
}

.a-cards__product-list li {
    width: 240px;
    line-height: 1.5;
    font-weight: 400;
    padding-right: 25px;
    padding-top: 20px;
    font-size: 1.6rem
}

.a-cards__product-list li a {
    text-decoration: none;
    color: #303030;
    padding-left: 10px;
    padding-top: 10px;
    transition: color .4s ease
}

.a-cards__product-list li i {
    color: #b88800;
    margin-left: 10px;
    font-size: .6rem
}

.a-cards__product-list li a:hover {
    color: #2fa6fc
}

.a-cards__product-list li:hover {
    border-radius: calc(5 * 4px)
}

.a-cards__product-list li:nth-child(4) {
    border-bottom: none;
    padding-top: 28px;
    padding-bottom: 30px
}

.a-cards__product-list li:nth-child(4) a {
    color: #2fa6fc
}

.card-location i,.card-location span {
    color: #6c6c6c
}

.news-card.secondary-card .card-title p {
    display: -webkit-box;
    max-width: 100%;
    word-break: break-word;
    height: 7.2rem;
    margin: 0 auto;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.news-card.primary-card .card-title p {
    display: -webkit-box;
    max-width: 100%;
    word-break: break-word;
    height: 7rem;
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1
}

.text-title {
    font-size: 3.2rem;
    line-height: 3.6rem
}

.text-title.a-text--ellipsis {
    -webkit-line-clamp: 1
}

.text-paragraph {
    font-size: 1.6rem;
    color: #6c6c6c
}

.text-subtitle {
    font-size: 2.4rem;
    line-height: 3rem
}

@media screen and (max-width: 768px) {
    .text-subtitle {
        margin-top:-4rem;
        position: relative;
        margin-left: 2.4rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding-left: 3rem;
        font-size: 2rem;
        line-height: 2.6rem
    }

    .text-title {
        min-height: 5rem;
        font-size: 2rem;
        line-height: 2.6rem
    }

    .text-paragraph {
        font-size: 1.6rem;
        line-height: 2.4rem;
        color: #6c6c6c
    }
}

.a-card {
    border-radius: .9rem;
    width: 100%;
    margin-bottom: 1.5rem;
    background-color: #fff;
    margin-bottom: 2.5rem;
    overflow: hidden;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    cursor: pointer
}

.a-card.shadow0 {
    box-shadow: 0 0 14px 0 rgba(0,0,0,.03),0 0 10px 0 rgba(0,0,0,.03)
}

.a-card.shadow1 {
    box-shadow: 0 4px 5px 0 rgba(0,0,0,.05),0 3px 14px 3px rgba(0,0,0,.05),0 8px 10px 1px rgba(0,0,0,.05)
}

.a-card.shadow2 {
    box-shadow: 0 8px 10px 0 rgba(0,0,0,.05),0 6px 30px 5px rgba(0,0,0,.05),0 16px 24px 2px rgba(0,0,0,.05)
}

@media screen and (min-width: 1024px) {
    .a-card:hover {
        -webkit-transform:translateY(-2px);
        -moz-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
        -o-transform: translateY(-2px);
        transform: translateY(-2px);
        box-shadow: 0 8px 10px 0 rgba(0,0,0,.05),0 6px 30px 5px rgba(0,0,0,.05),0 16px 24px 2px rgba(0,0,0,.05)
    }

    .a-card:hover .a-card--img img {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05)
    }
}

.a-card a {
    color: #000
}

.a-card.eform {
    margin-top: 4.8rem
}

@media screen and (max-width: 768px) {
    .a-card.eform {
        margin-top:0
    }

    .a-card.eform h2 {
        font-size: 2.4rem
    }

    .a-card.eform p .a-text-body {
        font-size: 1.6rem;
        margin-bottom: 0
    }

    .a-card.eform p .a-text-subtitle {
        font-size: 2rem
    }
}

.a-card.eform--contact {
    padding: 2.4rem;
    text-align: center
}

.a-card.eform--contact i {
    font-size: 4.8rem
}

.a-card.eform--contact .a-text-micro {
    color: #b88800
}

.a-card--img {
    max-height: 294px;
    width: 100%;
    height: 294px;
    position: relative;
    overflow: hidden
}

@media screen and (max-width: 1024px) {
    .a-card--img {
        height:292px
    }
}

@media screen and (max-width: 768px) {
    .a-card--img {
        max-height:192px
    }
}

.a-card--img:before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgba(0,0,0,.2);
    z-index: 1
}

@supports (-webkit-touch-callout:none) {
    .a-card--img:before {
        border-top-left-radius: .9rem;
        border-top-right-radius: .9rem
    }
}

.a-card--img img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .3s ease-in-out
}

.a-card .a-text-title {
    margin-top: 0
}

.a-card .a-text-small {
    margin-bottom: 0;
    color: #6c6c6c
}

.a-card--logo {
    position: absolute;
    top: 1.5rem;
    left: 1.5rem;
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50%;
    z-index: 3
}

.a-card--logo img {
    box-shadow: 0 4px 5px 0 rgba(0,0,0,.05),0 3px 14px 3px rgba(0,0,0,.05),0 8px 10px 1px rgba(0,0,0,.05);
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 50%;
    background-color: #fff
}

.a-card--pict-testi {
    position: absolute;
    top: calc(100% - 31rem);
    left: 1.5rem;
    width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 50%;
    z-index: 3
}

.a-card--content {
    padding: 2.4rem;
    
    position: relative;
    z-index: 3
}

@media screen and (max-width: 1024px) {
    .a-card--content {
         
    }
}

.a-card--content2 {
    padding: 1.5rem;
    position: relative
}

@media screen and (max-width: 1024px) {
    .a-card--content2 {
        height:196px
    }
}

.a-card--date {
    color: #b0b0b0
}

.a-card--title {
    min-height: 88px;
    margin-bottom: 1rem
}

.a-card--title .a-text.a-text-subtitle {
    line-height: 1.25
}

.a-card--action {
    position: absolute;
    bottom: 1.6rem;
    left: 2rem
}

.a-card--action ul {
    list-style: none;
    padding-left: 0;
    display: block;
    padding-bottom: 10px
}

.a-card--action li {
    float: left
}

.a-card--action li a {
    cursor: pointer
}

.a-card--action li~li {
    margin-left: 10px
}

.a-card--action i,.a-card--action span {
    color: #6c6c6c;
    vertical-align: middle
}

.a-card--action span {
    margin-left: 5px
}

.a-card--action-link i {
    margin-left: .8rem
}

.a-card--creditcardtype {
    cursor: pointer;
    padding: 20px;
    border: 2px solid transparent
}

.a-card--creditcardtype a {
    color: #6c6c6c
}

.a-card--creditcardtype.is-active,.a-card--creditcardtype:hover {
    border-color: #2fa6fc;
    color: #b88800
}

.a-card--creditcardtype.is-active .a-cards-paspors-card-content .title-text,.a-card--creditcardtype:hover .a-cards-paspors-card-content .title-text {
    color: #2fa6fc
}

.a-card--creditcardtype-content {
    display: none
}

.a-card--creditcardtype-content.is-active {
    display: block
}

.a-card--creditcardtype-card-img {
    margin: 0 auto
}

.a-card--creditcardtype-card-img img {
    width: 120px;
    margin: 0 auto
}

.a-card--creditcardtype-card-content {
    text-align: center
}

.a-card--creditcardtype-card-content .title-text {
    font-size: 1.4rem;
    margin-top: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.a-card--sidebar {
    cursor: pointer;
    height: 184px;
    border: 2px solid transparent
}

@media screen and (max-width: 768px) {
    .a-card--sidebar {
        height:auto
    }
}

.a-card--sidebar a:hover {
    color: #654b00
}

.a-card--sidebar a:hover i {
    margin-top: 2px;
    font-size: 16px
}

.a-card--sidebar a i {
    margin-top: 2px;
    font-size: 16px
}

.a-card--sidebar .card-content {
    margin: 2.4rem
}

.a-card--sidebar .card-content-side_left {
    width: 80px;
    height: 136px;
    position: relative
}

.a-card--sidebar .card-content-side_left_with-icon {
    padding: 20px;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    font-size: 2rem;
    text-align: center;
    background-color: #efefef
}

@media screen and (max-width: 1024px) {
    .a-card--sidebar .card-content-side_left {
        width:100%;
        display: initial
    }
}

.a-card--sidebar .card-content-side_right {
    padding-left: 32px
}

@media screen and (max-width: 1024px) {
    .a-card--sidebar .card-content-side_right {
        padding-left:0;
        margin-top: 20px;
        width: 100%;
        display: block
    }
}

.a-card--sidebar .card-content-side_title {
    font-size: 2.4rem
}

.a-card--sidebar .card-content-side_description {
    font-size: .875rem;
    color: #6c6c6c
}

.a-card--sidebar-small {
    cursor: pointer;
    height: 152px;
    border: 2px solid transparent
}

@media screen and (max-width: 768px) {
    .a-card--sidebar-small {
        height:290px
    }
}

.a-card--sidebar-small a:hover {
    color: #654b00
}

.a-card--sidebar-small i {
    color: #b88800
}

.a-card--sidebar-small .card-content {
    margin: 2.4rem
}

.a-card--sidebar-small .card-content-side_left {
    width: 80px;
    height: 104px;
    position: relative
}

.a-card--sidebar-small .card-content-side_left_with-icon {
    padding: 20px;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    font-size: 2rem;
    text-align: center;
    background-color: #efefef
}

@media screen and (max-width: 1024px) {
    .a-card--sidebar-small .card-content-side_left {
        width:100%;
        display: initial
    }
}

.a-card--sidebar-small .card-content-side_right {
    padding-left: 32px
}

@media screen and (max-width: 1024px) {
    .a-card--sidebar-small .card-content-side_right {
        padding-left:0;
        margin-top: 20px;
        width: 100%;
        display: block
    }
}

.a-card--sidebar-small .card-content-side_title {
    font-size: 2.4rem
}

.a-card--sidebar-small .card-content-side_description {
    font-size: .875rem;
    color: #6c6c6c
}

.a-card--sidebar-strukture-image {
    position: relative;
    width: 100%;
    height: 130px;
    word-wrap: break-word;
    background-color: #fff;
    flex-direction: column;
    cursor: pointer;
    border: 2px solid transparent
}

.a-card--sidebar-strukture-image .card-content {
    padding-left: 1.6rem;
    margin: 2.4rem
}

@media screen and (max-width: 768px) {
    .a-card--sidebar-strukture-image .card-content {
        padding-left:0
    }
}

.a-card--sidebar-strukture-image .card-content .a-text-body {
    color: #b88800
}

.a-card--sidebar-strukture-image .card-content .a-card--title {
    position: absolute;
    top: 55%;
    transform: translateY(-50%);
    min-height: unset
}

@media screen and (max-width: 768px) {
    .a-card--sidebar-strukture-image .card-content .a-card--title {
        padding-left:0
    }
}

.a-card--sidebar-strukture-image .card-content img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover
}

.a-card--sidebar-strukture {
    cursor: pointer;
    height: 130px;
    border: 2px solid transparent
}

@media screen and (max-width: 768px) {
    .a-card--sidebar-strukture {
        height:190px
    }

    .a-card--sidebar-strukture .card-content {
        margin: 4.8rem 2.4rem
    }
}

@media screen and (max-width: 1024px) {
    .a-card--sidebar-strukture {
        height:144px
    }
}

.a-card--sidebar-strukture .card-content {
    margin: 4.8rem 2.4rem
}

.a-card--sidebar-strukture .card-content .a-text-body {
    color: #b88800
}

.a-card--fitur {
    position: relative;
    width: 100%;
    height: 270px;
    word-wrap: break-word;
    background-color: #fff;
    flex-direction: column;
    background-image: url(/img/others/fitur-card-corner-img.png);
    background-repeat: no-repeat;
    background-position: top right;
    box-shadow: 0 4px 5px 0 rgba(0,0,0,.05),0 3px 14px 3px rgba(0,0,0,.05),0 8px 10px 1px rgba(0,0,0,.05);
    -webkit-transition: transform .2s,box-shadow .2s;
    -moz-transition: transform .2s,box-shadow .2s;
    -o-transition: transform .2s,box-shadow .2s;
    transition: transform .2s,box-shadow .2s;
    cursor: pointer
}

.a-card--fitur:hover {
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px);
    box-shadow: 0 8px 10px 0 rgba(0,0,0,.05),0 6px 30px 5px rgba(0,0,0,.05),0 16px 24px 2px rgba(0,0,0,.05)
}

.a-card--fitur .card-content {
    margin-top: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 3rem;
    overflow: hidden
}

.a-card--fitur .card-content i {
    width: 100%
}

.a-card--featured {
    position: relative;
    width: 100%;
    height: 275px;
    word-wrap: break-word;
    background-color: #fff;
    flex-direction: column;
    background-image: url(/img/others/featurate-card-corner-img.png);
    background-repeat: no-repeat;
    background-size: 150px 160px;
    background-position: top right;
    -webkit-transition: transform .2s,box-shadow .2s;
    -moz-transition: transform .2s,box-shadow .2s;
    -o-transition: transform .2s,box-shadow .2s;
    transition: transform .2s,box-shadow .2s;
    cursor: pointer
}

.a-card--featured .card--icon {
    position: relative;
    top: 6.3rem;
    left: 43rem;
    height: 76px;
    width: 65px;
    font-size: 6rem
}

@media screen and (max-width: 768px) {
    .a-card--featured {
        background-size:36%;
        height: 295px
    }

    .a-card--featured .card--icon {
        position: relative;
        top: 18%;
        left: 69%;
        height: 58px;
        width: 50px;
        font-size: 5rem
    }
}

@media screen and (max-width: 768px) {
    .a-card--featured {
        background-size:128px 128px
    }
}

.a-card--featured:hover {
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px);
    box-shadow: 0 8px 10px 0 rgba(0,0,0,.05),0 6px 30px 5px rgba(0,0,0,.05),0 16px 24px 2px rgba(0,0,0,.05)
}

.a-card--featured .card-content {
    margin-top: 5rem;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    left: 0;
    padding: 4rem;
    overflow: hidden
}

@media screen and (max-width: 768px) {
    .a-card--featured .card-content {
        margin-top:4.5rem
    }
}

.a-card--product {
    position: relative;
    width: 100%;
    height: 324px;
    word-wrap: break-word;
    background-color: #fff;
    flex-direction: column;
    -webkit-transition: transform .2s,box-shadow .2s;
    -moz-transition: transform .2s,box-shadow .2s;
    -o-transition: transform .2s,box-shadow .2s;
    transition: transform .2s,box-shadow .2s;
    box-shadow: 0 4px 5px 0 rgba(0,0,0,.05),0 3px 14px 3px rgba(0,0,0,.05),0 8px 10px 1px rgba(0,0,0,.05);
    cursor: pointer
}

.a-card--product:hover {
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px);
    box-shadow: 0 8px 10px 0 rgba(0,0,0,.05),0 6px 30px 5px rgba(0,0,0,.05),0 16px 24px 2px rgba(0,0,0,.05)
}

.a-card--product .card-content {
    margin-top: 2rem;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    left: 0;
    padding: 1rem;
    overflow: hidden
}

.a-card--product .card-content i {
    margin-left: 10px;
    font-size: 1rem
}

.a-card--product .card-content a,.a-card--product .card-content i {
    color: #b88800
}

.a-card--info {
    position: relative;
    width: 100%;
    height: 255px;
    word-wrap: break-word;
    background-color: #fff;
    flex-direction: column;
    -webkit-transition: transform .2s,box-shadow .2s;
    -moz-transition: transform .2s,box-shadow .2s;
    -o-transition: transform .2s,box-shadow .2s;
    transition: transform .2s,box-shadow .2s;
    cursor: pointer;
    color: #303030
}

@media screen and (max-width: 768px) {
    .a-card--info {
        height:auto;
        position: inherit
    }
}

.a-card--info .card-content {
    margin-top: 1.6rem;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 3.2rem;
    overflow: hidden
}

.a-card--info .card-content i {
    margin-left: 10px
}

.a-card--info .card-content .a-card--title a:hover {
    cursor: default
}

@media screen and (max-width: 768px) {
    .a-card--info .card-content {
        margin-top:.8rem;
        position: unset
    }

    .a-card--info .card-content h2 {
        margin-left: 0;
        padding-left: 0
    }
}

.a-card--info:hover {
    cursor: default
}

.a-card--activity {
    position: relative;
    padding: 3.2rem;
    width: 100%;
    word-wrap: break-word;
    background-color: #fff;
    flex-direction: column;
    box-shadow: 0 4px 5px 0 rgba(0,0,0,.05),0 3px 14px 3px rgba(0,0,0,.05),0 8px 10px 1px rgba(0,0,0,.05);
    -webkit-transition: transform .2s,box-shadow .2s;
    -moz-transition: transform .2s,box-shadow .2s;
    -o-transition: transform .2s,box-shadow .2s;
    transition: transform .2s,box-shadow .2s;
    cursor: pointer;
    color: #303030
}

.a-card--activity:hover {
    background-color: #b88800;
    color: #fff;
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px);
    box-shadow: 0 8px 10px 0 rgba(0,0,0,.05),0 6px 30px 5px rgba(0,0,0,.05),0 16px 24px 2px rgba(0,0,0,.05)
}

.a-card--activity:hover h2 {
    color: #fff
}

.a-card--activity:hover i {
    color: #fff
}

@media screen and (max-width: 768px) {
    .a-card--activity {
        padding:.8rem 2rem
    }
}

.a-card--activity .card-content {
    margin-top: 0;
    overflow: hidden
}

@media screen and (max-width: 768px) {
    .a-card--activity .card-content i {
        margin-right:2.4rem
    }
}

.a-card--activity a {
    height: 136px;
    padding-top: 3rem;
    display: block
}

@media screen and (max-width: 768px) {
    .a-card--activity a {
        padding-top:0;
        display: table;
        height: 70px
    }
}

.a-card--activity a>* {
    display: block
}

@media screen and (max-width: 768px) {
    .a-card--activity a>* {
        display:table-cell;
        vertical-align: middle
    }
}

.a-card--activity a h2 {
    font-size: 2rem;
    margin-top: 2.4rem
}

@media screen and (max-width: 768px) {
    .a-card--activity a h2 {
        margin:0
    }
}

.a-card--results {
    width: 100%;
    word-wrap: break-word;
    background-color: #fff;
    flex-direction: column
}

@media screen and (max-width: 768px) {
    .a-card--results {
        background-color:transparent;
        box-shadow: 0 0!important
    }
}

.a-card--results .a-card--content {
    height: unset;
    padding: 2.4rem 3.2rem 3.2rem
}

@media screen and (max-width: 768px) {
    .a-card--results .a-card--content {
        padding-bottom:0
    }

    .a-card--results .a-card--content a:last-of-type {
        margin-bottom: 0!important
    }
}

.a-card--results .a-card--img {
    text-align: center
}

.a-card--results .a-card--img:before {
    content: initial
}

.a-card--results .a-card--img img {
    max-width: 70%;
    height: auto;
    display: inline-block;
    position: relative;
    margin-top: 4.8rem
}

@media screen and (max-width: 768px) {
    .a-card--results .a-card--img img {
        margin-top:2.4rem
    }
}

.a-card--results .a-card--title {
    height: 10rem
}

.a-card--results .a-card--title h2 {
    margin-top: 0;
    font-size: 2.4rem;
    line-height: 1.2
}

.a-card--news-new .a-card--content {
    height: 256px
}

@media screen and (max-width: 768px) {
    .a-card--news-new .a-card--content {
        height:190px
    }
}

.a-card--media {
    position: relative;
    height: 460px
}

@media screen and (max-width: 768px) {
    .a-card--media {
        height:360px
    }
}

.a-card--media .a-card--img {
    height: 294px
}

.a-card--media .a-card--title {
    display: block
}

.a-card--media .a-card--title .a-text-body {
    line-height: 2.4rem
}

.a-card--media .a-card--content {
    height: 170px
}

.a-card--media .a-card--action {
    position: absolute;
    bottom: 2.4rem
}

.a-card--article .a-card--img {
    padding: 1.5rem;
    height: 232px
}

.a-card--article .a-card--img img,.a-card--article .a-card--img:before {
    left: 0;
    top: 0;
    position: absolute
}

.a-card--article .a-card--title {
    margin-top: 0;
    position: relative;
    color: #fff;
    z-index: 2
}

.a-card--article .a-card--content {
    height: 156px
}

.a-card--new-post {
    position: relative;
    height: 365px
}

@media screen and (max-width: 768px) {
    .a-card--new-post {
        height:260px
    }
}

.a-card--new-post.small {
    height: 292px
}

.a-card--new-post.small .a-card--img {
    min-height: 220px;
    height: 220px
}

.a-card--new-post.height {
    height: 464px
}

.a-card--new-post.height .a-card--img {
    min-height: 392px;
    height: 392px
}

@media screen and (max-width: 768px) {
    .a-card--new-post.height,.a-card--new-post.small {
        height:260px
    }

    .a-card--new-post.height .a-card--img,.a-card--new-post.small .a-card--img {
        min-height: 198px;
        height: 198px
    }
}

.a-card--new-post i {
    color: #cd9c13
}

.a-card--new-post span {
    color: #cd9c13
}

.a-card--new-post .a-card--content {
    height: 72px;
    padding-bottom: 3.2rem
}

.a-card--new-post .a-card--action {
    position: absolute;
    bottom: 2.4rem
}

.a-card--image-management-detail {
    position: relative;
    background-color: #fff;
    background-clip: border-box;
    height: 376px;
    -webkit-transition: transform .2s,box-shadow .2s;
    -moz-transition: transform .2s,box-shadow .2s;
    -o-transition: transform .2s,box-shadow .2s;
    transition: transform .2s,box-shadow .2s
}

@media screen and (max-width: 768px) {
    .a-card--image-management-detail {
        height:182px
    }
}

.a-card--image-management-detail .a-card-img {
    height: 100%;
    position: absolute;
    overflow: hidden;
    border-radius: .9rem
}

.a-card--image-management-detail .a-card-img:before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgba(48,48,48,.075);
    z-index: 2
}

.a-card--image-management-detail img {
    border-radius: 12px;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 1
}

.a-card--image-management {
    position: relative;
    background-color: #fff;
    background-clip: border-box;
    height: 220px;
    -webkit-transition: transform .2s,box-shadow .2s;
    -moz-transition: transform .2s,box-shadow .2s;
    -o-transition: transform .2s,box-shadow .2s;
    transition: transform .2s,box-shadow .2s
}

@media screen and (max-width: 768px) {
    .a-card--image-management {
        height:182px
    }
}

.a-card--image-management:hover {
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px);
    box-shadow: 0 8px 10px 0 rgba(0,0,0,.05),0 6px 30px 5px rgba(0,0,0,.05),0 16px 24px 2px rgba(0,0,0,.05)
}

.a-card--image-management .a-card--img {
    height: 100%;
    position: absolute;
    overflow: hidden;
    border-radius: .9rem
}

.a-card--image-management .a-card--img:before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgba(48,48,48,.075);
    z-index: 2
}

.a-card--image-management img {
    border-radius: 12px;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 1
}

.a-card--image-bg {
    position: relative;
    background-color: #fff;
    background-clip: border-box;
    height: 232px;
    -webkit-transition: transform .2s,box-shadow .2s;
    -moz-transition: transform .2s,box-shadow .2s;
    -o-transition: transform .2s,box-shadow .2s;
    transition: transform .2s,box-shadow .2s;
    cursor: pointer
}

@media screen and (max-width: 768px) {
    .a-card--image-bg {
        height:192px
    }
}

.a-card--image-bg:hover {
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px);
    box-shadow: 0 8px 10px 0 rgba(0,0,0,.05),0 6px 30px 5px rgba(0,0,0,.05),0 16px 24px 2px rgba(0,0,0,.05)
}

.a-card--image-bg .a-card--img {
    height: 100%;
    position: absolute;
    overflow: hidden;
    border-radius: .9rem
}

.a-card--image-bg .a-card--img:before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 2
}

.a-card--image-bg img {
    border-radius: 12px;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 1
}

.a-card--image-bg .a-card--content {
    position: relative;
    color: #f7f7f7;
    z-index: 3
}

.a-card--image-social-media {
    position: relative;
    background-color: #fff;
    background-clip: border-box;
    height: 294px;
    -webkit-transition: transform .2s,box-shadow .2s;
    -moz-transition: transform .2s,box-shadow .2s;
    -o-transition: transform .2s,box-shadow .2s;
    transition: transform .2s,box-shadow .2s;
    cursor: pointer
}

@media screen and (max-width: 768px) {
    .a-card--image-social-media {
        height:192px
    }
}

.a-card--image-social-media:hover {
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px);
    box-shadow: 0 8px 10px 0 rgba(0,0,0,.05),0 6px 30px 5px rgba(0,0,0,.05),0 16px 24px 2px rgba(0,0,0,.05)
}

.a-card--image-social-media .a-card--img {
    height: 100%;
    position: absolute;
    overflow: hidden;
    border-radius: .9rem
}

.a-card--image-social-media .a-card--img:before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgba(48,48,48,.075);
    z-index: 2
}

.a-card--image-social-media img {
    border-radius: 12px;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 1
}

.a-card--image-social-media .a-card--content {
    position: relative;
    z-index: 3
}

.a-card--image-social-media .a-card--content i {
    color: #fff
}

.a-card--upload-image {
    position: relative;
    height: 392px;
    cursor: default
}

@media screen and (max-width: 768px) {
    .a-card--upload-image {
        height:328px
    }
}

.a-card--upload-image .a-card--content {
    height: 346px;
    position: relative;
    margin: 2.4rem;
    border: 1.5px dashed rgba(176,176,176,.35);
    padding: 9.6rem 2rem 2rem 2rem;
    text-align: center
}

.a-card--upload-image .a-card--content .uploadFile {
    height: 0;
    width: 0;
    overflow: hidden
}

@media screen and (max-width: 768px) {
    .a-card--upload-image .a-card--content {
        height:282px;
        padding: 5.6rem 2rem 2rem 2rem
    }
}

.a-card--upload-image .a-card--content i {
    color: #efefef;
    font-size: 6.4rem
}

.a-card--upload-image .a-card--content p {
    color: #b0b0b0
}

.a-card--upload-image .a-card--content img {
    display: block;
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width: 1024px) {
    .a-card--upload-image:hover {
        -webkit-transform:translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        box-shadow: 0 0 14px 0 rgba(0,0,0,.03),0 0 10px 0 rgba(0,0,0,.03)
    }

    .a-card--upload-image:hover .a-card--img img {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

.a-card--landscape-socialmedia {
    height: 188px;
    position: relative;
    left: 0
}

@media screen and (max-width: 1024px) {
    .a-card--landscape-socialmedia {
        height:auto
    }
}

.a-card--landscape-socialmedia:after {
    display: block;
    content: "";
    clear: both
}

.a-card--landscape-socialmedia .a-text.a-text-subtitle {
    margin-top: 1rem;
    line-height: 1
}

@media screen and (max-width: 1024px) {
    .a-card--landscape-socialmedia .a-text.a-text-subtitle {
        margin-top:20px
    }
}

.a-card--landscape-socialmedia .a-card--img {
    height: 188px;
    width: 168px;
    position: absolute;
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
    overflow: hidden;
    left: 0
}

@media screen and (max-width: 1024px) {
    .a-card--landscape-socialmedia .a-card--img {
        position:relative;
        width: 100%;
        height: 200px;
        border-radius: 0
    }
}

.a-card--landscape-socialmedia .a-card--content {
    float: left;
    padding-left: 183px;
    height: 100%;
    position: relative;
    padding: 2.4rem 2.4rem 0 183px
}

@media screen and (max-width: 1024px) {
    .a-card--landscape-socialmedia .a-card--content {
        padding-left:1.5rem;
        height: 200px
    }
}

.a-card--landscape-socialmedia .a-card--action {
    padding-left: 170px;
    bottom: 1rem
}

.a-card--landscape {
    height: 166px;
    position: relative;
    left: 0
}

@media screen and (max-width: 1024px) {
    .a-card--landscape {
        height:auto
    }
}

.a-card--landscape:after {
    display: block;
    content: "";
    clear: both
}

.a-card--landscape .a-text.a-text-subtitle {
    margin-top: 1rem;
    line-height: 1
}

@media screen and (max-width: 1024px) {
    .a-card--landscape .a-text.a-text-subtitle {
        margin-top:20px
    }
}

.a-card--landscape .a-card--img {
    height: 166px;
    width: 168px;
    position: absolute;
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
    overflow: hidden;
    left: 0
}

@media screen and (max-width: 1024px) {
    .a-card--landscape .a-card--img {
        position:relative;
        width: 100%;
        height: 292px;
        border-radius: 0
    }
}

@media screen and (max-width: 768px) {
    .a-card--landscape .a-card--img {
        height:128px;
        width: 128px;
        position: absolute;
        border-top-left-radius: 1rem;
        border-bottom-left-radius: 1rem;
        overflow: hidden;
        left: 0
    }
}

@supports (-webkit-touch-callout:none) {
    .a-card--landscape .a-card--img:before {
        border-top-left-radius: .9rem;
        border-bottom-left-radius: .9rem
    }
}

.a-card--landscape .a-card--content {
    float: left;
    padding-left: 183px;
    height: 100%;
    position: relative;
    padding: 2.4rem 2.4rem 0 183px
}

@media screen and (max-width: 1024px) {
    .a-card--landscape .a-card--content {
        padding-left:1.5rem;
        height: 256px
    }
}

@media screen and (max-width: 768px) {
    .a-card--landscape .a-card--content {
        loat:left;
        padding-left: 152px;
        height: 100%;
        position: relative;
        padding: 2.4rem 2.4rem 0 152px
    }
}

.a-card--landscape .a-card--action {
    padding-left: 170px;
    bottom: 1rem
}

@media screen and (max-width: 768px) {
    .a-card--landscape {
        height:128px
    }
}

.a-card--podcast-secondary {
    height: 208px;
    position: relative;
    left: 0
}

.a-card--podcast-secondary.is-active {
    border: 1.5px solid #2fa6fc
}

.a-card--podcast-secondary__action {
    margin-top: 3.2rem;
    white-space: nowrap
}

.a-card--podcast-secondary__action-head--filter {
    height: 6rem
}

.a-card--podcast-secondary__action a,.a-card--podcast-secondary__action button {
    cursor: pointer;
    color: #b88800;
    display: inline-block;
    height: 4rem;
    border: 1px solid #b88800;
    border-radius: 1.8rem;
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
    text-align: center
}

.a-card--podcast-secondary__action a i,.a-card--podcast-secondary__action button i {
    font-size: 1.8rem
}

.a-card--podcast-secondary__action a i,.a-card--podcast-secondary__action a span,.a-card--podcast-secondary__action button i,.a-card--podcast-secondary__action button span {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block
}

.a-card--podcast-secondary__action a.active-btn,.a-card--podcast-secondary__action a:hover,.a-card--podcast-secondary__action button.active-btn,.a-card--podcast-secondary__action button:hover {
    background: #b88800;
    color: #fff
}

.a-card--podcast-secondary__action a.active-btn i,.a-card--podcast-secondary__action a:hover i,.a-card--podcast-secondary__action button.active-btn i,.a-card--podcast-secondary__action button:hover i {
    color: #fff
}

@media screen and (max-width: 1024px) {
    .a-card--podcast-secondary {
        height:auto
    }
}

.a-card--podcast-secondary:after {
    display: block;
    content: "";
    clear: both
}

.a-card--podcast-secondary .a-text.a-text-subtitle {
    margin-top: 1rem;
    line-height: 1
}

.a-card--podcast-secondary .a-card--img {
    height: 208px;
    width: 184px;
    position: absolute;
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
    overflow: hidden;
    left: 0
}

@media screen and (max-width: 1024px) {
    .a-card--podcast-secondary .a-card--img {
        position:relative;
        width: 100%;
        height: 292px;
        border-radius: 0
    }
}

.a-card--podcast-secondary .a-card--content {
    float: left;
    padding-left: 208px;
    height: 100%
}

@media screen and (max-width: 1024px) {
    .a-card--podcast-secondary .a-card--content {
        padding-left:24px
    }
}

.a-card--podcast-secondary .a-card--content.a-card--date {
    width: 100%
}

.a-card--podcast-secondary .a-card--action {
    padding-left: 170px;
    bottom: 1rem
}

@media screen and (max-width: 768px) {
    .a-card--podcast-secondary .a-card--action {
        padding-left:0
    }
}

@media screen and (max-width: 1024px) {
    .a-card--podcast-secondary .a-card--title {
        margin-top:2rem!important;
        margin-bottom: 1rem
    }

    .a-card--podcast-secondary .a-card--title .a-text {
        font-size: 2.4rem;
        line-height: 1.25
    }
}

@media screen and (max-width: 768px) {
    .a-card--podcast-secondary .a-card--title .a-text {
        font-size:1.8rem
    }
}

.a-card--podcast-primary {
    height: 240px;
    position: relative;
    left: 0
}

.a-card--podcast-primary.is-active {
    border: 1.5px solid #2fa6fc
}

.a-card--podcast-primary__action {
    margin-top: 1rem;
    white-space: nowrap
}

.a-card--podcast-primary__action-head--filter {
    height: 6rem
}

.a-card--podcast-primary__action a,.a-card--podcast-primary__action button {
    cursor: pointer;
    color: #b88800;
    display: inline-block;
    height: 4rem;
    border: 1px solid #b88800;
    border-radius: 1.8rem;
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
    text-align: center
}

.a-card--podcast-primary__action a i,.a-card--podcast-primary__action button i {
    font-size: 1.8rem
}

.a-card--podcast-primary__action a i,.a-card--podcast-primary__action a span,.a-card--podcast-primary__action button i,.a-card--podcast-primary__action button span {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block
}

.a-card--podcast-primary__action a.active-btn,.a-card--podcast-primary__action a:hover,.a-card--podcast-primary__action button.active-btn,.a-card--podcast-primary__action button:hover {
    background: #b88800;
    color: #fff
}

.a-card--podcast-primary__action a.active-btn i,.a-card--podcast-primary__action a:hover i,.a-card--podcast-primary__action button.active-btn i,.a-card--podcast-primary__action button:hover i {
    color: #fff
}

@media screen and (max-width: 1024px) {
    .a-card--podcast-primary {
        height:auto
    }
}

.a-card--podcast-primary:after {
    display: block;
    content: "";
    clear: both
}

.a-card--podcast-primary .a-text.a-text-subtitle {
    margin-top: 1rem;
    line-height: 1
}

.a-card--podcast-primary a .a-text--ellipsis {
    overflow: hidden;
    max-width: 75ch;
    text-overflow: ellipsis;
    white-space: nowrap
}

.a-card--podcast-primary .a-card--img {
    height: 240px;
    width: 240px;
    position: absolute;
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
    overflow: hidden;
    left: 0
}

@media screen and (max-width: 1024px) {
    .a-card--podcast-primary .a-card--img {
        position:relative;
        width: 100%;
        height: 292px;
        border-radius: 0
    }
}

.a-card--podcast-primary .a-card--content {
    float: left;
    padding-left: 264px;
    height: 100%
}

@media screen and (max-width: 1024px) {
    .a-card--podcast-primary .a-card--content {
        padding-left:24px;
        width: 90%
    }
}

.a-card--podcast-primary .a-card--content.a-card--date {
    width: 100%
}

.a-card--podcast-primary .a-card--action {
    padding-left: 170px;
    bottom: 1rem
}

@media screen and (max-width: 768px) {
    .a-card--podcast-primary .a-card--action {
        padding-left:0
    }
}

@media screen and (max-width: 1024px) {
    .a-card--podcast-primary .a-card--title {
        margin-top:2rem!important;
        margin-bottom: 1rem
    }

    .a-card--podcast-primary .a-card--title .a-text {
        font-size: 2.4rem;
        line-height: 1.25
    }
}

@media screen and (max-width: 768px) {
    .a-card--podcast-primary .a-card--title .a-text {
        font-size:1.8rem
    }
}

.a-card--report {
    height: 240px;
    position: relative;
    left: 0;
    border-radius: 1.2rem
}

@media screen and (max-width: 1024px) {
    .a-card--report {
        height:auto
    }
}

.a-card--report .a-card--date {
    margin-top: 3.2rem;
    color: #000
}

.a-card--report .a-text.a-text-body {
    line-height: 1;
    color: #6c6c6c
}

@media screen and (max-width: 768px) {
    .a-card--report .a-text.a-text-body {
        margin-top:-8px
    }
}

.a-card--report .a-card--img {
    height: 240px;
    width: 168px;
    float: right;
    position: absolute;
    border-radius: 1.2rem;
    overflow: hidden;
    left: 0
}

@media screen and (max-width: 768px) {
    .a-card--report .a-card--img img {
        width:120px;
        height: 170px;
        border-radius: 1.2rem;
        margin: 2.4rem
    }
}

@media screen and (max-width: 1024px) {
    .a-card--report .a-card--img {
        position:relative;
        width: 100%;
        height: 292px;
        border-radius: 0
    }
}

.a-card--report .a-card--content {
    float: left;
    padding-left: 199px;
    height: 100%;
    position: relative;
    display: grid
}

@media screen and (max-width: 768px) {
    .a-card--report .a-card--content {
        position:relative;
        top: -30px;
        left: 12px
    }
}

@media screen and (max-width: 1024px) {
    .a-card--report .a-card--content {
        padding-left:1.5rem;
        height: 196px
    }
}

.a-card--report .a-card--action {
    padding-left: 175px;
    bottom: 2.4rem
}

@media screen and (max-width: 1024px) {
    .a-card--report .a-card--action {
        padding-left:0
    }
}

@media screen and (max-width: 768px) {
    .a-card--report .a-card--action {
        margin-bottom:-40px;
        margin-left: -30px
    }
}

.a-card--report .a-card--check {
    position: absolute;
    top: 32px;
    left: calc(100% - 5rem);
    width: 30px;
    z-index: 3
}

@media screen and (max-width: 1024px) {
    .a-card--report .a-card--title {
        margin-top:2rem!important;
        margin-bottom: 1rem
    }

    .a-card--report .a-card--title .a-text {
        font-size: 2.4rem;
        line-height: 1.25
    }
}

@media screen and (max-width: 768px) {
    .a-card--report .a-card--title .a-text {
        font-size:1.8rem
    }
}

.a-card--card-report {
    height: 240px;
    position: relative;
    left: 0;
    border-radius: 1.2rem
}

@media screen and (max-width: 1024px) {
    .a-card--card-report {
        height:auto
    }
}

.a-card--card-report .a-card--date {
    margin-top: 3.2rem;
    color: #303030
}

.a-card--card-report .a-text.a-text-body {
    line-height: 1;
    color: #6c6c6c
}

@media screen and (max-width: 768px) {
    .a-card--card-report .a-text.a-text-body {
        margin-top:8px
    }
}

.a-card--card-report .a-text.a-text-small {
    line-height: 1;
    color: #6c6c6c
}

@media screen and (max-width: 768px) {
    .a-card--card-report .a-text.a-text-small {
        margin-top:20px
    }
}

.a-card--card-report .a-card--img {
    height: 240px;
    width: 168px;
    float: right;
    position: absolute;
    border-radius: 1.2rem;
    overflow: hidden;
    left: 0
}

.a-card--card-report .a-card--img:before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 0;
    background-color: #fff
}

@media screen and (max-width: 768px) {
    .a-card--card-report .a-card--img img {
        width:104px;
        height: 170px;
        border-radius: 1.2rem;
        margin: 2.4rem
    }
}

@media screen and (max-width: 1024px) {
    .a-card--card-report .a-card--img {
        position:relative;
        width: 100%;
        height: 292px;
        border-radius: 0
    }
}

.a-card--card-report .a-card--content {
    float: left;
    padding-left: 199px;
    height: 100%;
    position: relative;
    display: grid
}

@media screen and (max-width: 768px) {
    .a-card--card-report .a-card--content {
        position:relative;
        top: -30px;
        left: 12px
    }
}

@media screen and (max-width: 1024px) {
    .a-card--card-report .a-card--content {
        padding-left:1.5rem;
        height: 196px
    }
}

.a-card--card-report .a-card--action {
    padding-left: 180px;
    bottom: 2.4rem
}

@media screen and (max-width: 1024px) {
    .a-card--card-report .a-card--action {
        padding-left:24px
    }
}

@media screen and (max-width: 768px) {
    .a-card--card-report .a-card--action {
        margin-bottom:-32px;
        margin-left: -30px
    }
}

.a-card--card-report .a-card--check {
    position: absolute;
    top: 32px;
    left: calc(100% - 5rem);
    width: 30px;
    z-index: 5
}

.a-card--medium span {
    color: #cd9c13
}

.a-card--medium i {
    color: #cd9c13
}

.a-card--medium .a-card--img {
    height: 231px
}

.a-card--medium .a-card--content {
    height: 154px
}

.a-card--medium-underline span {
    color: #cd9c13
}

.a-card--medium-underline i {
    color: #cd9c13
}

.a-card--medium-underline .a-card--img {
    height: 231px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #ccc
}

.a-card--medium-underline .a-card--content {
    height: 154px
}

.a-card--small-mobile {
    display: none;
    position: relative;
    background-color: #fff;
    background-clip: border-box;
    height: 328px;
    -webkit-transition: transform .2s,box-shadow .2s;
    -moz-transition: transform .2s,box-shadow .2s;
    -o-transition: transform .2s,box-shadow .2s;
    transition: transform .2s,box-shadow .2s;
    cursor: pointer
}

.a-card--small-mobile.logo {
    margin-left: 75%;
    position: absolute;
    top: 1.5rem;
    left: 1.5rem;
    width: 48px;
    height: 48px;
    overflow: hidden;
    border-radius: 50%;
    z-index: 3
}

.a-card--small-mobile.logo img {
    box-shadow: 0 4px 5px 0 rgba(0,0,0,.05),0 3px 14px 3px rgba(0,0,0,.05),0 8px 10px 1px rgba(0,0,0,.05);
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 50%;
    background-color: #fff
}

.a-card--small-mobile:hover {
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px);
    box-shadow: 0 8px 10px 0 rgba(0,0,0,.05),0 6px 30px 5px rgba(0,0,0,.05),0 16px 24px 2px rgba(0,0,0,.05)
}

@media screen and (max-width: 768px) {
    .a-card--small-mobile {
        display:block
    }
}

.a-card--small-mobile .a-card--img {
    height: 100%;
    position: absolute;
    overflow: hidden;
    border-radius: .9rem
}

.a-card--small-mobile .a-card--img:before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgba(48,48,48,.075);
    z-index: 2
}

.a-card--small-mobile img {
    border-radius: 12px;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 1
}

.a-card--small-mobile .a-card--content {
    position: relative;
    color: #fff;
    position: relative;
    z-index: 3
}

.a-card--small .a-card--img {
    height: 152px
}

.a-card--small .a-card--img img {
    height: 100%
}

.a-card--small .a-card--content {
    margin-top: -2rem;
    height: 148px;
    line-height: 1.5
}

.a-card--small .a-card--content-testimoni {
    height: 236px;
    padding: 1rem
}

@media screen and (max-width: 768px) {
    .a-card--small .a-card--img {
        height:178px
    }

    .a-card--small .a-text.a-text-subtitle {
        font-size: 2.4rem
    }

    .a-card--small .a-card--content {
        margin-top: -1rem;
        height: 152px;
        line-height: 1.5
    }

    .a-card--small .a-card--content-testimoni {
        height: 236px;
        padding: 1rem
    }
}

.a-card--testimoni .a-card--img {
    height: 152px
}

.a-card--testimoni .a-card--content {
    position: relative;
    margin-top: 3rem;
    height: 238px;
    line-height: 1.5
}

.a-card--testimoni .a-card--content-testimoni {
    height: 236px;
    padding: 1rem
}

.a-card--testimoni .quote-text {
    position: relative;
    margin-top: 2.4rem;
    font-size: 1.6rem;
    line-height: 2.4rem
}

@media screen and (max-width: 768px) {
    .a-card--testimoni {
        width:80vw
    }

    .a-card--testimoni .a-card--img {
        height: 160px
    }

    .a-card--testimoni .a-card--content {
        position: relative;
        margin-top: 3rem;
        height: 238px;
        line-height: 1.5
    }

    .a-card--testimoni .a-card--content-testimoni {
        height: 236px;
        padding: 1rem
    }
}

.grid-social-media .a-card--news-new .a-card--img {
    height: 294px
}

.grid-social-media .a-card--news-new .a-card--content {
    height: 252px
}

@media screen and (max-width: 768px) {
    .card-carousel-result .owl-stage {
        width:1270px!important;
        padding-left: 0!important
    }

    .card-carousel-result .owl-stage .owl-item {
        border-radius: 12px;
        box-shadow: 0 0 14px 0 rgba(0,0,0,.03),0 0 10px 0 rgba(0,0,0,.03);
        background-color: #fff
    }

    .card-carousel-result .owl-stage .owl-item .a-card--content {
        text-align: center
    }

    .card-carousel-result .a-card {
        position: relative
    }

    .card-carousel-result .a-card--title {
        padding-top: 2.4rem
    }

    .card-carousel-result .owl-dots {
        position: unset;
        top: 19.2rem
    }
}

.shine {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: inline-block
}

@-webkit-keyframes placeholderShimmer {
    0% {
        background-position: -468px 0
    }

    100% {
        background-position: 468px 0
    }
}

.shine--load .shine img {
    display: none
}

.shine--load .shine.a-card--action,.shine--load .shine.a-card--action-button,.shine--load .shine.a-card--action-link,.shine--load .shine.a-card--content-text,.shine--load .shine.a-card--date,.shine--load .shine.a-card--icon,.shine--load .shine.a-card--image,.shine--load .shine.a-card--logo,.shine--load .shine.a-card--next,.shine--load .shine.a-card--pict-testi,.shine--load .shine.a-card--title,.shine--load .shine.a-card--title-center {
    border-radius: 1.3rem;
    overflow: hidden
}

.shine--load .shine.a-card--action *,.shine--load .shine.a-card--action-button *,.shine--load .shine.a-card--action-link *,.shine--load .shine.a-card--content-text *,.shine--load .shine.a-card--date *,.shine--load .shine.a-card--icon *,.shine--load .shine.a-card--image *,.shine--load .shine.a-card--logo *,.shine--load .shine.a-card--next *,.shine--load .shine.a-card--pict-testi *,.shine--load .shine.a-card--title *,.shine--load .shine.a-card--title-center * {
    opacity: 0
}

.shine--load .shine.a-card--img {
    overflow: hidden;
    opacity: 1;
    background: #f6f7f8;
    background-image: linear-gradient(to right,#f6f7f8 0,#edeef1 20%,#f6f7f8 40%,#f6f7f8 100%);
    -webkit-animation-duration: 3s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: placeholderShimmer;
    -webkit-animation-timing-function: linear
}

.shine--load .shine.a-card--action,.shine--load .shine.a-card--action-button,.shine--load .shine.a-card--date,.shine--load .shine.a-card--logo {
    overflow: hidden;
    opacity: 1;
    background: #f6f7f8;
    background-image: linear-gradient(to right,#f6f7f8 0,#edeef1 20%,#f6f7f8 40%,#f6f7f8 100%);
    -webkit-animation-duration: 3s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: placeholderShimmer;
    -webkit-animation-timing-function: linear
}

.shine--load .shine.a-card--title {
    width: 100%;
    min-height: auto;
    overflow: hidden
}

.shine--load .shine.a-card--title a {
    color: transparent;
    user-select: none;
    opacity: 1
}

.shine--load .shine.a-card--title a * {
    border-radius: 1.3rem;
    overflow: hidden;
    opacity: 1;
    background: #f6f7f8;
    background-image: linear-gradient(to right,#f6f7f8 0,#edeef1 20%,#f6f7f8 40%,#f6f7f8 100%);
    -webkit-animation-duration: 3s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: placeholderShimmer;
    -webkit-animation-timing-function: linear
}

.shine--load .shine.a-card--image {
    height: 6.1em;
    width: 50%
}

.shine--load .shine.a-card--logo {
    border-radius: 50%
}

.shine--load .shine.a-card--title-center {
    margin-top: .5em
}

.shine--load .shine.a-card--action-button {
    margin: 0;
    padding: 0
}

.shine--load .shine.a-card--action-button>* {
    opacity: 0
}

.shine--load .shine.dropdown-shine {
    position: absolute;
    width: 100%;
    margin-top: .8rem;
    margin-bottom: 3.2rem;
    height: 47px;
    left: 0;
    bottom: 0;
    z-index: 100;
    overflow: hidden;
    opacity: 1;
    background: #f6f7f8;
    background-image: linear-gradient(to right,#f6f7f8 0,#edeef1 20%,#f6f7f8 40%,#f6f7f8 100%);
    -webkit-animation-duration: 3s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: placeholderShimmer;
    -webkit-animation-timing-function: linear
}

.shine--load.m-banner-card_item {
    background-color: #fff
}

.shine--load.m-banner-card_item:before {
    display: none
}

.shine--load.m-banner-card_item .m-banner-card_image-wrapper {
    opacity: 0
}

.shine--load .m-banner-card_content .shine {
    overflow: hidden;
    opacity: 1;
    background: #f6f7f8;
    background-image: linear-gradient(to right,#f6f7f8 0,#edeef1 20%,#f6f7f8 40%,#f6f7f8 100%);
    -webkit-animation-duration: 3s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: placeholderShimmer;
    -webkit-animation-timing-function: linear;
    color: transparent;
    border-radius: 1.2rem;
    min-width: 30%
}

.shine--load.m-smart-tile {
    background-color: #fff
}

.shine--load.m-smart-tile .shine {
    overflow: hidden;
    opacity: 1;
    background: #f6f7f8;
    background-image: linear-gradient(to right,#f6f7f8 0,#edeef1 20%,#f6f7f8 40%,#f6f7f8 100%);
    -webkit-animation-duration: 3s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: placeholderShimmer;
    -webkit-animation-timing-function: linear;
    color: transparent;
    border-radius: 1.2rem
}

.shine--load.m-smart-tile .shine .m-smart-tile_carousel {
    opacity: 0
}

.shine--load.m-smart-tile.no-value {
    background-color: rgba(0,0,0,.48)
}

.shine--load.m-smart-tile li {
    display: block
}

.shine--load.m-smart-tile .m-smart-tile_info .m-smart-tile_info-item .m-smart-tile_info-item_buy.shine,.shine--load.m-smart-tile .m-smart-tile_info .m-smart-tile_info-item .m-smart-tile_info-item_sell.shine {
    width: 100px
}

.shine--load.a-card--news .shine.a-card--title a * {
    min-height: 3em
}

.shine--load.a-card--article .shine.a-card--title,.shine--load.a-card--landscape .shine.a-card--title {
    height: 5em;
    width: 100%
}

.shine--load.a-card--featured .shine.a-card--title {
    height: 7em;
    width: 100%
}

.shine--load.a-card--featured .shine.a-card--next {
    height: 1.5em;
    width: 50%
}

.shine--load.a-card--fitur .shine.a-card--title {
    height: 5em;
    width: 100%
}

.shine--load.a-card--fitur .shine.a-card--next {
    height: 1.5em;
    width: 50%
}

.shine--load.a-card--image-bg .shine.a-card--title {
    height: 3em;
    width: 80%
}

.shine--load.a-card--activity .shine {
    overflow: hidden;
    opacity: 1;
    background: #f6f7f8;
    background-image: linear-gradient(to right,#f6f7f8 0,#edeef1 20%,#f6f7f8 40%,#f6f7f8 100%);
    -webkit-animation-duration: 3s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: placeholderShimmer;
    -webkit-animation-timing-function: linear;
    color: transparent;
    border-radius: 1.2rem
}

.shine--load.a-card--activity i {
    border-radius: 50%
}

.carousel-card.testimonial {
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: normal;
    display: flex;
    margin-left: 12px
}

.carousel-card.testimonial>div {
    flex-shrink: 0;
    margin-right: 2rem;
    padding-left: 0;
    width: 80vw;
    max-width: 328px
}

@media screen and (max-width: 1024px) {
    .carousel-card {
        white-space:normal;
        overflow-x: auto;
        display: flex;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 2rem;
        margin: 0 -1.2rem
    }

    .carousel-card>div {
        scroll-snap-align: start;
        flex-shrink: 0;
        display: flex!important;
        padding-left: 2.4rem;
        padding-right: 0;
        width: 80vw;
        max-width: 328px
    }

    .carousel-card>div:last-child {
        padding-right: 2.4rem
    }

    .carousel-card>div .a-card {
        margin-bottom: 0
    }

    .carousel-card>div .a-card--content {
        flex-flow: column;
        display: flex
    }

    .carousel-card>div .a-card--content .a-text-ellipsis {
        text-overflow: inherit;
        overflow: auto;
        width: 100%;
        white-space: normal
    }
}

@media screen and (max-width: 375px) {
    .carousel-card>div .a-card {
        margin-bottom:0
    }
}

@media screen and (max-width: 375px) {
    .wxs-100 {
        min-width:unset;
        width: 100%
    }
}

.a-top-nav {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    background-color: #000;
    z-index: 1000;
    transition: background-color .3s cubic-bezier(.4,0,1,1);
	-webkit-box-shadow: 0 0 8px rgba(15, 15, 15, 0.15);
          box-shadow: 0 0 8px rgba(15, 15, 15, 0.15); 
}

@media screen and (max-width: 1024px) {
    .a-top-nav {
        padding-top:1rem;
        padding-bottom: 1rem;
        padding: 0;
        z-index: 1012
    }
}

@media screen and (min-width: 1024px) {
    .a-top-nav {
        padding-right:80px
    }
}

.a-top-nav .container .tb {
    height: 10.4rem;
    transition: height .3s cubic-bezier(.4,0,1,1)
}

@media screen and (max-width: 1024px) {
    .a-top-nav .container .tb {
        background-color:transparent;
        height: 7.4rem
    }
}

.a-top-nav .a-nav-logo img {
    -webkit-transition: height .4s ease;
    -moz-transition: height .4s ease;
    -o-transition: height .4s ease;
    transition: height .4s ease
}

body.dimmed.dimmed_smart-search .a-top-nav {
    z-index: 0
}

.a-top-nav.transparent {
	 background: rgba(35,35,35,.5);  
    z-index: 1012
}

.a-top-nav.fixed {
    background-color: #232323;
    padding-right: 80px
}

.a-top-nav.fixed .popup--disclaimer {
    background-color: transparent
}

.a-top-nav.fixed .popup--outdate {
    background-color: transparent
}

@media screen and (max-width: 1024px) {
    .a-top-nav.fixed {
        padding-right:0
    }
}

.a-top-nav.fixed .container .tb {
    height: 7.4rem
}

@media screen and (max-width: 1024px) {
    .a-top-nav.fixed .container .tb {
        height:6rem
    }
}

.a-top-nav .a-nav-wrapper {
    list-style: none;
    margin: 0;
    padding: .5rem 0;
    transition: padding .5s ease 0s,background-color .5s ease 0s;
    width: 100%;
    padding-right: 0;
    -webkit-transition: padding .2s ease-in-out;
    -moz-transition: padding .2s ease-in-out;
    -o-transition: padding .2s ease-in-out;
    transition: padding .2s ease-in-out
}

.a-top-nav .a-nav-wrapper:after {
    content: "";
    display: block;
    clear: both
}

.a-top-nav .a-nav-wrapper li {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-name: animator-fadeInUp;
    animation-name: animator-fadeInUp
}

.a-top-nav .a-nav-wrapper li:nth-child(1) {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.a-top-nav .a-nav-wrapper li:nth-child(2) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.a-top-nav .a-nav-wrapper li:nth-child(3) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.a-top-nav .a-nav-wrapper li:nth-child(4) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.a-top-nav .a-nav-wrapper li:nth-child(5) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.a-top-nav .a-nav-wrapper li:nth-child(6) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.a-top-nav .a-nav-wrapper li:nth-child(7) {
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

@media screen and (max-width: 1440px) {
    .a-top-nav .a-nav--shrink {
        padding-right:10rem
    }
}

.a-top-nav .a-nav-logo {
    display: block
}

@media screen and (max-width: 1024px) {
    .a-top-nav .a-nav-logo {
        position:absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        height: auto
    }
}

.a-top-nav .a-nav-mobile {
    margin-left: auto;
    align-self: center
}

.a-top-nav .a-nav-mobile a {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

@media screen and (max-width: 768px) {
    .a-top-nav .a-nav-mobile a {
        width:1%
    }
}

.a-top-nav .a-nav-mobile a span i {
    padding: 10px;
    color: #fff
}

@media screen and (max-width: 1024px) {
    .a-top-nav .a-nav-mobile a span i {
        margin-right:-10px
    }
}

.a-top-nav .a-nav-mobile {
    display: none
}

@media screen and (max-width: 1024px) {
    .a-top-nav .a-nav-mobile {
        display:block
    }
}

@media screen and (max-width: 1024px) {
    .a-top-nav .a-nav-wrapper {
        display:none
    }
}

.a-top-nav.invert-nav {
    background-color: #7c7c7c
}

.a-top-nav.invert-nav .a-nav-wrapper .a-nav-item .active-ln {
    color: #7c7c7c
}

.a-top-nav.transparent-nav {
    background-color: transparent;
    z-index: 1010
}

.a-top-nav.transparent-nav .a-nav-item.active-nav a {
    color: #b88800
}

.a-top-nav.transparent-nav .a-nav-item a {
    color: #303030
}

.a-top-nav.transparent-nav .a-nav-item a:hover {
    color: #b88800
}

.a-top-nav.transparent-nav .a-nav-item a:not(.a-switch):after {
    border-color: #b88800
}

.a-top-nav.transparent-nav .a-nav-item .a-switch {
    color: #b88800;
    border-color: #b88800
}

.a-top-nav.transparent-nav .a-nav-item .a-switch.is-active,.a-top-nav.transparent-nav .a-nav-item .a-switch:hover {
    background-color: #b88800;
    color: #fff
}

.a-top-nav.transparent-nav .a-nav-wrapper .a-nav-item .active-ln {
    color: #cd9c13
}

.a-top-nav.transparent-nav.fixed {
    background-color: #efefef;
    box-shadow: 0 1px 8px 0 rgba(0,0,0,.05),0 3px 4px 0 rgba(0,0,0,.05),0 3px 3px 0 rgba(0,0,0,.1)
}

.a-top-nav.transparent-nav.fixed.bg-search {
    background-color: #6c6c6c
}

.a-top-nav.transparent-nav.fixed .header-search_form .a-smart-search_input {
    border-color: #b0b0b0
}

@media screen and (max-width: 768px) {
    .a-top-nav.transparent-nav .a-nav-mobile .search-header-mobile .icon-search {
        color:#cd9c13
    }
}

@media screen and (max-width: 768px) {
    .a-top-nav.transparent-nav .header-search_form .a-smart-search_input {
        border-bottom:2px solid #4a90e2
    }
}

.a-nav-mobile .a-nav-item {
    transition: all .1s ease;
    transition-delay: .8s
}

.a-nav-mobile .a-nav-item.hide-menu {
    position: initial;
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
    transition-delay: 0s
}

.a-mobile-menu {
    height: 100%;
    width: 100%;
    position: fixed;
    background: rgba(0,0,0,.8);
    display: flex!important;
    z-index: -1;
    opacity: 0;
    top: 0;
    padding: 136px 0 80px;
    text-align: center;
    color: #303030;
    justify-content: center;
    align-items: center;
    pointer-events: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    transition-delay: .8s
}

.a-mobile-menu.show {
    transition-delay: 0s;
    pointer-events: all;
    opacity: 1;
    z-index: 1011
}

.a-mobile-menu.show:before {
    height: 100%;
    transition-delay: .1s
}

.a-mobile-menu.show .a-nav-wrapper-mobile .a-nav-item {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.a-mobile-menu:before {
    top: 0;
    left: 0;
    content: "";
    position: absolute;
    z-index: 1;
    background: #383838;
    opacity: 1;
    height: 0;
    width: 100%;
    transition: all .3s ease;
    transition-delay: .5s
}

.a-mobile-menu .a-nav-wrapper-mobile {
    margin: 0 auto;
    list-style: none;
    text-align: center;
    padding: 0;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: content;
    max-height: 500px;
    z-index: 2;
    font-size: 2.4rem;
    line-height: 3.2rem
}

@media screen and (max-width: 768px) {
    .a-mobile-menu .a-nav-wrapper-mobile {
        font-size:2rem;
        line-height: 2.6rem;
        word-break: break-word
    }

    .a-mobile-menu .a-nav-wrapper-mobile.custom {
        width: 100%;
        max-width: 36rem
    }
}

.a-mobile-menu .a-nav-wrapper-mobile .a-nav-item {
    position: relative;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 6.5rem;
    opacity: 0;
    -webkit-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0);
    transition: all .3s ease
}

.a-mobile-menu .a-nav-wrapper-mobile .a-nav-item:nth-child(1) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.a-mobile-menu .a-nav-wrapper-mobile .a-nav-item:nth-child(2) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.a-mobile-menu .a-nav-wrapper-mobile .a-nav-item:nth-child(3) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.a-mobile-menu .a-nav-wrapper-mobile .a-nav-item:nth-child(4) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.a-mobile-menu .a-nav-wrapper-mobile .a-nav-item:nth-child(5) {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.a-mobile-menu .a-nav-wrapper-mobile .a-nav-item:nth-child(6) {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.a-mobile-menu .a-nav-wrapper-mobile .a-nav-item:nth-child(7) {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

.a-mobile-menu .a-nav-wrapper-mobile .a-nav-item.has-switch {
    font-size: 1.6rem
}

.a-mobile-menu .a-nav-wrapper-mobile .a-nav-item .mavin-icon {
    color: #fff
}

.a-mobile-menu .a-nav-wrapper-mobile .a-nav-item a {
    text-decoration: none;
    font-size: 2rem;
    color: #b0b0b0
}

.a-mobile-menu .a-nav-wrapper-mobile .a-nav-item a.a-text-micro {
    font-size: 1.2rem
}

.a-mobile-menu .a-nav-wrapper-mobile .a-nav-item.active-nav {
    font-weight: 400
}

.a-mobile-menu .a-nav-wrapper-mobile .a-nav-item.active-nav a {
    color: #fff
}

.a-mobile-menu .a-nav-wrapper-mobile .a-nav-item.active-nav a:after {
    border-bottom: 2px solid #fff;
    bottom: 0;
    content: "";
    left: 50%;
    position: absolute;
    right: 0;
    transform: translateX(-50%)
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
    padding: 15px 0 15px 15px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity,filter;
    transition-duration: .15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
    -webkit-transform: scale(.85);
    -moz-transform: scale(.85);
    -ms-transform: scale(.85);
    -o-transform: scale(.85);
    transform: scale(.85)
}

.hamburger.is-active:hover,.hamburger:hover {
    opacity: .7
}

.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:after,.hamburger.is-active .hamburger-inner:before {
    background-color: #b88800;
    width: 100%
}

.hamburger-box {
    width: 40px;
    height: 24px;
    display: inline-block;
    position: relative;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8);
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -ms-transform-origin: right;
    -o-transform-origin: right;
    transform-origin: right
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px
}

.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before {
    width: 40px;
    height: 4px;
    background-color: #cd9c13;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: .15s;
    transition-timing-function: ease
}

.hamburger-inner:after,.hamburger-inner:before {
    content: "";
    display: block
}

.hamburger-inner:before {
    top: -10px
}

.hamburger-inner:after {
    bottom: -10px
}

.hamburger--spin .hamburger-inner {
    width: 60%;
    right: 0
}

.hamburger--spin .hamburger-inner::before {
    right: 0
}

.hamburger--spin .hamburger-inner:after {
    width: 110%;
    right: 0;
    -webkit-transition: top .1s .25s ease-in,opacity .1s ease-in;
    -moz-transition: top .1s .25s ease-in,opacity .1s ease-in;
    -o-transition: top .1s .25s ease-in,opacity .1s ease-in;
    transition: top .1s .25s ease-in,opacity .1s ease-in
}

.hamburger--spin .hamburger-inner {
    top: 2px;
    transition-timing-function: cubic-bezier(.68,-.55,.265,1.55);
    transition-duration: 275ms
}

.hamburger--spin .hamburger-inner:before {
    top: 10px;
    -webkit-transition: opacity 125ms ease 275ms;
    -moz-transition: opacity 125ms ease 275ms;
    -o-transition: opacity 125ms ease 275ms;
    transition: opacity 125ms ease 275ms
}

.hamburger--spin .hamburger-inner:after {
    top: 20px;
    -webkit-transform: 275ms cubic-bezier(.68,-.55,.265,1.55);
    -moz-transform: 275ms cubic-bezier(.68,-.55,.265,1.55);
    -ms-transform: 275ms cubic-bezier(.68,-.55,.265,1.55);
    -o-transform: 275ms cubic-bezier(.68,-.55,.265,1.55);
    transform: 275ms cubic-bezier(.68,-.55,.265,1.55)
}

.hamburger--spin.is-active .hamburger-inner {
    -webkit-transition-delay: 75ms;
    -moz-transition-delay: 75ms;
    -o-transition-delay: 75ms;
    transition-delay: 75ms;
    -webkit-transform: translate3d(0,10px,0) rotate(135deg);
    -moz-transform: translate3d(0,10px,0) rotate(135deg);
    -ms-transform: translate3d(0,10px,0) rotate(135deg);
    -o-transform: translate3d(0,10px,0) rotate(135deg);
    transform: translate3d(0,10px,0) rotate(135deg)
}

.hamburger--spin.is-active .hamburger-inner:before {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 0
}

.hamburger--spin.is-active .hamburger-inner:after {
    -webkit-transition-delay: 75ms;
    -moz-transition-delay: 75ms;
    -o-transition-delay: 75ms;
    transition-delay: 75ms;
    -webkit-transform: translate3d(0,-20px,0) rotate(-270deg);
    -moz-transform: translate3d(0,-20px,0) rotate(-270deg);
    -ms-transform: translate3d(0,-20px,0) rotate(-270deg);
    -o-transform: translate3d(0,-20px,0) rotate(-270deg);
    transform: translate3d(0,-20px,0) rotate(-270deg)
}

.hamburger--spin-r .hamburger-inner {
    top: 2px;
    transition-timing-function: cubic-bezier(.68,-.55,.265,1.55);
    transition-duration: 275ms
}

.hamburger--spin-r .hamburger-inner:before {
    top: 10px;
    -webkit-transition: opacity 125ms ease 275ms;
    -moz-transition: opacity 125ms ease 275ms;
    -o-transition: opacity 125ms ease 275ms;
    transition: opacity 125ms ease 275ms
}

.hamburger--spin-r .hamburger-inner:after {
    top: 20px;
    -webkit-transition: transform 275ms cubic-bezier(.68,-.55,.265,1.55);
    -moz-transition: transform 275ms cubic-bezier(.68,-.55,.265,1.55);
    -o-transition: transform 275ms cubic-bezier(.68,-.55,.265,1.55);
    transition: transform 275ms cubic-bezier(.68,-.55,.265,1.55)
}

.hamburger--spin-r.is-active .hamburger-inner {
    transition-delay: 75ms;
    -webkit-transform: translate3d(0,10px,0) rotate(-135deg);
    -moz-transform: translate3d(0,10px,0) rotate(-135deg);
    -ms-transform: translate3d(0,10px,0) rotate(-135deg);
    -o-transform: translate3d(0,10px,0) rotate(-135deg);
    transform: translate3d(0,10px,0) rotate(-135deg)
}

.hamburger--spin-r.is-active .hamburger-inner:before {
    transition-delay: 0s;
    opacity: 0
}

.hamburger--spin-r.is-active .hamburger-inner:after {
    transition-delay: 75ms;
    transform: translate3d(0,-20px,0) rotate(270deg)
}

.with-smartbar .a-top-nav {
    padding-right: 80px;
    -webkit-transition: padding .5s ease-in-out;
    -moz-transition: padding .5s ease-in-out;
    -o-transition: padding .5s ease-in-out;
    transition: padding .5s ease-in-out
}

@media screen and (max-width: 1024px) {
    .with-smartbar .a-top-nav {
        padding-right:0
    }
}

@media screen and (max-width: 1024px) {
    .bg-darker .a-top-nav.fixed {
        background-color:rgba(3,17,32,.9)
    }
}

@media screen and (max-width: 1024px) {
    .menu-show {
        background-color:#031120;
        width: 100%;
        position: fixed
    }

    .menu-show .a-nav-logo:after {
        background-image: url(../img/logo.png)
    }
}

.with-hero-banner .hamburger-inner,.with-hero-banner .hamburger-inner:after,.with-hero-banner .hamburger-inner:before {
    background-color: #cd9c13
}

.a-logo-va-middle {
    vertical-align: middle;
    height: 20px
}

.a-nav-logo:after {
    content: "";
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center
}

@media screen and (max-width: 1024px) {
    .a-nav-logo:after {
        height:32px
    }
}

.a-nav-logo .sidebar-logo {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 64px
}

@media screen and (max-width: 1024px) {
    .a-nav-logo .sidebar-logo {
        width:unset;
        height: 52px
    }
}

.logo-default .a-nav-logo.white:after {
    
}

.a-switch {
    padding: 7px 0;
    width: 36px;
    display: inline-block;
    text-align: center;
    min-width: 36px;
    color: #fff;
    -webkit-transition: color .2s ease,background-color .2s ease;
    -moz-transition: color .2s ease,background-color .2s ease;
    -o-transition: color .2s ease,background-color .2s ease;
    transition: color .2s ease,background-color .2s ease;
    border: 1px solid #fff;
    border-right-width: 0
}

@media screen and (max-width: 768px) {
    .a-switch {
        width:42px
    }
}

.a-switch.left,.a-switch:first-child {
    border-top-left-radius: 1.6rem;
    border-bottom-left-radius: 1.6rem
}

@media screen and (max-width: 768px) {
    .a-switch.left,.a-switch:first-child {
        border-top-left-radius:2rem;
        border-bottom-left-radius: 2rem
    }
}

.a-switch.right,.a-switch:last-child {
    border-top-right-radius: 1.6rem;
    border-bottom-right-radius: 1.6rem;
    border-right-width: 1px
}

@media screen and (max-width: 768px) {
    .a-switch.right,.a-switch:last-child {
        border-top-right-radius:2rem;
        border-bottom-right-radius: 2rem
    }
}

.a-switch.is-active,.a-switch:focus,.a-switch:hover {
    background: #fff;
    color: #303030
}

.a-nav-item {
    display: inline-block;
    position: relative
}

.a-nav-item.has-switch {
    padding: 10px 0 10px 30px
}

@media screen and (max-width: 1024px) {
    .a-nav-item.has-switch {
        padding:10px 0
    }
}

.a-nav-item.is-mobile a:not(.a-switch) {
    padding: 50px 30px 10px
}

.a-nav-item a:not(.a-switch) {
    color: #F9CB43;
    text-decoration: none;
    padding: 10px 2.95rem;
    display: inline-block;
    position: relative
}

@media screen and (max-width: 1200px) {
    .a-nav-item a:not(.a-switch) {
        padding:10px 2rem
    }
}

.a-nav-item a:not(.a-switch):after {
    content: "";
    position: absolute;
    left: 2.95rem;
    width: 0;
    border-bottom: 2px solid #b88800;
    bottom: 0;
    -webkit-transition: width .2s ease;
    -moz-transition: width .2s ease;
    -o-transition: width .2s ease;
    transition: width .2s ease
}

.a-nav-item a:not(.a-switch):hover:after {
    width: 20%
}

@media screen and (max-width: 768px) {
    .a-nav-item a:not(.a-switch):hover:after {
        width:0
    }
}

@media screen and (min-width: 768px) {
    .a-nav-item--icon:hover a:not(.a-switch) {
        color:#cd9c13
    }

    .a-nav-item--icon:hover a:not(.a-switch):after {
        content: initial
    }
}

.a-nav-item.active-nav a:after {
    width: 20%
}

.a-smart-search_input {
    outline: 0;
    max-width: initial;
    background: 0 0;
    border: none;
    border-bottom: 2px solid #fff;
    border-radius: 0;
    margin: 0;
    font-weight: 300;
    width: 100%;
    line-height: 1.28;
    font-size: 1.6rem;
    padding-bottom: .8rem;
    font-size: 5.6rem;
    color: #fff
}

.a-smart-search_input:placeholder-shown+.a-smart-search_clear {
    display: none
}

.a-smart-search_input+.a-smart-search_clear {
    position: absolute;
    top: 14px;
    right: 64px
}

.a-smart-search_input+.a-smart-search_clear i {
    color: #b0b0b0
}

@media screen and (min-width: 1024px) {
    .a-smart-search_input {
        max-width:initial;
        padding: 0 40px;
        font-size: 5.6rem;
        padding-left: 0
    }
}

@media screen and (max-width: 768px) {
    .a-smart-search_input {
        font-size:3.2rem;
        line-height: 4rem
    }
}

.o-smart-search.is-light .a-smart-search_input {
    border-color: #efefef;
    color: #303030
}

.o-smart-search.is-light .a-smart-search_input::-webkit-input-placeholder {
    color: rgba(0,0,0,.3)
}

.o-smart-search.is-light .a-smart-search_input:-ms-input-placeholder {
    color: rgba(0,0,0,.3)
}

.o-smart-search.is-light .a-smart-search_input::placeholder {
    color: rgba(0,0,0,.3)
}

.a-smart-search_input::-webkit-input-placeholder {
    color: rgba(255,255,255,.5)
}

.a-smart-search_input:-ms-input-placeholder {
    color: rgba(255,255,255,.5)
}

.a-smart-search_input::placeholder {
    color: rgba(255,255,255,.5)
}

.a-top-nav .header-search_form.show-menu {
    margin-right: 36rem!important
}

.a-top-nav .header-search_form.show-menu .a-smart-search_input {
    font-size: 3.2rem;
    padding-bottom: 8px;
    padding-left: 1rem;
    padding-right: 15rem
}

.a-top-nav .header-search_form.show-menu .a-smart-search_submit {
    padding-top: 10px
}

@media screen and (max-width: 1024px) {
    .a-top-nav .header-search_form.show-menu {
        margin-right:16rem!important
    }

    .a-top-nav .header-search_form.show-menu .a-smart-search_submit {
        padding-top: 20px
    }
}

@media screen and (max-width: 768px) {
    .a-top-nav .header-search_form.show-menu {
        margin-right:0!important
    }

    .a-top-nav .header-search_form.show-menu .a-smart-search_submit {
        padding-top: 10px
    }
}

.a-smart-search_submit {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    top: 0;
    right: 0;
    transition: filter .1s ease;
    outline: 0;
    background-color: #cd9c13;
    border-radius: 50%;
    border: none;
    margin: 0;
    cursor: pointer;
    padding: 2.2rem
}

@media screen and (max-width: 1024px) {
    .a-smart-search_submit {
        padding:.9rem
    }
}

.a-smart-search_submit .mavin-icon.is-extra-large {
    color: #fff;
    display: inline-block;
    font-size: 2rem
}

@media screen and (max-width: 1024px) {
    .a-smart-search_submit .mavin-icon.is-extra-large {
        font-size:1.4rem
    }
}

.a-smart-search_submit:focus,.a-smart-search_submit:hover {
    filter: brightness(.9)
}

.a-smart-search_suggestion-option {
    color: #fff;
    font-size: 1.6rem;
    width: 100%;
    text-align: left;
    padding: .66em 40px;
    outline: 0;
    border: 0;
    background: 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}

@media screen and (max-width: 768px) {
    .a-smart-search_suggestion-option {
        padding:.66em 24px
    }
}

.a-smart-search_suggestion-option.is-grid .a-smart-search_suggestion-option_image {
    width: 80px;
    float: left
}

@media screen and (max-width: 768px) {
    .a-smart-search_suggestion-option.is-grid .a-smart-search_suggestion-option_image {
        width:56px
    }
}

@media screen and (max-width: 375px) {
    .a-smart-search_suggestion-option.is-grid .a-smart-search_suggestion-option_image {
        float:none;
        position: absolute
    }
}

.a-smart-search_suggestion-option.is-grid .a-smart-search_suggestion-option_text {
    width: calc(100% - 96px);
    margin-left: auto;
    line-height: 1.6
}

.a-smart-search_suggestion-option.is-grid .a-smart-search_suggestion-option_text p {
    margin: 10px 0
}

@media screen and (max-width: 768px) {
    .a-smart-search_suggestion-option.is-grid .a-smart-search_suggestion-option_text {
        width:calc(100% - 72px)
    }
}

@media screen and (max-width: 375px) {
    .a-smart-search_suggestion-option.is-grid .a-smart-search_suggestion-option_text {
        width:100%
    }
}

@media screen and (max-width: 375px) {
    .a-smart-search_suggestion-option.is-grid .a-smart-search_suggestion-option_text {
        font-size:1.4rem;
        padding-left: 7rem
    }
}

.a-smart-search_suggestion-option.is-grid .a-smart-search_suggestion-option_text .a-smart-search_suggestion-option_title {
    font-size: 1.5rem;
    margin-top: 0
}

@media screen and (max-width: 375px) {
    .a-smart-search_suggestion-option.is-grid .a-smart-search_suggestion-option_text .a-smart-search_suggestion-option_title {
        font-size:1.25rem
    }
}

.a-smart-search_suggestion-option.another-product {
    font-size: 1.4rem;
    text-decoration: underline
}

.a-smart-search_suggestion-option:hover {
    background: rgba(255,255,255,.1)
}

.a-smart-search_suggestion-option:focus {
    background: rgba(255,255,255,.3)
}

.tag-wrapper .tag {
    border-radius: 30px;
    padding: 10px 20px;
    border: 1px solid #7c7c7c;
    display: inline-block
}

.tag-wrapper .tag .remove-tag {
    font-size: .8rem;
    padding-left: 8px
}

.tag-wrapper .tag .remove-tag i {
    font-weight: 900;
    border-radius: 15px;
    border: 1.5px solid #7c7c7c;
    padding: 5px
}

.tag-wrapper .tag .tag-text {
    font-size: 1.6rem
}

.tag-wrapper .tag i,.tag-wrapper .tag span {
    color: #7c7c7c
}

.tag-wrapper .tag:not(:first-child) {
    margin-left: 10px
}

.a-pagination_item {
    display: inline-block;
    color: #b0b0b0
}

.a-pagination_item.next a:focus,.a-pagination_item.next a:hover,.a-pagination_item.next button:focus,.a-pagination_item.next button:hover,.a-pagination_item.previous a:focus,.a-pagination_item.previous a:hover,.a-pagination_item.previous button:focus,.a-pagination_item.previous button:hover {
    background: 0 0
}

.a-pagination_item.is-disabled {
    pointer-events: none;
    color: #b0b0b0
}

.a-pagination_item.is-disabled i {
    color: inherit
}

.a-pagination_item.is-active a,.a-pagination_item.is-active button {
    color: #303030
}

.a-pagination_item.is-active a:before,.a-pagination_item.is-active button:before {
    content: "";
    position: absolute;
    height: 2px;
    right: 4px;
    bottom: 2px;
    left: 4px;
    background: #cd9c13
}

.a-pagination_item button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    border: none;
    cursor: pointer
}

.a-pagination_item button[disabled] {
    color: #b0b0b0;
    pointer-events: none
}

.a-pagination_item button[disabled] i {
    color: inherit
}

.a-pagination_item a {
    text-decoration: none;
    color: inherit;
    display: inline-block
}

.a-pagination_item a,.a-pagination_item button {
    position: relative;
    padding: .5em .72em;
    border-radius: 4px;
    -webkit-transition: background .2s ease,color .2s ease;
    -moz-transition: background .2s ease,color .2s ease;
    -o-transition: background .2s ease,color .2s ease;
    transition: background .2s ease,color .2s ease
}

.a-pagination_item a:focus,.a-pagination_item a:hover,.a-pagination_item button:focus,.a-pagination_item button:hover {
    background: #ddd;
    color: #303030
}

.a-pagination_item button,.a-pagination_item i {
    font-size: 1.4rem
}

.a-calculator-kurs {
    position: relative
}

.a-calculator-kurs-title {
    font-size: 1.4rem;
    color: #6c6c6c
}

@media screen and (max-width: 320px) {
    .a-calculator-kurs-title {
        font-size:1.2rem!important
    }
}

.a-calculator-kurs-input {
    padding-top: 10px;
    border: none;
    padding-bottom: 5px;
    background: 0 0;
    border-radius: 0;
    border-bottom: 1px solid #b88800;
    font-size: 1.6rem
}

.a-calculator-kurs-select {
    padding-left: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    border: 1px solid transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    border-bottom: 1px solid #b88800;
    background: url(/img/icons/chevron-down.svg) no-repeat 0 0;
    background-size: 12px;
    background-position-y: 50%;
    background-position-x: 100%;
    width: 70px;
    padding-top: 7px
}

.a-calculator-kurs-selectbox-list {
    border: 0;
    border-radius: 1px solid #b88800
}

.a-calculator-kurs-button {
    width: 236px;
    height: 56px;
    border-radius: 28px;
    background-color: #b88800
}

.a-calculator-kurs-selectbox {
    border: none;
    padding-left: 5px;
    padding-right: 10px;
    padding-bottom: 10px;
    width: 70px
}

.a-calculator-kurs.show {
    display: none
}

.a-calculator-kurs.show-optionbox {
    display: block;
    height: auto;
    background: #f7f7f7;
    border: 1px solid #7c7c7c;
    padding: 5px
}

.a-calculator-kurs-disabled {
    background-color: #b0b0b0
}

.a-calculator-kurs-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0
}

.a-calc-kurs-input-mobile-1 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0
}

.a-calc-kurs-input-mobile-2 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0
}

#a-reset-calc-beli,#a-reset-calc-jual,#a-reset-forward-calc,#submit-calculator-beli,#submit-calculator-forward,#submit-calculator-jual {
    width: 100%
}

.a-button.kurs-forward {
    width: 100%
}

.a-tooltip[data-tooltip] {
    position: relative;
    display: inline-block
}

.a-tooltip[data-tooltip].top {
    top: auto;
    bottom: 100%
}

.a-tooltip[data-tooltip].top:before {
    top: auto;
    bottom: 100%;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.a-tooltip[data-tooltip].top:focus:before,.a-tooltip[data-tooltip].top:hover:before {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.a-tooltip[data-tooltip].top.center-horizontal:before {
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0)
}

.a-tooltip[data-tooltip].top.center-horizontal:focus:before,.a-tooltip[data-tooltip].top.center-horizontal:hover:before {
    -webkit-transform: translate(-50%,-8px);
    -moz-transform: translate(-50%,-8px);
    -ms-transform: translate(-50%,-8px);
    -o-transform: translate(-50%,-8px);
    transform: translate(-50%,-8px)
}

.a-tooltip[data-tooltip].bottom {
    top: 100%
}

.a-tooltip[data-tooltip].bottom:before {
    margin-top: 1.6rem;
    z-index: 99;
    top: 100%;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.a-tooltip[data-tooltip].bottom:focus:before,.a-tooltip[data-tooltip].bottom:hover:before {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.a-tooltip[data-tooltip].bottom.center-horizontal:before {
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0)
}

.a-tooltip[data-tooltip].bottom.center-horizontal:focus:before,.a-tooltip[data-tooltip].bottom.center-horizontal:hover:before {
    -webkit-transform: translate(-50%,-8px);
    -moz-transform: translate(-50%,-8px);
    -ms-transform: translate(-50%,-8px);
    -o-transform: translate(-50%,-8px);
    transform: translate(-50%,-8px)
}

.a-tooltip[data-tooltip].center-horizontal:before {
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0)
}

.a-tooltip[data-tooltip].center-horizontal:focus:before,.a-tooltip[data-tooltip].center-horizontal:hover:before {
    -webkit-transform: translate(-5%,8px);
    -moz-transform: translate(-5%,8px);
    -ms-transform: translate(-5%,8px);
    -o-transform: translate(-5%,8px);
    transform: translate(-5%,8px)
}

.a-tooltip[data-tooltip].right-horizontal:before {
    left: auto;
    right: 0
}

.a-tooltip[data-tooltip].right-horizontal:focus:before,.a-tooltip[data-tooltip].right-horizontal:hover:before {
    left: auto;
    right: 0
}

.a-tooltip[data-tooltip]:before {
    font-family: "Open Sans",sans-serif;
    content: attr(data-tooltip);
    position: absolute;
    top: 100%;
    white-space: nowrap;
    background: rgba(0,0,0,.8);
    opacity: 0;
    margin-top: 8px;
    width: 120px;
    height: 30px;
    visibility: visible;
    border-radius: 8px;
    font-weight: 300;
    left: -50px;
    letter-spacing: .016em;
    color: #fff;
    padding: 8px 10px;
    font-size: 1.2rem;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .2s ease .1s,transform .2s ease .1s,visibility 0s;
    -moz-transition: opacity .2s ease .1s,transform .2s ease .1s,visibility 0s;
    -o-transition: opacity .2s ease .1s,transform .2s ease .1s,visibility 0s;
    transition: opacity .2s ease .1s,transform .2s ease .1s,visibility 0s
}

.a-tooltip[data-tooltip].light:before {
    box-shadow: 0 8px 10px 0 rgba(0,0,0,.05),0 6px 30px 5px rgba(0,0,0,.05),0 16px 24px 2px rgba(0,0,0,.05);
    font-size: 1.4rem;
    min-width: 248px;
    white-space: normal;
    color: #6c6c6c;
    background: #fff
}

.a-tooltip[data-tooltip].light:after {
    content: "";
    opacity: 0;
    visibility: visible;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 10px solid #fff;
    left: 10px;
    top: -10px;
    position: absolute;
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    -ms-transform: translateY(8px);
    -o-transform: translateY(8px);
    transform: translateY(8px);
    -webkit-transition: opacity .2s ease .1s,transform .2s ease .1s,visibility 0s;
    -moz-transition: opacity .2s ease .1s,transform .2s ease .1s,visibility 0s;
    -o-transition: opacity .2s ease .1s,transform .2s ease .1s,visibility 0s;
    transition: opacity .2s ease .1s,transform .2s ease .1s,visibility 0s
}

.a-tooltip[data-tooltip]:focus:after,.a-tooltip[data-tooltip]:focus:before,.a-tooltip[data-tooltip]:hover:after,.a-tooltip[data-tooltip]:hover:before {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .2s ease .1s,transform .2s ease .1s,visibility 0s;
    -moz-transition: opacity .2s ease .1s,transform .2s ease .1s,visibility 0s;
    -o-transition: opacity .2s ease .1s,transform .2s ease .1s,visibility 0s;
    transition: opacity .2s ease .1s,transform .2s ease .1s,visibility 0s
}

.tooltip {
    background-color: #303030;
    width: 13.8rem;
    height: 3rem;
    padding: .5rem 1.6rem;
    border-radius: 8px;
    position: absolute;
    left: -30px;
    top: 56px
}

@media screen and (max-width: 1024px) {
    .tooltip {
        top:35px
    }
}

@media screen and (max-width: 375px) {
    .tooltip {
        left:50%;
        transform: translateX(-50%)
    }
}

.tooltip span {
    font-size: 1.2rem;
    color: #fff;
    display: inline
}

a.a-copy-to-clipboard {
    -webkit-tap-highlight-color: rgba(255,255,255,0)
}

a.a-copy-to-clipboard.copied+.tooltip {
    opacity: 1;
    transform: translateY(0);
    transition: transform .15s ease-in-out,opacity .25s ease-in-out
}

@media screen and (max-width: 375px) {
    a.a-copy-to-clipboard.copied+.tooltip {
        transform:translate(-50%,0)
    }
}

a.a-copy-to-clipboard:not(.copied)+.tooltip {
    opacity: 0;
    transform: translateY(42px);
    transition: transform .15s ease-in-out,opacity .25s ease-in-out
}

@media screen and (max-width: 375px) {
    a.a-copy-to-clipboard:not(.copied)+.tooltip {
        transform:translate(-50%,42px)
    }
}

.a-article-list-wrapper {
    padding-left: 10px;
    margin-bottom: 10px
}

.a-partner-list_item {
    display: inline-block
}

.a-partner-list_item img {
    -webkit-filter: grayscale(1) brightness(1.2);
    filter: grayscale(1) brightness(1.2);
    -webkit-transition: filter .2s ease;
    -moz-transition: filter .2s ease;
    -o-transition: filter .2s ease;
    transition: filter .2s ease
}

.a-partner-list_item:hover img {
    filter: none
}

/*!
 * Float Labels
 * @version: 3.3.9
 * @author: Paul Ryley (http://geminilabs.io)
 * @url: https://pryley.github.io/float-labels.js
 * @license: MIT
 */
.fl-form .fl-wrap {
    position: relative;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fl-form input.fl-input,.fl-form select.fl-select,.fl-form textarea.fl-textarea {
    width: 100%;
    outline: 0;
    font-size: 16px;
    line-height: 1.5;
    border-radius: 3px;
    border: 1px solid #dfdfdf;
    background-color: #fff;
    box-sizing: border-box;
    transition: all .2s ease-in-out;
    margin-bottom: 24px
}

.fl-form input.fl-input:-moz-placeholder,.fl-form select.fl-select:-moz-placeholder,.fl-form textarea.fl-textarea:-moz-placeholder {
    color: #bbb
}

.fl-form input.fl-input::-moz-placeholder,.fl-form select.fl-select::-moz-placeholder,.fl-form textarea.fl-textarea::-moz-placeholder {
    color: #bbb
}

.fl-form input.fl-input:-ms-input-placeholder,.fl-form select.fl-select:-ms-input-placeholder,.fl-form textarea.fl-textarea:-ms-input-placeholder {
    color: #bbb
}

.fl-form input.fl-input::-webkit-input-placeholder,.fl-form select.fl-select::-webkit-input-placeholder,.fl-form textarea.fl-textarea::-webkit-input-placeholder {
    color: #bbb
}

.fl-form select.fl-select {
    position: relative;
    color: #bbb;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none
}

.fl-form select.fl-select::-ms-expand {
    display: none
}

.fl-form .fl-is-active input.fl-input,.fl-form .fl-is-active select.fl-select,.fl-form .fl-is-active textarea.fl-textarea {
    color: #444;
    background-color: #fff;
    border-color: #dfdfdf
}

.fl-form .fl-has-focus input.fl-input,.fl-form .fl-has-focus select.fl-select,.fl-form .fl-has-focus textarea.fl-textarea {
    background-color: #fff;
    border-color: #1976d2
}

.fl-form label.fl-label {
    opacity: 0;
    visibility: hidden;
    display: block;
    position: absolute;
    top: -12px;
    left: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: #bbb;
    border-top-left-radius: 3px;
    transition: all .2s ease-in-out;
    z-index: 1
}

body[dir=rtl] .fl-form label.fl-label {
    left: unset;
    right: 0
}

.fl-form .fl-is-active label.fl-label {
    opacity: 1;
    visibility: visible
}

.fl-form .fl-has-focus label.fl-label {
    color: #1976d2
}

.fl-form .fl-is-required:before {
    opacity: 1;
    content: "*";
    display: block;
    position: absolute;
    top: 1px;
    right: 15px;
    font-size: 16px;
    line-height: 1.75;
    color: #d32f2f;
    transition: all .2s ease-in-out;
    padding: 6px 0 0;
    z-index: 1
}

body[dir=rtl] .fl-form .fl-is-required:before {
    right: unset;
    left: 15px
}

.fl-form .fl-is-required.fl-is-active:before {
    opacity: 0
}

.fl-form.fl-style-1 input.fl-input,.fl-form.fl-style-1 select.fl-select,.fl-form.fl-style-1 textarea.fl-textarea {
    padding: 6px 12px
}

.fl-form.fl-style-1 select.fl-select {
    height: 38px
}

.fl-form.fl-style-1 .fl-is-active input.fl-input,.fl-form.fl-style-1 .fl-is-active select.fl-select,.fl-form.fl-style-1 .fl-is-active textarea.fl-textarea {
    padding: 6px 12px
}

.fl-form.fl-style-1 label.fl-label {
    top: 1px;
    left: 10px;
    background-color: transparent;
    padding: 12px 3px
}

.fl-form.fl-style-1 label.fl-label:before {
    content: "";
    display: block;
    position: absolute;
    top: 19px;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #fff;
    z-index: -1
}

.fl-form.fl-style-1 .fl-is-active label.fl-label {
    top: -9px;
    padding: 3px
}

.fl-form.fl-style-1 .fl-is-active label.fl-label:before {
    top: 9px
}

body[dir=rtl] .fl-form.fl-style-1 label.fl-label {
    left: unset;
    right: 10px
}

.fl-form.fl-style-2 input.fl-input,.fl-form.fl-style-2 select.fl-select,.fl-form.fl-style-2 textarea.fl-textarea {
    padding: 12px
}

.fl-form.fl-style-2 select.fl-select {
    height: 50px
}

.fl-form.fl-style-2 .fl-is-active input.fl-input,.fl-form.fl-style-2 .fl-is-active select.fl-select,.fl-form.fl-style-2 .fl-is-active textarea.fl-textarea {
    padding: 18px 12px 6px
}

.fl-form.fl-style-2 label.fl-label {
    top: 1px;
    left: 10px;
    padding: 6px 3px 3px
}

.fl-form.fl-style-2 .fl-is-required:before {
    padding-top: 12px
}

body[dir=rtl] .fl-form.fl-style-2 label.fl-label {
    left: unset;
    right: 10px
}

.fl-form .fl-wrap-select:after {
    content: "";
    position: absolute;
    display: block;
    top: 1px;
    right: 6px;
    height: calc(100% - 2px);
    width: 12px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 16'%3E%3Cpath fill='%23bbb' d='M 4 0 L 0 6.5 L 8 6.5 L 4 0 z M 0 9.5 L 4 16 L 4 16 L 8 9.5 z'/%3E%3C/svg%3E") no-repeat;
    background-position: 100% 50%;
    background-size: 7px 14px;
    z-index: 2
}

body[dir=rtl] .fl-form .fl-wrap-select:after {
    right: unset;
    left: 6px
}

.radio-custom {
    position: relative;
    margin-top: 1rem
}

.radio-custom input[type=radio] {
    position: absolute;
    visibility: hidden
}

.radio-custom input[type=radio]:checked~.radio {
    border: 5px solid #b88800
}

.radio-custom input[type=radio]:checked~.radio:before {
    background: #fff
}

.radio-custom input[type=radio]:checked~.radio:after {
    background: #aad2f8
}

.radio-custom .radio {
    display: block;
    position: absolute;
    border: 2px solid #b88800;
    border-radius: 100%;
    width: 24px;
    height: 24px;
    top: 0;
    margin-right: .8rem;
    border: 1.4px solid rgba(176,176,176,.35);
    -webkit-transition: border .19s linear;
    -moz-transition: border .19s linear;
    -o-transition: border .19s linear;
    transition: border .19s linear
}

.radio-custom .radio:before {
    display: block;
    position: absolute;
    border-radius: 100%;
    height: 10px;
    width: 10px;
    margin: auto;
    -webkit-transition: border .19s linear,background .19s linear;
    -moz-transition: border .19s linear,background .19s linear;
    -o-transition: border .19s linear,background .19s linear;
    transition: border .19s linear,background .19s linear
}

.radio-custom label {
    padding-top: 8px!important;
    padding-left: 3.2rem;
    font-size: 1.6rem!important;
    position: relative;
    z-index: 1;
    cursor: pointer;
    color: #303030;
    line-height: 1.5
}

.checkbox-custom {
    margin-top: 1.5rem
}

.checkbox-custom.checkbox-tbl {
    display: flex;
    float: right;
    position: relative;
    bottom: 3.8rem
}

@media screen and (max-width: 768px) {
    .checkbox-custom.checkbox-tbl {
        bottom:2.2rem;
        left: -1.5rem
    }

    .checkbox-custom.checkbox-tbl .a-text-subtitle {
        margin-left: 43px
    }
}

@media screen and (max-width: 375px) {
    .checkbox-custom.checkbox-tbl {
        left:-.5rem;
        bottom: 2.2rem!important
    }
}

@media screen and (max-width: 320px) {
    .checkbox-custom.checkbox-tbl {
        left:-.5rem;
        bottom: 2.2rem!important
    }
}

.checkbox-custom.checkbox-tbl-body {
    display: flex;
    float: right;
    position: relative;
    bottom: 3rem;
    left: 1.2rem
}

@media screen and (max-width: 768px) {
    .checkbox-custom.checkbox-tbl-body {
        bottom:7rem;
        left: 1.2rem
    }
}

@media screen and (max-width: 375px) {
    .checkbox-custom.checkbox-tbl-body {
        left:2.4rem;
        bottom: 7rem
    }
}

.checkbox-custom input[type=checkbox] {
    position: absolute;
    visibility: hidden
}

.checkbox-custom label {
    font-size: 16px;
    position: relative;
    z-index: 1;
    cursor: pointer;
    color: #303030
}

.checkbox-custom label.reksaDana {
    display: block;
    white-space: break-spaces;
    padding-left: 34px
}

.checkbox-custom label.reksaDana:before {
    position: absolute;
    left: 0
}

.checkbox-custom label:before {
    content: "";
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 2.4rem;
    height: 2.4rem;
    background: 0 0;
    border: solid .5px #d8d8d8;
    border-radius: 30%;
    padding: 7px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 10px
}

.checkbox-custom input:checked+label:before {
    background-color: #b88800
}

.checkbox-custom input:checked+label:after {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 9px;
    width: 6px;
    height: 11px;
    border: solid #efefef;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.checkbox-custom-table p {
    color: #fff
}

.checkbox-custom-table .checkbox-custom input:checked+label:after {
    top: 50%;
    margin-top: -7.5px;
    left: 50%;
    margin-left: -4px;
    width: 8px;
    height: 14px;
    border: solid #efefef;
    border-width: 0 3px 3px 0
}

.checkbox-custom-table .checkbox-custom label {
    margin-left: 2.4rem
}

.checkbox-custom-table .checkbox-custom label:before {
    width: 3.2rem;
    height: 3.2rem;
    margin: 0
}

.checkbox-custom-card-report {
    margin-top: -1rem
}

.checkbox-custom-card-report input[type=checkbox] {
    position: absolute;
    visibility: hidden
}

.checkbox-custom-card-report label {
    font-size: 1.6rem;
    position: relative;
    z-index: 1;
    cursor: pointer;
    color: #303030
}

.checkbox-custom-card-report label.white {
    color: #fff
}

.checkbox-custom-card-report label:after {
    content: "";
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 3.2rem;
    width: 3.2rem;
    border: 2px solid rgba(176,176,176,.35);
    border-radius: 10.7px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer
}

.checkbox-custom-card-report input:checked+label:after {
    background-color: #b88800
}

.checkbox-custom-card-report input:checked+label:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 2px;
    left: 10px;
    width: 10px;
    height: 20px;
    border: solid #efefef;
    border-width: 0 2px 2px 0;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

thead .checkbox-custom-table {
    display: flex;
    flex-direction: row;
    position: relative;
    left: calc(100% - 11rem);
    top: 2.1rem;
    width: 50px
}

@media screen and (max-width: 768px) {
    thead .checkbox-custom-table {
        left:0;
        top: 2rem
    }
}

thead .checkbox-custom-table p {
    font-size: 2.4rem
}

@media screen and (max-width: 320px) {
    thead .checkbox-custom-table {
        left:-1rem
    }
}

tbody .checkbox-custom-table {
    display: flex;
    flex-direction: row;
    position: relative;
    left: calc(100% - 8.5rem);
    top: 1.3rem;
    width: 50px
}

@media screen and (max-width: 768px) {
    tbody .checkbox-custom-table {
        left:auto;
        top: 0
    }
}

.select-custom {
    box-sizing: border-box;
    margin-bottom: 8px;
    position: relative;
    -webkit-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -moz-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -o-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.select-custom.light {
    border-bottom: 1px solid #fff;
    color: #fff
}

.select-custom select {
    background-color: transparent;
    border: none;
    font-size: 1rem;
    outline: 0;
    padding: 24px 0 8px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: none;
    border: 0!important;
    background-image: none
}

.select-custom select.small {
    font-size: .778rem
}

.select-custom select.default {
    font-size: .889rem
}

.select-custom select.large {
    font-size: 1.333rem
}

.select-custom select:focus {
    border-color: #cd9c13;
    outline: 0
}

.select-custom label {
    font-size: 1.6rem;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: translate(0,1.6rem) scale(1);
    -moz-transform: translate(0,1.6rem) scale(1);
    -ms-transform: translate(0,1.6rem) scale(1);
    -o-transform: translate(0,1.6rem) scale(1);
    transform: translate(0,1.6rem) scale(1);
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.select-custom.active {
    border-color: #b88800
}

.select-custom.active label {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0,4px) scale(.75);
    -moz-transform: translate(0,4px) scale(.75);
    -ms-transform: translate(0,4px) scale(.75);
    -o-transform: translate(0,4px) scale(.75);
    transform: translate(0,4px) scale(.75)
}

.select-custom.large .title-text {
    font-size: 1.6rem;
    color: #7c7c7c;
    margin-bottom: 20px;
    margin-top: 1rem
}

.select-custom.large .title-text.custom {
    margin-bottom: 28px;
    margin-top: 23px
}

.select-custom.large .a-dropdown-value {
    padding: 0 0 8px;
    font-size: 3.2rem;
    color: #303030
}

.select-custom.large .subtitle-text {
    font-size: 1.4rem;
    color: #7c7c7c
}

.select-custom--selected .a-dropdown.is-active label {
    display: inline;
    -webkit-transform: translate(0,4px) scale(.75);
    -moz-transform: translate(0,4px) scale(.75);
    -ms-transform: translate(0,4px) scale(.75);
    -o-transform: translate(0,4px) scale(.75);
    transform: translate(0,4px) scale(.75);
    margin-top: -1.2rem
}

@media screen and (max-width: 768px) {
    .select-custom--selected .a-dropdown {
        top:-.2rem;
        margin-bottom: 2.4rem
    }
}

.select-custom--selected .a-dropdown-trigger {
    padding-top: 2.4rem
}

.select-custom--selected .a-dropdown-trigger label {
    opacity: 1;
    visibility: visible;
    display: inline
}

@media screen and (max-width: 768px) {
    .select-custom--selected .a-dropdown-trigger label {
        font-size:1.2rem
    }
}

.select-custom--selected .label-up .a-dropdown-trigger label {
    top: -.2rem
}

.textarea-custom {
    padding-top: 12px
}

.textarea-custom textarea {
    width: 100%;
    overflow: scroll;
    border-radius: 8px;
    border-color: rgba(176,176,176,.35);
    background-color: transparent;
    padding: 2.4rem 2.4rem 3.2rem
}

.textarea-custom.flazz-institusi {
    width: 391px;
    height: 207px
}

.textarea-custom.flazz-institusi textarea {
    height: 100%
}

@media screen and (max-width: 768px) {
    .date-input {
        margin-top:24px;
        margin-bottom: 24px
    }
}

.input-verification--wrapper {
    display: flex;
    padding: 0
}

.input-verification input {
    margin-right: 12px;
    text-align: center;
    line-height: 1px;
    font-size: 1.6rem;
    border: none;
    outline: 0;
    width: 45px;
    height: 64px;
    transition: all .2s ease-in-out;
    border-radius: 12px;
    background-color: #fff;
    box-shadow: 0 0 14px 0 rgba(0,0,0,.03),0 0 10px 0 rgba(0,0,0,.03)
}

@media screen and (max-width: 768px) {
    .input-verification input {
        margin-right:2px
    }
}

.input-verification input:focus {
    border: 1px solid #b88800
}

.input-verification input::selection {
    background: 0 0
}

.a-bg-card {
    position: relative;
    font-size: 1rem;
    border-radius: 12px;
    width: 288px;
    max-width: 100%;
    height: 288px;
    background: #fff;
    color: inherit
}

.a-bg-card:focus i.mavin-icon,.a-bg-card:hover i.mavin-icon {
    font-size: 1.4rem;
    -webkit-transform: translate(4px,1px);
    -moz-transform: translate(4px,1px);
    -ms-transform: translate(4px,1px);
    -o-transform: translate(4px,1px);
    transform: translate(4px,1px)
}

.a-bg-card .m-tabs-link,.a-bg-card i.mavin-icon {
    color: #b88800
}

.a-bg-card i.mavin-icon {
    -webkit-transform: translateY(1px);
    -moz-transform: translateY(1px);
    -ms-transform: translateY(1px);
    -o-transform: translateY(1px);
    transform: translateY(1px)
}

.a-bg-card:before {
    content: "";
    position: absolute;
    background: url(/img/icons/card-accent.svg) no-repeat 100% 0;
    background-size: 100%;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.a-bg-card_title {
    min-height: 2.8em
}

.a-bg-card_container {
    position: absolute;
    bottom: 40px;
    left: 32px;
    right: 32px;
    line-height: 1.4
}

.a-bg-card .m-tabs-link {
    font-size: 1.6rem;
    margin-top: 24px
}

.a-bg-card .m-tabs-link a i {
    font-size: 1.6rem
}

.a-bg-card i {
    color: inherit;
    font-size: 4rem
}

.a-form-stepper-item {
    position: relative;
    display: inline-block;
    font-size: 1.8rem;
    color: #303030
}

.a-form-stepper-item.is-active:before {
    background: #b88800
}

.a-form-stepper-item:before {
    counter-increment: form-stepper;
    content: counter(form-stepper);
    width: 1.75em;
    height: 1.75em;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    padding: 4px;
    background: #6c6c6c;
    color: #fff;
    margin-right: 8px
}

.a-form-stepper-item:not(:last-child) {
    margin-right: 2.5em
}

.a-form-stepper-item:not(:last-child):after {
    content: "";
    width: 1.5em;
    height: 1px;
    background: #6c6c6c;
    position: absolute;
    top: calc(50% - .5px);
    left: calc(100% + .5em)
}

.a-dropdown {
    position: relative;
    display: inline-block;
    width: 100%
}

.a-dropdown-trigger {
    padding-bottom: 1rem;
    border: 0;
    border-bottom: 1px solid #d8d8d8;
    display: table;
    min-width: 100%;
    cursor: pointer
}

@media screen and (max-width: 768px) {
    .a-dropdown-trigger {
        padding-bottom:0
    }
}

.a-dropdown-trigger label {
    font-size: 1.6rem;
    position: absolute;
    display: none;
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: translate(0,1.6rem scale(1));
    -ms-transform: translate(0,1.6rem scale(1));
    -o-transform: translate(0,1.6rem scale(1));
    transform: translate(0,1.6rem scale(1));
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.a-dropdown-trigger.active {
    border-color: #b88800
}

.a-dropdown-trigger.active label {
    display: block;
    margin-top: -1.2rem!important;
    -webkit-transform: translate(0,4px) scale(.75);
    -moz-transform: translate(0,4px) scale(.75);
    -ms-transform: translate(0,4px) scale(.75);
    -o-transform: translate(0,4px) scale(.75);
    transform: translate(0,4px) scale(.75)
}

.a-dropdown-value {
    background-color: transparent;
    border: 0;
    font-size: 1.6rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    display: table-cell;
    vertical-align: middle;
    padding-right: 1rem;
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    padding-bottom: 1rem;
    padding-top: 1.2rem;
    padding-left: 0
}

.a-dropdown-value label {
    display: block;
    margin-top: -15px;
    -webkit-transform: translate(0,4px) scale(.75);
    -moz-transform: translate(0,4px) scale(.75);
    -ms-transform: translate(0,4px) scale(.75);
    -o-transform: translate(0,4px) scale(.75);
    transform: translate(0,4px) scale(.75)
}

.a-dropdown-arrow {
    display: table-cell;
    width: 16px;
    font-size: 1.6rem;
    vertical-align: middle;
    padding-top: .8rem
}

.a-dropdown-content {
    display: none;
    width: 100%;
    list-style: none;
    position: absolute;
    top: 100%;
    margin-top: 0;
    padding: 0;
    background: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0 0 14px 0 rgba(0,0,0,.03),0 0 10px 0 rgba(0,0,0,.03);
    overflow: hidden;
    z-index: 10
}

.a-dropdown-content li:first-child {
    opacity: 0;
    pointer-events: none;
    height: 0
}

.a-dropdown-content li.disabled {
    background-color: #efefef;
    pointer-events: none
}

.a-dropdown-content li.disabled a {
    color: #6c6c6c;
    opacity: .5
}

.a-dropdown-content li a {
    font-size: 1.6rem;
    display: block;
    padding: 5px 10px;
    line-height: 2;
    text-align: left;
    color: #000
}

.a-dropdown-content li.badge-opt {
    background-color: #cd9c13;
    width: 59px;
    height: 22px;
    border-radius: 16px;
    color: #fff;
    font-size: 12px
}

.a-dropdown-content li:not(.disabled) a:hover {
    color: #000;
    background-color: #efefef
}

.a-dropdown-content li:not(.disabled).is-active a {
    color: #000;
    background-color: #efefef
}

.a-dropdown.label-up {
    margin-top: -.2rem;
    -webkit-transform: translate(0,4px) scale(.75);
    -moz-transform: translate(0,4px) scale(.75);
    -ms-transform: translate(0,4px) scale(.75);
    -o-transform: translate(0,4px) scale(.75);
    transform: translate(0,4px) scale(.75)
}

.a-dropdown select {
    display: none
}

.a-dropdown.is-active .a-dropdown-content {
    display: block
}

.a-dropdown.is-active label {
    display: none;
    -webkit-transform: translate(0,4px) scale(.75);
    -moz-transform: translate(0,4px) scale(.75);
    -ms-transform: translate(0,4px) scale(.75);
    -o-transform: translate(0,4px) scale(.75);
    transform: translate(0,4px) scale(.75)
}

.a-dropdown.has-value ul li:first-child {
    opacity: 0;
    pointer-events: none;
    height: 0
}

.a-dropdown.has-value label {
    display: block;
    margin-top: -1.2rem;
    -webkit-transform: translate(0,4px) scale(.75);
    -moz-transform: translate(0,4px) scale(.75);
    -ms-transform: translate(0,4px) scale(.75);
    -o-transform: translate(0,4px) scale(.75);
    transform: translate(0,4px) scale(.75)
}

.select-type .a-dropdown.is-active ul li:first-child {
    opacity: 1;
    pointer-events: all;
    height: auto
}

.select-type .a-dropdown.has-value label {
    display: none;
    margin-top: -1.2rem;
    -webkit-transform: translate(0,4px) scale(.75);
    -moz-transform: translate(0,4px) scale(.75);
    -ms-transform: translate(0,4px) scale(.75);
    -o-transform: translate(0,4px) scale(.75);
    transform: translate(0,4px) scale(.75)
}

span.badge-opt {
    background-color: #cd9c13;
    width: 59px;
    height: 22px;
    border-radius: 16px;
    padding: 5px 10px;
    margin-left: 10px;
    color: #fff;
    font-size: 12px
}

span.badge-opt.recomended {
    margin-left: 0
}

@media screen and (max-width: 768px) {
    span.badge-opt.recomended {
        font-size:9px
    }
}

span.badge-opt.summary {
    font-size: 14px;
    height: 32px;
    background-color: #6c6c6c
}

span.badge-opt.summary.active {
    background-color: #b88800
}

.input-form .a-dropdown.is-active .a-dropdown-trigger {
    border-bottom: 1px solid #cd9c13
}

.input-form .a-dropdown-trigger {
    padding-bottom: 5px;
    border-bottom: 1px solid #b0b0b0
}

.floating-select {
    font-size: 14px;
    padding: 4px 4px;
    display: block;
    width: 100%;
    height: 30px;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #757575
}

.floating-select:not([value=""]):valid~label {
    top: -18px;
    font-size: 14px;
    color: #5264ae
}

.highlight {
    position: absolute;
    height: 50%;
    width: 100%;
    top: 15%;
    left: 0;
    pointer-events: none;
    opacity: .5
}

.floating-select:focus {
    outline: 0;
    border-bottom: 2px solid #5264ae
}

.floating-select:focus~.highlight {
    -webkit-animation: inputHighlighter .3s ease;
    -moz-animation: inputHighlighter .3s ease;
    animation: inputHighlighter .3s ease
}

@-webkit-keyframes inputHighlighter {
    from {
        background: #5264ae
    }

    to {
        width: 0;
        background: 0 0
    }
}

@-moz-keyframes inputHighlighter {
    from {
        background: #5264ae
    }

    to {
        width: 0;
        background: 0 0
    }
}

@keyframes inputHighlighter {
    from {
        background: #5264ae
    }

    to {
        width: 0;
        background: 0 0
    }
}

.a-skel {
    background-repeat: no-repeat
}

.a-skel-cards.primary-card-skel {
    background-repeat: no-repeat;
    height: 250px;
    width: 100%;
    background-image: radial-gradient(circle 16px,#efefef 99%,transparent 0),linear-gradient(#d8d8d8 40%,transparent 0),linear-gradient(#d8d8d8 40%,transparent 0),linear-gradient(#d8d8d8 50%,transparent 0);
    background-size: 32px 32px,200px 26px,200px 26px,100% 100%;
    background-position: 24px 24px,24px 160px,24px 190px,0 0;
    animation: loading .2s infinite
}

.a-skel-cards.primary-card-skel.card-content-title {
    background-repeat: no-repeat;
    background-image: linear-gradient(#857474 20px,transparent 0),linear-gradient(#efefef 80%,transparent 0);
    background-size: 12px 32px,100% 100%
}

.a-skel-cards.secondary-card-skel {
    background-repeat: no-repeat;
    height: 250px;
    width: 100%;
    background-image: linear-gradient(#d8d8d8 40%,transparent 0),linear-gradient(#d8d8d8 40%,transparent 0),linear-gradient(#d8d8d8 50%,transparent 0);
    background-size: 200px 26px,200px 26px,100% 100%;
    background-position: 24px 160px,24px 190px,0 0
}

.a-skel-smart-search {
    height: 272px;
    border-radius: 12px;
    margin-top: 15px;
    background-image: linear-gradient(#d8d8d8 32px,transparent 0),linear-gradient(#efefef 100%,transparent 0);
    background-size: 24px 12px,100%
}

.a-skel-smart-tile {
    background-image: var(title-skeleton)
}

@keyframes loading {
    from {
        background-position: 200% 0,12px 24px,0 0
    }
}

.wrapper-card {
    max-width: 800px;
    display: flex;
    justify-content: center
}

.card {
    overflow: hidden;
    background: #fff;
    border-radius: .25rem;
    max-width: 380px;
    width: 380px;
    box-shadow: 0 15px 30px 0 rgba(0,0,0,.05),0 5px 15px 0 rgba(0,0,0,.05);
    transition: ease box-shadow .3s
}

.card:hover {
    box-shadow: 0 15px 60px 0 rgba(0,0,0,.08),0 5px 25px 0 rgba(0,0,0,.08)
}

.card-detail {
    padding: .5rem 1rem
}

.card-detail h3 {
    font-size: 1.5rem;
    margin-bottom: none;
    line-height: .09
}

.card-detail p {
    line-height: 1.3rem
}

.card-image {
    margin: 0;
    padding: 0;
    height: 200px;
    overflow: hidden
}

.card-image img {
    max-width: 100%;
    height: auto
}

.loading {
    position: relative;
    background-color: #e2e2e2
}

.loading.card-image {
    border-radius: 0
}

.loading::after {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);
    animation: loading 1.5s infinite
}

.card-title.loading {
    height: 1.8rem
}

.card-image.image {
    max-width: 100%;
    height: auto
}

.card-description.loading {
    height: 80px
}

.a-timeline-path--wrapper {
    display: none
}

@media screen and (max-width: 768px) {
    .a-timeline-path--wrapper {
        display:block;
        overflow-y: auto;
        height: 300px
    }
}

.a-timeline-path {
    width: 600px;
    overflow-x: scroll;
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: center
}

.a-timeline-path li {
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
    list-style: none
}

.a-timeline-path--content-title {
    margin-bottom: 20px;
    padding: 0 45px 0 0;
    display: flex;
    flex-direction: column;
    align-items: left
}

.a-timeline-path--content-bottom {
    padding: 20px 40px 0 0;
    display: flex;
    justify-content: center;
    border-top: 2px solid #dedede;
    position: relative;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.a-timeline-path--content-bottom:before {
    content: "";
    width: 25px;
    height: 25px;
    background-color: #cd9c13;
    border-radius: 50%;
    border: 1px solid #cd9c13;
    position: absolute;
    top: -15px;
    left: 0
}

.a-timeline-planner {
    margin-top: .8rem;
    list-style-type: none
}

.a-timeline-planner-indicator {
    width: 5.6px;
    content: "";
    background-color: #64b5f6;
    position: absolute;
    margin-left: .5px;
    z-index: 1
}

.a-timeline-planner.subtitle {
    font-size: 2.4rem
}

.a-timeline-planner.text-hero {
    font-size: 5.2rem
}

@media screen and (max-width: 768px) {
    .a-timeline-planner.subtitle {
        font-size:2.4rem;
        line-height: 3.2rem
    }

    .a-timeline-planner.text-hero {
        font-size: 3.2rem;
        line-height: 4rem
    }
}

.a-timeline-planner ul {
    padding-left: 1.2rem
}

.a-timeline-planner li {
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.a-timeline-planner--content {
    padding-left: 5.5rem;
    padding-bottom: 8rem;
    border-left: 6px solid #dedede;
    position: relative;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in
}

@media screen and (max-width: 768px) {
    .a-timeline-planner--content {
        padding-left:3rem
    }
}

.a-timeline-planner--content.non-active {
    z-index: 9999;
    border-left: 7px solid #fff
}

.a-timeline-planner--content:before {
    content: "";
    width: 25px;
    height: 25px;
    background-color: #b88800;
    border-radius: 50%;
    border: 1px solid #b88800;
    position: absolute;
    padding: 1rem;
    left: -1.5rem;
    z-index: 2
}

@media screen and (max-width: 768px) {
    .a-timeline-planner--content:before {
        content:"";
        width: 16px;
        height: 16px;
        background-color: #b88800;
        border-radius: 50%;
        border: 1px solid #b88800;
        position: absolute;
        padding: 1rem;
        left: -1.3rem
    }
}

@media screen and (max-width: 320px) {
    .a-timeline-planner--content:before {
        content:"";
        width: 16px;
        height: 16px;
        background-color: #b88800;
        border-radius: 50%;
        border: 1px solid #b88800;
        position: absolute;
        padding: 1rem;
        left: -1.3rem
    }
}

.m-tabs-form {
    width: 100%
}

.m-tabs-form--step {
    counter-reset: step;
    padding: 0;
    display: flex;
    white-space: nowrap;
    overflow-x: auto;
    width: auto
}

.m-tabs-form--step li {
    display: flex;
    align-items: center;
    list-style-type: none;
    float: left;
    position: relative;
    width: auto;
    padding-right: .8rem
}

.m-tabs-form--step li.is-active .indicator {
    background-color: #b88800
}

.m-tabs-form--step li .line {
    display: table-cell
}

.m-tabs-form--step li .line__style {
    margin-right: .1rem;
    margin-left: .4rem;
    margin-top: 0;
    position: relative;
    vertical-align: center;
    height: 1px;
    top: 2px;
    border: 0;
    background-color: #6c6c6c;
    width: 16px;
    margin-bottom: 4px
}

.m-tabs-form--step .indicator {
    display: table-cell;
    vertical-align: center;
    color: #fff;
    width: 24px;
    height: 24px;
    text-align: center;
    padding: .5rem;
    border-radius: 50%;
    background-color: #6c6c6c
}

.m-tabs-form--step .text {
    font-weight: 400;
    margin-left: .8rem;
    margin-right: .8rem
}

@media screen and (max-width: 768px) {
    .m-tabs-menu--economic {
        padding-left:16px!important
    }
}

.input-form label {
    font-size: 1.4rem;
    color: #6c6c6c
}

.input-form--select {
    position: relative
}

.input-form--select .a-dropdown {
    margin-top: .8rem;
    margin-bottom: 3.2rem
}

.input-form--select .m-input-datepicker {
    margin-top: 1.2rem;
    margin-bottom: 3.2rem;
    border-bottom: 1px solid #d8d8d8
}

.input-form--select .m-input-datepicker.style-icon-date i {
    top: 0
}

.input-form--select .m-input-datepicker input {
    padding-top: 0;
    padding-bottom: 1.7rem;
    cursor: pointer
}

.input-form--select.backdrop-active .mavin-icon,.input-form--select.backdrop-active input,.input-form--select.backdrop-active label {
    z-index: 1020;
    position: relative;
    color: #fff
}

.input-form--select.backdrop-active .a-dropdown.is-active .a-dropdown-trigger {
    z-index: 1020;
    position: relative;
    border-bottom-color: #fff
}

.input-form--select.backdrop-active .a-dropdown-content {
    z-index: 1020
}

.input-form--radio-inline>label {
    display: block;
    margin-bottom: .8rem
}

.input-form--radio-inline .radio-custom {
    display: inline-block;
    margin-right: 2.4rem
}

.m-table thead .input-form label {
    color: #fff
}

.m-input-text {
    box-sizing: border-box;
    position: relative;
    border-bottom: 1px solid #b0b0b0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.m-input-text.is-limited {
    max-width: 288px
}

.m-input-text.light {
    border-bottom: 1px solid #fff;
    color: #fff
}

.m-input-text input {
    background-color: transparent;
    border: none;
    font-size: 1.6rem;
    outline: 0;
    padding: 16px 0 12px;
    width: 100%
}

.m-input-text input.small {
    font-size: .778rem
}

.m-input-text input.default {
    font-size: .889rem
}

.m-input-text input.large {
    font-size: 1.333rem
}

.m-input-text input:focus {
    border-color: #cd9c13;
    outline: 0
}

.m-input-text input.disabled {
    background-color: #efefef
}

.m-input-text label {
    font-size: 1.6rem;
    position: absolute;
    margin-top: 16px;
    pointer-events: none;
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: translate(0,1.6rem scale(1));
    -ms-transform: translate(0,1.6rem scale(1));
    -o-transform: translate(0,1.6rem scale(1));
    transform: translate(0,1.6rem scale(1));
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.m-input-text.flazz-institusi {
    width: 287px
}

.m-input-text.active {
    border-color: #b88800
}

.m-input-text.active label {
    margin-top: -15px;
    -webkit-transform: translate(0,4px) scale(.75);
    -moz-transform: translate(0,4px) scale(.75);
    -ms-transform: translate(0,4px) scale(.75);
    -o-transform: translate(0,4px) scale(.75);
    transform: translate(0,4px) scale(.75)
}

.m-input-text.style-icon-date {
    display: flex
}

.m-input-text.style-icon-date i {
    position: relative;
    top: 13px
}

.m-input-text.simulasi {
    margin-top: 8rem;
    margin-bottom: 55.5px
}

@media screen and (max-width: 768px) {
    .m-input-text--redeem-text {
        margin-top:0
    }
}

@media screen and (max-width: 768px) {
    .m-input-text--redeem-date {
        padding-top:24px
    }
}

@media screen and (max-width: 768px) {
    .m-input-text--redeem-card {
        padding-top:24px
    }
}

.m-input-text input::-webkit-inner-spin-button,.m-input-text input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.m-input-text input[type=number] {
    -moz-appearance: textfield
}

.m-input-date {
    box-sizing: border-box;
    position: relative;
    border-bottom: 1px solid #b0b0b0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.m-input-date input {
    background-color: transparent;
    border: none;
    font-size: 1.6rem;
    outline: 0;
    padding: 16px 0 12px;
    width: 100%
}

.m-input-date input.small {
    font-size: .778rem
}

.m-input-date input.default {
    font-size: .889rem
}

.m-input-date input.large {
    font-size: 1.333rem
}

.m-input-date input:focus {
    border-color: #cd9c13;
    outline: 0
}

.m-input-date label {
    font-size: 1.6rem;
    position: absolute;
    margin-top: 16px;
    pointer-events: none;
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: translate(0,1.6rem scale(1));
    -ms-transform: translate(0,1.6rem scale(1));
    -o-transform: translate(0,1.6rem scale(1));
    transform: translate(0,1.6rem scale(1));
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.m-input-date.active-date {
    border-color: #b88800
}

.m-input-date.active-date label {
    margin-top: -15px;
    -webkit-transform: translate(0,4px) scale(.75);
    -moz-transform: translate(0,4px) scale(.75);
    -ms-transform: translate(0,4px) scale(.75);
    -o-transform: translate(0,4px) scale(.75);
    transform: translate(0,4px) scale(.75)
}

.m-input-mb {
    margin-bottom: -24px
}

.m-input-pd-36 {
    padding-top: 36px
}

.m-input-text-search-merchant {
    box-sizing: border-box;
    position: relative;
    border-bottom: 1px solid #b0b0b0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin: 0 auto;
    height: 35px;
    width: 100%
}

.m-input-text-search-merchant input {
    background-color: transparent;
    border: none;
    font-size: 1.6rem;
    outline: 0;
    padding: 6px 0 8px;
    width: 100%
}

.m-input-text-search-merchant input.small {
    font-size: .778rem
}

.m-input-text-search-merchant input.default {
    font-size: .889rem
}

.m-input-text-search-merchant input.large {
    font-size: 1.333rem
}

.m-input-text-search-merchant input:focus {
    border-color: #cd9c13;
    outline: 0
}

.m-input-text-search-merchant.submit-form a {
    border: none
}

@media screen and (max-width: 768px) {
    .input-size-mobile {
        padding-top:40px
    }

    .info-text-reward p:first-child {
        padding: 20px 0 0 0
    }
}

.m-input-datepicker {
    box-sizing: border-box;
    position: relative;
    border-bottom: 1px solid #b0b0b0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    padding-top: .5rem
}

.m-input-datepicker.style-icon-date i {
    position: absolute;
    top: 10px;
    left: calc(100% - 1.6rem)
}

.m-input-datepicker input {
    background-color: transparent;
    border: none;
    font-size: 1.6rem;
    outline: 0;
    padding: 6px 0 8px;
    width: 100%;
    position: relative
}

.m-input-datepicker input.small {
    font-size: .778rem
}

.m-input-datepicker input.default {
    font-size: .889rem
}

.m-input-datepicker input.large {
    font-size: 1.333rem
}

.m-input-datepicker input:focus {
    border-color: #cd9c13;
    outline: 0;
    caret-color: transparent
}

.m-input-datepicker input:before {
    content: "";
    height: 2px;
    position: absolute;
    color: #b88800;
    speak: none;
    font-family: "FontAwesome"!important;
    top: 0;
    right: -10px
}

.m-input-select {
    box-sizing: border-box;
    position: relative;
    border-bottom: 1px solid #b0b0b0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    padding-top: .5rem;
    user-select: none
}

.m-input-select-trigger {
    padding-bottom: 1rem
}

.m-input-select input {
    background-color: transparent;
    border: none;
    font-size: 1.6rem;
    outline: 0;
    padding: 6px 0 8px;
    width: 100%;
    position: relative
}

.m-input-select input.small {
    font-size: .778rem
}

.m-input-select input.default {
    font-size: .889rem
}

.m-input-select input.large {
    font-size: 1.333rem
}

.m-input-select input:focus {
    border-color: #cd9c13;
    outline: 0
}

.m-input-select input:before {
    content: "";
    height: 2px;
    position: absolute;
    color: #b88800;
    speak: none;
    font-family: "FontAwesome"!important;
    top: 0;
    right: -10px
}

.m-input-select label {
    font-size: 1.6rem;
    position: absolute;
    margin-top: 16px;
    pointer-events: none;
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: translate(0,1.6rem scale(1));
    -ms-transform: translate(0,1.6rem scale(1));
    -o-transform: translate(0,1.6rem scale(1));
    transform: translate(0,1.6rem scale(1));
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.m-input-select-arrow {
    display: table-cell;
    width: 16px;
    font-size: 1.6rem;
    vertical-align: middle;
    padding-top: .8rem
}

.m-input-select-content {
    display: none;
    width: 100%;
    list-style: none;
    position: absolute;
    top: 100%;
    margin-top: 10px;
    padding: 0;
    background: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0 0 14px 0 rgba(0,0,0,.03),0 0 10px 0 rgba(0,0,0,.03);
    overflow: hidden;
    z-index: 10
}

.m-input-select-content li.disabled {
    background-color: #efefef
}

.m-input-select-content li.disabled a {
    color: #6c6c6c
}

.m-input-select-content li a {
    font-size: 1.6rem;
    display: block;
    padding: 5px 10px;
    line-height: 2;
    text-align: left;
    color: #000
}

.m-input-select-content li.badge-opt {
    background-color: #cd9c13;
    width: 59px;
    height: 22px;
    border-radius: 16px;
    color: #fff;
    font-size: 12px
}

.m-input-select-content li:not(.disabled) a:hover {
    color: #000;
    background-color: #efefef
}

.m-input-select-content li:not(.disabled).is-active a {
    color: #000;
    background-color: #efefef
}

.m-input-select.active {
    border-color: #b88800
}

.m-input-select.active label {
    margin-top: -15px;
    -webkit-transform: translate(0,4px) scale(.75);
    -moz-transform: translate(0,4px) scale(.75);
    -ms-transform: translate(0,4px) scale(.75);
    -o-transform: translate(0,4px) scale(.75);
    transform: translate(0,4px) scale(.75)
}

.error-text {
    color: red;
    display: none
}

.m-breadcrumb,div.m-breadcrumb {
    width: 100%;
    position: fixed;
    background-color: #654b00;
    top: -84px;
    transition: top .5s;
    z-index: 1;
    overflow: auto
}

.m-breadcrumb.darker,div.m-breadcrumb.darker {
    background-color: #031120
}

.m-breadcrumb.transtparant,div.m-breadcrumb.transtparant {
    background-color: transparent
}

.m-breadcrumb.transtparant span,div.m-breadcrumb.transtparant span {
    color: #6c6c6c
}

.m-breadcrumb.transtparant span.separator i,div.m-breadcrumb.transtparant span.separator i {
    color: #6c6c6c
}

.m-breadcrumb.display-fixed,div.m-breadcrumb.display-fixed {
    position: relative;
    top: 0;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    white-space: nowrap;
    overflow: hidden
}

.m-breadcrumb.display-fixed.active,div.m-breadcrumb.display-fixed.active {
    position: fixed
}

.m-breadcrumb .row,div.m-breadcrumb .row {
    padding-top: 6px
}

.m-breadcrumb .row>div,div.m-breadcrumb .row>div {
    white-space: nowrap
}

.m-breadcrumb .fader,div.m-breadcrumb .fader {
    position: absolute;
    right: 0;
    top: 0;
    width: 80px;
    height: 100%;
    background-image: url(/assets/images/bg/breadcrumb-fader.png);
    background-repeat: no-repeat;
    background-position: right center
}

.m-breadcrumb.active,div.m-breadcrumb.active {
    display: block;
    top: 84px!important
}

.m-breadcrumb .separator,.m-breadcrumb a,.m-breadcrumb span,div.m-breadcrumb .separator,div.m-breadcrumb a,div.m-breadcrumb span {
    color: #fff;
    font-size: 12px;
    display: inline-block;
    text-decoration: none;
    vertical-align: middle
}

.m-breadcrumb .separator i,.m-breadcrumb a i,.m-breadcrumb span i,div.m-breadcrumb .separator i,div.m-breadcrumb a i,div.m-breadcrumb span i {
    color: #fff;
    font-size: 12px
}

@media screen and (max-width: 768px) {
    .m-breadcrumb span:last-child,div.m-breadcrumb span:last-child {
        display:inline-block;
        padding-right: 24px;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .m-breadcrumb span:last-child span,div.m-breadcrumb span:last-child span {
        padding-right: 0
    }
}

.m-breadcrumb .separator,div.m-breadcrumb .separator {
    font-size: 1.4rem;
    padding: 10px;
    color: #fff
}

.m-breadcrumb a:hover,div.m-breadcrumb a:hover {
    text-decoration: underline
}

.m-smartbar-item_separator {
    display: none
}

.m-smartbar-item_wrapper {
    position: relative;
    height: calc(100vh / 6)
}

@media screen and (max-width: 1024px) {
    .m-smartbar-item_wrapper {
        height:8rem
    }
}

@media screen and (max-width: 1024px) {
    .m-smartbar-item_wrapper {
        width:calc((100% / 6));
        display: inline-block
    }
}

.m-smartbar-item_wrapper:nth-child(1) .m-smartbar-item .m-smartbar-item_caption {
    transition-delay: 40ms
}

.m-smartbar-item_wrapper:nth-child(2) .m-smartbar-item .m-smartbar-item_caption {
    transition-delay: 80ms
}

.m-smartbar-item_wrapper:nth-child(3) .m-smartbar-item .m-smartbar-item_caption {
    transition-delay: 120ms
}

.m-smartbar-item_wrapper:nth-child(4) .m-smartbar-item .m-smartbar-item_caption {
    transition-delay: 160ms
}

.m-smartbar-item_wrapper:nth-child(5) .m-smartbar-item .m-smartbar-item_caption {
    transition-delay: .2s
}

.m-smartbar-item_wrapper:nth-child(6) .m-smartbar-item .m-smartbar-item_caption {
    transition-delay: 240ms
}

.m-smartbar-item_wrapper:after {
    content: "";
    position: absolute;
    background: rgba(216,216,216,.24);
    bottom: 0;
    left: 2rem;
    height: 1px;
    width: calc(100% - 4rem);
    z-index: 2
}

@media screen and (max-width: 768px) {
    .m-smartbar-item_wrapper:after {
        background:0 0;
        border-right: 1px solid rgba(216,216,216,.24);
        height: 70%;
        top: 18%;
        right: 0;
        left: 4.1rem
    }
}

.m-smartbar-item_wrapper:last-child():after {
    content: initial
}

.m-smartbar-item_wrapper:not(:last-child) .m-smartbar-item_separator {
    display: none;
    z-index: 1;
    position: absolute;
    bottom: 0;
    left: 16px;
    right: 16px;
    height: 1px;
    content: "";
    display: block;
    background: rgba(216,216,216,.24);
    -webkit-transition: left .2s ease;
    -moz-transition: left .2s ease;
    -o-transition: left .2s ease;
    transition: left .2s ease
}

@media screen and (max-width: 1024px) {
    .m-smartbar-item_wrapper:not(:last-child) .m-smartbar-item_separator {
        top:12px;
        right: 0;
        bottom: 12px;
        left: auto!important;
        width: 1px;
        height: auto
    }
}

.m-smartbar-item_wrapper.is-selected,.m-smartbar-item_wrapper:focus,.m-smartbar-item_wrapper:hover {
    background-color: #fff
}

.m-smartbar-item_wrapper.is-selected .m-smartbar-item,.m-smartbar-item_wrapper:focus .m-smartbar-item,.m-smartbar-item_wrapper:hover .m-smartbar-item {
    color: #b88800
}

.m-smartbar-item_wrapper.is-selected .m-smartbar-item_icon,.m-smartbar-item_wrapper:focus .m-smartbar-item_icon,.m-smartbar-item_wrapper:hover .m-smartbar-item_icon {
    color: #b88800;
    background-color: #fff
}

.m-smartbar-item_wrapper.is-selected .m-smartbar-item_caption,.m-smartbar-item_wrapper:focus .m-smartbar-item_caption,.m-smartbar-item_wrapper:hover .m-smartbar-item_caption {
    color: #b88800!important
}

.m-smartbar-item_wrapper .m-smartbar-item {
    text-decoration: none;
    position: relative;
    width: 100%;
    height: 100%;
    display: table;
    text-align: center;
    color: #fff
}

@media screen and (max-width: 1024px) {
    .m-smartbar-item_wrapper .m-smartbar-item {
        height:auto
    }
}

.m-smartbar-item_wrapper .m-smartbar-item .m-smartbar-item_caption {
    transform: translateX(100%);
    content: attr(aria-label);
    display: table;
    position: absolute;
    height: 100%;
    width: 132px;
    opacity: 0;
    padding-left: 1.6rem;
    top: 0;
    -webkit-transition: opacity .6s ease-in-out,transform .2s ease;
    -moz-transition: opacity .6s ease-in-out,transform .2s ease;
    -o-transition: opacity .6s ease-in-out,transform .2s ease;
    transition: opacity .6s ease-in-out,transform .2s ease;
    transition-timing-function: cubic-bezier(0,1.4,1,1);
    text-align: right;
    font-size: 1.8rem
}

@media screen and (max-width: 1024px) {
    .m-smartbar-item_wrapper .m-smartbar-item .m-smartbar-item_caption {
        word-break:break-word;
        hyphens: auto;
        position: absolute;
        font-size: 1rem;
        left: 0;
        top: 4.8rem;
        color: #fff;
        width: 100%;
        z-index: 1011;
        display: table;
        opacity: 1;
        transform: initial;
        padding: 0 .5rem;
        text-align: center
    }

    .m-smartbar-item_wrapper .m-smartbar-item .m-smartbar-item_caption .tb-cell {
        display: inline
    }
}

.m-smartbar-item_wrapper .m-smartbar-item .capts-menu {
    line-height: calc((100vh / 6) - 1 - 48px);
    text-align: right;
    font-size: 1.8rem
}

.m-smartbar-item_icon {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    font-size: 2.4rem!important;
    padding: 1.6rem;
    width: 8rem;
    position: relative;
    background: #cd9c13
}

@media only screen and (max-width: 1024px) {
    .m-smartbar-item_icon {
        width:100%
    }
}

.colors-section .color-wrapper {
    height: 100px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px
}

.colors-section .color-detail {
    margin-top: 10px;
    text-align: center
}

.colors-section .color-detail p {
    padding: 0;
    margin: 0
}

.colors-section .color-detail p~p {
    margin-top: 5px
}

.m-article-carousel,.m-banner-card,.m-card-carousel,.m-product-card-carousel {
    border-radius: 8px;
    position: relative;
    margin: 0 auto;
    margin-top: 3rem
}

@media screen and (max-width: 1024px) {
    .m-article-carousel,.m-banner-card,.m-card-carousel,.m-product-card-carousel {
        width:100%
    }
}

.m-banner-card.owl-carousel .owl-stage-outer,.owl-carousel.m-article-carousel .owl-stage-outer,.owl-carousel.m-card-carousel .owl-stage-outer,.owl-carousel.m-product-card-carousel .owl-stage-outer {
    border-radius: 8px
}

.m-banner-card.owl-carousel .owl-dots,.owl-carousel.m-article-carousel .owl-dots,.owl-carousel.m-card-carousel .owl-dots,.owl-carousel.m-product-card-carousel .owl-dots {
    z-index: 1;
    position: absolute;
    bottom: 24px;
    -webkit-transform: translateX(-50);
    -moz-transform: translateX(-50);
    -ms-transform: translateX(-50);
    -o-transform: translateX(-50);
    transform: translateX(-50);
    width: 100%;
    text-align: center
}

.m-banner-card.owl-carousel .owl-dots button,.owl-carousel.m-article-carousel .owl-dots button,.owl-carousel.m-card-carousel .owl-dots button,.owl-carousel.m-product-card-carousel .owl-dots button {
    padding: 10px 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    margin-top: 12px;
    border: none;
    cursor: pointer
}

@media screen and (max-width: 768px) {
    .m-banner-card.owl-carousel .owl-dots button,.owl-carousel.m-article-carousel .owl-dots button,.owl-carousel.m-card-carousel .owl-dots button,.owl-carousel.m-product-card-carousel .owl-dots button {
        margin:2px
    }
}

.m-banner-card.owl-carousel .owl-dots .owl-dot,.owl-carousel.m-article-carousel .owl-dots .owl-dot,.owl-carousel.m-card-carousel .owl-dots .owl-dot,.owl-carousel.m-product-card-carousel .owl-dots .owl-dot {
    background: #b88800;
    width: 12px;
    height: 12px;
    font-size: 0;
    border-radius: 12px;
    padding: 0;
    outline: 0;
    -webkit-transition: width .2s ease;
    -moz-transition: width .2s ease;
    -o-transition: width .2s ease;
    transition: width .2s ease
}

@media screen and (max-width: 768px) {
    .m-banner-card.owl-carousel .owl-dots .owl-dot,.owl-carousel.m-article-carousel .owl-dots .owl-dot,.owl-carousel.m-card-carousel .owl-dots .owl-dot,.owl-carousel.m-product-card-carousel .owl-dots .owl-dot {
        width:10px;
        height: 10px
    }
}

.m-banner-card.owl-carousel .owl-dots .owl-dot.active,.owl-carousel.m-article-carousel .owl-dots .owl-dot.active,.owl-carousel.m-card-carousel .owl-dots .owl-dot.active,.owl-carousel.m-product-card-carousel .owl-dots .owl-dot.active {
    width: 56px
}

.m-banner-card.owl-carousel .owl-dots .owl-dot:not(:first-child),.owl-carousel.m-article-carousel .owl-dots .owl-dot:not(:first-child),.owl-carousel.m-card-carousel .owl-dots .owl-dot:not(:first-child),.owl-carousel.m-product-card-carousel .owl-dots .owl-dot:not(:first-child) {
    margin-left: 8px
}

@media screen and (max-width: 768px) {
    .m-banner-card.owl-carousel .owl-dots,.owl-carousel.m-article-carousel .owl-dots,.owl-carousel.m-card-carousel .owl-dots,.owl-carousel.m-product-card-carousel .owl-dots {
        bottom:8px
    }
}

.m-banner-card.owl-carousel .owl-dot,.owl-carousel.m-article-carousel .owl-dot,.owl-carousel.m-card-carousel .owl-dot,.owl-carousel.m-product-card-carousel .owl-dot {
    position: relative
}

.m-banner-card.owl-carousel .owl-dot.active>span,.owl-carousel.m-article-carousel .owl-dot.active>span,.owl-carousel.m-card-carousel .owl-dot.active>span,.owl-carousel.m-product-card-carousel .owl-dot.active>span {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: #fff;
    border-radius: 12px;
    min-width: 12px
}

.owl-dots .m-banner-card.owl-carousel .owl-dot.active>span,.owl-dots .owl-carousel.m-article-carousel .owl-dot.active>span,.owl-dots .owl-carousel.m-card-carousel .owl-dot.active>span,.owl-dots .owl-carousel.m-product-card-carousel .owl-dot.active>span {
    width: 0
}

.m-banner-card.owl-carousel .owl-nav,.owl-carousel.m-article-carousel .owl-nav,.owl-carousel.m-card-carousel .owl-nav,.owl-carousel.m-product-card-carousel .owl-nav {
    font-size: 1.6rem
}

.m-banner-card.owl-carousel .owl-nav button,.owl-carousel.m-article-carousel .owl-nav button,.owl-carousel.m-card-carousel .owl-nav button,.owl-carousel.m-product-card-carousel .owl-nav button {
    padding: 10px 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    margin-top: 12px;
    border: none;
    cursor: pointer
}

@media screen and (max-width: 768px) {
    .m-banner-card.owl-carousel .owl-nav button,.owl-carousel.m-article-carousel .owl-nav button,.owl-carousel.m-card-carousel .owl-nav button,.owl-carousel.m-product-card-carousel .owl-nav button {
        margin:2px
    }
}

.m-banner-card.owl-carousel .owl-prev,.owl-carousel.m-article-carousel .owl-prev,.owl-carousel.m-card-carousel .owl-prev,.owl-carousel.m-product-card-carousel .owl-prev {
    display: block;
    left: 1rem;
    top: 46%;
    left: 0
}

.m-banner-card.owl-carousel .owl-prev:hover,.owl-carousel.m-article-carousel .owl-prev:hover,.owl-carousel.m-card-carousel .owl-prev:hover,.owl-carousel.m-product-card-carousel .owl-prev:hover {
    -webkit-transform: translate(-5px,0);
    -moz-transform: translate(-5px,0);
    -ms-transform: translate(-5px,0);
    -o-transform: translate(-5px,0);
    transform: translate(-5px,0)
}

@media screen and (max-width: 768px) {
    .m-banner-card.owl-carousel .owl-prev,.owl-carousel.m-article-carousel .owl-prev,.owl-carousel.m-card-carousel .owl-prev,.owl-carousel.m-product-card-carousel .owl-prev {
        display:none
    }
}

.m-banner-card.owl-carousel .owl-next,.owl-carousel.m-article-carousel .owl-next,.owl-carousel.m-card-carousel .owl-next,.owl-carousel.m-product-card-carousel .owl-next {
    display: block;
    right: .9rem;
    top: 46%;
    right: 0
}

.m-banner-card.owl-carousel .owl-next:hover,.owl-carousel.m-article-carousel .owl-next:hover,.owl-carousel.m-card-carousel .owl-next:hover,.owl-carousel.m-product-card-carousel .owl-next:hover {
    -webkit-transform: translate(5px,0);
    -moz-transform: translate(5px,0);
    -ms-transform: translate(5px,0);
    -o-transform: translate(5px,0);
    transform: translate(5px,0)
}

@media screen and (max-width: 768px) {
    .m-banner-card.owl-carousel .owl-next,.owl-carousel.m-article-carousel .owl-next,.owl-carousel.m-card-carousel .owl-next,.owl-carousel.m-product-card-carousel .owl-next {
        display:none
    }
}

.m-banner-card.owl-carousel .owl-item.active .m-banner-card_content>*,.owl-carousel.m-article-carousel .owl-item.active .m-banner-card_content>*,.owl-carousel.m-card-carousel .owl-item.active .m-banner-card_content>*,.owl-carousel.m-product-card-carousel .owl-item.active .m-banner-card_content>* {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    opacity: 1
}

.m-banner-card.owl-carousel .owl-item.active .m-banner-card_content>:first-child,.owl-carousel.m-article-carousel .owl-item.active .m-banner-card_content>:first-child,.owl-carousel.m-card-carousel .owl-item.active .m-banner-card_content>:first-child,.owl-carousel.m-product-card-carousel .owl-item.active .m-banner-card_content>:first-child {
    -webkit-transition: opacity .6s ease .75s,transform .6s ease .75s;
    -moz-transition: opacity .6s ease .75s,transform .6s ease .75s;
    -o-transition: opacity .6s ease .75s,transform .6s ease .75s;
    transition: opacity .6s ease .75s,transform .6s ease .75s
}

.m-banner-card.owl-carousel .owl-item.active .m-banner-card_content>:first-child+*,.owl-carousel.m-article-carousel .owl-item.active .m-banner-card_content>:first-child+*,.owl-carousel.m-card-carousel .owl-item.active .m-banner-card_content>:first-child+*,.owl-carousel.m-product-card-carousel .owl-item.active .m-banner-card_content>:first-child+* {
    -webkit-transition: opacity .6s ease .85s,transform .6s ease .85s;
    -moz-transition: opacity .6s ease .85s,transform .6s ease .85s;
    -o-transition: opacity .6s ease .85s,transform .6s ease .85s;
    transition: opacity .6s ease .85s,transform .6s ease .85s
}

.m-banner-card.owl-carousel .owl-item.active .m-banner-card_image,.owl-carousel.m-article-carousel .owl-item.active .m-banner-card_image,.owl-carousel.m-card-carousel .owl-item.active .m-banner-card_image,.owl-carousel.m-product-card-carousel .owl-item.active .m-banner-card_image {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition: opacity .6s ease .25s,transform .6s ease .25s;
    -moz-transition: opacity .6s ease .25s,transform .6s ease .25s;
    -o-transition: opacity .6s ease .25s,transform .6s ease .25s;
    transition: opacity .6s ease .25s,transform .6s ease .25s
}

.event-carousel.m-article-carousel .owl-stage-outer,.event-carousel.m-card-carousel .owl-stage-outer,.event-carousel.m-product-card-carousel .owl-stage-outer,.m-banner-card.event-carousel .owl-stage-outer {
    border-radius: 8px
}

.event-carousel.m-article-carousel .owl-dots,.event-carousel.m-card-carousel .owl-dots,.event-carousel.m-product-card-carousel .owl-dots,.m-banner-card.event-carousel .owl-dots {
    z-index: 1;
    position: absolute;
    bottom: 24px;
    -webkit-transform: translateX(-50);
    -moz-transform: translateX(-50);
    -ms-transform: translateX(-50);
    -o-transform: translateX(-50);
    transform: translateX(-50);
    width: 100%;
    text-align: center
}

.event-carousel.m-article-carousel .owl-dots button,.event-carousel.m-card-carousel .owl-dots button,.event-carousel.m-product-card-carousel .owl-dots button,.m-banner-card.event-carousel .owl-dots button {
    padding: 10px 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    margin-top: 12px;
    border: none;
    cursor: pointer
}

@media screen and (max-width: 768px) {
    .event-carousel.m-article-carousel .owl-dots button,.event-carousel.m-card-carousel .owl-dots button,.event-carousel.m-product-card-carousel .owl-dots button,.m-banner-card.event-carousel .owl-dots button {
        margin:2px
    }
}

.event-carousel.m-article-carousel .owl-dots .owl-dot,.event-carousel.m-card-carousel .owl-dots .owl-dot,.event-carousel.m-product-card-carousel .owl-dots .owl-dot,.m-banner-card.event-carousel .owl-dots .owl-dot {
    background: rgba(239,239,239,.5);
    width: 12px;
    height: 12px;
    font-size: 0;
    border-radius: 12px;
    padding: 0;
    outline: 0;
    -webkit-transition: width .2s ease;
    -moz-transition: width .2s ease;
    -o-transition: width .2s ease;
    transition: width .2s ease
}

@media screen and (max-width: 768px) {
    .event-carousel.m-article-carousel .owl-dots .owl-dot,.event-carousel.m-card-carousel .owl-dots .owl-dot,.event-carousel.m-product-card-carousel .owl-dots .owl-dot,.m-banner-card.event-carousel .owl-dots .owl-dot {
        width:10px;
        height: 10px
    }
}

.event-carousel.m-article-carousel .owl-dots .owl-dot.active,.event-carousel.m-card-carousel .owl-dots .owl-dot.active,.event-carousel.m-product-card-carousel .owl-dots .owl-dot.active,.m-banner-card.event-carousel .owl-dots .owl-dot.active {
    width: 56px
}

.event-carousel.m-article-carousel .owl-dots .owl-dot:not(:first-child),.event-carousel.m-card-carousel .owl-dots .owl-dot:not(:first-child),.event-carousel.m-product-card-carousel .owl-dots .owl-dot:not(:first-child),.m-banner-card.event-carousel .owl-dots .owl-dot:not(:first-child) {
    margin-left: 8px
}

@media screen and (max-width: 768px) {
    .event-carousel.m-article-carousel .owl-dots,.event-carousel.m-card-carousel .owl-dots,.event-carousel.m-product-card-carousel .owl-dots,.m-banner-card.event-carousel .owl-dots {
        bottom:8px
    }
}

.event-carousel.m-article-carousel .owl-dot,.event-carousel.m-card-carousel .owl-dot,.event-carousel.m-product-card-carousel .owl-dot,.m-banner-card.event-carousel .owl-dot {
    position: relative
}

.event-carousel.m-article-carousel .owl-dot.active>span,.event-carousel.m-card-carousel .owl-dot.active>span,.event-carousel.m-product-card-carousel .owl-dot.active>span,.m-banner-card.event-carousel .owl-dot.active>span {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: #fff;
    border-radius: 12px;
    min-width: 12px
}

.owl-dots .event-carousel.m-article-carousel .owl-dot.active>span,.owl-dots .event-carousel.m-card-carousel .owl-dot.active>span,.owl-dots .event-carousel.m-product-card-carousel .owl-dot.active>span,.owl-dots .m-banner-card.event-carousel .owl-dot.active>span {
    width: 0
}

.event-carousel.m-article-carousel .owl-nav,.event-carousel.m-card-carousel .owl-nav,.event-carousel.m-product-card-carousel .owl-nav,.m-banner-card.event-carousel .owl-nav {
    font-size: 1.6rem
}

.event-carousel.m-article-carousel .owl-nav button,.event-carousel.m-card-carousel .owl-nav button,.event-carousel.m-product-card-carousel .owl-nav button,.m-banner-card.event-carousel .owl-nav button {
    padding: 10px 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    margin-top: 12px;
    border: none;
    cursor: pointer
}

@media screen and (max-width: 768px) {
    .event-carousel.m-article-carousel .owl-nav button,.event-carousel.m-card-carousel .owl-nav button,.event-carousel.m-product-card-carousel .owl-nav button,.m-banner-card.event-carousel .owl-nav button {
        margin:2px
    }
}

.event-carousel.m-article-carousel .owl-prev,.event-carousel.m-card-carousel .owl-prev,.event-carousel.m-product-card-carousel .owl-prev,.m-banner-card.event-carousel .owl-prev {
    display: block;
    left: 1rem;
    top: 46%;
    left: 0
}

.event-carousel.m-article-carousel .owl-prev:hover,.event-carousel.m-card-carousel .owl-prev:hover,.event-carousel.m-product-card-carousel .owl-prev:hover,.m-banner-card.event-carousel .owl-prev:hover {
    -webkit-transform: translate(-5px,0);
    -moz-transform: translate(-5px,0);
    -ms-transform: translate(-5px,0);
    -o-transform: translate(-5px,0);
    transform: translate(-5px,0)
}

@media screen and (max-width: 768px) {
    .event-carousel.m-article-carousel .owl-prev,.event-carousel.m-card-carousel .owl-prev,.event-carousel.m-product-card-carousel .owl-prev,.m-banner-card.event-carousel .owl-prev {
        display:none
    }
}

.event-carousel.m-article-carousel .owl-next,.event-carousel.m-card-carousel .owl-next,.event-carousel.m-product-card-carousel .owl-next,.m-banner-card.event-carousel .owl-next {
    display: block;
    right: .9rem;
    top: 46%;
    right: 0
}

.event-carousel.m-article-carousel .owl-next:hover,.event-carousel.m-card-carousel .owl-next:hover,.event-carousel.m-product-card-carousel .owl-next:hover,.m-banner-card.event-carousel .owl-next:hover {
    -webkit-transform: translate(5px,0);
    -moz-transform: translate(5px,0);
    -ms-transform: translate(5px,0);
    -o-transform: translate(5px,0);
    transform: translate(5px,0)
}

@media screen and (max-width: 768px) {
    .event-carousel.m-article-carousel .owl-next,.event-carousel.m-card-carousel .owl-next,.event-carousel.m-product-card-carousel .owl-next,.m-banner-card.event-carousel .owl-next {
        display:none
    }
}

.event-carousel.m-article-carousel .owl-item.active .m-banner-card_content>*,.event-carousel.m-card-carousel .owl-item.active .m-banner-card_content>*,.event-carousel.m-product-card-carousel .owl-item.active .m-banner-card_content>*,.m-banner-card.event-carousel .owl-item.active .m-banner-card_content>* {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    opacity: 1
}

.event-carousel.m-article-carousel .owl-item.active .m-banner-card_content>:first-child,.event-carousel.m-card-carousel .owl-item.active .m-banner-card_content>:first-child,.event-carousel.m-product-card-carousel .owl-item.active .m-banner-card_content>:first-child,.m-banner-card.event-carousel .owl-item.active .m-banner-card_content>:first-child {
    -webkit-transition: opacity .6s ease .75s,transform .6s ease .75s;
    -moz-transition: opacity .6s ease .75s,transform .6s ease .75s;
    -o-transition: opacity .6s ease .75s,transform .6s ease .75s;
    transition: opacity .6s ease .75s,transform .6s ease .75s
}

.event-carousel.m-article-carousel .owl-item.active .m-banner-card_content>:first-child+*,.event-carousel.m-card-carousel .owl-item.active .m-banner-card_content>:first-child+*,.event-carousel.m-product-card-carousel .owl-item.active .m-banner-card_content>:first-child+*,.m-banner-card.event-carousel .owl-item.active .m-banner-card_content>:first-child+* {
    -webkit-transition: opacity .6s ease .85s,transform .6s ease .85s;
    -moz-transition: opacity .6s ease .85s,transform .6s ease .85s;
    -o-transition: opacity .6s ease .85s,transform .6s ease .85s;
    transition: opacity .6s ease .85s,transform .6s ease .85s
}

.event-carousel.m-article-carousel .owl-item.active .m-banner-card_image,.event-carousel.m-card-carousel .owl-item.active .m-banner-card_image,.event-carousel.m-product-card-carousel .owl-item.active .m-banner-card_image,.m-banner-card.event-carousel .owl-item.active .m-banner-card_image {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition: opacity .6s ease .25s,transform .6s ease .25s;
    -moz-transition: opacity .6s ease .25s,transform .6s ease .25s;
    -o-transition: opacity .6s ease .25s,transform .6s ease .25s;
    transition: opacity .6s ease .25s,transform .6s ease .25s
}

.m-banner-card-wrapper {
    position: relative
}

@media screen and (max-width: 768px) {
    .m-banner-card-wrapper {
        max-width:fit-content
    }
}

.m-article-carousel .owl-next,.m-article-carousel .owl-prev,.m-banner-card .owl-next,.m-banner-card .owl-prev,.m-banner-card_arrow,.m-card-carousel .owl-next,.m-card-carousel .owl-prev,.m-product-card-carousel .owl-next,.m-product-card-carousel .owl-prev {
    position: absolute;
    z-index: 1;
    top: 50%;
    outline: 0;
    -webkit-transition: transform .2s ease;
    -moz-transition: transform .2s ease;
    -o-transition: transform .2s ease;
    transition: transform .2s ease
}

.m-article-carousel .owl-next-wrapper button,.m-article-carousel .owl-prev-wrapper button,.m-banner-card .owl-next-wrapper button,.m-banner-card .owl-prev-wrapper button,.m-banner-card_arrow-wrapper button,.m-card-carousel .owl-next-wrapper button,.m-card-carousel .owl-prev-wrapper button,.m-product-card-carousel .owl-next-wrapper button,.m-product-card-carousel .owl-prev-wrapper button {
    padding: 10px 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    margin-top: 12px;
    border: none;
    cursor: pointer
}

@media screen and (max-width: 768px) {
    .m-article-carousel .owl-next-wrapper button,.m-article-carousel .owl-prev-wrapper button,.m-banner-card .owl-next-wrapper button,.m-banner-card .owl-prev-wrapper button,.m-banner-card_arrow-wrapper button,.m-card-carousel .owl-next-wrapper button,.m-card-carousel .owl-prev-wrapper button,.m-product-card-carousel .owl-next-wrapper button,.m-product-card-carousel .owl-prev-wrapper button {
        margin:2px
    }
}

.m-article-carousel .owl-next.previous,.m-article-carousel .owl-prev.previous,.m-banner-card .owl-next.previous,.m-banner-card .owl-prev.previous,.m-banner-card_arrow.previous,.m-card-carousel .owl-next.previous,.m-card-carousel .owl-prev.previous,.m-product-card-carousel .owl-next.previous,.m-product-card-carousel .owl-prev.previous {
    left: 1rem;
    top: 46%
}

.m-article-carousel .owl-next.previous:hover,.m-article-carousel .owl-prev.previous:hover,.m-banner-card .owl-next.previous:hover,.m-banner-card .owl-prev.previous:hover,.m-banner-card_arrow.previous:hover,.m-card-carousel .owl-next.previous:hover,.m-card-carousel .owl-prev.previous:hover,.m-product-card-carousel .owl-next.previous:hover,.m-product-card-carousel .owl-prev.previous:hover {
    -webkit-transform: translate(-5px,0);
    -moz-transform: translate(-5px,0);
    -ms-transform: translate(-5px,0);
    -o-transform: translate(-5px,0);
    transform: translate(-5px,0)
}

.m-article-carousel .owl-next.next,.m-article-carousel .owl-prev.next,.m-banner-card .owl-next.next,.m-banner-card .owl-prev.next,.m-banner-card_arrow.next,.m-card-carousel .owl-next.next,.m-card-carousel .owl-prev.next,.m-product-card-carousel .owl-next.next,.m-product-card-carousel .owl-prev.next {
    right: .9rem;
    top: 46%
}

.m-article-carousel .owl-next.next:hover,.m-article-carousel .owl-prev.next:hover,.m-banner-card .owl-next.next:hover,.m-banner-card .owl-prev.next:hover,.m-banner-card_arrow.next:hover,.m-card-carousel .owl-next.next:hover,.m-card-carousel .owl-prev.next:hover,.m-product-card-carousel .owl-next.next:hover,.m-product-card-carousel .owl-prev.next:hover {
    -webkit-transform: translate(5px,0);
    -moz-transform: translate(5px,0);
    -ms-transform: translate(5px,0);
    -o-transform: translate(5px,0);
    transform: translate(5px,0)
}

.m-banner-card_item {
    position: relative;
    width: 100%;
    height: 272px;
    display: table;
    padding: 5.6rem
}

@media screen and (max-width: 768px) {
    .m-banner-card_item {
        padding:2rem
    }
}

@media screen and (max-width: 768px) {
    .m-banner-card_item {
        max-height:170px
    }
}

.m-banner-card_content {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    color: #fff;
    z-index: 1
}

.m-banner-card_content .a-text.a-text-paragraph {
    font-size: 1.2rem
}

.m-banner-card_content .a-text.a-text--ellipsis {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.m-banner-card_content .a-text.a-text-title {
    color: #fff
}

@media screen and (max-width: 768px) {
    .m-banner-card_content .a-text.a-text-title {
        font-size:2.4rem
    }
}

.m-banner-card_content>:first-child {
    opacity: 0;
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 4px;
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    -ms-transform: translateY(8px);
    -o-transform: translateY(8px);
    transform: translateY(8px);
    -webkit-transition: opacity .6s ease .25s,transform .6s ease .25s;
    -moz-transition: opacity .6s ease .25s,transform .6s ease .25s;
    -o-transition: opacity .6s ease .25s,transform .6s ease .25s;
    transition: opacity .6s ease .25s,transform .6s ease .25s
}

.m-banner-card_content>:first-child+* {
    opacity: 0;
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    -ms-transform: translateY(8px);
    -o-transform: translateY(8px);
    transform: translateY(8px);
    -webkit-transition: opacity .6s ease .25s,transform .6s ease .25s;
    -moz-transition: opacity .6s ease .25s,transform .6s ease .25s;
    -o-transition: opacity .6s ease .25s,transform .6s ease .25s;
    transition: opacity .6s ease .25s,transform .6s ease .25s
}

.m-banner-card_image {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 12px;
    vertical-align: middle;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: scale(1.16);
    -moz-transform: scale(1.16);
    -ms-transform: scale(1.16);
    -o-transform: scale(1.16);
    transform: scale(1.16);
    opacity: 0;
    -webkit-transition: opacity .6s ease,transform .6s ease;
    -moz-transition: opacity .6s ease,transform .6s ease;
    -o-transition: opacity .6s ease,transform .6s ease;
    transition: opacity .6s ease,transform .6s ease
}

.m-banner-card_image:before {
    content: "";
    position: absolute;
    background-image: linear-gradient(to left,rgba(0,0,0,0),rgba(0,0,0,.5));
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.m-banner-card_image-wrapper {
    font-size: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.5)
}

.m-banner-card--small,.m-banner-card--tall {
    max-width: unset
}

.m-banner-card--small .m-banner-card_item,.m-banner-card--tall .m-banner-card_item {
    height: 494px
}

@media screen and (max-width: 768px) {
    .m-banner-card--small .m-banner-card_item,.m-banner-card--tall .m-banner-card_item {
        max-height:unset
    }
}

.m-banner-card--small .m-banner-card_content,.m-banner-card--tall .m-banner-card_content {
    padding: 2rem
}

@media screen and (max-width: 768px) {
    .m-banner-card--small .m-banner-card_content,.m-banner-card--tall .m-banner-card_content {
        left:0;
        right: 0
    }
}

.m-banner-card--small .m-banner-card_content a,.m-banner-card--tall .m-banner-card_content a {
    color: #fff
}

.m-banner-card--small .m-banner-card_content a.tb,.m-banner-card--tall .m-banner-card_content a.tb {
    width: auto!important
}

.m-banner-card--small .m-banner-card_content a span,.m-banner-card--tall .m-banner-card_content a span {
    color: #fff;
    padding-right: 10px;
    font-size: 1.6rem
}

.m-banner-card--small .m-banner-card_content a i,.m-banner-card--tall .m-banner-card_content a i {
    color: #fff;
    position: relative;
    top: 2px;
    font-size: 1.2rem
}

.m-banner-card--small.owl-carousel .owl-dots,.m-banner-card--tall.owl-carousel .owl-dots {
    bottom: 3.2rem
}

.m-banner-card--small.owl-carousel .owl-nav button.owl-next,.m-banner-card--small.owl-carousel .owl-nav button.owl-prev,.m-banner-card--tall.owl-carousel .owl-nav button.owl-next,.m-banner-card--tall.owl-carousel .owl-nav button.owl-prev {
    height: 32px;
    width: 32px;
    border-radius: 50%
}

.m-banner-card--small.owl-carousel .owl-nav button.owl-next span,.m-banner-card--small.owl-carousel .owl-nav button.owl-prev span,.m-banner-card--tall.owl-carousel .owl-nav button.owl-next span,.m-banner-card--tall.owl-carousel .owl-nav button.owl-prev span {
    font-size: 1.2rem
}

.m-banner-card--tall.owl-carousel .owl-nav button.owl-next,.m-banner-card--tall.owl-carousel .owl-nav button.owl-prev {
    background-color: #cd9c13;
    margin-right: 1rem
}

.m-banner-card--tall .m-banner-card_image {
    height: 494px
}

.m-banner-card--tall .m-banner-card_image.desktop {
    display: block
}

.m-banner-card--tall .m-banner-card_image.mobile {
    display: none
}

@media screen and (max-width: 768px) {
    .m-banner-card--tall .m-banner-card_image.desktop {
        display:none
    }

    .m-banner-card--tall .m-banner-card_image.mobile {
        display: block
    }
}

.m-banner-card--tall .owl-nav {
    position: absolute;
    bottom: 8rem;
    left: 7.6rem
}

.m-banner-card--tall .owl-nav .owl-next,.m-banner-card--tall .owl-nav .owl-prev {
    position: initial;
    display: inline-block
}

.m-banner-card--small {
    height: 24.6rem
}

.m-banner-card--small .m-banner-card_item {
    height: 24.6rem
}

.m-banner-card--small .a-text-description {
    display: none
}

.m-banner-card--small.owl-carousel .owl-dots .owl-dot {
    margin: 2px;
    height: 8px;
    width: 8px
}

.o-header .m-banner-card.owl-carousel .owl-prev,.o-header .owl-carousel.m-article-carousel .owl-prev,.o-header .owl-carousel.m-card-carousel .owl-prev,.o-header .owl-carousel.m-product-card-carousel .owl-prev {
    left: 2.4rem
}

.o-header .m-banner-card.owl-carousel .owl-nav button,.o-header .owl-carousel.m-article-carousel .owl-nav button,.o-header .owl-carousel.m-card-carousel .owl-nav button,.o-header .owl-carousel.m-product-card-carousel .owl-nav button {
    right: 2.4rem
}

.m-article-carousel,.m-card-carousel,.m-product-card-carousel {
    margin-top: 0
}

.m-article-carousel.owl-carousel .owl-stage-outer,.owl-carousel.m-card-carousel .owl-stage-outer,.owl-carousel.m-product-card-carousel .owl-stage-outer {
    border-radius: 8px
}

.m-article-carousel.owl-carousel .owl-dots,.owl-carousel.m-card-carousel .owl-dots,.owl-carousel.m-product-card-carousel .owl-dots {
    z-index: 1;
    position: absolute;
    bottom: 24px;
    -webkit-transform: translateX(-50);
    -moz-transform: translateX(-50);
    -ms-transform: translateX(-50);
    -o-transform: translateX(-50);
    transform: translateX(-50);
    width: 100%;
    text-align: center
}

.m-article-carousel.owl-carousel .owl-dots button,.owl-carousel.m-card-carousel .owl-dots button,.owl-carousel.m-product-card-carousel .owl-dots button {
    padding: 10px 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    margin-top: 12px;
    border: none;
    cursor: pointer
}

@media screen and (max-width: 768px) {
    .m-article-carousel.owl-carousel .owl-dots button,.owl-carousel.m-card-carousel .owl-dots button,.owl-carousel.m-product-card-carousel .owl-dots button {
        margin:2px
    }
}

.m-article-carousel.owl-carousel .owl-dots .owl-dot,.owl-carousel.m-card-carousel .owl-dots .owl-dot,.owl-carousel.m-product-card-carousel .owl-dots .owl-dot {
    background: rgba(239,239,239,.5);
    width: 12px;
    height: 12px;
    font-size: 0;
    border-radius: 12px;
    padding: 0;
    outline: 0;
    -webkit-transition: width .2s ease;
    -moz-transition: width .2s ease;
    -o-transition: width .2s ease;
    transition: width .2s ease
}

@media screen and (max-width: 768px) {
    .m-article-carousel.owl-carousel .owl-dots .owl-dot,.owl-carousel.m-card-carousel .owl-dots .owl-dot,.owl-carousel.m-product-card-carousel .owl-dots .owl-dot {
        width:10px;
        height: 10px
    }
}

.m-article-carousel.owl-carousel .owl-dots .owl-dot.active,.owl-carousel.m-card-carousel .owl-dots .owl-dot.active,.owl-carousel.m-product-card-carousel .owl-dots .owl-dot.active {
    width: 56px
}

.m-article-carousel.owl-carousel .owl-dots .owl-dot:not(:first-child),.owl-carousel.m-card-carousel .owl-dots .owl-dot:not(:first-child),.owl-carousel.m-product-card-carousel .owl-dots .owl-dot:not(:first-child) {
    margin-left: 8px
}

@media screen and (max-width: 768px) {
    .m-article-carousel.owl-carousel .owl-dots,.owl-carousel.m-card-carousel .owl-dots,.owl-carousel.m-product-card-carousel .owl-dots {
        bottom:8px
    }
}

.m-article-carousel.owl-carousel .owl-dot,.owl-carousel.m-card-carousel .owl-dot,.owl-carousel.m-product-card-carousel .owl-dot {
    position: relative
}

.m-article-carousel.owl-carousel .owl-dot.active>span,.owl-carousel.m-card-carousel .owl-dot.active>span,.owl-carousel.m-product-card-carousel .owl-dot.active>span {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: #fff;
    border-radius: 12px;
    min-width: 12px
}

.owl-dots .m-article-carousel.owl-carousel .owl-dot.active>span,.owl-dots .owl-carousel.m-card-carousel .owl-dot.active>span,.owl-dots .owl-carousel.m-product-card-carousel .owl-dot.active>span {
    width: 0
}

.m-article-carousel.owl-carousel .owl-nav,.owl-carousel.m-card-carousel .owl-nav,.owl-carousel.m-product-card-carousel .owl-nav {
    font-size: 1.6rem
}

.m-article-carousel.owl-carousel .owl-nav button,.owl-carousel.m-card-carousel .owl-nav button,.owl-carousel.m-product-card-carousel .owl-nav button {
    padding: 10px 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    margin-top: 12px;
    border: none;
    cursor: pointer
}

@media screen and (max-width: 768px) {
    .m-article-carousel.owl-carousel .owl-nav button,.owl-carousel.m-card-carousel .owl-nav button,.owl-carousel.m-product-card-carousel .owl-nav button {
        margin:2px
    }
}

.m-article-carousel.owl-carousel .owl-prev,.owl-carousel.m-card-carousel .owl-prev,.owl-carousel.m-product-card-carousel .owl-prev {
    display: block;
    left: 1rem;
    top: 46%;
    left: 0
}

.m-article-carousel.owl-carousel .owl-prev:hover,.owl-carousel.m-card-carousel .owl-prev:hover,.owl-carousel.m-product-card-carousel .owl-prev:hover {
    -webkit-transform: translate(-5px,0);
    -moz-transform: translate(-5px,0);
    -ms-transform: translate(-5px,0);
    -o-transform: translate(-5px,0);
    transform: translate(-5px,0)
}

@media screen and (max-width: 768px) {
    .m-article-carousel.owl-carousel .owl-prev,.owl-carousel.m-card-carousel .owl-prev,.owl-carousel.m-product-card-carousel .owl-prev {
        display:none
    }
}

.m-article-carousel.owl-carousel .owl-next,.owl-carousel.m-card-carousel .owl-next,.owl-carousel.m-product-card-carousel .owl-next {
    display: block;
    right: .9rem;
    top: 46%;
    right: 0
}

.m-article-carousel.owl-carousel .owl-next:hover,.owl-carousel.m-card-carousel .owl-next:hover,.owl-carousel.m-product-card-carousel .owl-next:hover {
    -webkit-transform: translate(5px,0);
    -moz-transform: translate(5px,0);
    -ms-transform: translate(5px,0);
    -o-transform: translate(5px,0);
    transform: translate(5px,0)
}

@media screen and (max-width: 768px) {
    .m-article-carousel.owl-carousel .owl-next,.owl-carousel.m-card-carousel .owl-next,.owl-carousel.m-product-card-carousel .owl-next {
        display:none
    }
}

.m-article-carousel.owl-carousel .owl-item.active .m-banner-card_content>*,.owl-carousel.m-card-carousel .owl-item.active .m-banner-card_content>*,.owl-carousel.m-product-card-carousel .owl-item.active .m-banner-card_content>* {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    opacity: 1
}

.m-article-carousel.owl-carousel .owl-item.active .m-banner-card_content>:first-child,.owl-carousel.m-card-carousel .owl-item.active .m-banner-card_content>:first-child,.owl-carousel.m-product-card-carousel .owl-item.active .m-banner-card_content>:first-child {
    -webkit-transition: opacity .6s ease .75s,transform .6s ease .75s;
    -moz-transition: opacity .6s ease .75s,transform .6s ease .75s;
    -o-transition: opacity .6s ease .75s,transform .6s ease .75s;
    transition: opacity .6s ease .75s,transform .6s ease .75s
}

.m-article-carousel.owl-carousel .owl-item.active .m-banner-card_content>:first-child+*,.owl-carousel.m-card-carousel .owl-item.active .m-banner-card_content>:first-child+*,.owl-carousel.m-product-card-carousel .owl-item.active .m-banner-card_content>:first-child+* {
    -webkit-transition: opacity .6s ease .85s,transform .6s ease .85s;
    -moz-transition: opacity .6s ease .85s,transform .6s ease .85s;
    -o-transition: opacity .6s ease .85s,transform .6s ease .85s;
    transition: opacity .6s ease .85s,transform .6s ease .85s
}

.m-article-carousel.owl-carousel .owl-item.active .m-banner-card_image,.owl-carousel.m-card-carousel .owl-item.active .m-banner-card_image,.owl-carousel.m-product-card-carousel .owl-item.active .m-banner-card_image {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition: opacity .6s ease .25s,transform .6s ease .25s;
    -moz-transition: opacity .6s ease .25s,transform .6s ease .25s;
    -o-transition: opacity .6s ease .25s,transform .6s ease .25s;
    transition: opacity .6s ease .25s,transform .6s ease .25s
}

.m-article-carousel.owl-carousel .owl-nav button,.owl-carousel.m-card-carousel .owl-nav button,.owl-carousel.m-product-card-carousel .owl-nav button {
    background-color: #cd9c13;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 50%;
    -webkit-transition: background-color .2s ease;
    -moz-transition: background-color .2s ease;
    -o-transition: background-color .2s ease;
    transition: background-color .2s ease
}

@media screen and (max-width: 768px) {
    .m-article-carousel.owl-carousel .owl-nav button,.owl-carousel.m-card-carousel .owl-nav button,.owl-carousel.m-product-card-carousel .owl-nav button {
        font-size:1rem;
        width: 24px;
        height: 24px
    }
}

.m-article-carousel.owl-carousel .owl-nav button:focus,.m-article-carousel.owl-carousel .owl-nav button:hover,.owl-carousel.m-card-carousel .owl-nav button:focus,.owl-carousel.m-card-carousel .owl-nav button:hover,.owl-carousel.m-product-card-carousel .owl-nav button:focus,.owl-carousel.m-product-card-carousel .owl-nav button:hover {
    background-color: #007ed7
}

.m-article-carousel.owl-carousel .owl-nav button.owl-prev,.owl-carousel.m-card-carousel .owl-nav button.owl-prev,.owl-carousel.m-product-card-carousel .owl-nav button.owl-prev {
    margin-left: 3.2rem;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.m-article-carousel.owl-carousel .owl-nav button.owl-next,.owl-carousel.m-card-carousel .owl-nav button.owl-next,.owl-carousel.m-product-card-carousel .owl-nav button.owl-next {
    margin-right: 3.2rem;
    -webkit-transform: translate(50%,-50%);
    -moz-transform: translate(50%,-50%);
    -ms-transform: translate(50%,-50%);
    -o-transform: translate(50%,-50%);
    transform: translate(50%,-50%)
}

.m-article-carousel.owl-carousel .owl-nav button>*,.owl-carousel.m-card-carousel .owl-nav button>*,.owl-carousel.m-product-card-carousel .owl-nav button>* {
    display: inline-table;
    vertical-align: middle
}

.m-smart-tile {
    margin-top: 1rem;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 300px;
    background-color: rgba(0,0,0,.48);
    color: #fff;
    border-radius: 12px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 276px;
    position: relative
}

@media screen and (min-width: 1024px) {
    .m-smart-tile {
        margin-top:3rem;
        max-width: 232px
    }
}

@media screen and (max-width: 1024px) {
    .m-smart-tile {
        max-width:initial;
        display: block;
        margin-left: 0;
        margin-right: 0;
        height: auto
    }

    .m-smart-tile .a-text.a-text-title {
        font-size: 2.4rem;
        text-align: center;
        padding-bottom: 1rem
    }

    .m-smart-tile .a-text.a-text-title br {
        display: none
    }
}

@media screen and (max-width: 768px) {
    .m-smart-tile {
        margin:0 auto;
        margin-top: 1.5rem
    }
}

.m-smart-tile ul {
    list-style: none;
    width: 100%;
    padding: 0
}

@media screen and (max-width: 768px) {
    .m-smart-tile ul {
        padding-top:3rem
    }
}

@supports (display: flex) {
    .m-smart-tile ul {
        margin:0
    }
}

.m-smart-tile ul li {
    display: block
}

.m-smart-tile .owl-nav {
    margin-top: 0
}

.m-smart-tile .owl-nav button {
    padding: 10px 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    margin-top: 12px;
    border: none;
    cursor: pointer
}

@media screen and (max-width: 768px) {
    .m-smart-tile .owl-nav button {
        margin:2px
    }
}

.m-smart-tile .owl-nav button {
    padding: 0
}

.m-smart-tile .owl-next,.m-smart-tile .owl-prev {
    position: absolute;
    z-index: 1;
    top: 50%;
    outline: 0;
    -webkit-transition: transform .2s ease;
    -moz-transition: transform .2s ease;
    -o-transition: transform .2s ease;
    transition: transform .2s ease;
    -webkit-transform: tanslateY(-50%);
    -moz-transform: tanslateY(-50%);
    -ms-transform: tanslateY(-50%);
    -o-transform: tanslateY(-50%);
    transform: tanslateY(-50%)
}

.m-smart-tile .owl-next {
    right: -1rem;
    top: -1rem
}

@media screen and (max-width: 768px) {
    .m-smart-tile .owl-next {
        right:0;
        top: 0
    }
}

.m-smart-tile .owl-next:focus,.m-smart-tile .owl-next:hover {
    -webkit-transform: translate(5px,0);
    -moz-transform: translate(5px,0);
    -ms-transform: translate(5px,0);
    -o-transform: translate(5px,0);
    transform: translate(5px,0)
}

.m-smart-tile .owl-prev {
    left: -1rem;
    top: -1rem
}

@media screen and (max-width: 768px) {
    .m-smart-tile .owl-prev {
        left:0;
        top: 0
    }
}

.m-smart-tile .owl-prev:focus,.m-smart-tile .owl-prev:hover {
    -webkit-transform: translate(-5px,0);
    -moz-transform: translate(-5px,0);
    -ms-transform: translate(-5px,0);
    -o-transform: translate(-5px,0);
    transform: translate(-5px,0)
}

.m-smart-tile_carousel-wrapper {
    position: relative;
    margin: 24px 0;
    width: 100%
}

@supports (display: flex) {
    .m-smart-tile_carousel-wrapper {
        margin:0
    }
}

.m-smart-tile .m-smart-tile_carousel-item {
    display: table;
    margin: auto
}

.m-smart-tile .m-smart-tile_carousel-item i {
    position: relative;
    top: 2px
}

.m-smart-tile .m-smart-tile_carousel-item>:last-child {
    padding-left: 12px
}

.m-smart-tile .m-smart-tile_info-item {
    padding: 14px 0
}

.m-smart-tile .m-smart-tile_info-item>:last-child {
    display: inline-block
}

.m-smart-tile .m-smart-tile_list {
    position: absolute;
    bottom: 0;
    left: 24px;
    right: auto
}

@supports (display: flex) {
    .m-smart-tile .m-smart-tile_list {
        position:static;
        bottom: auto;
        left: auto;
        right: auto
    }
}

.m-smart-tile .m-smart-tile_info-item:not(:last-child),.m-smart-tile .m-smart-tile_list-item:not(:last-child) {
    border-bottom: 1px solid rgba(255,255,255,.3)
}

.m-smart-tile .m-smart-tile_info-item a,.m-smart-tile .m-smart-tile_list-item a {
    text-decoration: none;
    color: inherit;
    display: block;
    width: 100%;
    position: relative
}

.m-smart-tile .m-smart-tile_info-item a i,.m-smart-tile .m-smart-tile_list-item a i {
    margin-top: 4px;
    color: #fff;
    font-size: 16px;
    float: right
}

.m-smart-tile .m-smart-tile_info-item a:focus,.m-smart-tile .m-smart-tile_info-item a:hover,.m-smart-tile .m-smart-tile_list-item a:focus,.m-smart-tile .m-smart-tile_list-item a:hover {
    cursor: pointer
}

.m-smart-tile .m-smart-tile_info-item a:focus>:last-child,.m-smart-tile .m-smart-tile_info-item a:hover>:last-child,.m-smart-tile .m-smart-tile_list-item a:focus>:last-child,.m-smart-tile .m-smart-tile_list-item a:hover>:last-child {
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px)
}

.m-smart-tile .m-smart-tile_info-item a>:last-child,.m-smart-tile .m-smart-tile_list-item a>:last-child {
    margin-left: 8px;
    display: inline-block;
    -webkit-transition: transform .1s ease;
    -moz-transition: transform .1s ease;
    -o-transition: transform .1s ease;
    transition: transform .1s ease
}

.m-smart-tile_title {
    min-height: 2em
}

.a-top-nav.bg-search {
    background-color: rgba(48,48,48,.8);
    height: 74px
}

@media screen and (max-width: 768px) {
    .a-top-nav.bg-search {
        height:60px
    }
}

.popup-disclaimer-show .a-top-nav {
    top: 65px;
    position: absolute
}

.popup-disclaimer-show .a-top-nav.fixed {
    top: 0;
    position: fixed
}

@media screen and (max-width: 768px) {
    .popup-disclaimer-show .a-top-nav {
        top:83px
    }

    .popup-disclaimer-show .a-top-nav.fixed {
        top: 0
    }
}

@media screen and (max-width: 320px) {
    .popup-disclaimer-show .a-top-nav {
        height:unset;
        top: 80px
    }

    .popup-disclaimer-show .a-top-nav.fixed {
        top: 0
    }
}

.popup-outdate-show .a-top-nav {
    height: 138px
}

@media screen and (max-width: 768px) {
    .popup-outdate-show .a-top-nav {
        height:142px
    }
}

@media screen and (max-width: 320px) {
    .popup-outdate-show .a-top-nav {
        height:unset
    }
}

.popup-outdate-show.popup-disclaimer-show .a-top-nav {
    height: 21.8rem
}

@media screen and (max-width: 768px) {
    .popup-outdate-show.popup-disclaimer-show .a-top-nav {
        height:24.4rem
    }
}

@media screen and (max-width: 320px) {
    .popup-outdate-show.popup-disclaimer-show .a-top-nav {
        height:unset
    }
}

.a-top-nav .header-search-suggest {
    background: #fff!important;
    top: -10px!important
}

@media screen and (max-width: 1024px) {
    .a-top-nav .header-search-suggest {
        top:calc(100% + 10px)!important
    }
}

@media screen and (max-width: 768px) {
    .a-top-nav .header-search-suggest {
        top:calc(100% + 10px)!important
    }
}

.a-top-nav .header-search-suggest.m-smart-search_suggestion::-webkit-scrollbar-thumb {
    border-color: #fff;
    border-radius: 8px;
    background-color: #6c6c6c
}

.a-top-nav .header-search-suggest .m-smart-search_suggestion-item .m-smart-search_suggestion-label {
    color: #6c6c6c;
    text-align: left;
    width: 100%
}

.a-top-nav .header-search-suggest .m-smart-search_suggestion-item ul {
    list-style-type: none
}

.a-top-nav .header-search-suggest .m-smart-search_suggestion-item ul li .a-smart-search_suggestion-option {
    color: #000
}

@media screen and (max-width: 768px) {
    .a-top-nav .header-search-suggest .m-smart-search_suggestion-item ul li .a-smart-search_suggestion-option {
        color:#6c6c6c
    }
}

.a-top-nav .search-header.m-smart-search_form.is-focus+.suggestion-search-header {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    transition: opacity .2s ease .1s,transform .2s ease .1s,visibility 0s
}

@media screen and (max-width: 768px) {
    .a-top-nav .search-header-mobile {
        height:100%
    }

    .a-top-nav .search-header-mobile .icon-search {
        display: table-cell;
        color: #fff;
        font-size: 2.4rem
    }
}

@media screen and (max-width: 1024px) {
    .a-top-nav .search-header-mobile .icon-search {
        display:table-cell;
        color: #fff
    }
}

.a-top-nav .header-search_form {
    display: inline-block;
    position: absolute
}

.a-top-nav .header-search_form.show-menu {
    position: unset;
    margin-right: 25rem;
    margin-top: 20px
}

@media screen and (max-width: 768px) {
    .a-top-nav .header-search_form.show-menu {
        margin-top:-10px;
        margin-right: 7rem;
        padding: unset;
        width: 100%
    }
}

@media screen and (max-width: 1024px) {
    .a-top-nav .header-search_form.show-menu {
        margin-right:16rem
    }
}

.a-top-nav .header-search_form .m-smart-search_form {
    padding-bottom: 15px
}

.a-top-nav .header-search_form .m-smart-search_form .a-smart-search_submit {
    background-color: transparent
}

@media screen and (max-width: 1024px) {
    .a-top-nav .header-search_form .m-smart-search_form .a-smart-search_submit .mavin-icon {
        font-size:1.6rem;
        padding-top: .6rem
    }
}

@media screen and (max-width: 768px) {
    .a-top-nav .header-search_form .m-smart-search_form .a-smart-search_submit .mavin-icon {
        font-size:1.6rem;
        padding-top: 1.6rem
    }
}

@media screen and (max-width: 1024px) {
    .a-top-nav .header-search_form .m-smart-search_form {
        padding-bottom:unset;
        padding-top: 13px
    }
}

@media screen and (max-width: 768px) {
    .a-top-nav .header-search_form .m-smart-search_form .a-smart-search_input {
        font-size:2.4rem;
        padding: unset
    }
}

.a-top-nav .header-search_form .m-smart-search_suggestion-wrapper.show .header-search-suggest .a-smart-search_suggestion-option {
    padding-left: unset!important
}

.a-top-nav .hide-menu {
    opacity: 0;
    transition: opacity 1s;
    position: absolute;
    visibility: hidden
}

.a-top-nav .show-menu {
    opacity: 1;
    transition: opacity 1s
}

.m-smart-search_form {
    position: relative
}

.m-smart-search_form.is-focus+.m-smart-search_suggestion-wrapper,.m-smart-search_form:focus-within+.m-smart-search_suggestion-wrapper {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    transition: opacity .2s ease .1s,transform .2s ease .1s,visibility 0s
}

.m-smart-search_form.is-focus+.m-smart-search_suggestion-wrapper {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    transition: opacity .2s ease .1s,transform .2s ease .1s,visibility 0s
}

.m-smart-search_suggestion.suggestion .m-smart-search_suggestion-item.suggestion-list {
    display: block
}

.m-smart-search_suggestion-wrapper {
    opacity: 0;
    visibility: collapse;
    -webkit-transform: translateY(16px);
    -moz-transform: translateY(16px);
    -ms-transform: translateY(16px);
    -o-transform: translateY(16px);
    transform: translateY(16px);
    -webkit-transition: opacity .2s ease .1s,transform .2s ease .1s,visibility .21s;
    -moz-transition: opacity .2s ease .1s,transform .2s ease .1s,visibility .21s;
    -o-transition: opacity .2s ease .1s,transform .2s ease .1s,visibility .21s;
    transition: opacity .2s ease .1s,transform .2s ease .1s,visibility .21s
}

.m-smart-search_suggestion-wrapper .m-smart-search_suggestion {
    background: #000;
    border-radius: 0 0 8px 8px;
    max-height: 312px;
    position: absolute;
    width: 100%;
    overflow-y: auto;
    padding: 24px 0;
    top: calc(100% + 16px)
}

.m-smart-search_suggestion::-webkit-scrollbar {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.m-smart-search_suggestion::-webkit-scrollbar-thumb {
    border: 5px solid #1c1c1c;
    border-radius: 8px;
    background-color: #fff
}

.m-smart-search_suggestion-label .m-smart-search_suggestion-option {
    padding: 0
}

.m-smart-search_suggestion-label {
    font-size: 1.6rem;
    color: #ddd;
    padding: .5em 40px;
    margin-bottom: 4px
}

@media screen and (max-width: 768px) {
    .m-smart-search_suggestion-label {
        padding:.5em 24px
    }
}

.m-smart-search_suggestion-option {
    border: 0;
    background: 0 0;
    display: none
}

.m-smart-search_suggestion-item {
    overflow: hidden
}

.m-smart-search_suggestion-item:not(:first-child)>.m-smart-search_suggestion-label {
    display: inline-block;
    position: relative
}

.m-smart-search_suggestion-item:not(:first-child)>.m-smart-search_suggestion-label:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 100vw;
    left: calc(100% - 24px);
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #fff
}

.m-smart-search_suggestion-item.suggestion {
    display: none
}

.m-smart-search_suggestion-item.suggestion-list {
    display: none
}

.m-smart-search_suggestion.a-smart-search_suggestion-option {
    color: #fff;
    font-size: 1.6rem;
    width: 100%;
    text-align: left;
    padding: .66em 40px;
    outline: 0;
    border: 0;
    background: 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}

@media screen and (max-width: 768px) {
    .m-smart-search_suggestion.a-smart-search_suggestion-option {
        padding:.66em 24px
    }
}

.m-smart-search_suggestion.a-smart-search_suggestion-option.is-grid .a-smart-search_suggestion-option_image {
    width: 80px;
    float: left
}

@media screen and (max-width: 768px) {
    .m-smart-search_suggestion.a-smart-search_suggestion-option.is-grid .a-smart-search_suggestion-option_image {
        width:56px
    }
}

@media screen and (max-width: 375px) {
    .m-smart-search_suggestion.a-smart-search_suggestion-option.is-grid .a-smart-search_suggestion-option_image {
        float:none;
        position: absolute
    }
}

.m-smart-search_suggestion.a-smart-search_suggestion-option.is-grid .a-smart-search_suggestion-option_text {
    width: calc(100% - 96px);
    margin-left: auto;
    line-height: 1.6
}

.m-smart-search_suggestion.a-smart-search_suggestion-option.is-grid .a-smart-search_suggestion-option_text p {
    margin: 10px 0
}

@media screen and (max-width: 768px) {
    .m-smart-search_suggestion.a-smart-search_suggestion-option.is-grid .a-smart-search_suggestion-option_text {
        width:calc(100% - 72px)
    }
}

@media screen and (max-width: 375px) {
    .m-smart-search_suggestion.a-smart-search_suggestion-option.is-grid .a-smart-search_suggestion-option_text {
        width:100%
    }
}

@media screen and (max-width: 375px) {
    .m-smart-search_suggestion.a-smart-search_suggestion-option.is-grid .a-smart-search_suggestion-option_text {
        font-size:1.4rem;
        padding-left: 7rem
    }
}

.m-smart-search_suggestion.a-smart-search_suggestion-option.is-grid .a-smart-search_suggestion-option_text .a-smart-search_suggestion-option_title {
    font-size: 1.5rem;
    margin-top: 0
}

@media screen and (max-width: 375px) {
    .m-smart-search_suggestion.a-smart-search_suggestion-option.is-grid .a-smart-search_suggestion-option_text .a-smart-search_suggestion-option_title {
        font-size:1.25rem
    }
}

.m-smart-search_suggestion.a-smart-search_suggestion-option.another-product {
    font-size: 1.4rem;
    text-decoration: underline
}

.m-smart-search_suggestion.a-smart-search_suggestion-option:hover {
    background: rgba(255,255,255,.1)
}

.m-smart-search_suggestion.a-smart-search_suggestion-option:focus {
    background: rgba(255,255,255,.3)
}

.m-tabs.next {
    display: none
}

@media screen and (max-width: 768px) {
    .m-tabs .link {
        display:none
    }

    .m-tabs.next {
        display: block
    }
}

@media screen and (max-width: 1024px) {
    .m-tabs {
        margin:0 -2.4rem
    }

    .m-tabs .row {
        margin: 0
    }

    .m-tabs .row .acgs .m-filter__form__search {
        display: revert
    }
}

.m-tabs-menu {
    padding-left: 0
}

@media screen and (max-width: 1024px) {
    .m-tabs-menu {
        white-space:nowrap;
        overflow-x: auto;
        padding-right: 2.4rem;
        margin: 0;
        padding-bottom: 2.5rem
    }
}

@media screen and (max-width: 768px) {
    .m-tabs-menu {
        padding-left:1.4rem
    }

    .m-tabs-menu.campaign-holyey {
        padding-left: 2.2rem
    }

    .m-tabs-menu.tabs-video {
        padding-left: 25px!important
    }
}

@media screen and (max-width: 768px) {
    .m-tabs-menu.credit-card {
        padding-left:2.4rem
    }
}

.m-tabs-menu li {
    list-style: none;
    display: inline-block;
    margin-right: 2.2rem
}

.m-tabs-menu a {
    font-size: 2.4rem;
    color: #6c6c6c;
    display: inline-block;
    position: relative
}
 
.m-tabs-menu a:hover {
    color: #b88800
}

.m-tabs-menu a.active {
    color: #b88800
}

.m-tabs-menu a.active:before {
    width: 32px
}

@media screen and (max-width: 768px) {
    .m-tabs-menu a {
        font-size:2rem
    }
}

.m-tabs-link a {
    width: auto;
    margin: 0 0 0 auto;
    color: #b88800;
    padding-top: 8px
}

.m-tabs-link a:focus i,.m-tabs-link a:hover i {
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px)
}

@media screen and (max-width: 1024px) {
    .m-tabs-link a {
        margin:0 auto
    }
}

.m-tabs-link:hover i {
    display: inline-block;
    margin-left: .5rem;
    font-size: 1.2rem;
    line-height: 1.64;
    color: #654b00;
    -webkit-transition: transform .2s ease;
    -moz-transition: transform .2s ease;
    -o-transition: transform .2s ease;
    transition: transform .2s ease
}

.m-tabs-link i {
    display: inline-block;
    margin-left: .5rem;
    font-size: 1.2rem;
    line-height: 1.64;
    color: #b88800;
    -webkit-transition: transform .2s ease;
    -moz-transition: transform .2s ease;
    -o-transition: transform .2s ease;
    transition: transform .2s ease
}

@media screen and (max-width: 1024px) {
    .m-tabs-link {
        padding:0 2.4rem
    }

    .m-tabs-link>a {
        margin: 0 0 0 auto
    }
}

@media screen and (max-width: 768px) {
    .m-tabs-link {
        padding:0
    }

    .m-tabs-link>a {
        margin: 0 0 0 auto
    }
}

.m-tabs-content {
    display: none
}

.m-tabs-content.is-active {
    display: block
}

.m-tabs-content.is-active .a-dropdown.is-active .a-dropdown-content {
    z-index: 1020
}

.m-tabs-wrapper {
    display: none
}

.m-tabs-wrapper.active-state {
    display: block
}

.m-tabs-wrapper .m-item-highlight.custom-activity {
    margin-top: -12rem;
    padding-top: 12rem
}

.m-tabs-isContent {
    display: none
}

.m-tabs-isContent.activate {
    display: block
}

.m-tabs-kurs {
    position: relative
}

.m-tabs-investasi {
    position: relative;
    top: 20px
}

.m-tabs-investasi .lacak-firecash {
    padding-left: 0
}

@media screen and (max-width: 768px) {
    .m-tabs-investasi .lacak-firecash {
        padding-left:1.2rem
    }
}

.m-tabs-info {
    margin-bottom: -18px
}

@media screen and (max-width: 768px) {
    .m-tabs-info {
        position:relative;
        top: 48px
    }
}

@media screen and (max-width: 768px) {
    .m-tabs-wr {
        position:relative;
        top: -15px;
        height: 100%
    }
}

@media screen and (max-width: 768px) {
    .m-tabs-wr-info {
        position:relative;
        top: 15px;
        height: 100%
    }
}

.m-tabs-search {
    width: auto;
    position: relative;
    height: 200px
}

.m-tabs-search i {
    position: relative;
    right: 32px
}

.m-tabs--with-link .link-group .link {
    display: none
}

.m-tabs--with-link .link-group .link:first-of-type {
    display: block
}

@media screen and (max-width: 1024px) {
    .m-tabs--with-link .link-group {
        display:none
    }
}

.page-location .m-tabs {
    margin-bottom: 0
}

.m-sidebar-product-content .m-tabs {
    padding-left: 1.6rem
}

@media screen and (max-width: 1024px) {
    .m-sidebar-product-content .m-tabs {
        padding-left:1rem
    }
}

@media screen and (max-width: 768px) {
    .tab-menu {
        padding-top:12px
    }
}

.page-location .container.m-top .o-header-title .m-filter__wrapper {
    background-color: transparent
}

.page-location .container.content {
    padding: unset
}

.page-location .container.alert {
    margin-right: 0;
    padding-right: 0;
    width: auto;
    padding-left: 0
}

.page-location .location-page {
    position: relative;
    padding-bottom: 3.2rem
}

.page-location .location-page .alert-location {
    width: 100%;
    background-color: rgba(48,48,48,.48);
    color: #fff;
    right: 0;
    top: 20rem;
    padding: 2rem 1.2rem
}

@media screen and (max-width: 768px) {
    .page-location .location-page .alert-location {
        padding:2rem 2.4rem
    }
}

.page-location .location-page .alert-location.hide {
    display: none
}

.page-location .location-wrapper {
    position: relative;
    margin-bottom: 1rem;
    min-height: 79rem
}

.page-location .location-wrapper.no-list .m-tabs-container {
    display: none
}

.page-location .location-wrapper.no-list .m-maps--negative {
    display: block
}

.page-location .m-maps {
    height: 100%;
    width: 100%
}

.page-location .m-maps--negative-content {
    text-align: center;
    margin: 0 auto;
    position: relative;
    height: 690px
}

@media screen and (max-width: 1024px) {
    .page-location .m-maps--negative-content {
        height:180px
    }
}

.page-location .m-maps--negative-content .tb {
    width: 100%
}

.page-location .m-maps--negative-content i {
    display: block;
    margin: 0 auto
}

.page-location .m-maps-location {
    background: #fff
}

.page-location .m-maps-location-container {
    min-height: 690px
}

.page-location .m-maps-location-container-wrapper {
    padding: 30px;
    padding-bottom: 60px;
    color: #303030;
    position: relative;
    height: 350px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    cursor: pointer
}

.page-location .m-maps-location-container-wrapper:hover {
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px);
    box-shadow: 0 8px 10px 0 rgba(0,0,0,.05),0 6px 30px 5px rgba(0,0,0,.05),0 16px 24px 2px rgba(0,0,0,.05)
}

.page-location .m-maps-location-container-wrapper-title {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box
}

.page-location .m-maps-location-container-wrapper-code {
    color: #7c7c7c
}

.page-location .m-maps-location-container-wrapper-address {
    color: #7c7c7c;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    text-transform: lowercase
}

.page-location .m-maps-location-container-wrapper a {
    display: table;
    bottom: 30px;
    font-size: 1rem;
    color: #b88800
}

.page-location .m-maps-location-container-wrapper a i {
    color: #b88800;
    transition: transform .2s ease
}

.page-location .m-maps-location-container-wrapper a span {
    padding-right: 5px
}

.page-location .m-maps-location-container-wrapper a:hover i {
    transform: translateX(4px)
}

.page-location .gm-style-iw {
    border-radius: 10px;
    box-shadow: 0 1px 6px #7c7c7c;
    color: #7c7c7c!important;
    width: 250px!important
}

.page-location .gm-style-iw .googleMaps {
    padding: 1.2rem
}

.page-location .gm-style-iw .googleMaps-title {
    color: #303030!important
}

.page-location .gm-style-iw .googleMaps-code {
    margin-bottom: 0
}

.page-location .gm-style-iw .googleMaps .location-modal {
    display: none
}

@media screen and (max-width: 768px) {
    .page-location .gm-style-iw .googleMaps .location-modal {
        display:inline
    }

    .page-location .gm-style-iw .googleMaps .location-modal span {
        font-size: 13px
    }

    .page-location .gm-style-iw .googleMaps .location-modal .icon-chevron-next {
        font-size: 13px
    }
}

.page-location .gm-ui-hover-effect {
    top: 0!important;
    right: 0!important
}

.page-location .map-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 50%;
    height: 100%;
    padding-bottom: 1.5rem
}

@media screen and (max-width: 1024px) {
    .page-location .map-container {
        width:100%;
        position: relative;
        height: 720px
    }
}

.cluster div {
    top: 9px!important
}

.m-card-information-side_left {
    width: 80px;
    height: 136px;
    position: relative
}

.m-card-information-side_left_with-icon {
    padding: 20px;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    font-size: 2rem;
    text-align: center;
    background-color: #efefef
}

@media screen and (max-width: 1024px) {
    .m-card-information-side_left {
        width:100%;
        display: initial
    }
}

.m-card-information-side_left-small {
    width: 80px;
    height: 104px;
    position: relative
}

.m-card-information-side_left-small_with-icon {
    padding: 20px;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    font-size: 2rem;
    text-align: center;
    background-color: #efefef
}

@media screen and (max-width: 1024px) {
    .m-card-information-side_left-small {
        width:100%;
        display: initial
    }
}

.m-card-information-side_right {
    padding-left: 32px
}

@media screen and (max-width: 1024px) {
    .m-card-information-side_right {
        padding-left:0;
        margin-top: 20px;
        width: 100%;
        display: block
    }
}

.m-card-information-side_title {
    font-size: 2.4rem;
    line-height: 2.6rem;
    white-space: nowrap;
    flex: 1
}

@media screen and (max-width: 768px) {
    .m-card-information-side_title {
        font-size:2rem
    }
}

.m-card-information-side_description {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 8px;
    padding-right: 1rem;
    width: 100%;
    margin-bottom: 8px;
    -moz-box-orient: vertical;
    -webkit-box-orient: vertical;
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #6c6c6c
}

.m-card-information-side_description.a-text--ellipsis {
    -webkit-line-clamp: 2
}

@media screen and (max-width: 768px) {
    .m-card-information-side_description {
        margin-top:16px;
        -webkit-line-clamp: 5
    }

    .m-card-information-side_description.a-text--ellipsis {
        -webkit-line-clamp: 5
    }
}

.m-card-information .row.no-gutters {
    margin: 0
}

.m-card-information img {
    width: 100%;
    border-radius: 12px;
    object-fit: cover
}

.m-card-information_flex-column {
    display: flex;
    flex-flow: column
}

.m-share-icon__center-text {
    text-align: center
}

@media screen and (max-width: 768px) {
    .m-share-icon__center-text {
        width:50%;
        text-align: left
    }
}

@media screen and (max-width: 375px) {
    .m-share-icon__center-text {
        width:100%;
        text-align: center
    }
}

.m-share-icon ul {
    margin-top: 1rem
}

.m-share-icon__list {
    list-style-type: none!important
}

.m-share-icon__list li {
    padding: 1rem 0 1rem 0
}

.m-share-icon__list li::before {
    content: initial
}

.m-share-icon i {
    font-size: 2rem
}

.m-share-icon__title {
    width: 7rem;
    text-align: center
}

@media screen and (max-width: 768px) {
    .m-share-icon__title {
        width:10rem;
        margin-right: 4rem;
        margin-left: -2rem
    }
}

.m-share-icon-inline .m-share-icon__title {
    width: auto;
    text-align: left
}

.m-share-icon-inline ul {
    padding: 0;
    margin: 0 -.5rem
}

.m-share-icon-inline li {
    display: inline-block;
    padding: 0 .5rem
}

.m-share-icon-inline li:before {
    content: initial
}

@media screen and (max-width: 768px) {
    .m-share-icon__wrapper {
        padding-left:1rem;
        display: none
    }
}

@media screen and (max-width: 1024px) {
    .m-share-icon__wrapper {
        padding-left:0
    }

    .m-share-icon__wrapper .m-share-icon__title {
        width: auto;
        text-align: left
    }

    .m-share-icon__wrapper ul {
        padding-left: 0
    }

    .m-share-icon__wrapper li {
        display: inline
    }
}

.m-share-icon-inline-wt {
    width: 100%
}

.m-share-icon-inline-wt .m-share-icon__title {
    width: auto;
    text-align: left;
    float: left;
    font-size: 1.6rem!important
}

.m-share-icon-inline-wt ul {
    padding: 0;
    float: left
}

.m-share-icon-inline-wt li {
    display: inline-block;
    padding: 0 .5rem
}

.m-share-icon-inline-wt li:before {
    content: initial
}

.m-share-icon-inline-wt li i {
    padding-left: 1rem;
    color: #b88800
}

.m-pagination {
    padding: 0;
    margin: 0;
    list-style: none
}

.m-pagination.align {
    text-align: right
}

@media screen and (max-width: 768px) {
    .m-pagination.align {
        text-align:center
    }
}

.m-pagination.location {
    width: 48%;
    text-align: end
}

@media screen and (max-width: 768px) {
    .m-pagination.location {
        width:100%;
        text-align: center
    }
}

.m-tabs.next {
    display: none
}

@media screen and (max-width: 768px) {
    .m-tabs .link {
        display:none
    }

    .m-tabs.next {
        display: block
    }
}

@media screen and (max-width: 1024px) {
    .m-tabs {
        margin:0 -2.4rem
    }

    .m-tabs .row {
        margin: 0
    }

    .m-tabs .row .acgs .m-filter__form__search {
        display: revert
    }
}

.m-tabs-menu {
    padding-left: 0
}

@media screen and (max-width: 1024px) {
    .m-tabs-menu {
        white-space:nowrap;
        overflow-x: auto;
        padding-right: 2.4rem;
        margin: 0;
        padding-bottom: 2.5rem
    }
}

@media screen and (max-width: 768px) {
    .m-tabs-menu {
        padding-left:1.4rem
    }

    .m-tabs-menu.campaign-holyey {
        padding-left: 2.2rem
    }

    .m-tabs-menu.tabs-video {
        padding-left: 25px!important
    }
}

@media screen and (max-width: 768px) {
    .m-tabs-menu.credit-card {
        padding-left:2.4rem
    }
}

.m-tabs-menu li {
    list-style: none;
    display: inline-block;
    margin-right: 2.2rem
}

.m-tabs-menu a {
    font-size: 2.4rem;
    color: #6c6c6c;
    display: inline-block;
    position: relative
}


.m-tabs-menu a:hover {
    color: #b88800
}

.m-tabs-menu a.active {
    color: #b88800
}

.m-tabs-menu a.active:before {
    width: 32px
}

@media screen and (max-width: 768px) {
    .m-tabs-menu a {
        font-size:2rem
    }
}

.m-tabs-link a {
    width: auto;
    margin: 0 0 0 auto;
    color: #b88800;
    padding-top: 8px
}

.m-tabs-link a:focus i,.m-tabs-link a:hover i {
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px)
}

@media screen and (max-width: 1024px) {
    .m-tabs-link a {
        margin:0 auto
    }
}

.m-tabs-link:hover i {
    display: inline-block;
    margin-left: .5rem;
    font-size: 1.2rem;
    line-height: 1.64;
    color: #654b00;
    -webkit-transition: transform .2s ease;
    -moz-transition: transform .2s ease;
    -o-transition: transform .2s ease;
    transition: transform .2s ease
}

.m-tabs-link i {
    display: inline-block;
    margin-left: .5rem;
    font-size: 1.2rem;
    line-height: 1.64;
    color: #b88800;
    -webkit-transition: transform .2s ease;
    -moz-transition: transform .2s ease;
    -o-transition: transform .2s ease;
    transition: transform .2s ease
}

@media screen and (max-width: 1024px) {
    .m-tabs-link {
        padding:0 2.4rem
    }

    .m-tabs-link>a {
        margin: 0 0 0 auto
    }
}

@media screen and (max-width: 768px) {
    .m-tabs-link {
        padding:0
    }

    .m-tabs-link>a {
        margin: 0 0 0 auto
    }
}

.m-tabs-content {
    display: none
}

.m-tabs-content.is-active {
    display: block
}

.m-tabs-content.is-active .a-dropdown.is-active .a-dropdown-content {
    z-index: 1020
}

.m-tabs-wrapper {
    display: none
}

.m-tabs-wrapper.active-state {
    display: block
}

.m-tabs-wrapper .m-item-highlight.custom-activity {
    margin-top: -12rem;
    padding-top: 12rem
}

.m-tabs-isContent {
    display: none
}

.m-tabs-isContent.activate {
    display: block
}

.m-tabs-kurs {
    position: relative
}

.m-tabs-investasi {
    position: relative;
    top: 20px
}

.m-tabs-investasi .lacak-firecash {
    padding-left: 0
}

@media screen and (max-width: 768px) {
    .m-tabs-investasi .lacak-firecash {
        padding-left:1.2rem
    }
}

.m-tabs-info {
    margin-bottom: -18px
}

@media screen and (max-width: 768px) {
    .m-tabs-info {
        position:relative;
        top: 48px
    }
}

@media screen and (max-width: 768px) {
    .m-tabs-wr {
        position:relative;
        top: -15px;
        height: 100%
    }
}

@media screen and (max-width: 768px) {
    .m-tabs-wr-info {
        position:relative;
        top: 15px;
        height: 100%
    }
}

.m-tabs-search {
    width: auto;
    position: relative;
    height: 200px
}

.m-tabs-search i {
    position: relative;
    right: 32px
}

.m-tabs--with-link .link-group .link {
    display: none
}

.m-tabs--with-link .link-group .link:first-of-type {
    display: block
}

@media screen and (max-width: 1024px) {
    .m-tabs--with-link .link-group {
        display:none
    }
}

.page-location .m-tabs {
    margin-bottom: 0
}

.m-sidebar-product-content .m-tabs {
    padding-left: 1.6rem
}

@media screen and (max-width: 1024px) {
    .m-sidebar-product-content .m-tabs {
        padding-left:1rem
    }
}

@media screen and (max-width: 768px) {
    .tab-menu {
        padding-top:12px
    }
}

.m-calculator-kurs-container {
    display: flex;
    flex-direction: row
}

.m-calculator-kurs-table {
    border: none
}

.m-calculator-kurs-choice {
    position: relative;
    top: -17px
}

.m-card-kurs {
    box-shadow: 0 4px 5px 0 rgba(0,0,0,.05),0 3px 14px 3px rgba(0,0,0,.05),0 8px 10px 1px rgba(0,0,0,.05)
}

@media screen and (max-width: 768px) {
    .m-card-kurs {
        padding:0;
        border-radius: 12px
    }

    .m-card-kurs .transaction-data-body,.m-card-kurs .transaction-data-title {
        font-size: 2.4rem
    }
}

@media screen and (max-width: 768px) {
    .m-card-kurs.inner-shadow {
        box-shadow:inset 7px 0 9px -7px rgba(7,7,7,.4)
    }
}

.m-card-kurs-currency span {
    padding-left: 8px
}

@media screen and (max-width: 768px) {
    .m-card-kurs-currency {
        padding-bottom:16px
    }
}

.m-card-kurs-padkurs {
    padding: 2.4rem
}

.m-card-kurs-data-wrapper {
    height: auto;
    border-radius: .9rem;
    padding: 20px;
    border: 1px solid #b0b0b0;
    color: #303030;
    margin-bottom: 2.4rem;
    text-align: left
}

.m-card-kurs-data-wrapper>.a-text-subtitle {
    height: 60px
}

@media screen and (max-width: 768px) {
    .m-card-kurs-data-wrapper>.a-text-subtitle {
        height:36px
    }
}

.m-card-kurs-data-wrapper .transaction-data {
    margin-top: 1rem
}

.m-card-kurs-data-wrapper .transaction-data-header {
    margin-top: 8px;
    color: #6c6c6c
}

.m-card-kurs-data-wrapper .transaction-data-body {
    margin-top: 5px
}

.m-event-result-item {
    padding-bottom: 16px;
    border-bottom: 2px solid #efefef
}

.m-event-result-item h1 {
    color: #cd9c13
}

.m-event-result-item h1 a {
    color: inherit
}

.m-event-result-item_footer {
    margin-top: 32px
}

@media screen and (max-width: 768px) {
    .m-event-result-item_footer {
        font-size:1.2rem;
        margin-top: 16px
    }
}

.m-event-result-item_footer i {
    color: inherit;
    font-size: .8rem;
    display: inline-block;
    margin-right: 8px
}

.m-event-result-item_footer>span:not(:last-child) {
    display: inline-block;
    margin-right: 24px
}

@media screen and (max-width: 768px) {
    .m-event-result-item_footer>span:not(:last-child) {
        display:block;
        margin: .24em 0
    }
}

.m-article-temps {
    display: flex;
    margin-top: 70px;
    color: #6c6c6c;
    width: 100%;
    font-size: 1.6rem
}

.m-article-image-wrapper {
    margin-left: 0
}

.m-article-datetime {
    display: flex;
    padding-left: 15px;
    padding-right: 15px
}

.m-article-datetime p {
    padding-right: 10px
}

.m-article-time {
    display: flex;
    padding-right: 15px
}

.m-article-time p {
    padding-right: 10px
}

.m-exchange-table {
    text-align: center;
    background: #fff;
    padding: 24px;
    font-size: 1.6rem;
    border-radius: .9rem;
    width: 100%;
    margin-bottom: 1.5rem;
    background-color: #fff;
    box-shadow: 0 4px 5px 0 rgba(0,0,0,.05),0 3px 14px 3px rgba(0,0,0,.05),0 8px 10px 1px rgba(0,0,0,.05)
}

@media screen and (max-width: 375px) {
    .m-exchange-table {
        padding:16px
    }
}

.m-exchange-table table {
    width: 100%
}

.m-exchange-table td.m-exchange-table_item,.m-exchange-table th {
    padding: .5em 1em
}

@media screen and (max-width: 375px) {
    .m-exchange-table td.m-exchange-table_item {
        padding:.5em 1em
    }
}

.m-exchange-table td.m-exchange-table_item:not(.is-title) {
    color: #7c7c7c
}

.m-exchange-table td.m-exchange-table_item.is-title {
    border-right: 1px solid #f7f7f7
}

.m-exchange-table td.m-exchange-table_item.is-title>* {
    display: inline-block
}

@media screen and (max-width: 375px) {
    .m-exchange-table td.m-exchange-table_item.is-title>* {
        display:block;
        margin-bottom: 4px
    }
}

.m-exchange-table td.m-exchange-table_item.is-title>:not(:last-child) {
    margin-right: 8px
}

@media screen and (max-width: 375px) {
    .m-exchange-table td.m-exchange-table_item.is-title>:not(:last-child) {
        margin-right:0
    }
}

.m-exchange-table td.m-exchange-table_item:nth-child(2n+3):not(:last-child) {
    border-right: 1px solid #f7f7f7
}

.m-exchange-table thead th {
    text-align: center;
    font-weight: 400
}

.m-exchange-table thead th:not(:last-child) {
    border-right: 1px solid #f7f7f7
}

.m-exchange-table thead th[rowspan="2"] {
    border-bottom: 1px solid #f7f7f7
}

.m-exchange-table thead tr.m-exchange-table_subhead {
    border-bottom: 1px solid #f7f7f7
}

.m-exchange-table thead tr.m-exchange-table_subhead th {
    color: #7c7c7c
}

.m-exchange-table thead tr.m-exchange-table_subhead th:not(:last-child) {
    border-right: 1px solid #f7f7f7
}

.m-exchange-table thead tr.m-exchange-table_subhead th:nth-child(2n+1) {
    border-right: 0
}

.m-promo-card-logo-date {
    position: relative;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    color: #fff;
    overflow: hidden;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    cursor: pointer
}

.m-promo-card-logo-date:hover {
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px);
    box-shadow: 0 8px 10px 0 rgba(0,0,0,.05),0 6px 30px 5px rgba(0,0,0,.05),0 16px 24px 2px rgba(0,0,0,.05)
}

.m-promo-card-logo-date:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-color: rgba(0,0,0,.1);
    top: 0;
    z-index: 1
}

.m-promo-card-logo-date img {
    border-radius: 12px;
    width: 100%;
    height: 350px;
    object-fit: cover
}

.m-promo-card-logo-date .card-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 2.5rem;
    overflow: hidden;
    width: 70%;
    z-index: 2
}

.m-promo-card-logo-date .card-logo {
    width: 30%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 2rem;
    z-index: 2
}

.m-promo-card-logo-date .card-logo img {
    box-shadow: 0 4px 5px 0 rgba(0,0,0,.05),0 3px 14px 3px rgba(0,0,0,.05),0 8px 10px 1px rgba(0,0,0,.05);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    top: 2.5rem;
    right: 2.5rem;
    bottom: 0
}

.m-promo-card-logo-date .card-date {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 2.5rem;
    overflow: hidden;
    z-index: 2
}

.m-promo-card-logo-date .card-date span {
    font-size: 1.6rem
}

.m-sidebar-product {
    position: relative;
    -webkit-transition: min-height .2s ease .1s;
    -moz-transition: min-height .2s ease .1s;
    -o-transition: min-height .2s ease .1s;
    transition: min-height .2s ease .1s
}

.m-sidebar-product-item {
    position: sticky;
    position: -webkit-sticky;
    top: 60px;
    float: left;
    width: 30%
}

@media screen and (max-width: 991px) {
    .m-sidebar-product-item {
        top:0;
        float: none;
        position: relative;
        width: 100%
    }
}

.m-sidebar-product-item.fixed {
    position: fixed;
    width: 320px;
    top: 100px;
    z-index: 999
}

@media screen and (max-width: 768px) {
    .m-sidebar-product-item.fixed {
        position:relative;
        width: 100%
    }
}

.m-sidebar-product-item--tab {
    display: block;
    padding-top: 32px;
    width: 100%;
    border-bottom: .5px solid #ccc;
    font-size: 1.6rem;
    padding-bottom: 32px;
    color: #6c6c6c
}

.m-sidebar-product-item--tab i {
    color: #6c6c6c;
    font-size: 24px
}

.m-sidebar-product-item--tab span {
    margin-top: 2px;
    padding-left: 16px
}

.m-sidebar-product-item--tab.is-active {
    color: #b88800!important
}

.m-sidebar-product-item--tab.is-active i {
    color: #b88800!important;
    font-size: 24px
}

@media screen and (max-width: 768px) {
    .m-sidebar-product-item--tab.fixed {
        background-color:#efefef;
        width: 92%;
        margin-top: 32;
        padding-top: 32px;
        position: fixed;
        top: 28px;
        left: 16px;
        z-index: 999
    }

    .m-sidebar-product-item--tab.fixed.absolute {
        position: absolute
    }

    .m-sidebar-product-item--tab.is-active {
        color: #b88800!important
    }

    .m-sidebar-product-item--tab.is-active i {
        color: #b88800!important;
        font-size: 24px
    }
}

@media screen and (max-width: 991px) {
    .m-sidebar-product-item--tab::before {
        transition:transform .3s ease;
        content: "";
        color: #7c7c7c;
        font-family: "FontAwesome"!important;
        margin-top: 6px;
        z-index: 1;
        float: right
    }

    .m-sidebar-product-item--tab.is-active {
        color: #b88800
    }

    .m-sidebar-product-item--tab.is-active::before {
        transition: transform .3s ease;
        content: "";
        color: #b88800;
        font-family: "FontAwesome"!important;
        margin-top: 6px;
        z-index: 1;
        float: right;
        transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -webkit-transform: rotate(-180deg)
    }

    .m-sidebar-product-item--tab.is-active i {
        color: #b88800
    }
}

.m-sidebar-product-content {
    display: none;
    float: right;
    padding-top: 2rem;
    padding-left: 7.2rem;
    padding-bottom: 2.4rem;
    width: 70%;
    min-height: 100vh;
    color: #303030;
    position: relative;
    right: 0;
    top: 0
}

.m-sidebar-product-content.is-active {
    display: block
}

.m-sidebar-product-content_list p {
    margin-top: 2.4rem
}

.m-sidebar-product-content_list ul {
    list-style: disc
}

.m-sidebar-product-content_list ul li {
    color: #303030;
    font-size: 1.8rem;
    margin-top: .8rem
}

@media screen and (max-width: 991px) {
    .m-sidebar-product-content {
        display:none;
        width: 100%;
        padding-left: 0;
        min-height: 0
    }
}

.m-sidebar-product-content .product-content-wrapper {
    display: none
}

.m-sidebar-product-content .product-content-wrapper.show {
    display: block;
    opacity: 0;
    transition: all .6s ease
}

.m-sidebar-product-content .product-content-wrapper.show-content {
    opacity: 1
}

.content-wrapper {
    display: none
}

.content-wrapper.is-active {
    display: block
}

@media screen and (max-width: 768px) {
    .content-wrapper.is-active {
        display:none
    }
}

.m-sidebar-article {
    position: relative;
    -webkit-transition: min-height .2s ease .1s;
    -moz-transition: min-height .2s ease .1s;
    -o-transition: min-height .2s ease .1s;
    transition: min-height .2s ease .1s
}

.m-sidebar-article_order-list {
    font-size: 1.6rem;
    padding-top: 30px;
    color: #7c7c7c
}

.m-sidebar-article_order-list ol {
    padding-left: 1.6rem
}

.m-sidebar-article_order-list li {
    padding-left: 1.2rem;
    line-height: 2.4rem
}

.m-sidebar-article_item_tab {
    cursor: pointer;
    width: 30%;
    padding: 20px;
    border-bottom: 1px solid #d8d8d8;
    color: #7c7c7c;
    font-size: 2rem
}

.m-sidebar-article_item_tab i {
    color: #7c7c7c
}

.m-sidebar-article_item_tab span {
    padding-left: 8px
}

.is-active .m-sidebar-article_item_tab {
    color: #b88800
}

.is-active .m-sidebar-article_item_tab i {
    color: #b88800
}

@media screen and (max-width: 768px) {
    .m-sidebar-article_item_tab::before {
        content:"";
        color: #7c7c7c;
        font-family: "FontAwesome"!important;
        display: table-cell;
        vertical-align: bottom;
        float: right;
        top: -1rem;
        z-index: 1
    }

    .is-active .m-sidebar-article_item_tab {
        color: #b88800
    }

    .is-active .m-sidebar-article_item_tab::before {
        content: "";
        color: #b88800;
        font-family: "FontAwesome"!important;
        display: table-cell;
        vertical-align: bottom;
        float: right;
        top: -1rem;
        z-index: 1
    }

    .is-active .m-sidebar-article_item_tab i {
        color: #b88800
    }
}

.m-sidebar-article_item_container-list {
    padding-left: 50px;
    width: 70%;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity .2s ease .1s,visibility .21s;
    -moz-transition: opacity .2s ease .1s,visibility .21s;
    -o-transition: opacity .2s ease .1s,visibility .21s;
    transition: opacity .2s ease .1s,visibility .21s
}

.m-sidebar-article_item_container-list_inside .font-text {
    font-size: 2rem;
    margin-top: 30px
}

.m-sidebar-article_item_container-list_inside .subtitle-text {
    font-size: 1.5rem;
    margin-top: 30px
}

.m-sidebar-article_item_container-list_inside .description-text {
    margin-top: 20px;
    color: #7c7c7c
}

.m-sidebar-article_item_container-list_inside .o-article {
    padding: 0;
    margin-top: 20px;
    color: #7c7c7c
}

.m-sidebar-article_item_container-list_inside .o-article p {
    margin-left: 0
}

.m-sidebar-article_item_container-list_inside .o-article ul {
    margin-left: 1%
}

.m-sidebar-article_item_container {
    padding-left: 50px;
    width: 70%;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity .2s ease .1s,visibility .21s;
    -moz-transition: opacity .2s ease .1s,visibility .21s;
    -o-transition: opacity .2s ease .1s,visibility .21s;
    transition: opacity .2s ease .1s,visibility .21s
}

.m-sidebar-article_item_container_inside .header-banner {
    width: 100%;
    object-fit: cover;
    border-radius: 12px;
    margin-bottom: 24px
}

@media screen and (max-width: 768px) {
    .m-sidebar-article_item_container_inside .header-banner {
        height:auto
    }
}

.m-sidebar-article_item_container_inside .title-text {
    font-size: 3.2rem
}

.m-sidebar-article_item_container_inside .subtitle-text {
    font-size: 2.4rem;
    margin-top: 16px;
    margin-bottom: 20px
}

.m-sidebar-article_item_container_inside .description-text {
    top: 4px;
    margin-top: 20px;
    font-size: 1.6rem;
    color: #7c7c7c
}

.m-sidebar-article_item_container_inside .note-text {
    color: #6c6c6c
}

.m-sidebar-article_item_container_inside_line {
    padding-top: 1.5rem;
    border-bottom: 1px solid #d8d8d8
}

.m-sidebar-article_item_container_inside_card {
    margin-top: 10px
}

.m-sidebar-article_item_container_inside_card_item {
    padding: 20px
}

.m-sidebar-article_item_container_inside_accordion_item.accordion-active .m-sidebar-article_item_container_inside_accordion_item_header::before {
    transition: transform .3s ease;
    content: "\f068";
    color: #b88800;
    font-family: "FontAwesome"!important;
    margin-top: 6px;
    z-index: 1;
    float: right;
    transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg)
}

.m-sidebar-article_item_container_inside_accordion_item_header {
    cursor: pointer;
    font-size: 1.6rem;
    margin-bottom: 16px;
    border-bottom: 1px solid #d8d8d8
}

.m-sidebar-article_item_container_inside_accordion_item_header:before {
    font-family: "FontAwesome"!important;
    content: "\f067";
    float: right;
    color: #b88800;
    transition: transform .3s ease;
    position: relative;
    top: 6px
}

.m-sidebar-article_item_container_inside_accordion_item_body {
    display: none;
    margin-top: 20px;
    font-size: .875rem
}

.m-sidebar-article_item_container_inside_accordion_item_body_table {
    background-color: #fff;
    width: 100%;
    table-layout: fixed
}

.m-sidebar-article_item_container_inside_accordion_item_body_table thead tr {
    border-bottom: 1px solid #efefef
}

.m-sidebar-article_item_container_inside_accordion_item_body_table thead tr td {
    padding: 20px 20px 10px;
    color: #000
}

.m-sidebar-article_item_container_inside_accordion_item_body_table tbody tr {
    border-bottom: 1px solid #efefef
}

.m-sidebar-article_item_container_inside_accordion_item_body_table tbody tr td {
    padding: 20px 20px 10px
}

.m-sidebar-article_item_container_inside_accordion_item_body .o-article {
    padding: 0;
    color: #7c7c7c
}

.m-sidebar-article_item_container_inside_accordion_item_body .o-article p {
    margin-left: 0
}

.m-sidebar-article_item_container_inside_accordion_item_body .o-article ul {
    margin-left: 1%
}

.accordion-active .m-sidebar-article_item_container_inside_accordion_item_body {
    opacity: 1;
    visibility: visible;
    display: block
}

.m-sidebar-article_item.is-active .m-sidebar-article_item_container {
    z-index: 1;
    opacity: 1;
    visibility: visible;
    display: block
}

@media screen and (max-width: 1024px) {
    .m-sidebar-article_item_container .m-filter__form {
        display:block
    }

    .m-sidebar-article_item_container .m-filter__form>div {
        display: block
    }
}

@media screen and (max-width: 1024px) {
    .m-sidebar-article_item_tab {
        width:100%
    }

    .m-sidebar-article_item_container {
        display: none;
        position: relative;
        width: 100%;
        padding-left: 0;
        margin-top: 30px
    }
}

.accordion-active .m-sidebar-article_item_container_inside_accordion_item_header:before {
    transform: rotate(180deg)
}

.popup-disclaimer-show .m-sidebar-product-item.fixed {
    top: 162px
}

.m-sidebar-history {
    position: relative;
    -webkit-transition: min-height .2s ease .1s;
    -moz-transition: min-height .2s ease .1s;
    -o-transition: min-height .2s ease .1s;
    transition: min-height .2s ease .1s
}

.m-sidebar-history-item {
    position: absolute;
    float: bottom;
    margin-left: 4px;
    width: 154px
}

.m-sidebar-history-item a {
    margin-left: -4px
}

.m-sidebar-history-item.sticky {
    position: fixed;
    margin-left: 4px;
    width: 154px;
    top: 70px
}

.m-sidebar-history-item.bottom {
    margin-top: 295%
}

@media screen and (max-width: 1024px) {
    .m-sidebar-history-item.bottom {
        margin-top:370%
    }

    .m-sidebar-history-item.sticky {
        position: fixed;
        margin-left: 4px;
        width: 154px;
        top: 84px
    }
}

@media screen and (max-width: 768px) {
    .m-sidebar-history-item {
        width:100%;
        margin-left: -2px;
        padding-left: 4px;
        white-space: nowrap;
        overflow-x: auto
    }

    .m-sidebar-history-item.sticky {
        -webkit-box-shadow: 0 4px 6px -6px #222;
        -moz-box-shadow: 0 4px 6px -6px #222;
        box-shadow: 0 4px 6px -6px #222;
        background-color: #efefef;
        z-index: 9;
        position: -webkit-sticky;
        position: fixed;
        margin-left: 0;
        margin-right: 2.4rem;
        width: 100%;
        top: 6rem;
        left: 0;
        padding: .8rem 2.4rem 0 2.4rem
    }
}

.m-sidebar-history-item--tab {
    border-right: .5px solid #ccc;
    font-size: 1.6rem;
    color: #7c7c7c
}

.m-sidebar-history-item--tab.is-active {
    border-right: .5px solid #b88800;
    color: #b88800;
    font-size: 2.4rem;
    transition: all .4s ease
}

.m-sidebar-history-item--tab-text {
    text-align: right;
    padding-bottom: 24px;
    padding-right: 2.4rem
}

@media screen and (max-width: 768px) {
    .m-sidebar-history-item--tab {
        display:inline-block;
        white-space: nowrap;
        overflow-x: auto;
        border-right: 0 solid transparent;
        border-bottom: .5px solid #ccc
    }

    .m-sidebar-history-item--tab.is-active {
        border-right: 0 solid transparent;
        border-bottom: .5px solid #b88800;
        color: #b88800
    }

    .m-sidebar-history-item--tab-text {
        z-index: 1;
        text-align: left;
        padding-bottom: 2px;
        line-height: 32px;
        padding-right: 1.6rem
    }
}

.m-sidebar-history-content {
    float: right;
    margin-left: 2.4rem;
    padding-bottom: 0;
    width: 80%;
    display: none;
    position: relative;
    right: 0;
    top: 0
}

@media screen and (max-width: 768px) {
    .m-sidebar-history-content {
        width:100%;
        margin-top: 6.2rem
    }
}

.m-sidebar-history-content.is-active {
    display: block
}

.m-sidebar-history-content .image-radius-history {
    margin-top: 2.4rem;
    margin-bottom: 1.6rem
}

.m-sidebar-history-content .image-radius-history img {
    border-radius: 10px;
    box-shadow: 0 0 14px 0 rgba(0,0,0,.03),0 0 10px 0 rgba(0,0,0,.03)
}

.m-item-highlight {
    background: #031120;
    background: -moz-linear-gradient(left,#031120 0,#062544 100%);
    background: -webkit-gradient(left top,right top,color-stop(0,#031120),color-stop(100%,#062544));
    background: -webkit-linear-gradient(left,#031120 0,#062544 100%);
    background: -o-linear-gradient(left,#031120 0,#062544 100%);
    background: -ms-linear-gradient(left,#031120 0,#062544 100%);
    background: linear-gradient(to right,#031120 0,#062544 100%);
    background-size: cover;
    background-repeat: no-repeat
}

@media screen and (max-width: 768px) {
    .m-item-highlight-container--image {
        padding-bottom:40px
    }
}

@media screen and (max-width: 1024px) {
    .m-item-highlight-container .tb {
        display:block;
        width: auto
    }
}

@media screen and (max-width: 1024px) {
    .m-item-highlight-container .tb-cell {
        display:inherit
    }
}

.m-item-highlight-container-left {
    padding-top: 110px;
    padding-bottom: 110px;
    width: 60%;
    position: relative;
    z-index: 1
}

@media screen and (max-width: 768px) {
    .m-item-highlight-container-left {
        padding-top:40px;
        padding-bottom: 40px
    }
}

@media screen and (max-width: 1024px) {
    .m-item-highlight-container-left {
        width:100%;
        padding-bottom: 20px
    }
}

.m-item-highlight-container-right {
    width: 100%;
    position: relative
}

.m-item-highlight-container-right img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 500px
}

@media screen and (max-width: 1024px) {
    .m-item-highlight-container-right img {
        position:relative;
        max-width: 100%
    }
}

.m-item-highlight-container-content {
    margin-top: 4rem;
    margin-bottom: 4rem;
    padding-right: 3rem;
    float: none
}

@media screen and (max-width: 1024px) {
    .m-item-highlight-container-content {
        padding-right:15px
    }
}

.m-item-highlight-container-content .a-dropdown {
    width: 100%
}

.m-item-highlight-container-content .a-dropdown-trigger {
    border-color: #fff;
    border-width: 2px;
    width: 100%
}

.m-item-highlight-container-content .a-dropdown-value {
    width: 100%;
    font-size: 3.2rem;
    color: #fff
}

@media screen and (max-width: 768px) {
    .m-item-highlight-container-content .a-dropdown-value {
        font-size:2.4rem
    }
}

.m-item-highlight-container-content .a-dropdown-arrow {
    font-size: 2rem
}

.m-item-highlight-container-content .a-dropdown .mavin-icon {
    color: #fff
}

.m-item-highlight-container-content .a-dropdown li a {
    font-size: 2rem
}

.m-item-highlight-container-image {
    float: none
}

@media screen and (max-width: 1024px) {
    .m-item-highlight-container-image {
        padding-top:2rem
    }
}

.m-item-highlight-container-image-small {
    float: none
}

@media screen and (max-width: 1024px) {
    .m-item-highlight-container-image-small {
        padding-top:2rem
    }

    .m-item-highlight-container-image-small img {
        width: 240px
    }
}

.m-item-highlight .hero-text {
    font-size: 5.6rem;
    line-height: 1.15;
    color: #fff
}

@media screen and (max-width: 768px) {
    .m-item-highlight .hero-text {
        font-size:3.2rem;
        line-height: 4.6rem;
        color: #fff
    }
}

.m-item-highlight .description-text {
    font-size: 1.6rem;
    color: #fff;
    line-height: 1.5
}

.m-item-highlight .action-container {
    margin-top: 50px;
    font-size: 1.2rem;
    width: 100%
}

.m-item-highlight .action-container .link-text {
    color: #fff;
    display: table
}

.m-item-highlight .action-container .link-text:hover .mavin-icon {
    padding-left: 5px;
    color: #654b00;
    transform: translateX(8px)
}

.m-item-highlight .action-container .link-text .mavin-icon {
    padding-left: 5px;
    color: #fff;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .3s ease all
}

.m-item-highlight .action-container .link-text:hover i {
    transform: translateX(8px)
}

.m-item-highlight.custom-transparent {
    color: #303030;
    background: 0 0
}

.m-item-highlight.custom-background-white {
    background: #fff;
    height: 100vh
}

.m-item-highlight.custom-background-white p {
    color: #000
}

.m-item-highlight.custom-background-white h1 {
    margin-top: 2.4rem;
    margin-bottom: 2.4rem
}

@media screen and (max-width: 768px) {
    .m-item-highlight.custom-background-white h1 {
        margin-top:-2.4rem
    }
}

.m-item-highlight.custom-background-white .hero-text {
    max-width: 70%;
    margin-top: 88px;
    margin-bottom: 44px
}

@media screen and (max-width: 768px) {
    .m-item-highlight.custom-background-white .hero-text {
        max-width:100%;
        margin-top: 3.2rem;
        margin-bottom: 5.6rem
    }
}

.m-item-highlight.custom-background-white .a-close img {
    margin-top: 48px
}

@media screen and (max-width: 768px) {
    .m-item-highlight.custom-background-white .a-close img {
        margin-top:2.4rem
    }
}

.m-item-highlight.custom-background-white .a-back-button {
    margin-top: 100px
}

@media screen and (max-width: 768px) {
    .m-item-highlight.custom-background-white .a-back-button {
        margin-top:64px
    }
}

.m-item-highlight.custom-background-white .a-back-button a {
    color: #cd9c13
}

.m-item-highlight.custom-background-white .a-back-button a i {
    padding-right: .8rem
}

.m-item-highlight.custom-background-white .a-back-button a:hover {
    color: #654b00
}

.m-item-highlight.custom-background-white .a-back-button a:hover .mavin-icon {
    color: #654b00
}

.m-item-highlight.custom-background-white .m-item-highlight-container {
    width: 50%
}

.m-item-highlight.custom-background-white .m-item-highlight-container-title {
    font-size: 2.4rem
}

@media screen and (max-width: 1024px) {
    .m-item-highlight.custom-background-white .m-item-highlight-container {
        width:100%;
        padding-bottom: 50px
    }
}

.m-item-highlight.custom-background-white .m-item-highlight-container-right img {
    width: 450px;
    max-width: 98%;
    align-content: center
}

@media screen and (max-width: 1024px) {
    .m-item-highlight.custom-background-white .m-item-highlight-container-right img {
        position:relative
    }
}

.m-item-highlight.custom-background-white .m-item-table-invest thead tr p {
    color: #fff
}

.m-item-highlight.custom-activity {
    background-image: url(/img/others/bg-card-activity.png);
    background-position: right
}

@media screen and (max-width: 768px) {
    .m-item-highlight.custom-activity {
        background-position:right 25% top
    }
}

.m-item-highlight.custom-activity label {
    font-size: 1.4rem
}

.m-item-highlight.custom-activity p {
    color: #303030
}

.m-item-highlight.custom-activity .a-text-brownish-grey {
    color: #6c6c6c
}

.m-item-highlight.custom-activity .a-text-brown-grey {
    color: #b0b0b0
}

.m-item-highlight.custom-activity h1 {
    margin-top: 2.4rem;
    margin-bottom: 2.4rem
}

@media screen and (max-width: 768px) {
    .m-item-highlight.custom-activity h1 {
        margin-top:-2.4rem
    }
}

.m-item-highlight.custom-activity .hero-text {
    max-width: 70%;
    margin-top: 88px;
    margin-bottom: 44px
}

@media screen and (max-width: 768px) {
    .m-item-highlight.custom-activity .hero-text {
        max-width:100%;
        margin-top: 3.2rem;
        margin-bottom: 5.6rem
    }
}

.m-item-highlight.custom-activity .a-close .lightbox__close {
    z-index: 100;
    top: 4.8rem
}

@media screen and (max-width: 768px) {
    .m-item-highlight.custom-activity .a-close .lightbox__close {
        top:2.4rem
    }
}

.m-item-highlight.custom-activity .a-back-button {
    margin-top: 100px
}

@media screen and (max-width: 768px) {
    .m-item-highlight.custom-activity .a-back-button {
        margin-top:64px
    }
}

.m-item-highlight.custom-activity .a-back-button a {
    color: #cd9c13
}

.m-item-highlight.custom-activity .a-back-button a i {
    padding-right: .8rem
}

.m-item-highlight.custom-activity .a-back-button a:hover {
    color: #654b00
}

.m-item-highlight.custom-activity .a-back-button a:hover .mavin-icon {
    color: #654b00
}

.m-item-highlight.custom-activity .m-item-highlight-container {
    width: 50%
}

.m-item-highlight.custom-activity .m-item-highlight-container-title {
    font-size: 2.4rem
}

@media screen and (max-width: 1024px) {
    .m-item-highlight.custom-activity .m-item-highlight-container {
        width:100%;
        padding-bottom: 50px
    }
}

.m-item-highlight.custom-activity .m-item-highlight-container-right img {
    width: 450px;
    max-width: 98%;
    align-content: center
}

@media screen and (max-width: 1024px) {
    .m-item-highlight.custom-activity .m-item-highlight-container-right img {
        position:relative
    }
}

.m-item-highlight.custom-activity .m-item-table-invest thead tr p {
    color: #fff
}

.m-item-highlight.custom-krisflayer {
    background-image: url(/img/others/image-krisflyer.png)
}

.m-item-highlight.custom-krisflayer label {
    font-size: 1.4rem
}

.m-item-highlight.custom-krisflayer a {
    width: 100%;
    text-align: center
}

.m-item-highlight.custom-krisflayer .m-item-highlight-container-left {
    width: 50%
}

.m-item-highlight.custom-krisflayer .m-item-highlight-container-left-title {
    font-size: 2.4rem
}

@media screen and (max-width: 1024px) {
    .m-item-highlight.custom-krisflayer .m-item-highlight-container-left {
        width:100%;
        padding-bottom: 50px
    }
}

.m-item-highlight.custom-krisflayer .m-item-highlight-container-right img {
    width: 400px;
    max-width: 98%;
    align-content: center
}

@media screen and (max-width: 1024px) {
    .m-item-highlight.custom-krisflayer .m-item-highlight-container-right img {
        position:relative
    }
}

.m-item-highlight.custom-contact {
    background-image: url(/img/others/image-hubungikami.png)
}

@media screen and (max-width: 1024px) {
    .m-item-highlight.custom-contact {
        background-position:center
    }
}

@media screen and (max-width: 1024px) {
    .m-item-highlight.custom-contact {
        width:100%;
        max-height: none
    }
}

.m-item-highlight.custom-tentang {
    min-height: 610px;
    background-image: url(/img/others/item-hightlight-tentang-bca.png)
}

.m-item-highlight.custom-tentang .hero-text {
    color: #000
}

@media screen and (max-width: 768px) {
    .m-item-highlight.custom-tentang {
        min-height:0
    }
}

.m-item-highlight.custom-tentang .m-item-highlight-container-left {
    width: 40%
}

@media screen and (max-width: 1024px) {
    .m-item-highlight.custom-tentang .m-item-highlight-container-left {
        width:100%;
        padding-bottom: 50px
    }
}

.m-item-highlight.custom-korporat {
    background-image: url(/img/others/item-highlight-korporat.png)
}

.m-item-highlight.custom-korporat .hero-text {
    color: #000
}

.m-item-highlight.custom-korporat .hr {
    display: block;
    margin-bottom: 4rem;
    margin-top: 4rem;
    border: 1px solid rgba(176,176,176,.35)
}

.m-item-highlight.custom-korporat .m-item-highlight-container-left {
    width: 60%;
    padding-top: 70px;
    padding-bottom: 70px
}

@media screen and (max-width: 1024px) {
    .m-item-highlight.custom-korporat .m-item-highlight-container-left {
        width:100%;
        padding-bottom: 50px
    }
}

@media screen and (max-width: 768px) {
    .m-item-highlight.custom-korporat .m-item-highlight-container-left {
        width:100%;
        padding-top: 0;
        padding-bottom: 40px;
        padding-top: 40px
    }

    .m-item-highlight.custom-korporat .m-item-highlight-container-left .hr {
        display: none;
        padding-bottom: 0;
        margin-top: 0
    }
}

.m-item-highlight.custom-korporat .m-item-highlight__note {
    padding-left: 5.2rem;
    padding-top: 3rem;
    padding-bottom: 3.8rem
}

@media screen and (max-width: 768px) {
    .m-item-highlight.custom-korporat .m-item-highlight__note {
        padding-top:0;
        padding-left: 0
    }
}

.m-item-highlight.custom-spotlight {
    background-image: url(/img/others/image-cover-spotlight.jpg)
}

.m-item-highlight.custom-spotlight p {
    color: #fff
}

.m-item-highlight.custom-spotlight .m-item-highlight-container-left {
    width: 60%;
    padding-top: 70px;
    padding-bottom: 70px
}

@media screen and (max-width: 1024px) {
    .m-item-highlight.custom-spotlight .m-item-highlight-container-left {
        width:100%;
        padding-bottom: 50px
    }
}

@media screen and (max-width: 768px) {
    .m-item-highlight.custom-spotlight .m-item-highlight-container-left {
        width:100%;
        padding-top: 0;
        padding-bottom: 40px
    }
}

.m-item-highlight.custom-spotlight-research {
    background-image: url(/img/others/image-spotlight-riset.jpg)
}

.m-item-highlight.custom-spotlight-research .hero-text {
    color: #000
}

.m-item-highlight.custom-spotlight-research .m-item-highlight-container-left {
    width: 60%;
    padding-top: 70px;
    padding-bottom: 70px
}

@media screen and (max-width: 1024px) {
    .m-item-highlight.custom-spotlight-research .m-item-highlight-container-left {
        width:100%;
        padding-bottom: 50px
    }
}

@media screen and (max-width: 768px) {
    .m-item-highlight.custom-spotlight-research .m-item-highlight-container-left {
        width:100%;
        padding-top: 0;
        padding-bottom: 40px
    }
}

.m-item-highlight.custom-background {
    background-image: url(/img/others/background-remittance-2.jpg)
}

.m-item-highlight.custom-background .m-item-highlight-container-left {
    width: 40%
}

@media screen and (max-width: 1024px) {
    .m-item-highlight.custom-background .m-item-highlight-container-left {
        width:100%;
        padding-bottom: 50px
    }
}

.m-item-highlight.custom-background .m-item-highlight-container-right img {
    width: 500px;
    max-width: 95%;
    bottom: 30px;
    right: 10rem
}

@media screen and (max-width: 1024px) {
    .m-item-highlight.custom-background .m-item-highlight-container-right img {
        position:relative;
        right: auto
    }
}

.m-item-highlight.custom-background-3 {
    background-image: url(/img/others/background-remittance-1.jpg)
}

.m-item-highlight.custom-background-3 .m-item-highlight-container-left {
    width: 40%
}

@media screen and (max-width: 1024px) {
    .m-item-highlight.custom-background-3 .m-item-highlight-container-left {
        width:100%;
        padding-bottom: 50px
    }
}

.m-item-highlight.custom-background-3 .m-item-highlight-container-right img {
    width: 500px;
    max-width: 95%;
    bottom: 30px;
    right: 10rem
}

@media screen and (max-width: 1024px) {
    .m-item-highlight.custom-background-3 .m-item-highlight-container-right img {
        position:relative;
        right: auto
    }
}

.m-item-highlight.custom-background-visi {
    background-image: url(/img/others/image-cover-visimisi.jpg)
}

@media screen and (max-width: 1024px) {
    .m-item-highlight.custom-background-visi {
        background-position:center
    }
}

@media screen and (max-width: 768px) {
    .m-item-highlight.custom-background-visi {
        background-position:right
    }
}

.m-item-highlight.custom-background-visi hr {
    margin-top: 16px;
    margin-bottom: 24px;
    height: 1px;
    background-color: #ccc;
    border: none
}

.m-item-highlight.custom-background-visi-korporate {
    background-image: url(/img/others/item-highlight-vis-korporate.png)
}

@media screen and (max-width: 1024px) {
    .m-item-highlight.custom-background-visi-korporate {
        background-position:center
    }
}

@media screen and (max-width: 768px) {
    .m-item-highlight.custom-background-visi-korporate {
        background-position:right
    }
}

.m-item-highlight.custom-background-visi-korporate hr {
    margin-top: 0;
    margin-bottom: 8px;
    height: 1px;
    background-color: #c6c6c6;
    border: none
}

.m-item-highlight.custom-background-2 {
    background-image: url(/img/others/background-remittance-1.jpg)
}

.m-item-highlight.custom-background-2 .m-item-highlight-container-left {
    width: 40%
}

@media screen and (max-width: 1024px) {
    .m-item-highlight.custom-background-2 .m-item-highlight-container-left {
        width:100%;
        padding-bottom: 0
    }
}

.m-item-highlight.custom-background-2 .m-item-highlight-container-right img {
    bottom: -70px;
    width: 400px;
    right: 10rem
}

@media screen and (max-width: 1024px) {
    .m-item-highlight.custom-background-2 .m-item-highlight-container-right img {
        position:relative;
        right: auto
    }
}

.m-item-highlight.custom-background-sustainability {
    background-image: url(/img/others/background-remittance-1.jpg)
}

.m-item-highlight.custom-background-sustainability .m-item-highlight-container-left {
    width: 40%
}

@media screen and (max-width: 1024px) {
    .m-item-highlight.custom-background-sustainability .m-item-highlight-container-left {
        width:100%;
        padding-bottom: 0
    }
}

.m-item-highlight.custom-background-sustainability .m-item-highlight-container-right img {
    bottom: -70px;
    width: 595px
}

@media screen and (max-width: 1024px) {
    .m-item-highlight.custom-background-sustainability .m-item-highlight-container-right img {
        position:relative;
        right: auto
    }
}

.m-item-highlight.custom-background-3 {
    background-image: url(/img/others/background-tradebca.jpg)
}

.m-item-highlight.custom-background-3 .m-item-highlight-container-left {
    width: 40%
}

@media screen and (max-width: 1024px) {
    .m-item-highlight.custom-background-3 .m-item-highlight-container-left {
        width:100%;
        padding-bottom: 0
    }
}

.m-item-highlight.custom-background-3 .m-item-highlight-container-right img {
    bottom: -70px;
    width: 500px;
    right: 10rem
}

@media screen and (max-width: 1024px) {
    .m-item-highlight.custom-background-3 .m-item-highlight-container-right img {
        position:relative;
        right: auto
    }
}

.m-item-highlight.custom-saldo-reward {
    background-image: url(/img/bg/bg-rewards.svg)
}

.m-item-highlight.custom-saldo-reward label {
    font-size: 1.4rem
}

.m-item-highlight.custom-saldo-reward a {
    width: 100%
}

.m-item-highlight.custom-saldo-reward .m-item-highlight-container-left {
    padding-top: 48px;
    padding-bottom: 48px;
    width: 80%
}

.m-item-highlight.custom-saldo-reward .m-item-highlight-container-left-title {
    font-size: 3.2rem
}

@media screen and (max-width: 1024px) {
    .m-item-highlight.custom-saldo-reward .m-item-highlight-container-left {
        width:100%;
        padding-bottom: 50px
    }
}

.m-item-highlight.full {
    background: #fff;
    position: relative
}

@media screen and (max-width: 1024px) {
    .m-item-highlight.full {
        background:#d0d8db
    }
}

@media screen and (max-width: 768px) {
    .m-item-highlight.full {
        background:#fff
    }
}

.m-item-highlight.full .hero-text {
    color: #000;
    word-break: break-word
}

.m-item-highlight.full .a-close img {
    margin-top: 48px
}

@media screen and (max-width: 768px) {
    .m-item-highlight.full .a-close img {
        margin-top:2.4rem
    }
}

.m-item-highlight.full .description-text {
    color: #000
}

.m-item-highlight.full .m-item-highlight-container-right {
    position: absolute;
    bottom: 0;
    top: 0
}

.m-item-highlight.full .m-item-highlight-container-right img {
    height: 100%;
    width: auto
}

@media screen and (max-width: 1024px) {
    .m-item-highlight.full .m-item-highlight-container-right {
        position:relative
    }

    .m-item-highlight.full .m-item-highlight-container-right img {
        height: auto;
        width: 100%
    }
}

.m-item-highlight .contact-container .description-text {
    color: #6c6c6c
}

.m-item-highlight--bg-reward {
    background-image: url(/img/others/bg-redeem.svg);
    background-repeat: no-repeat;
    width: 100%;
    height: 100vh
}

.m-downloads {
    background-color: #031120
}

.m-downloads-bg-image {
    background-image: url(/img/others/image-bg-csr.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 256px;
    text-align: center;
    padding: 48px 0
}

@media screen and (max-width: 768px) {
    .m-downloads-bg-image {
        padding-top:4.8rem;
        background-image: url(/img/others/image-bg-csr.png);
        background-size: cover;
        background-position: right
    }
}

.m-downloads-bg-image-wrapp-text h3 {
    font-size: 2.4rem
}

@media screen and (max-width: 768px) {
    .m-downloads-bg-image-wrapp-text h3 {
        font-size:2rem
    }
}

.m-downloads-bg-img-subs {
    background-image: url(/img/others/image-bg-csr.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 256px;
    text-align: center;
    padding: 48px 0
}

@media screen and (max-width: 1024px) {
    .m-downloads-bg-img-subs a {
        width:40px
    }
}

@media screen and (max-width: 768px) {
    .m-downloads-bg-img-subs {
        padding-top:4.8rem;
        background-image: url(/img/bg/berlangganan-mobile.svg);
        background-size: cover;
        background-position: right
    }
}

.m-downloads-bg-img-subs-wrapp-text h3 {
    font-size: 2.4rem
}

.m-downloads-container {
    text-align: center;
    padding-top: 70px;
    padding-bottom: 70px
}

.m-downloads-container-icon img {
    width: 64px
}

.m-downloads-container-icon i {
    font-size: 4rem;
    color: #fff
}

.m-downloads-container-text p {
    font-size: 2.4rem;
    color: #fff;
    margin-top: 30px
}

@media screen and (max-width: 768px) {
    .m-downloads-container-text p {
        font-size:2rem
    }
}

.m-downloads-container-application {
    margin-top: 30px;
    font-size: 1rem
}

.m-downloads-container-application img {
    height: 50px;
    margin-left: 10px;
    margin-right: 10px;
    -webkit-transition: transform .2s;
    -moz-transition: transform .2s;
    -o-transition: transform .2s;
    transition: transform .2s
}

.m-downloads-container-application img:hover {
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px)
}

@media screen and (max-width: 768px) {
    .m-downloads-container-application img {
        width:143px;
        margin-top: 20px;
        vertical-align: middle
    }
}

.m-sublink {
    color: #fff;
    width: 100%;
    background-color: #cd9c13;
    position: relative
}

.m-sublink:after {
    content: "";
    pointer-events: none;
    position: absolute;
    z-index: 0;
    width: 50%;
    height: 100%;
    background-color: #b88800;
    right: 0;
    top: 0
}

.m-sublink .container {
    position: relative;
    z-index: 1
}

@media screen and (max-width: 768px) {
    .m-sublink .row {
        margin:0 -2.4rem
    }
}

.m-sublink a {
    color: #fff
}

.m-sublink p {
    margin-bottom: 0
}

.m-sublink-left {
    cursor: pointer;
    padding: 40px 24px 40px 40px;
    width: 50%
}

@media screen and (max-width: 768px) {
    .m-sublink-left {
        padding:50px 24px 50px 24px
    }
}

.m-sublink-left:before {
    font-family: "FontAwesome",serif;
    content: "";
    float: right;
    font-size: 3.2rem;
    color: #fff;
    line-height: 20.5rem;
    -webkit-transition: transform .2s;
    -moz-transition: transform .2s;
    -o-transition: transform .2s;
    transition: transform .2s
}

@media screen and (max-width: 768px) {
    .m-sublink-left:before {
        line-height:12rem
    }
}

.m-sublink-left:hover:before {
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    -ms-transform: translateX(8px);
    -o-transform: translateX(8px);
    transform: translateX(8px)
}

.m-sublink-left.small-lh:before {
    line-height: 12.5rem
}

@media screen and (max-width: 768px) {
    .m-sublink-left.small-lh:before {
        line-height:9.5rem
    }
}

.m-sublink-right {
    cursor: pointer;
    padding: 40px 40px 40px 24px;
    width: 50%;
    z-index: 1
}

@media screen and (max-width: 768px) {
    .m-sublink-right {
        padding:50px 24px 50px 24px
    }
}

.m-sublink-right:before {
    font-family: "FontAwesome",serif;
    content: "";
    float: right;
    font-size: 3.2rem;
    color: #fff;
    line-height: 20.5rem;
    -webkit-transition: transform .2s;
    -moz-transition: transform .2s;
    -o-transition: transform .2s;
    transition: transform .2s
}

@media screen and (max-width: 768px) {
    .m-sublink-right:before {
        line-height:12rem
    }
}

.m-sublink-right:hover:before {
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    -ms-transform: translateX(8px);
    -o-transform: translateX(8px);
    transform: translateX(8px)
}

.m-sublink-right.small-lh:before {
    line-height: 12.5rem
}

@media screen and (max-width: 768px) {
    .m-sublink-right.small-lh:before {
        line-height:9.5rem
    }
}

.m-sublink .subtitle-text {
    font-size: 2.4rem;
    height: 50px
}

.m-sublink .text-hero {
    font-size: 5.6rem;
    line-height: 64px
}

@media screen and (max-width: 768px) {
    .m-sublink .text-hero {
        font-size:3.2rem;
        line-height: 4rem
    }

    .m-sublink .subtitle-text {
        font-size: 2rem
    }
}

@media screen and (max-width: 768px) {
    .m-sublink {
        display:block
    }

    .m-sublink-left {
        display: block;
        width: 100%;
        background-color: #b88800
    }

    .m-sublink-right {
        display: block;
        width: 100%;
        background-color: #cd9c13
    }
}

.m-partner-list_item-wrapper {
    margin-top: 16px
}

.m-partner-list_item-wrapper .a-partner-list_item:not(:last-child) {
    margin: 0 16px 16px 0
}

.m-partner-list_title {
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(176,176,176,.35)
}

.m-input-slider {
    margin-top: 2.4rem;
    width: 100%
}

@media screen and (max-width: 768px) {
    .m-input-slider--wrapper-popup {
        margin-top:80px!important
    }
}

.m-input-slider--total-biaya {
    position: relative
}

@media screen and (max-width: 768px) {
    .m-input-slider--total-biaya {
        display:none
    }

    .m-input-slider--total-biaya.fixed {
        display: block;
        transition: transform .3s ease;
        animation: contentIn .3s ease-in-out 0s forwards;
        z-index: 999;
        position: fixed;
        bottom: 80px;
        width: 100%;
        left: 0;
        margin: auto;
        padding: 1.6rem 2.4rem 1.6rem 2.4rem;
        background-color: #fff;
        vertical-align: middle;
        box-shadow: 0 0 10px -5px #222
    }
}

.m-input-slider-label {
    margin-top: 20px;
    font-size: .875rem
}

.m-input-slider-label .right-label {
    float: right
}

.m-input-slider-label span {
    font-size: 1.4rem;
    line-height: 1.6rem;
    color: #7c7c7c
}

.m-input-slider.custom {
    margin-top: unset
}

.m-input-slider .title-biaya {
    font-size: 1.8rem;
    margin-bottom: 20px
}

.m-input-slider input[type=number] {
    border: 0;
    background: 0 0
}

@media screen and (max-width: 768px) {
    .m-input-slider .title-biaya {
        font-size:1.6rem;
        line-height: 2.4rem;
        margin-bottom: 20px
    }

    .m-input-slider .text-subs {
        font-size: 1.4rem;
        line-height: 18px;
        color: #7c7c7c
    }
}

.m-input-slider .text-subs {
    font-size: 1.2rem;
    line-height: 14px;
    color: #7c7c7c
}

.m-input-slider .title-text {
    font-size: 1.6rem;
    line-height: 1.6;
    color: #7c7c7c
}

.m-input-slider .title-text span {
    margin-bottom: 0;
    line-height: 1.6
}

.m-input-slider .value-text {
    position: relative;
    font-size: 3.2rem;
    color: #7c7c7c;
    margin-bottom: 20px
}

.m-input-slider .value-text .label {
    position: relative;
    z-index: 1
}

.m-input-slider .value-text .value {
    margin-left: 0
}

.m-input-slider .value-text .value.input-editable {
    position: absolute;
    top: 4px;
    left: 0;
    padding-left: 4.8rem;
    width: 100%
}

.m-input-slider .value-text span {
    font-size: 3.2rem;
    margin-bottom: 20px
}

.m-input-slider .value-text span.input-editable {
    outline: 0;
    margin-left: 5px
}

.m-input-slider .value-text.is-active {
    color: #303030
}

.m-input-slider .a-input-slide {
    position: relative
}

.m-input-slider .a-input-slide:before {
    content: "";
    position: absolute;
    background: #d3d3d3;
    width: 100%;
    height: 3px
}

.m-input-slider .slide-active {
    margin-top: -3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 0%;
    height: 3px;
    border-radius: 5px;
    background: #2fa6fc;
    outline: 0;
    opacity: .7;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    transition: opacity .2s
}

.m-input-slider .slide-active:hover {
    opacity: 1
}

.m-input-slider .slide {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 3px;
    border-radius: 5px;
    background: 0 0;
    outline: 0;
    opacity: 1;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    transition: opacity .2s;
    z-index: 1;
    position: relative;
    display: block
}

.m-input-slider .slide.is-active {
    width: 0%;
    margin-top: -2px;
    background: #cd9c13;
    z-index: 0
}

.m-input-slider .slide:hover {
    opacity: 1
}

.m-input-slider .slide::-webkit-slider-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 1.5px solid #2fa6fc;
    background: #fff;
    cursor: pointer;
    z-index: 99
}

.m-input-slider .slide::-moz-range-thumb {
    position: relative;
    z-index: 99;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 1.5px solid #b88800;
    background-color: #fff;
    cursor: pointer
}

.m-input-slider .icon-pencil {
    position: relative;
    top: 3px
}

.input-editable {
    border: 0;
    pointer-events: none
}

@keyframes contentIn {
    0% {
        opacity: 0;
        transform: scale3d(1.02,1.02,1.02);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    100% {
        opacity: 1;
        transform: scale3d(1,1,1);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@-webkit-keyframes contentIn {
    0% {
        opacity: 0;
        transform: scale3d(1.02,1.02,1.02);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    100% {
        opacity: 1;
        transform: scale3d(1,1,1);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

button.m-flat-card {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none
}

a.m-flat-card {
    text-decoration: none;
    display: table
}

.m-flat-card {
    color: #fff!important;
    background: rgba(0,0,0,.48);
    padding: .7rem;
    font-size: 1.6rem;
    text-align: center;
    line-height: 1.5;
    border-radius: 1.2rem;
    display: block;
    width: 100%;
    -webkit-transition: background-color .4s ease;
    -moz-transition: background-color .4s ease;
    -o-transition: background-color .4s ease;
    transition: background-color .4s ease
}

@media screen and (max-width: 991px) {
    .m-flat-card {
        font-size:5vw
    }
}

@media screen and (max-width: 375px) {
    .m-flat-card {
        font-size:1.3rem;
        width: 152px
    }
}

.m-flat-card_wrapper {
    margin-top: 20px
}

.m-flat-card.is-active,.m-flat-card.is-light,.m-flat-card:focus,.m-flat-card:hover {
    background: #fff
}

.m-flat-card.is-active .m-flat-card_icon,.m-flat-card.is-light .m-flat-card_icon,.m-flat-card:focus .m-flat-card_icon,.m-flat-card:hover .m-flat-card_icon {
    color: #b88800
}

.m-flat-card.is-active .m-flat-card_title,.m-flat-card.is-light .m-flat-card_title,.m-flat-card:focus .m-flat-card_title,.m-flat-card:hover .m-flat-card_title {
    color: #303030
}

.m-flat-card_icon i {
    font-size: 5rem;
    color: inherit
}

.m-flat-card_title {
    padding: .8rem;
    min-height: 2.8rem
}

.m-flat-card_content {
    padding-top: 2.4rem;
    height: 178px
}

@media screen and (max-width: 991px) {
    .m-flat-card_content {
        height:150px
    }
}

@media screen and (max-width: 768px) {
    .m-flat-card_content {
        height:16.4rem;
        padding-top: .8rem
    }
}

.m-flat-card_icon i,.m-flat-card_title {
    -webkit-transition: color .4s ease;
    -moz-transition: color .4s ease;
    -o-transition: color .4s ease;
    transition: color .4s ease;
    white-space: pre-wrap
}

.m-flat-card__header-mini {
    width: 168.2px;
    text-align: center
}

@media screen and (max-width: 768px) {
    .m-flat-card__header-mini {
        width:145.2px
    }
}

@media screen and (max-width: 375px) {
    .m-card-carousel.owl-carousel .a-bg-card {
        width:100%
    }
}

.m-card-carousel.owl-carousel .owl-nav {
    margin-top: 24px;
    margin-right: 8px;
    text-align: right
}

@media screen and (max-width: 375px) {
    .m-card-carousel.owl-carousel .owl-nav {
        margin-top:16px
    }
}

.m-card-carousel.owl-carousel .owl-nav button.owl-next,.m-card-carousel.owl-carousel .owl-nav button.owl-prev {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    transform: none;
    position: static;
    background-color: #b88800;
    -webkit-transition: background-color .2s ease;
    -moz-transition: background-color .2s ease;
    -o-transition: background-color .2s ease;
    transition: background-color .2s ease
}

.m-card-carousel.owl-carousel .owl-nav button.owl-next:focus,.m-card-carousel.owl-carousel .owl-nav button.owl-next:hover,.m-card-carousel.owl-carousel .owl-nav button.owl-prev:focus,.m-card-carousel.owl-carousel .owl-nav button.owl-prev:hover {
    background-color: #cd9c13
}

.m-card-carousel.owl-carousel .owl-nav button.owl-next {
    margin-left: 16px
}

@media screen and (max-width: 768px) {
    .m-card-carousel.owl-carousel .owl-nav button.owl-next {
        margin-left:8px
    }
}

.m-card-carousel.owl-carousel .owl-item .m-card-carousel_item {
    margin: 0 8px
}

@media screen and (max-width: 768px) {
    .m-card-carousel.owl-carousel .owl-item .m-card-carousel_item {
        margin-right:0
    }
}

.m-product-card-carousel {
    font-size: 1rem
}

.m-product-card-carousel.owl-carousel .owl-nav button {
    background: #b88800
}

.m-product-card-carousel.owl-carousel .owl-item .m-product-card-carousel_item {
    display: block;
    width: calc(100% - 16px);
    margin: 1.5rem auto;
    text-align: center;
    padding: 16px;
    color: #7c7c7c;
    border-radius: 5px;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease
}

.m-product-card-carousel.owl-carousel .owl-item .m-product-card-carousel_item:focus,.m-product-card-carousel.owl-carousel .owl-item .m-product-card-carousel_item:hover {
    color: #b88800
}

.m-product-card-carousel.owl-carousel .owl-item .m-product-card-carousel_item img {
    max-width: 96px;
    width: auto;
    margin: 0 auto 16px
}

.m-form-stepper {
    counter-reset: form-stepper
}

.form-content {
    display: none
}

.form-content.showForm {
    display: block
}

.form-content-2 {
    display: none
}

.form-content-2.showForm {
    display: block
}

.form-content-3 {
    display: none
}

.form-content-3.showForm {
    display: block
}

.notification--wrapper {
    display: block;
    position: fixed;
    height: 0;
    bottom: 0;
    width: 100%;
    top: calc(100% - 10rem);
    z-index: 9999
}

@media screen and (max-width: 768px) {
    .notification--wrapper {
        top:calc(100% - 15rem);
        width: 350px;
        z-index: 9999
    }
}

.m-alert-card {
    border-radius: 16px;
    font-size: 0;
    height: 78px;
    z-index: 9999
}

.m-alert-card_content,.m-alert-card_icon {
    height: inherit;
    display: inline-block;
    font-size: 1rem
}

.m-alert-card_icon {
    padding: 2.5em 2.5em;
    background: #b88800;
    text-align: center;
    width: 8em;
    border-radius: 8px 0 0 8px
}

@media screen and (max-width: 768px) {
    .m-alert-card_icon {
        width:4em;
        padding: 3em 1.25em;
        position: relative
    }
}

.m-alert-card_icon i {
    font-size: 2.75rem;
    color: #fff
}

@media screen and (max-width: 768px) {
    .m-alert-card_icon i {
        font-size:1.4rem;
        color: #fff
    }
}

.m-alert-card_content {
    padding: 1.5em 6em 1.5em 2em;
    background: #fff;
    max-width: calc(100% - 5em);
    vertical-align: top;
    position: relative;
    border-radius: 0 8px 8px 0
}

@media screen and (max-width: 768px) {
    .m-alert-card_content {
        font-size:1.4rem;
        padding: .8em 2.4em .8em .6em
    }
}

.m-alert-card_content-wrapper {
    font-size: 0
}

.m-alert-card_content a {
    font-size: 1.4rem
}

.m-alert-card_text {
    font-size: 1.4rem;
    display: inline-block;
    margin: 0;
    line-height: 1.8;
    position: relative;
    top: 1rem;
    color: #000
}

@media screen and (max-width: 768px) {
    .m-alert-card_text {
        position:relative;
        top: 0
    }
}

.m-alert-card_close {
    font-size: 1.4rem;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: calc(100% - 50px);
    color: #303030
}

.m-alert-card_close i {
    position: absolute;
    top: 50%;
    left: 50%;
    color: inherit;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.info {
    background-color: #fff
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    40% {
        -webkit-transform: scale3d(.95,.95,.95);
        transform: scale3d(.95,.95,.95)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.m-cardtype.text-title {
    font-size: 3.2rem;
    line-height: 3.8rem
}

.m-cardtype.text-description {
    font-size: 1.8rem;
    color: #6c6c6c;
    padding-top: 2rem;
    padding-bottom: 2rem;
    line-height: 2.4rem
}

@media screen and (max-width: 768px) {
    .m-cardtype.text-title {
        font-size:2.4rem;
        line-height: 3.2rem
    }

    .m-cardtype.text-description {
        font-size: 1.6rem;
        line-height: 2.4rem;
        color: #6c6c6c
    }
}

.m-cardtype-bg.bg-secondary-light {
    background-color: #d6edff
}

.m-cardtype-img-wrapper {
    margin-left: -8rem;
    opacity: 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    transform: translateX(-2rem)
}

.m-cardtype-img-wrapper.is-active {
    opacity: 1;
    margin-left: 6rem
}

.m-cardtype-img-wrapper img {
    width: 430px
}

.m-cardtype-content {
    font-size: 1.4rem;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 1.6rem;
    line-height: 1.5
}

.m-cardtype-button {
    font-size: 1rem
}

@media screen and (max-width: 768px) {
    .m-cardtype-button a {
        margin-top:1rem
    }
}

@media screen and (max-width: 768px) {
    .m-cardtype-content {
        padding-top:15px
    }

    .m-cardtype-wrapper {
        margin-top: 15px
    }
}

.a-card--creditcardtype-content.is-active .m-cardtype-img-wrapper {
    animation: cardTypeImage 1s forwards;
    animation-iteration-count: 1
}

@keyframes cardTypeImage {
    0% {
        opacity: 0;
        transform: translateX(-3rem)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.m-banner-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: initial
}

.m-banner-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.m-banner-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.m-banner-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.m-banner-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0)
}

.m-banner-carousel .owl-item,.m-banner-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0)
}

.m-banner-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.m-banner-carousel .owl-item img {
    display: block;
    width: 100%
}

.m-banner-carousel .owl-dots.disabled,.m-banner-carousel .owl-nav.disabled {
    display: none
}

.m-banner-carousel.owl-loaded,.no-js .m-banner-carousel {
    display: block
}

.m-banner-carousel .owl-dot,.m-banner-carousel .owl-nav .owl-next,.m-banner-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.m-banner-carousel .owl-nav button.owl-next,.m-banner-carousel .owl-nav button.owl-prev,.m-banner-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit
}

.m-banner-carousel.owl-loading {
    opacity: 0;
    display: block
}

.m-banner-carousel.owl-hidden {
    opacity: 0
}

.m-banner-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.m-banner-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.m-banner-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.m-banner-carousel.owl-rtl {
    direction: rtl
}

.m-banner-carousel.owl-rtl .owl-item {
    float: right
}

.m-banner-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.m-banner-carousel .owl-animated-in {
    z-index: 0
}

.m-banner-carousel .owl-animated-out {
    z-index: 1
}

.m-banner-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: none
}

.m-banner-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.m-banner-carousel .owl-item .owl-lazy:not([src]),.m-banner-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.m-banner-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.m-banner-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.m-banner-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.m-banner-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3,1.3);
    transform: scale(1.3,1.3)
}

.m-banner-carousel .owl-video-playing .owl-video-play-icon,.m-banner-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.m-banner-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.m-banner-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.m-slides-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: initial
}

.m-slides-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.m-slides-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.m-slides-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.m-slides-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0)
}

.m-slides-carousel .owl-item,.m-slides-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0)
}

.m-slides-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.m-slides-carousel .owl-item img {
    display: block;
    width: 100%
}

.m-slides-carousel .owl-dots.disabled,.m-slides-carousel .owl-nav.disabled {
    display: none
}

.m-slides-carousel.owl-loaded,.no-js .m-slides-carousel {
    display: block
}

.m-slides-carousel .owl-dot,.m-slides-carousel .owl-nav .owl-next,.m-slides-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.m-slides-carousel .owl-nav button.owl-next,.m-slides-carousel .owl-nav button.owl-prev,.m-slides-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit
}

.m-slides-carousel.owl-loading {
    opacity: 0;
    display: block
}

.m-slides-carousel.owl-hidden {
    opacity: 0
}

.m-slides-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.m-slides-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.m-slides-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.m-slides-carousel.owl-rtl {
    direction: rtl
}

.m-slides-carousel.owl-rtl .owl-item {
    float: right
}

.m-slides-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.m-slides-carousel .owl-animated-in {
    z-index: 0
}

.m-slides-carousel .owl-animated-out {
    z-index: 1
}

.m-slides-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: none
}

.m-slides-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.m-slides-carousel .owl-item .owl-lazy:not([src]),.m-slides-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.m-slides-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.m-slides-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.m-slides-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.m-slides-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3,1.3);
    transform: scale(1.3,1.3)
}

.m-slides-carousel .owl-video-playing .owl-video-play-icon,.m-slides-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.m-slides-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.m-slides-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.m-banner-mini-cards .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: initial
}

.m-banner-mini-cards {
    display: none;
    width: 100%;
    z-index: 1
}

.m-banner-mini-cards .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.m-banner-mini-cards .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.m-banner-mini-cards .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0)
}

.m-banner-mini-cards .owl-item,.m-banner-mini-cards .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0)
}

.m-banner-mini-cards .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.m-banner-mini-cards .owl-item img {
    display: block;
    width: 100%
}

.m-banner-mini-cards .owl-dots.disabled,.m-banner-mini-cards .owl-nav.disabled {
    display: none
}

.m-banner-mini-cards.owl-loaded,.no-js .m-banner-mini-cards {
    display: block
}

.m-banner-mini-cards .owl-dot,.m-banner-mini-cards .owl-nav .owl-next,.m-banner-mini-cards .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.m-banner-mini-cards .owl-nav button.owl-next,.m-banner-mini-cards .owl-nav button.owl-prev,.m-banner-mini-cards button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit
}

.m-banner-mini-cards.owl-loading {
    opacity: 0;
    display: block
}

.m-banner-mini-cards.owl-hidden {
    opacity: 0
}

.m-banner-mini-cards.owl-refresh .owl-item {
    visibility: hidden
}

.m-banner-mini-cards.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.m-banner-mini-cards.owl-grab {
    cursor: move;
    cursor: grab
}

.m-banner-mini-cards.owl-rtl {
    direction: rtl
}

.m-banner-mini-cards.owl-rtl .owl-item {
    float: right
}

.m-banner-mini-cards .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.m-banner-mini-cards .owl-animated-in {
    z-index: 0
}

.m-banner-mini-cards .owl-animated-out {
    z-index: 1
}

.m-banner-mini-cards .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: none
}

.m-banner-mini-cards .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.m-banner-mini-cards .owl-item .owl-lazy:not([src]),.m-banner-mini-cards .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.m-banner-mini-cards .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.m-banner-mini-cards .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.m-banner-mini-cards .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.m-banner-mini-cards .owl-video-play-icon:hover {
    -ms-transform: scale(1.3,1.3);
    transform: scale(1.3,1.3)
}

.m-banner-mini-cards .owl-video-playing .owl-video-play-icon,.m-banner-mini-cards .owl-video-playing .owl-video-tn {
    display: none
}

.m-banner-mini-cards .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.m-banner-mini-cards .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.m-banner-desc {
    color: #fff;
    padding: 0 2.4rem .4rem
}

.m-banner-desc-tags {
    font-size: 2.4rem
}

.m-banner-desc--tags-small {
    font-size: 2.4rem
}

.m-banner-desc-title {
    font-size: 5.6rem;
    line-height: 1.15
}

.m-banner-desc-title-klik {
    font-size: 2.5rem
}

@media screen and (max-width: 1024px) {
    .m-banner-desc-tags {
        margin-top:9rem;
        font-size: 2rem;
        line-height: 2.6rem
    }

    .m-banner-desc--tags-small {
        margin-top: 2rem;
        font-size: 2rem;
        line-height: 2.6rem
    }

    .m-banner-desc-title {
        font-size: 3.2rem;
        line-height: 4rem;
        margin-bottom: 2rem
    }
}

@media screen and (max-width: 768px) {
    .m-banner-desc-tags {
        margin-top:9rem;
        font-size: 2rem;
        line-height: 2.6rem
    }

    .m-banner-desc--tags-small {
        margin-top: 2rem;
        font-size: 2rem;
        line-height: 2.6rem
    }

    .m-banner-desc-title {
        font-size: 3.2rem;
        line-height: 4rem
    }
}

.m-banner-btn-cstm-right {
    margin-left: 50px
}

@media screen and (max-width: 768px) {
    .m-banner-btn-cstm-right {
        margin-top:10px
    }
}

.m-banner-tabs-title {
    margin-top: .8rem;
    font-size: 1.6rem;
    color: #fff
}

.m-banner-action {
    margin-top: 2.4rem;
    font-size: 1rem
}

.m-banner-action a:nth-child(2) {
    margin-left: 10px
}

@media screen and (max-width: 768px) {
    .m-banner-action {
        margin-top:0;
        line-height: 3rem;
        padding: 0 2.4rem .4rem
    }
}

@media screen and (max-width: 1024px) {
    .m-banner-action a:nth-child(2) {
        margin-left:0;
        margin-top: 10px
    }

    .m-banner-action a {
        text-align: center
    }
}

.m-banner-cards {
    width: 100%
}

.m-banner-cards .owl-nav button {
    width: 32px!important;
    height: 32px!important;
    background-color: #cd9c13!important
}

.m-banner-cards .owl-nav button span {
    font-size: 1.2rem!important
}

.m-banner--slider {
    width: 100%
}

.m-banner .banner-wrapper {
    padding: 0 2.4rem 0 3.4rem
}

@media screen and (max-width: 768px) {
    .m-banner-carousel .owl-dots {
        z-index:1;
        position: absolute;
        -webkit-transform: translateX(-50);
        -moz-transform: translateX(-50);
        -ms-transform: translateX(-50);
        -o-transform: translateX(-50);
        transform: translateX(-50);
        width: 100%;
        text-align: center;
        left: 0
    }

    .m-banner-carousel .owl-dots button {
        padding: 10px 20px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: 0 0;
        margin: 16px;
        border: none;
        cursor: pointer
    }

    .m-banner-carousel .owl-dots .owl-dot {
        background: 0 0;
        border: 1px solid #fff;
        width: 8px;
        height: 8px;
        font-size: 0;
        border-radius: 8px;
        padding: 0;
        outline: 0;
        -webkit-transition: width .2s ease;
        -moz-transition: width .2s ease;
        -o-transition: width .2s ease;
        transition: width .2s ease
    }

    .m-banner-carousel .owl-dots .owl-dot.active {
        width: 8px;
        height: 8px;
        background: #fff
    }

    .m-banner-carousel .owl-dots .owl-dot:not(:first-child) {
        margin-left: 8px
    }
}

.m-banner-carousel .owl-nav {
    text-align: right
}

.m-banner-carousel .owl-nav button.owl-next,.m-banner-carousel .owl-nav button.owl-prev {
    margin-top: 3.2rem;
    background-color: #b88800;
    border: 0;
    border-radius: 50%;
    padding: 0 12px;
    color: #fff;
    margin-right: .8rem;
    outline: 0;
    width: 30px;
    height: 30px
}

.m-banner-carousel .owl-nav button.owl-next span,.m-banner-carousel .owl-nav button.owl-prev span {
    font-size: 2rem;
    padding: 1rem .85rem
}

.m-banner-carousel .owl-nav button.owl-next {
    margin-right: 0
}

@media screen and (max-width: 1024px) {
    .m-banner-carousel .owl-nav button {
        display:none
    }
}

.m-banner-carousel .owl-stage-outer {
    padding-bottom: .8rem
}

.m-banner-mini .owl-stage {
    width: 600px!important
}

.m-banner-mini .owl-item {
    margin-right: 60px!important
}

@media screen and (max-width: 768px) {
    .m-banner-mini .owl-stage-outer {
        margin-left:-1rem;
        width: auto
    }

    .m-banner-mini .owl-stage {
        display: flex;
        width: 200px!important
    }

    .m-banner-mini .owl-item {
        margin-right: 35px!important;
        margin-left: 2px
    }
}

.m-table--wrapper {
    overflow-y: auto;
    border-radius: 12px
}

.m-table--wrapper-report-acgs {
    box-shadow: 0 0 0
}

.m-table--wrapper-report-role {
    padding-bottom: 48px!important
}

@media screen and (max-width: 768px) {
    .m-table--wrapper-report-role {
        padding-top:64px!important
    }
}

.m-table--wrapper-report-money-index {
    padding-bottom: 48px!important
}

@media screen and (max-width: 1024px) {
    .m-table--wrapper {
        padding:0;
        margin: 0
    }
}

@media screen and (max-width: 1024px) {
    .m-table--wrapper .m-filter__form>div {
        display:block
    }
}

.m-table--wrapper-min-height {
    overflow-y: initial
}

.m-table--wrapper-min-height .m-table {
    box-shadow: 0 0 14px 0 rgba(0,0,0,.03),0 0 10px 0 rgba(0,0,0,.03)
}

.m-table--wrapper-min-height tr td .a-button {
    display: block
}

@media screen and (max-width: 768px) {
    .compare-asuransi .m-table--wrapper-min-height td a,.compare-obligasi .m-table--wrapper-min-height td a {
        min-width:unset
    }
}

.m-table {
    background-color: #fff;
    width: 100%;
    overflow-x: auto;
    visibility: visible;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    table-layout: fixed
}

.m-table a {
    color: #2fa6fc
}

.m-table-inner-container {
    table-layout: fixed
}

.m-table-contentList {
    padding-left: 20px
}

.m-table--body-white {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px
}

.m-table--body-white tbody tr {
    border-bottom: 0!important;
    background-color: #fff!important
}

.m-table--full {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    table-layout: initial
}

.m-table--full.shadow2 {
    box-shadow: 0 0 14px 0 rgba(0,0,0,.03),0 0 10px 0 rgba(0,0,0,.03)
}

.m-table--full thead tr {
    border-bottom: 0!important
}

.m-table--data-top td {
    vertical-align: top
}

.m-table--scroll {
    table-layout: initial;
    overflow: scroll
}

.m-table .label-side {
    display: flex;
    min-width: 300px;
    width: min-content
}

@media screen and (max-width: 768px) {
    .m-table .label-side {
        min-width:154px
    }
}

.m-table.shadow2 {
    box-shadow: 0 0 14px 0 rgba(0,0,0,.03),0 0 10px 0 rgba(0,0,0,.03)
}

.m-table .ico-download {
    position: relative;
    margin-top: 0;
    font-size: 32px;
    padding-right: 10px
}

@media screen and (max-width: 768px) {
    .m-table .ico-download {
        display:none
    }
}

.m-table .file-text {
    display: none
}

@media screen and (max-width: 768px) {
    .m-table .file-text {
        display:block
    }
}

.m-table .wt-400 {
    width: 450px
}

@media screen and (max-width: 1024px) {
    .m-table .wt-400 {
        width:360px
    }
}

.m-table .first-label-side {
    display: flex;
    min-width: 300px;
    width: min-content
}

@media screen and (max-width: 768px) {
    .m-table .first-label-side {
        min-width:100%
    }
}

.m-table .thead-with-icon {
    display: flex;
    min-width: 160px;
    width: min-content
}

@media screen and (max-width: 768px) {
    .m-table .thead-with-icon {
        width:100%
    }
}

.m-table .thead-with-icon i {
    color: #fff;
    padding-right: 4px;
    font-size: 1.6rem;
    margin-top: 4px
}

@media screen and (max-width: 768px) {
    .m-table .thead-with-icon .rotate {
        display:unset
    }
}

.m-table .thead-with-icon .rotate.down {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    height: 17px;
    padding-left: 4px;
    padding-right: unset
}

.m-table .thead-with-icon.small {
    min-width: 111px
}

.m-table .wt-side {
    width: 236px
}

@media screen and (max-width: 768px) {
    .m-table .wt-side {
        width:318px
    }
}

@media screen and (max-width: 1024px) {
    .m-table .wt-side {
        width:300px
    }
}

.m-table .wt-side_small-thead {
    width: 14px;
    padding-left: 0;
    margin-right: 7px
}

.m-table .wt-side_small-body {
    width: 14px;
    padding-left: 18px;
    margin-right: 7px
}

.m-table__th-white {
    width: 100%
}

@media screen and (max-width: 768px) {
    .m-table__th-white {
        width:900px
    }
}

.m-table__th-white thead tr {
    border-bottom: 1px solid #efefef;
    background-color: #fff
}

.m-table__th-white thead tr td {
    padding: 10px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px
}

.m-table__th-white tbody tr {
    border-bottom: 1px solid #efefef
}

.m-table__th-white tbody tr:nth-child(odd) {
    background-color: #efefef
}

.m-table__th-white tbody tr td {
    padding: 10px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px
}

.m-table__th-white tbody tr td p {
    color: #303030
}

.m-table thead tr {
    border-bottom: 1px solid #efefef;
    background-color: #cd9c13
}

.m-table thead tr td {
    padding: 10px;
    padding-top: 20px;
    padding-left: 24px;
    padding-right: 20px;
    color: #fff
}

.m-table thead tr td:first-of-type {
    border-top-left-radius: 12px
}

.m-table thead tr td:last-of-type {
    border-top-right-radius: 12px
}

.m-table tbody tr:nth-child(odd) {
    background-color: #efefef
}

.m-table tbody tr.first-column {
    background-color: #efefef
}

.m-table tbody tr td {
    padding: 10px;
    padding-top: 20px;
    padding-left: 24px;
    padding-right: 20px
}

.m-table tbody tr td p {
    color: #303030
}

.m-table.table-cost {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px
}

.m-table.table-cost.shadow2 {
    box-shadow: 0 8px 10px 0 rgba(0,0,0,.05),0 6px 30px 5px rgba(0,0,0,.05),0 16px 24px 2px rgba(0,0,0,.05)
}

.m-table.table-cost thead tr {
    background-color: #fff
}

.m-table.table-cost thead tr td {
    color: #6c6c6c
}

.m-table.table-cost tbody tr {
    border-bottom: 0
}

.m-table.table-cost tbody tr td p {
    color: #6c6c6c
}

.m-table.table-cost tbody tr:nth-child(odd) {
    background-color: #efefef
}

.m-table.table-vertical-top.shadow2 {
    box-shadow: 0 0 14px 0 rgba(0,0,0,.03),0 0 10px 0 rgba(0,0,0,.03)
}

.m-table.table-vertical-top thead tr td {
    vertical-align: top
}

.m-table.table-vertical-top tbody tr td {
    vertical-align: top
}

.m-table.table-vertical-top tbody tr td p {
    color: #6c6c6c
}

.m-table.table-vertical-top tbody tr td a {
    display: block;
    color: #b88800
}

.m-table.table-vertical-top.with-icon {
    border-top-right-radius: 12px;
    overflow: hidden
}

.m-table.table-vertical-top.with-icon tbody tr td {
    padding-left: 42px
}

.m-table.table-info.shadow2 {
    box-shadow: 0 0 14px 0 rgba(0,0,0,.03),0 0 10px 0 rgba(0,0,0,.03)
}

.m-table.table-info tbody tr:nth-child(odd) {
    background-color: #efefef!important
}

.m-table.table-info tbody tr:nth-child(odd) td:first-child {
    background-color: #efefef!important
}

.m-table.table-info tbody tr:nth-child(even) td:first-child {
    background-color: #fff!important
}

.m-table.table-info tbody tr td p {
    color: #6c6c6c
}

.m-table.table-info tbody tr td a {
    margin-bottom: 10px;
    display: block;
    color: #b88800
}

.m-table.table-pop-up {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    overflow: hidden
}

.m-table.table-pop-up.shadow2 {
    box-shadow: 0 8px 10px 0 rgba(0,0,0,.05),0 6px 30px 5px rgba(0,0,0,.05),0 16px 24px 2px rgba(0,0,0,.05)
}

.m-table.table-pop-up thead tr td {
    font-size: .5rem
}

.m-table.table-pop-up tbody tr:nth-child(odd) {
    background-color: #efefef
}

.m-table.table-pop-up tbody tr td {
    font-size: .5rem
}

.m-table.table-white {
    border-radius: 12px;
    overflow: hidden
}

.m-table.table-white.shadow2 {
    box-shadow: 0 8px 10px 0 rgba(0,0,0,.05),0 6px 30px 5px rgba(0,0,0,.05),0 16px 24px 2px rgba(0,0,0,.05)
}

.m-table.table-white tbody tr {
    border-bottom: none
}

.m-table.table-white tbody tr:nth-child(odd) {
    background-color: #fff
}

.m-table.table-white tbody tr td {
    padding-top: 8px;
    border-right: 1px solid #efefef;
    width: 50%
}

.m-table.table-white_table-white-sk {
    overflow: scroll;
    position: relative
}

@media screen and (max-width: 768px) {
    .m-table.table-white_table-white-sk {
        width:550px
    }
}

.m-table.table-white_table-white-sk tbody tr {
    border-bottom: 1px solid #efefef
}

.m-table.table-white_table-white-sk tbody tr:nth-child(odd) {
    background-color: #fff
}

.m-table.table-white_table-white-sk tbody tr td {
    vertical-align: top;
    padding-top: 24px;
    width: 50%
}

.m-table.table-white_table-white-sk tbody tr td a {
    display: block;
    color: #b88800
}

@media screen and (max-width: 768px) {
    .m-table--obligasi {
        table-layout:auto;
        overflow-x: scroll
    }
}

.m-table--obligasi tbody .checkbox-custom-table {
    position: static;
    width: 100%;
    justify-content: center
}

.m-table--obligasi tbody .checkbox-custom-table .checkbox-custom {
    position: static;
    margin-top: 0
}

.m-table--obligasi thead .sticky-col {
    background-color: #cd9c13;
    z-index: 3
}

.m-table--obligasi tbody tr:nth-child(odd) .sticky-col:nth-child(even) {
    background-color: #efefef;
    z-index: 2
}

.m-table--obligasi tbody tr:nth-child(even) .sticky-col:nth-child(even) {
    background-color: #fff;
    z-index: 2
}

.m-table--obligasi .sticky-col:nth-child(even) {
    left: 76px
}

@media screen and (max-width: 768px) {
    .m-table--obligasi .sticky-col:nth-child(even) {
        left:0;
        width: 164px;
        padding-right: 7px;
        padding-left: 15px
    }
}

@media screen and (max-width: 768px) {
    .m-table--obligasi+.scrolling.m5 {
        margin:-79px 0 0
    }
}

@media screen and (max-width: 768px) {
    .m-table--report {
        border-top-left-radius:0;
        border-top-right-radius: 0;
        width: 100%
    }

    .m-table--report--mt-48 {
        margin-top: 16px
    }
}

.m-table--report .checkbox-custom-table-check {
    float: right;
    display: flex;
    flex-direction: row;
    position: relative;
    bottom: 3.5rem
}

@media screen and (max-width: 768px) {
    .m-table--report-trTable tr {
        height:80px
    }

    .m-table--report-trTable tr td {
        padding: 14px 0 14px 0
    }

    .m-table--report-trTable tr td p {
        font-size: 1.6rem!important
    }

    .m-table--report-trTable tr td.wt-side {
        width: auto
    }

    .m-table--report-trTable tr td:last-of-type {
        position: relative
    }

    .m-table--report-trTable tr td.download-checklis {
        padding-left: 21px!important
    }
}

@media screen and (max-width: 375px) {
    .m-table--report-trTable tr td:last-of-type {
        position:relative;
        left: 0
    }
}

.m-table--report thead tr {
    border-bottom: 0;
    border-top-left-radius: 12px;
    -moz-border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    -moz-border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px
}

@media screen and (max-width: 768px) {
    .m-table--report thead tr td {
        padding-top:0!important;
        padding-right: 2px!important
    }

    .m-table--report thead tr td.custom-thead.wt-side {
        padding-left: 40px!important
    }

    .m-table--report thead tr td.custom-thead.choice {
        padding-left: 14px!important
    }

    .m-table--report thead tr .checkbox-custom-table p {
        color: #fff;
        font-size: 2rem
    }

    .m-table--report thead tr .checkbox-custom-table .checkbox-custom label {
        margin-left: 1.6rem
    }
}

@media screen and (max-width: 360px) {
    .m-table--report thead tr td {
        padding-left:18px!important
    }

    .m-table--report thead tr td.custom-thead.choice {
        padding-left: 2.4rem!important
    }
}

@media screen and (max-width: 411px) {
    .m-table--report thead tr td.custom-thead.choice {
        padding-left:1.2rem!important
    }
}

@media screen and (max-width: 768px) {
    .m-table--report thead tr {
        color:#fff;
        background-color: #cd9c13
    }
}

.m-table--report thead tr td {
    padding: 10px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 9px;
    color: #fff;
    font-size: 1rem
}

.m-table--report thead tr td:first-of-type {
    border-top-left-radius: 12px;
    -moz-border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    -moz-border-bottom-left-radius: 12px
}

.m-table--report thead tr td:last-of-type {
    border-top-right-radius: 12px;
    -moz-border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    -moz-border-bottom-right-radius: 12px
}

.m-table--report thead tr td:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px
}

.m-table--report tbody:before {
    content: "@";
    display: block;
    line-height: 10px;
    text-indent: -99999px
}

.m-table--report tbody tr:nth-child(odd) {
    background-color: #efefef
}

.m-table--report tbody tr:first-child {
    background-color: #efefef
}

.m-table--report tbody tr:first-of-type {
    border-top-left-radius: 12px;
    -moz-border-top-left-radius: 12px
}

.m-table--report tbody tr:last-of-type {
    border-bottom-right-radius: 12px;
    -moz-border-bottom-right-radius: 12px;
    box-shadow: 0 8px 10px 0 rgba(0,0,0,.05),0 6px 30px 5px rgba(0,0,0,.05),0 16px 24px 2px rgba(0,0,0,.05)
}

@media screen and (max-width: 768px) {
    .m-table--report tbody tr:last-of-type {
        box-shadow:0 5px 7px 0 rgba(0,0,0,.05),0 6px 30px 5px rgba(0,0,0,.05),0 16px 24px 2px rgba(0,0,0,.05);
        border-bottom-left-radius: 12px;
        -moz-border-bottom-left-radius: 12px
    }
}

.m-table--report tbody td {
    padding: 10px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px
}

.m-table--report tbody td p {
    color: #000
}

.m-table--report tbody td a {
    display: inline-block;
    color: #b88800
}

.m-table--report tbody td:first-of-type {
    border-top-left-radius: 12px
}

.m-table--report tbody td:last-of-type {
    border-top-right-radius: 12px
}

.m-table--report .mobile-res {
    display: none
}

@media screen and (max-width: 320px) {
    .m-table--report thead tr td {
        width:103px
    }

    .m-table--report thead tr td p {
        position: relative;
        top: 15px;
        font-size: 14px!important
    }

    .m-table--report thead tr td p.custom-top {
        top: 12px!important
    }

    .m-table--report thead tr td:last-of-type {
        bottom: 0;
        width: 86px
    }
}

@media screen and (max-width: 320px) and (max-width:320px) {
    .m-table--report thead tr td:last-of-type {
        width:90px
    }
}

@media screen and (max-width: 320px) {
    .m-table--report thead tr td.custom-thead {
        padding-left:20px
    }

    .m-table--report thead tr td.custom-thead.wt-side {
        padding-left: 0!important
    }
}

@media screen and (max-width: 320px) {
    .m-table--report tbody tr td p {
        font-size:14px!important
    }

    .m-table--report tbody tr td p a {
        font-size: 14px
    }
}

@media screen and (max-width: 360px) {
    .m-table--report thead tr td p.custom-top {
        top:12px!important
    }

    .m-table--report thead tr td.custom-thead {
        padding-left: 20px!important
    }

    .m-table--report thead tr td.custom-thead.wt-side {
        padding-left: 19px!important
    }
}

@media screen and (max-width: 768px) {
    .m-table--report thead tr td p {
        position:relative;
        top: 10px
    }

    .m-table--report tbody tr:first-of-type {
        border-top-right-radius: 1.2rem
    }

    .m-table--report tbody tr td:nth-child(2) {
        height: 0
    }

    .m-table--report tbody tr td a {
        float: left
    }

    .m-table--report tbody tr td .first-label-side {
        display: flex;
        flex-flow: column
    }

    .m-table--report tbody tr td .first-label-side p {
        padding-left: 0
    }

    .m-table--report tbody tr td .first-label-side p:first-of-type {
        flex: 0 0 9.5rem
    }

    .m-table--report tbody tr td .first-label-side p.link-file-download {
        padding-top: 16px
    }

    .m-table--report tbody tr td .first-label-side p:last-of-type {
        color: #6c6c6c
    }

    .m-table--report tbody tr td .first-label {
        display: flex;
        position: relative;
        bottom: 60px
    }
}

@media screen and (max-width: 768px) and (max-width:320px) {
    .m-table--report tbody tr td .first-label {
        position:relative;
        bottom: 53px;
        width: 100px
    }
}

@media screen and (max-width: 768px) {
    .m-table--report tbody tr td .first-label p {
        padding-left:0
    }
}

@media screen and (max-width: 768px) {
    .m-table--report tbody tr .checkbox-custom label {
        margin-left:.8rem;
        margin-right: 1rem
    }

    .m-table--report tbody tr .checkbox-custom .mobile-res {
        display: none;
        font-size: 1.2rem;
        display: inline
    }
}

@media screen and (max-width: 768px) {
    .m-table--filter {
        position:absolute
    }

    .m-table--filter .m-filter__wrapper {
        padding: 0!important
    }

    .m-table--filter .m-filter__action {
        position: absolute;
        bottom: -30px;
        margin-left: -1rem;
        padding-left: 0
    }
}

.m-table table tr:first-of-type td {
    padding-top: 0
}

.m-table--div {
    table-layout: fixed;
    margin-bottom: 2.4rem
}

.m-table--div .m-table__head {
    display: table-row-group;
    border-bottom: 1px solid #efefef;
    background-color: #cd9c13;
    color: #fff
}

.m-table--div .m-table__body {
    display: table-row-group
}

.m-table--div .m-table__body .m-table__row {
    background-color: #fff
}

.m-table--div .m-table__body .m-table__row:nth-of-type(2n+1) {
    background-color: #efefef
}

.m-table--div .m-table__body a {
    color: #b88800
}

.m-table--div .m-table__body-cost {
    display: table-row-group
}

.m-table--div .m-table__body-cost .m-table__row {
    background-color: #efefef
}

.m-table--div .m-table__body-cost .m-table__row:nth-child(2n+1) {
    background-color: #fff
}

.m-table--div .m-table__body-cost .m-table__col {
    width: 50%
}

@media screen and (max-width: 1024px) {
    .m-table--div .m-table__body-cost .m-table__col {
        width:100%
    }
}

.m-table--div .m-table__pre {
    white-space: pre
}

.m-table--div .m-table__row {
    display: table;
    width: 100%
}

.m-table--div .m-table__col {
    display: table-cell;
    padding: 20px 20px 10px
}

.m-table--div .m-table__col ::-webkit-scrollbar {
    display: none
}

.m-table--div .m-table__col .m-table {
    border-radius: 0;
    background-color: transparent
}

.m-table--div .m-table__col .m-table__row {
    background-color: transparent
}

.m-table--div .m-table__col .m-table__row:nth-child(2n+1) {
    background-color: transparent
}

.m-table--div .m-table__col .m-table__col {
    padding-top: 0;
    padding-bottom: 0
}

.m-table--div .m-table__col .m-table__col:first-child {
    padding-left: 0
}

.m-table--div .m-table__col .m-table__col:nth-child {
    padding-right: 0
}

.m-table--information .m-table__body>.m-table__row>.m-table__col:first-child,.m-table--information .m-table__head>.m-table__row>.m-table__col:first-child {
    width: 80px
}

.m-table--information .m-table__body>.m-table__row>.m-table__col>.m-table>.m-table__row>.m-table__col:first-child {
    width: 51rem
}

@media screen and (max-width: 1024px) {
    .m-table--information .m-table__body>.m-table__row>.m-table__col>.m-table>.m-table__row>.m-table__col:first-child {
        width:100%
    }
}

@media screen and (max-width: 1024px) {
    .m-table--information .m-table__col .m-table__col {
        padding-left:0;
        padding-right: 0;
        display: block
    }

    .m-table--information .m-table__col .m-table__col a {
        display: inline-block;
        padding-bottom: 1.6rem
    }
}

@media screen and (max-width: 1024px) {
    .m-table--information .m-table__col .m-table__pre a {
        padding-top:2.4rem
    }
}

@media screen and (max-width: 1024px) {
    .m-table--wrapper-sidescroll {
        overflow:auto;
        margin: 0 -2.4rem;
        padding: 0 2.4rem
    }

    .m-table--wrapper-sidescroll .row {
        display: flex
    }

    .m-table--wrapper-sidescroll .input-form {
        padding-right: 2.4rem
    }

    .m-table--wrapper-sidescroll .m-table {
        display: block;
        width: 104%
    }
}

.m-table.backdrop-active {
    position: relative;
    z-index: 1020
}

.m-table.backdrop-active .a-dropdown-trigger,.m-table.backdrop-active p.hero-text {
    position: relative;
    z-index: 1020
}

.m-table.backdrop-active .a-dropdown-content {
    z-index: 1020
}

table.m-table-download {
    background-color: #fff;
    width: 100%;
    overflow-x: scroll;
    visibility: visible;
    border-collapse: separate;
    border-spacing: 0 1px;
    overflow: hidden;
    border-radius: 12px
}

table.m-table-download thead {
    border-radius: 12px
}

table.m-table-download .first-label {
    display: flex
}

table.m-table-download .ico-download {
    position: relative;
    margin-top: 0;
    font-size: 32px;
    padding-right: 10px
}

@media screen and (max-width: 768px) {
    table.m-table-download .ico-download {
        display:none
    }
}

table.m-table-download .file-text {
    display: none
}

@media screen and (max-width: 768px) {
    table.m-table-download .file-text {
        display:block
    }
}

table.m-table-download .wt-400 {
    width: 450px
}

@media screen and (max-width: 1024px) {
    table.m-table-download .wt-400 {
        width:360px
    }
}

table.m-table-download .first-label-side {
    display: flex;
    min-width: 345px;
    width: min-content
}

@media screen and (max-width: 768px) {
    table.m-table-download .first-label-side {
        min-width:100%
    }
}

table.m-table-download thead tr {
    border-bottom: 1px solid #efefef;
    background-color: #cd9c13
}

table.m-table-download thead tr td {
    padding: 10px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    color: #fff
}

table.m-table-download tbody tr {
    border: 1px solid #efefef
}

table.m-table-download tbody tr:nth-child(odd) {
    background-color: #efefef
}

table.m-table-download tbody tr td {
    padding: 10px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px
}

table.m-table-download tbody tr td p {
    color: #000
}

table.m-table-download--report {
    display: none
}

@media screen and (max-width: 768px) {
    table.m-table-download--report {
        width:100%
    }
}

table.m-table-download--report thead tr {
    border-bottom: 0;
    border-top-left-radius: 12px;
    -moz-border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    -moz-border-top-righ-radius: 12px
}

@media screen and (max-width: 768px) {
    table.m-table-download--report thead tr {
        display:none
    }
}

table.m-table-download--report thead tr td {
    padding: 10px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    color: #fff;
    font-size: 1rem;
    margin-bottom: 24px
}

table.m-table-download--report thead tr td:first-of-type {
    border-top-left-radius: 12px;
    -moz-border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    -moz-border-bottom-left-radius: 12px
}

table.m-table-download--report thead tr td:last-of-type {
    border-top-right-radius: 12px;
    -moz-border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    -moz-border-bottom-right-radius: 12px
}

table.m-table-download--report thead tr td:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px
}

table.m-table-download--report tbody:before {
    content: "@";
    display: block;
    line-height: 24px;
    text-indent: -99999px
}

@media screen and (max-width: 768px) {
    table.m-table-download--report tbody:before {
        display:none
    }
}

table.m-table-download--report tbody tr {
    border: 1px solid #efefef
}

@media screen and (max-width: 768px) {
    table.m-table-download--report tbody tr {
        display:block
    }
}

table.m-table-download--report tbody tr:nth-child(odd) {
    background-color: #efefef
}

table.m-table-download--report tbody tr:first-child {
    background-color: #efefef
}

table.m-table-download--report tbody tr:first-of-type {
    border-top-left-radius: 12px;
    -moz-border-top-left-radius: 12px
}

table.m-table-download--report tbody tr:last-of-type {
    border-bottom-right-radius: 12px;
    -moz-border-bottom-right-radius: 12px;
    box-shadow: 0 8px 10px 0 rgba(0,0,0,.05),0 6px 30px 5px rgba(0,0,0,.05),0 16px 24px 2px rgba(0,0,0,.05)
}

table.m-table-download--report tbody td {
    padding: 10px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px
}

table.m-table-download--report tbody td p {
    color: #000
}

table.m-table-download--report tbody td a {
    display: block;
    color: #b88800
}

table.m-table-download--report tbody td:first-of-type {
    border-top-left-radius: 12px;
    border-bottom-right-radius: 12px
}

table.m-table-download--report tbody td:last-of-type {
    border-top-right-radius: 12px
}

@media screen and (max-width: 768px) {
    table.m-table-download--report tbody td {
        display:block
    }
}

@media screen and (max-width: 768px) {
    table.m-table-download--report tbody tr:first-of-type {
        border-bottom-left-radius:none!important
    }
}

@media screen and (max-width: 768px) {
    table.responsive {
        margin-bottom:0
    }

    .pinned {
        position: absolute;
        left: 0;
        top: 0;
        background: #fff;
        width: 35%;
        overflow: hidden;
        overflow-x: scroll;
        overflow-wrap: break-word;
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
        word-break: break-all
    }

    .pinned table {
        border-right: none;
        border-left: none;
        width: 100%;
        word-break: break-all
    }

    .pinned table td,.pinned table th {
        white-space: nowrap;
        word-wrap: break-word
    }

    .pinned table td p,.pinned table th p {
        word-break: break-all
    }

    .pinned td:last-child {
        border-bottom: 0
    }

    div.table-wrapper {
        position: relative;
        margin-bottom: 20px;
        overflow: hidden;
        border-right: 1px solid #ccc
    }

    div.table-wrapper div.scrollable {
        margin-left: 25%;
        padding-left: 25px
    }

    div.table-wrapper div.scrollable {
        overflow: scroll;
        overflow-y: hidden
    }

    table.responsive td,table.responsive th {
        position: relative;
        white-space: nowrap;
        overflow: hidden
    }

    table.responsive td:first-child,table.responsive th:first-child,table.responsive.pinned td {
        display: none
    }
}

.m-table-kurs {
    border-collapse: collapse;
    width: auto;
    overflow-x: scroll;
    visibility: visible
}

.m-table-kurs .pinned {
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    width: 35%;
    overflow: hidden;
    overflow-x: scroll
}

.m-table-kurs--pad {
    width: 100%
}

.m-table-kurs thead {
    text-align: center
}

.m-table-kurs thead tr:first-child th:first-child {
    width: 60px;
    border-left: none;
    text-align: center;
    color: #fff;
    background-color: #cd9c13
}

.m-table-kurs thead tr:first-child th:first-child::before {
    background-color: #cd9c13;
    bottom: 0
}

.m-table-kurs thead tr:first-child th {
    text-align: center;
    color: #fff;
    background-color: #cd9c13
}

.m-table-kurs thead tr:first-child th:last-of-type {
    border-right: 0
}

.m-table-kurs thead tr:nth-child(2) {
    width: 100px
}

.m-table-kurs thead tr:nth-child(2) td:last-of-type {
    border-right: none
}

.m-table-kurs thead tr:last-of-type {
    border-right: none
}

.m-table-kurs thead .header {
    background-color: #cd9c13;
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important
}

.m-table-kurs thead .header--fixed p {
    color: #fff
}

.m-table-kurs tbody tr {
    text-align: center
}

.m-table-kurs tbody tr:nth-child(even) {
    background-color: #efefef
}

.m-table-kurs tbody tr .stripe-kurs:nth-child(even) {
    background-color: #efefef!important;
    box-shadow: inset -7px 0 9px -7px rgba(0,0,0,.4)
}

@media screen and (max-width: ) {
    .m-table-kurs tbody tr .stripe-kurs:nth-child(even) {
        background-color:#efefef!important;
        box-shadow: inset -7px 0 9px -7px rgba(0,0,0,.4)
    }
}

.m-table-kurs tbody tr td:first-of-type {
    border-right: 1px solid rgba(176,176,176,.35);
    color: #000
}

.m-table-kurs tbody tr td:last-of-type {
    border-right: none
}

.m-table--sticky-first-coloumn {
    margin: 0 24px 24px 0
}

.m-table--sticky-first-coloumn tbody tr:nth-child(even) .first-col,.m-table--sticky-first-coloumn thead tr:nth-child(even) .first-col {
    background-color: #efefef
}

.m-table--sticky-first-coloumn tbody tr .first-col,.m-table--sticky-first-coloumn thead tr .first-col {
    border: 0
}

.m-table--sticky-first-coloumn tbody tr .first-col:after,.m-table--sticky-first-coloumn thead tr .first-col:after {
    content: "";
    position: absolute;
    width: 1px;
    background-color: rgba(176,176,176,.35);
    height: 100%;
    top: 0;
    right: 0
}

.m-table--sticky-first-coloumn thead th {
    border-right: 1px solid rgba(176,176,176,.35)
}

.m-table--sticky-first-coloumn thead th:first-of-type {
    border-bottom: 1px solid rgba(176,176,176,.35)
}

.m-table--sticky-first-coloumn thead th:first-of-type:before {
    content: "";
    position: absolute;
    height: 100%;
    bottom: -1px;
    left: 0;
    background-color: #fff
}

.m-table--sticky-first-coloumn thead td {
    border-bottom: 1px solid rgba(176,176,176,.35)
}

.m-table--sticky-first-coloumn thead td:nth-child(2n) {
    border-right: 1px solid #7c7c7c
}

.m-table--sticky-first-coloumn tbody td:nth-child(2n+3) {
    border-right: 1px solid rgba(176,176,176,.35)
}

.page-merchant-list .m-table thead th {
    height: 0
}

.page-merchant-list .table-visible-scrollbar>div {
    overflow: overlay
}

.page-merchant-list .table-visible-scrollbar div::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 1rem;
    height: 10px;
    background-color: transparent!important
}

.page-merchant-list .table-visible-scrollbar div::-webkit-scrollbar-track {
    background-color: rgba(153,153,153,.3)!important
}

.page-merchant-list .table-visible-scrollbar div::-webkit-scrollbar-thumb {
    background-color: #9999!important;
    border-radius: 12px;
    margin: 5px
}

@media screen and (max-width: 768px) {
    .mobile-hide {
        display:none
    }
}

.m-submit-share_download {
    display: table-cell;
    vertical-align: middle
}

.m-submit-share_download a:nth-child(2) {
    margin-left: 10px
}

@media screen and (max-width: 768px) {
    .m-submit-share_download {
        display:block
    }

    .m-submit-share_download a:nth-child(2) {
        margin-top: 2.4rem;
        margin-left: 2px
    }
}

.m-submit-share_share {
    padding-left: 20px;
    display: table-cell
}

@media screen and (max-width: 768px) {
    .m-submit-share_share {
        padding-left:0;
        display: block;
        margin-top: 4rem
    }
}

.m-panel {
    box-shadow: 0 0 14px 0 rgba(0,0,0,.03),0 0 10px 0 rgba(0,0,0,.03);
    border-radius: 20px
}

.m-panel-header {
    padding: 1.5rem;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background-color: #d8d8d8
}

.m-panel-header .title-text {
    font-size: 1.5rem
}

.m-panel-header .subtitle-text {
    font-size: .875rem
}

.primary .m-panel-header {
    background-color: #cd9c13;
    color: #fff;
    height: auto
}

.m-panel-body {
    padding: 1.5rem;
    background-color: #fff;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px
}

.m-panel-body-action {
    margin-top: 10px
}

.m-panel-body-action a {
    color: #cd9c13;
    text-decoration: underline;
    font-size: 1.4rem
}

.m-info-icon-desc {
    position: relative
}

.m-info-icon-desc i {
    font-size: 2.4rem
}

.m-info-icon-desc .title {
    margin-top: 20px;
    font-size: 1.6rem;
    color: #7c7c7c
}

.m-info-icon-desc .value {
    font-size: 1.5rem
}

.m-info-icon-desc:not(:last-child):after {
    position: absolute;
    content: " ";
    top: 0;
    bottom: 0;
    right: 0;
    width: 1px;
    background: #d8d8d8
}

.m-info-icon-result {
    position: relative;
    margin-bottom: 32px
}

@media screen and (max-width: 768px) {
    .m-info-icon-result {
        margin-top:24px
    }
}

.m-info-icon-result i {
    font-size: 3rem
}

.m-info-icon-result .title {
    margin-top: 20px;
    font-size: 1.6rem;
    color: #303030
}

.m-info-icon-result .value {
    font-size: 2.4rem;
    color: #6c6c6c
}

.m-info-icon-result:not(:last-child):after {
    position: absolute;
    content: " ";
    top: 0;
    bottom: 0;
    right: 0;
    width: 1px;
    background: #d8d8d8
}

.select-box {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
    font-size: 1.8rem;
    color: #60666d
}

@media screen and (max-width: 1024px) {
    .select-box {
        width:50%;
        font-size: 1.4rem
    }
}

@media screen and (max-width: 768px) {
    .select-box {
        width:30%;
        font-size: 1.1rem
    }
}

.select-box__current {
    position: relative;
    box-shadow: 0 15px 30px -10px rgba(0,0,0,.1);
    cursor: pointer;
    outline: 0
}

.select-box__current:focus+.select-box__list {
    opacity: 1;
    animation-name: none
}

.select-box__current:focus+.select-box__list .select-box__option {
    cursor: pointer
}

.select-box__current:focus .select-box__icon {
    transform: translateY(-50%) rotate(180deg)
}

.select-box__icon {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    width: 20px;
    opacity: .3;
    transition: .2s ease
}

.select-box__value {
    display: flex
}

.select-box__input {
    display: none
}

.select-box__input:checked+.select-box__input-text {
    display: block
}

.select-box__input-text {
    display: none;
    width: 100%;
    margin: 0;
    padding: 15px;
    background-color: transparent;
    border-bottom: 1px solid #60666d;
    color: #fff
}

.select-box__list {
    position: absolute;
    width: 100%;
    padding: 0;
    list-style: none;
    opacity: 0;
    animation-name: HideList;
    animation-duration: .5s;
    animation-delay: .5s;
    animation-fill-mode: forwards;
    animation-timing-function: step-start;
    box-shadow: 0 15px 30px -10px rgba(0,0,0,.1)
}

.select-box__option {
    display: block;
    padding: 15px;
    background-color: #fff
}

.select-box__option:focus,.select-box__option:hover {
    color: #546c84;
    background-color: #fbfbfb
}

@keyframes HideList {
    from {
        transform: scaleY(1)
    }

    to {
        transform: scaleY(0)
    }
}

.lightbox {
    background: #fff;
    border: 1px solid #f5f5f5;
    border-radius: 12px;
    opacity: 0;
    padding: 20px;
    visibility: hidden;
    width: 100%;
    box-shadow: 0 0 4px rgba(0,0,0,.5);
    position: absolute;
    top: 2rem;
    left: 0;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease
}

.lightbox__close {
    color: #000;
    display: block;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    text-decoration: none;
    width: 3rem;
    font-size: 1.5rem;
    position: absolute;
    top: 0;
    right: .8rem
}

.lightbox:target {
    opacity: 1;
    visibility: visible
}

.modal-box--header .lightbox__close {
    top: 5.6rem;
    right: 0
}

@media screen and (max-width: 768px) {
    .modal-box--header .lightbox__close {
        top:5.5rem;
        right: 18px
    }
}

.modal-box--custom-layout {
    background: url(/img/others/bg-card-activity.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh
}

@media screen and (max-width: 768px) {
    .modal-box--custom-layout .modal-box--header.with-logo {
        margin-top:48px!important
    }
}

.modal-box--custom-layout .row .layanan-cc {
    width: 264px;
    border-right: 1px solid #cfd2d4;
    margin-right: 23px
}

.modal-box--custom-layout .row .layanan-cc .value {
    color: #6c6c6c
}

@media screen and (max-width: 768px) {
    .modal-box--custom-layout .row .layanan-cc {
        width:180px
    }
}

.modal-box--with-header {
    background: #fff
}

.modal-box--with-header .modal-box--header {
    background-color: #efefef
}

@media screen and (max-width: 768px) {
    .modal-box--with-header .modal-box--header .with-logo {
        margin-top:48px!important
    }
}

.modal-box--with-header .modal-box--header-white {
    background-color: #fff
}

.modal-box--custom-ilustrate {
    background: url(/img/others/bg-ilustrate-benefit.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh
}

.modal-box--custom-timeline {
    background: url(/img/others/bg-timeline.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh
}

.modal-box--is-visible {
    visibility: visible;
    display: block;
    background: rgba(0,0,0,.5)
}

.modal-box .modal-dialog {
    margin: 0;
    height: auto
}

.modal-box .modal-content {
    border: 0;
    background-clip: padding-box
}

.popup {
    display: none;
    position: fixed;
    z-index: 1001
}

.popup-show {
    display: block
}

.popup__wrapper {
    position: relative
}

.popup--disclaimer,.popup--empty-state {
    padding: 2rem 0;
    color: #fff;
    position: relative;
    background-color: rgba(48,48,48,.48)
}

.popup--disclaimer .popup-close,.popup--empty-state .popup-close {
    position: absolute;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url(/img/icons/close.png);
    background-size: cover;
    right: 0;
    top: 50%;
    margin-top: -1.2rem
}

.popup--disclaimer .popup__content,.popup--empty-state .popup__content {
    padding-right: 3.2rem
}

.popup--disclaimer .popup__content p,.popup--empty-state .popup__content p {
    margin-bottom: 0
}

@media screen and (max-width: 768px) {
    .popup--disclaimer .popup__content p,.popup--empty-state .popup__content p {
        font-size:1.4rem
    }
}

.popup--disclaimer .popup__content a,.popup--empty-state .popup__content a {
    text-decoration: underline;
    color: #fff;
    font-size: 1.4rem;
    padding-left: 3px
}

.popup--disclaimer {
    top: 0;
    position: absolute;
    width: 100%;
    padding-right: 8rem
}

@media screen and (max-width: 768px) {
    .popup--disclaimer {
        padding-right:0
    }

    .popup--disclaimer .popup__wrapper {
        padding-right: 0
    }
}

@media screen and (max-width: 320px) {
    .popup--disclaimer .popup__content a,.popup--disclaimer .popup__content p {
        font-size:1.2rem
    }
}

@media screen and (max-width: 768px) {
    .popup--disclaimer .popup-close {
        right:0
    }
}

.popup--empty-state .popup-close {
    background-image: url(/img/icons/close.svg)
}

.popup--outdate {
    padding: 2rem 0;
    color: #fff;
    position: relative;
    background-color: rgba(48,48,48,.48)
}

.popup--outdate .popup-close {
    position: absolute;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url(/img/icons/close.png);
    background-size: cover;
    right: 0;
    top: 50%;
    margin-top: -1.2rem
}

.popup--outdate .popup__content {
    padding-right: 3.2rem
}

.popup--outdate .popup__content p {
    margin-bottom: 0
}

@media screen and (max-width: 768px) {
    .popup--outdate .popup__content p {
        font-size:1.4rem
    }
}

.popup--outdate .popup__content a {
    text-decoration: underline;
    color: #fff;
    font-size: 1.4rem;
    padding-left: 3px
}

.popup--social-media {
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    background-color: rgba(0,0,0,.48);
    transition: opacity .2s ease;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.popup--social-media.active {
    opacity: 1;
    z-index: 3;
    visibility: visible;
    z-index: 2010
}

.popup--social-media .popup-wrapper {
    background-color: #fff;
    max-width: 600px;
    width: 100%;
    border-radius: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    box-shadow: 0 4px 5px 0 rgba(0,0,0,.05),0 3px 14px 3px rgba(0,0,0,.05),0 8px 10px 1px rgba(0,0,0,.05)
}

@media screen and (max-width: 375px) {
    .popup--social-media .popup-wrapper {
        width:90%
    }
}

.popup--social-media .popup-wrapper .popup-content {
    position: relative;
    padding: 9.6rem 4.8rem 4rem
}

@media screen and (max-width: 375px) {
    .popup--social-media .popup-wrapper .popup-content {
        padding:24px
    }
}

.popup--social-media .popup-wrapper .popup-close {
    position: absolute;
    top: 32px;
    right: 32px;
    font-size: 2.4rem;
    width: 24px;
    height: 24px;
    cursor: pointer
}

.popup--social-media .popup-wrapper .popup-close i {
    color: #7c7c7c
}

.popup--social-media .popup-wrapper .title {
    font-size: 3.2rem;
    line-height: 4rem
}

.popup--social-media .popup-wrapper .text {
    font-size: 16px;
    line-height: 1.5;
    color: #6c6c6c;
    margin-bottom: 8rem
}

@media screen and (max-width: 375px) {
    .popup--social-media .popup-wrapper .text {
        margin-bottom:2.4rem
    }
}

.popup--social-media .popup-wrapper .a-button {
    max-width: 240px;
    width: 100%;
    min-width: unset;
    margin-right: 1.2rem
}

.popup--social-media .popup-wrapper .a-button:last-child {
    margin-right: 0
}

@media screen and (max-width: 375px) {
    .popup--social-media .popup-wrapper .a-button {
        display:block;
        width: 100%;
        margin-bottom: 1.6rem;
        margin-right: 0;
        max-width: unset
    }

    .popup--social-media .popup-wrapper .a-button:last-child {
        margin-bottom: 0
    }
}

@media screen and (max-width: 768px) {
    .popup-disclaimer-show .o-header_wrapper {
        padding-top:8rem
    }
}

@media screen and (max-width: 320px) {
    .popup-disclaimer-show .o-header_wrapper {
        padding-top:0
    }
}

.popup-disclaimer-show .popup--disclaimer {
    display: block
}

@media screen and (max-width: 768px) {
    .popup-disclaimer-show .o-header_content_home {
        padding-top:10.5rem
    }
}

.popup--empty-state.show-popup.is-active {
    display: block
}

@media screen and (max-width: 768px) {
    .popup-outdate-show .o-header_wrapper {
        padding-top:8rem
    }
}

@media screen and (max-width: 320px) {
    .popup-outdate-show .o-header_wrapper {
        padding-top:14rem
    }
}

.popup-outdate-show .popup--outdate {
    display: block
}

@media screen and (max-width: 768px) {
    .partner-logo {
        padding:10px 0
    }
}

.smartbar-expand .popup--disclaimer .popup__wrapper {
    padding-right: 15rem
}

@media screen and (max-width: 768px) {
    .smartbar-expand .popup--disclaimer .popup__wrapper {
        padding-right:0
    }
}

.smartbar-expand .popup--disclaimer .popup-close {
    right: 15rem
}

@media screen and (max-width: 768px) {
    .smartbar-expand .popup--disclaimer .popup-close {
        right:0
    }
}

.select-custom-kurs {
    cursor: pointer;
    display: inline-block;
    position: relative;
    font-size: 1.6rem;
    width: 220px;
    height: 40px;
    color: #000
}

.select-custom-kurs--hidden {
    display: none;
    visibility: hidden;
    padding-right: 10px
}

.select-custom-kurs--styled {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #60666d;
    padding: 8px 15px;
    transition: all .2s ease-in
}

.select-custom-kurs--styled:after {
    content: "";
    width: 0;
    height: 0;
    border: 7px solid transparent;
    position: absolute;
    top: 16px;
    right: 10px
}

.select-custom-kurs--styled:hover {
    background-color: #546c84
}

.select-custom-kurs--styled.active,.select-custom-kurs--styled:active {
    background-color: #60666d
}

.select-custom-kurs--styled.active:after,.select-custom-kurs--styled:active:after {
    top: 9px;
    border-color: transparent transparent #fff transparent
}

.select-custom-kurs--options {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #4a5f74
}

.select-custom-kurs--options li {
    margin: 0;
    padding: 12px 0;
    text-indent: 15px;
    border-top: 1px solid #60666d;
    transition: all .15s ease-in
}

.select-custom-kurs--options li:hover {
    color: #60666d;
    background: #fff
}

.select-custom-kurs--options li[rel=hide] {
    display: none
}

.m-highlight--left {
    width: 60%;
    padding-top: 110px;
    padding-bottom: 110px;
    padding-right: 40px
}

@media screen and (max-width: 768px) {
    .m-highlight--left {
        width:100%;
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 0
    }
}

.m-highlight-content .a-dropdown {
    width: 100%
}

.m-highlight-content .a-dropdown-trigger {
    border-color: #fff;
    border-width: 1px;
    width: 100%;
    padding-bottom: 3px
}

.m-highlight-content .a-dropdown-value {
    width: 100%;
    font-size: 1.4rem;
    color: #fff;
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    margin-top: 0;
    margin-bottom: 0
}

.m-highlight-content .a-dropdown-arrow {
    font-size: 1.4rem
}

.m-highlight-content .a-dropdown .mavin-icon {
    color: #fff
}

.m-highlight-content .a-dropdown li a {
    font-size: 1.4rem;
    line-height: 2
}

.m-slider-banner {
    position: relative
}

.m-slider-banner.m-banner-carousel .owl-item.active.m-item-highlight-container-right img {
    animation: slideDevice .5s backwards;
    animation-iteration-count: 1
}

.m-slider-banner.m-banner-carousel .owl-item.active .m-slider-banner--device>* {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    opacity: 1
}

.m-slider-banner.m-banner-carousel .owl-item.active .m-slider-banner--device {
    opacity: 1
}

.m-slider-banner.m-banner-carousel .owl-stage-outer {
    height: 590px
}

.m-slider-banner.m-banner-carousel .owl-nav-container button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 50%;
    width: 36px;
    height: 36px
}

.m-slider-banner.m-banner-carousel .owl-nav-container button.owl-next,.m-slider-banner.m-banner-carousel .owl-nav-container button.owl-prev {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    position: static;
    background-color: #b88800;
    -webkit-transition: background-color .2s ease;
    -moz-transition: background-color .2s ease;
    -o-transition: background-color .2s ease;
    transition: background-color .2s ease
}

.m-slider-banner.m-banner-carousel .owl-nav-container button.owl-next:focus,.m-slider-banner.m-banner-carousel .owl-nav-container button.owl-next:hover,.m-slider-banner.m-banner-carousel .owl-nav-container button.owl-prev:focus,.m-slider-banner.m-banner-carousel .owl-nav-container button.owl-prev:hover {
    background-color: #cd9c13
}

.m-slider-banner.m-banner-carousel .owl-nav-container button.owl-next {
    margin-left: 16px
}

@media screen and (max-width: 768px) {
    .m-slider-banner.m-banner-carousel .owl-nav-container button.owl-next {
        margin-left:8px
    }
}

.m-slider-banner.m-banner-carousel .owl-item.active img {
    animation: slideDevice 1s backwards;
    animation-iteration-count: 1
}

.m-slider-banner-wrapper {
    position: relative
}

@media screen and (max-width: 1024px) {
    .m-slider-banner-wrapper {
        width:100%;
        max-width: 80vw;
        margin: 0 auto
    }
}

@media screen and (max-width: 768px) {
    .m-slider-banner-wrapper {
        width:calc(100% - 30px);
        max-width: fit-content
    }
}

.m-slider-banner_content {
    position: absolute;
    color: #fff;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1
}

.m-slider-banner_content .a-text.a-text-paragraph {
    font-size: 1.2rem
}

@media screen and (max-width: 768px) {
    .m-slider-banner_content .a-text.a-text-title {
        font-size:2.4rem
    }
}

.m-slider-banner_content>:first-child {
    opacity: 0;
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    -ms-transform: translateY(8px);
    -o-transform: translateY(8px);
    transform: translateY(8px);
    -webkit-transition: opacity .6s ease .25s transform .6s ease .25s;
    -moz-transition: opacity .6s ease .25s transform .6s ease .25s;
    -o-transition: opacity .6s ease .25s transform .6s ease .25s;
    transition: opacity .6s ease .25s transform .6s ease .25s
}

.m-slider-banner_content>:first-child+* {
    opacity: 0;
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    -ms-transform: translateY(8px);
    -o-transform: translateY(8px);
    transform: translateY(8px);
    -webkit-transition: opacity .6s ease .35s,transform .6s ease .35s;
    -moz-transition: opacity .6s ease .35s,transform .6s ease .35s;
    -o-transition: opacity .6s ease .35s,transform .6s ease .35s;
    transition: opacity .6s ease .35s,transform .6s ease .35s
}

.m-slider-banner_image {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    vertical-align: middle;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: scale(1.16);
    -moz-transform: scale(1.16);
    -ms-transform: scale(1.16);
    -o-transform: scale(1.16);
    transform: scale(1.16);
    opacity: 0;
    -webkit-transition: opacity .6s ease,transform .6s ease;
    -moz-transition: opacity .6s ease,transform .6s ease;
    -o-transition: opacity .6s ease,transform .6s ease;
    transition: opacity .6s ease,transform .6s ease
}

.m-slider-banner_image-wrapper {
    font-size: 0
}

.m-carousel-banner {
    position: relative
}

.m-carousel-banner.m-slides-carousel .owl-item.active.m-item-highlight-container-right img {
    animation: slideDevice .5s backwards;
    animation-iteration-count: 1
}

.m-carousel-banner.m-slides-carousel .owl-item.active .m-slider-banner--device>* {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    opacity: 1
}

.m-carousel-banner.m-slides-carousel .owl-item.active .m-slider-banner--device {
    opacity: 1
}

.m-carousel-banner.m-slides-carousel .owl-stage-outer {
    height: 730px
}

.m-carousel-banner.m-slides-carousel .owl-nav-container button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 50%;
    width: 36px;
    height: 36px
}

.m-carousel-banner.m-slides-carousel .owl-nav-container button.owl-next,.m-carousel-banner.m-slides-carousel .owl-nav-container button.owl-prev {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    position: static;
    background-color: #b88800;
    -webkit-transition: background-color .2s ease;
    -moz-transition: background-color .2s ease;
    -o-transition: background-color .2s ease;
    transition: background-color .2s ease
}

.m-carousel-banner.m-slides-carousel .owl-nav-container button.owl-next:focus,.m-carousel-banner.m-slides-carousel .owl-nav-container button.owl-next:hover,.m-carousel-banner.m-slides-carousel .owl-nav-container button.owl-prev:focus,.m-carousel-banner.m-slides-carousel .owl-nav-container button.owl-prev:hover {
    background-color: #cd9c13
}

.m-carousel-banner.m-slides-carousel .owl-nav-container button.owl-next {
    margin-left: 16px
}

@media screen and (max-width: 768px) {
    .m-carousel-banner.m-slides-carousel .owl-nav-container button.owl-next {
        margin-left:8px
    }
}

.m-carousel-banner.m-slides-carousel .owl-item.active img {
    animation: slideDevice 1s backwards;
    animation-iteration-count: 1
}

.m-carousel-banner-wrapper {
    position: relative
}

@media screen and (max-width: 1024px) {
    .m-carousel-banner-wrapper {
        width:100%;
        max-width: 80vw;
        margin: 0 auto
    }
}

@media screen and (max-width: 768px) {
    .m-carousel-banner-wrapper {
        width:calc(100% - 30px);
        max-width: fit-content
    }
}

.m-carousel-banner_content {
    position: absolute;
    color: #fff;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1
}

.m-carousel-banner_content .a-text.a-text-paragraph {
    font-size: 1.2rem
}

@media screen and (max-width: 768px) {
    .m-carousel-banner_content .a-text.a-text-title {
        font-size:2.4rem
    }
}

.m-carousel-banner_content>:first-child {
    opacity: 0;
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    -ms-transform: translateY(8px);
    -o-transform: translateY(8px);
    transform: translateY(8px);
    -webkit-transition: opacity .6s ease .25s transform .6s ease .25s;
    -moz-transition: opacity .6s ease .25s transform .6s ease .25s;
    -o-transition: opacity .6s ease .25s transform .6s ease .25s;
    transition: opacity .6s ease .25s transform .6s ease .25s
}

.m-carousel-banner_content>:first-child+* {
    opacity: 0;
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    -ms-transform: translateY(8px);
    -o-transform: translateY(8px);
    transform: translateY(8px);
    -webkit-transition: opacity .6s ease .35s,transform .6s ease .35s;
    -moz-transition: opacity .6s ease .35s,transform .6s ease .35s;
    -o-transition: opacity .6s ease .35s,transform .6s ease .35s;
    transition: opacity .6s ease .35s,transform .6s ease .35s
}

.m-carousel-banner_image {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    vertical-align: middle;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: scale(1.16);
    -moz-transform: scale(1.16);
    -ms-transform: scale(1.16);
    -o-transform: scale(1.16);
    transform: scale(1.16);
    opacity: 0;
    -webkit-transition: opacity .6s ease,transform .6s ease;
    -moz-transition: opacity .6s ease,transform .6s ease;
    -o-transition: opacity .6s ease,transform .6s ease;
    transition: opacity .6s ease,transform .6s ease
}

.m-carousel-banner_image-wrapper {
    font-size: 0
}

.m-carousel-banner .m-carousel-banner_item {
    height: auto
}

.m-carousel-banner .m-item-highlight-container-left {
    width: 85%!important;
    padding-right: 42.4rem
}

@media screen and (max-width: 768px) {
    .m-carousel-banner .m-item-highlight-container-left {
        padding-right:0;
        padding-bottom: 4rem!important
    }
}

.m-carousel-banner .m-item-highlight-container-right {
    z-index: 2
}

.m-carousel-banner .m-item-highlight-container-right img {
    width: 50rem!important;
    right: 5rem!important;
    bottom: -18rem!important
}

.m-carousel-banner .m-item-highlight-container-right .banner-cups {
    width: 180px!important;
    bottom: -7rem!important
}

@media screen and (max-width: 768px) {
    .m-carousel-banner .m-item-highlight-container-right {
        position:initial
    }

    .m-carousel-banner .m-item-highlight-container-right img {
        right: 0!important;
        bottom: 2rem!important;
        width: auto!important;
        height: 28rem;
        margin: 0 auto
    }

    .m-carousel-banner .m-item-highlight-container-right .banner-cups {
        width: auto!important;
        bottom: 1rem!important
    }
}

.m-carousel-banner .m-item-highlight-container .action-container {
    margin-top: 3.2rem
}

.m-carousel-banner .m-item-highlight-container .link-text .tb-cell {
    display: table-cell
}

.m-carousel-banner .m-item-highlight-container .link-text .tb-cell:first-of-type {
    padding-right: .8rem
}

.owl-nav-container {
    position: relative;
    bottom: 170px;
    z-index: 1
}

@media screen and (max-width: 768px) {
    .owl-nav-container {
        bottom:750px;
        display: none
    }
}

.owl-nav-container button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    border: none
}

@media screen and (max-width: 768px) {
    .owl-nav-container button {
        display:none
    }
}

.owl-nav-container button.owl-next,.owl-nav-container button.owl-prev {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    position: static;
    background-color: #b88800;
    border: none;
    -webkit-transition: background-color .2s ease;
    -moz-transition: background-color .2s ease;
    -o-transition: background-color .2s ease;
    transition: background-color .2s ease
}

.owl-nav-container button.owl-next:focus,.owl-nav-container button.owl-next:hover,.owl-nav-container button.owl-prev:focus,.owl-nav-container button.owl-prev:hover {
    background-color: #cd9c13
}

.owl-nav-container button.owl-next {
    margin-left: 16px;
    border: none
}

@media screen and (max-width: 768px) {
    .owl-nav-container button.owl-next {
        margin-left:8px
    }
}

@keyframes slideDevice {
    0% {
        opacity: 0;
        transform: translateX(3rem)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.m-banner-carousel .m-slider-banner_item {
    height: 51rem
}

.m-banner-carousel .m-item-highlight-container-left {
    width: 85%!important;
    padding-right: 42.4rem
}

@media screen and (max-width: 768px) {
    .m-banner-carousel .m-item-highlight-container-left {
        padding-right:0;
        padding-bottom: 4rem!important
    }
}

.m-banner-carousel .m-item-highlight-container-right {
    z-index: 2
}

.m-banner-carousel .m-item-highlight-container-right img {
    width: 50rem!important;
    right: 5rem!important;
    bottom: -18rem!important
}

@media screen and (max-width: 768px) {
    .m-banner-carousel .m-item-highlight-container-right {
        position:initial
    }

    .m-banner-carousel .m-item-highlight-container-right img {
        right: 0!important;
        bottom: 2rem!important;
        width: auto!important;
        height: 28rem;
        margin: 0 auto
    }
}

.m-banner-carousel .m-item-highlight-container .action-container {
    margin-top: 3.2rem
}

.m-banner-carousel .m-item-highlight-container .link-text .tb-cell {
    display: table-cell
}

.m-banner-carousel .m-item-highlight-container .link-text .tb-cell:first-of-type {
    padding-right: .8rem
}

.m-slide-banner-wrapper {
    position: relative
}

.m-slide-banner-wrapper .owl-nav {
    width: 100%;
    position: absolute;
    bottom: 18rem;
    z-index: 1
}

.m-slide-banner-wrapper .owl-nav-container {
    text-align: left;
    position: initial
}

.m-slide-banner-wrapper .owl-dots .owl-dot {
    border-color: #b88800
}

.m-slide-banner-wrapper .owl-dots .owl-dot.active {
    background: #b88800
}

.m-slide-banner-wrapper .owl-stage-outer {
    height: 605px!important
}

.m-slide-banner-wrapper .owl-nav {
    position: absolute;
    bottom: 10rem
}

.highcharts-plot-border {
    stroke-dasharray: 0 769 1000;
    stroke: #000;
    stroke-dashoffset: -328;
    stroke-width: 1
}

.highcharts-input-group {
    display: none
}

.highcharts-exporting-group {
    display: none
}

.highcharts-range-selector-buttons {
    display: block
}

.highcharts-container {
    width: 100%!important
}

.highcharts__wrapper {
    width: 100%;
    position: relative;
    border-radius: 1.2rem;
    box-shadow: 0 0 14px 0 rgba(0,0,0,.03),0 0 10px 0 rgba(0,0,0,.03);
    padding: 2.4rem
}

.highcharts-background {
    fill: transparent
}

.highcharts-plot-border {
    stroke: #ccd6eb
}

.highchart-card {
    padding: 3.6rem
}

@media screen and (max-width: 1024px) {
    .highchart-card {
        padding-left:1.6rem;
        padding-right: 1.6rem
    }
}

.highcharts-container {
    width: 100%!important
}

.highcharts-root {
    width: 100%!important
}

.highcharts-navigator-mask-inside {
    fill: #303030;
    fill-opacity: 1
}

.highcharts-axis-labels {
    top: initial!important;
    bottom: 42px
}

.highcharts-axis-labels span {
    color: #fff!important;
    top: 0!important;
    pointer-events: none
}

#circlechart_container .highcharts-plot-border {
    stroke: none
}

#circlechart_container .highcharts-exporting-group {
    display: none
}

#circlechart_container .highcharts-credits {
    display: none
}

#insurance_container .highcharts-credits {
    display: none
}

/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.backdrop {
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    background-color: rgba(0,0,0,.5);
    transition: opacity .2s ease;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.backdrop.active {
    opacity: 1;
    z-index: 3;
    visibility: visible;
    z-index: 1010
}

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:after,.ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default!important;
    pointer-events: none
}

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

input.ui-button.ui-button-icon-only {
    text-indent: 0
}

.ui-datepicker {
    width: auto;
    padding: .2em .2em 0;
    display: none;
    border-radius: 8px;
    z-index: 5
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
    color: #000
}

.ui-datepicker .ui-datepicker-next-hover,.ui-datepicker .ui-datepicker-prev-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
    position: relative
}

.ui-datepicker .ui-datepicker-title:after {
    content: "";
    font-family: "FontAwesome"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #cd9c13;
    font-size: 1.2rem;
    color: #b88800;
    position: absolute;
    right: 15%;
    top: 0;
    z-index: 99
}

.ui-datepicker .ui-datepicker-title:before {
    content: "";
    font-family: "FontAwesome"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #cd9c13;
    font-size: 1.2rem;
    color: #b88800;
    position: absolute;
    right: 60%;
    top: 0;
    z-index: 99
}

.ui-datepicker .ui-datepicker-title select {
    position: relative;
    z-index: 0;
    padding-right: 2rem;
    border: none;
    cursor: pointer;
    content: "@"
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    display: inline;
    margin: 0 1.2rem;
    position: relative;
    z-index: 0;
    cursor: pointer;
    border: none
}

.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {
    width: 35%;
    text-align: center;
    appearance: none;
    -webkit-appearance: none;
    z-index: 1
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: 700;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 10px;
    width: auto;
    height: auto
}

.ui-datepicker td a,.ui-datepicker td span {
    display: block;
    padding: .2em;
    text-align: center;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em
}

.ui-widget {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget button,.ui-widget input,.ui-widget textarea {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em
}

.ui-widget.ui-widget-content {
    border: 1px solid #fff;
    box-shadow: 0 4px 5px 0 rgba(0,0,0,.05),0 3px 14px 3px rgba(0,0,0,.05),0 8px 10px 1px rgba(0,0,0,.05)
}

.ui-widget-content {
    border: 1px solid #fff;
    background: #fff;
    color: #6c6c6c
}

.ui-widget-content a {
    color: #333
}

.ui-widget-header {
    border: 1px solid #fff;
    background: #fff;
    color: #333;
    font-weight: 700
}

.ui-widget-header a {
    color: #333
}

.ui-button,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,html .ui-button.ui-state-disabled:active,html .ui-button.ui-state-disabled:hover {
    border: none;
    background: #fff;
    font-weight: 400;
    color: #454545
}

.ui-button,.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button {
    color: #454545;
    text-decoration: none
}

.ui-button:focus,.ui-button:hover,.ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover {
    background: #ededed;
    font-weight: 400;
    color: #2b2b2b
}

.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,a.ui-button:focus,a.ui-button:hover {
    color: #2b2b2b;
    text-decoration: none
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px #5e9ed6
}

.ui-button.ui-state-active:hover,.ui-button:active,.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active {
    border: 1px solid #003eff;
    border-radius: 50%;
    background: #007fff;
    font-weight: 400;
    color: #fff;
    width: 30px
}

.ui-icon-background,.ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #fff
}

.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
    color: #fff;
    text-decoration: none
}

.ui-state-checked {
    border: 1px solid
}

.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a {
    color: #000
}

.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f
}

.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a {
    color: #5f3f3f
}

.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text {
    color: #5f3f3f
}

.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary {
    font-weight: 700
}

.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: 400
}

.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon,.ui-widget-content .ui-icon {
    background-image: url(images/ui-icons_444444_256x240.png)
}

.ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_444444_256x240.png)
}

.ui-button:focus .ui-icon,.ui-button:hover .ui-icon,.ui-state-focus .ui-icon,.ui-state-hover .ui-icon {
    background-image: url(images/ui-icons_555555_256x240.png)
}

.ui-button:active .ui-icon,.ui-state-active .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png)
}

.ui-button .ui-state-highlight.ui-icon,.ui-state-highlight .ui-icon {
    background-image: url(images/ui-icons_777620_256x240.png)
}

.ui-state-error .ui-icon,.ui-state-error-text .ui-icon {
    background-image: url(images/ui-icons_cc0000_256x240.png)
}

.ui-button .ui-icon {
    background-image: url(images/ui-icons_777777_256x240.png)
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-caret-1-n {
    background-position: 0 0
}

.ui-icon-caret-1-ne {
    background-position: -16px 0
}

.ui-icon-caret-1-e {
    background-position: -32px 0
}

.ui-icon-caret-1-se {
    background-position: -48px 0
}

.ui-icon-caret-1-s {
    background-position: -65px 0
}

.ui-icon-caret-1-sw {
    background-position: -80px 0
}

.ui-icon-caret-1-w {
    background-position: -96px 0
}

.ui-icon-caret-1-nw {
    background-position: -112px 0
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    content: ""
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    content: ""
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all,.ui-corner-left,.ui-corner-tl,.ui-corner-top {
    border-top-left-radius: 3px
}

.ui-corner-all,.ui-corner-right,.ui-corner-top,.ui-corner-tr {
    border-top-right-radius: 3px
}

.ui-corner-all,.ui-corner-bl,.ui-corner-bottom,.ui-corner-left {
    border-bottom-left-radius: 3px
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-br,.ui-corner-right {
    border-bottom-right-radius: 3px
}

.ui-widget-overlay {
    background: #aaa;
    opacity: .3;
    filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
    -webkit-box-shadow: 0 0 5px #666;
    box-shadow: 0 0 5px #666
}

.m-sidebar-multiple {
    position: relative;
    -webkit-transition: min-height .2s ease .1s;
    -moz-transition: min-height .2s ease .1s;
    -o-transition: min-height .2s ease .1s;
    transition: min-height .2s ease .1s
}

.m-sidebar-multiple-item {
    position: absolute;
    width: 300px
}

@media screen and (max-width: 768px) {
    .m-sidebar-multiple-item {
        position:relative;
        width: 100%
    }
}

.m-sidebar-multiple-item.fixed {
    position: fixed;
    width: 300px;
    top: 100px;
    z-index: 999;
    max-height: calc(100vh - 120px);
    overflow: scroll
}

.m-sidebar-multiple-item--tab {
    color: #303030;
    margin-top: 24px;
    width: 100%;
    border-bottom: .5px solid #ccc;
    font-size: 2.4rem;
    padding-bottom: 16px
}

.m-sidebar-multiple-item--tab::before {
    transition: transform .3s ease;
    content: "";
    color: #b88800;
    font-family: "FontAwesome"!important;
    margin-top: 6px;
    z-index: 1;
    float: right
}

.m-sidebar-multiple-item--tab.is-active {
    color: #303030
}

.m-sidebar-multiple-item--tab.is-active::before {
    transition: transform .3s ease;
    content: "";
    color: #b88800;
    font-family: "FontAwesome"!important;
    margin-top: 6px;
    z-index: 1;
    float: right;
    transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg)
}

.m-sidebar-multiple-item--tab a {
    color: #303030
}

.m-sidebar-multiple-item--substab {
    padding: 1.6rem 2.4rem 1.6rem 2.4rem;
    border-bottom: .5px solid #ccc;
    color: #303030
}

.m-sidebar-multiple-item--substab a {
    color: #303030
}

.m-sidebar-multiple-item--substab i {
    transition: transform .3s ease;
    position: absolute;
    right: 0;
    margin-top: 4px
}

.m-sidebar-multiple-item--substab-wrapper {
    display: none
}

.m-sidebar-multiple-item--substab-wrapper.is-active {
    display: block
}

.m-sidebar-multiple-item--substab .icon-hide {
    display: none
}

@media screen and (max-width: 768px) {
    .m-sidebar-multiple-item--substab .icon-hide {
        display:block
    }
}

.m-sidebar-multiple-item--substab.is-active i {
    transition: transform .3s ease;
    transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg)
}

@media screen and (max-width: 768px) {
    .m-sidebar-multiple-item--substab {
        padding:1.6rem 2.4rem 1.6rem 0
    }
}

.m-sidebar-multiple-content {
    float: right;
    padding-top: 2.4rem;
    padding-left: 7.2rem;
    padding-bottom: 0;
    width: 70%;
    min-height: 1100px;
    color: #303030;
    position: relative;
    right: 0;
    top: 0
}

.m-sidebar-multiple-content.is-active {
    display: block
}

.m-sidebar-multiple-content_list p {
    margin-top: 2.4rem
}

.m-sidebar-multiple-content_list ul {
    list-style: disc
}

.m-sidebar-multiple-content_list ul li {
    color: #303030;
    font-size: 1.8rem;
    margin-top: .8rem
}

@media screen and (max-width: 768px) {
    .m-sidebar-multiple-content {
        display:none;
        width: 100%;
        padding-left: 0
    }
}

.content-wrapper {
    display: none
}

.content-wrapper.is-active {
    display: block
}

@media screen and (max-width: 768px) {
    .content-wrapper.is-active {
        display:none
    }
}

.content-wrapper-small {
    display: none
}

.content-wrapper-small.is-active {
    display: block;
    border-bottom: .5px solid #ccc;
    color: #303030
}

.subscontent {
    padding: 1.6rem 2.4rem 0 2.4rem;
    color: #303030
}

.m-bottom-bar-podcast-wrapper {
    display: none;
    margin-left: -4rem;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10;
    background-color: #031120!important;
    border-top: solid .5px #fff;
    width: 100%
}

.m-bottom-bar-podcast-wrapper.is-active {
    display: block
}

@media screen and (max-width: 768px) {
    .m-bottom-bar-podcast-wrapper {
        border-top:none;
        margin-left: 0;
        margin-bottom: 50px
    }
}

.m-bottom-bar-podcast {
    display: table;
    min-height: 112px
}

.m-bottom-bar-podcast--title {
    font-size: 2.4rem;
    line-height: 3.2rem;
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    max-width: 300px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 40px
}

@media screen and (max-width: 768px) {
    .m-bottom-bar-podcast--title {
        font-size:1.8rem;
        line-height: 2.6;
        max-width: 250px
    }
}

.progress-bar-podcast {
    height: 4px;
    width: 390px;
    border-radius: 10px;
    background-color: #fff
}

.progress-bar-podcast.is-active {
    width: 0%;
    margin-top: -4px;
    background-color: #cd9c13
}

@media screen and (max-width: 768px) {
    .progress-bar-podcast {
        display:none;
        margin-bottom: 159px;
        height: 5px;
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 99
    }
}

.button-podcast {
    margin-right: 24px;
    vertical-align: center;
    color: #fff;
    width: 32px;
    height: 32px;
    text-align: center;
    padding: .7rem .7rem .7rem .7rem;
    border-radius: 50%;
    border: solid 1px #cd9c13
}

.button-podcast:hover {
    border: solid 1px #fff;
    background-color: #fff;
    color: #cd9c13
}

.button-podcast-play {
    margin-right: 24px;
    vertical-align: center;
    color: #fff;
    width: 48px;
    height: 48px;
    text-align: center;
    padding: 1.1rem;
    border-radius: 50%;
    background-color: #cd9c13
}

.button-podcast-play i {
    color: #fff;
    font-size: 24px
}

.button-podcast-play:hover {
    border: solid 1px #fff;
    background-color: #fff;
    color: #cd9c13
}

.button-podcast-play:hover i {
    color: #cd9c13;
    font-size: 24px
}

@media screen and (max-width: 768px) {
    .button-podcast-play {
        position:absolute;
        top: 0;
        right: 0;
        margin-top: 32px
    }
}

.m-chart .highcharts-plot-border {
    stroke: transparent
}

.m-chart .highcharts-credits {
    display: none
}

.m-chart__title .a-text-hero {
    margin: 0
}

.m-chart__legend-marker {
    width: 16px;
    border-radius: 6px;
    height: 16px;
    margin-right: .8rem
}

.m-chart__legend-wrapper .tb-cell:first-of-type {
    width: 2.4rem
}

.m-chart__legend-label {
    margin-bottom: 7.2rem;
    padding-left: 2.4rem
}

@media screen and (max-width: 768px) {
    .m-chart__legend-label {
        margin-bottom:4.8rem
    }
}

.m-chart__legend-label h3 {
    margin: 0
}

.page-promo-detail .container .o-article--promo .o-article__content-wrapper .mb-32 .a-text-icon {
    color: #cd9c13
}

.page-promo-detail .container .o-article--promo .o-article__content-wrapper .mb-32 .a-text-icon img {
    margin-right: 8px
}

.page-promo-detail .container .o-article--promo .o-article__content-wrapper ul {
    width: 704px
}

@media screen and (max-width: 768px) {
    .page-promo-detail .container .o-article--promo .o-article__content-wrapper ul {
        width:auto
    }
}

@media screen and (max-width: 768px) {
    .page-promo-detail .container .o-article--promo .o-article__content-wrapper .m-share-icon__wrapper .m-share-icon__center-text {
        width:100%
    }
}

.page-promo-detail .container .o-article--promo .o-article__content-wrapper .m-share-icon ul {
    position: relative
}

.page-promo-detail .container .o-article--promo .o-article__content-wrapper .m-share-icon ul .tooltip {
    top: 32px;
    left: 0
}

@media screen and (max-width: 768px) {
    .page-search-result .container.input-search {
        padding-left:50px;
        padding-right: 47px
    }
}

.page-search-result.popup-disclaimer-show {
    padding-top: 14rem
}

.page-search-result .col-md-7 .a-searching {
    margin-left: 104px
}

.page-search-result .col-md-7 .a-searching .o-smart-search {
    margin-top: unset
}

@media screen and (max-width: 768px) {
    .page-search-result .col-md-7 .a-searching {
        margin-left:unset
    }
}

.page-search-result .col-md-7 .search-result_form {
    position: relative
}

.page-search-result .col-md-7 .search-result_form.is-focus .a-smart-search_input {
    color: #fff
}

.page-search-result .col-md-7 .search-result_form .search-result_input {
    text-transform: capitalize!important;
    outline: 0;
    max-width: initial;
    background: 0 0;
    border: none;
    border-bottom: 2px solid #b1b1b1;
    border-radius: 0;
    margin-bottom: 24px;
    font-weight: 300;
    width: 100%;
    line-height: 1.28;
    font-size: 1.6rem;
    padding-bottom: .8rem;
    text-transform: uppercase;
    font-size: 5.6rem;
    color: #000
}

@media screen and (max-width: 768px) {
    .page-search-result .col-md-7 .search-result_form .search-result_input {
        padding-left:2.4rem
    }
}

@media screen and (min-width: 1024px) {
    .page-search-result .col-md-7 .search-result_form .search-result_input {
        max-width:initial;
        padding: 0 20px;
        font-size: 5.6rem;
        padding-right: 8rem
    }
}

@media screen and (max-width: 768px) {
    .page-search-result .col-md-7 .search-result_form .search-result_input {
        font-size:3.2rem;
        line-height: 4rem
    }
}

.page-search-result .col-md-7 .search-result_form .search-result_input::-webkit-input-placeholder {
    color: rgba(255,255,255,.5)
}

.page-search-result .col-md-7 .search-result_form .search-result_input:-ms-input-placeholder {
    color: rgba(255,255,255,.5)
}

.page-search-result .col-md-7 .search-result_form .search-result_input::placeholder {
    color: rgba(255,255,255,.5)
}

.page-search-result .col-md-7 .search-result_form .a-smart-search_submit {
    background-color: #1473ef
}

.page-search-result .col-md-7 .m-smart-search_suggestion-wrapper .m-smart-search_suggestion {
    background: #fff;
    top: -22px
}

.page-search-result .col-md-7 .m-smart-search_suggestion-wrapper .m-smart-search_suggestion .m-smart-search_suggestion-item .m-smart-search_suggestion-label {
    color: #7c7c7c;
    padding-left: 24px;
    padding-right: 24px
}

.page-search-result .col-md-7 .m-smart-search_suggestion-wrapper .m-smart-search_suggestion .m-smart-search_suggestion-item .a-smart-search_suggestion-option {
    color: #222;
    padding-left: 24px;
    padding-right: 24px
}

.page-search-result .col-md-7 .m-smart-search_suggestion-wrapper .m-smart-search_suggestion::-webkit-scrollbar-thumb {
    border: 5px solid #f9f9f9;
    border-radius: 8px;
    background-color: #6c6c6c
}

.page-search-result .search-result .a-nav-item.active-nav a:not(.a-switch) {
    color: #b88800
}

.page-search-result .search-result .a-nav-item a:not(.a-switch) {
    color: #6c6c6c;
    font-size: 24px
}

.page-search-result .search-result .a-nav-item a:not(.a-switch):after {
    border-bottom: 3px solid #b88800
}

.page-search-result .my-32.tittle {
    font-size: 3.2rem;
    padding-left: 40px
}

.page-search-result .py-32 .hide-result {
    opacity: 0;
    transition: opacity 10ms;
    position: fixed;
    visibility: hidden
}

@media screen and (max-width: 768px) {
    .page-search-result .py-32 .no-result {
        padding-left:unset
    }
}

.page-search-result .show-result .row {
    text-align: center
}

.page-search-result .card-promo {
    height: 352px
}

.page-search-result .card-promo .a-card {
    height: 100%
}

.page-search-result .card-promo .a-card .a-card--content .a-card--action {
    position: unset
}

.page-search-result .card-promo .a-card .a-card--content .a-card--action .icon-clock {
    color: #1473ef
}

.page-search-result .card-article {
    width: 667px;
    height: 160px;
    margin-bottom: 24px
}

.page-search-result .card-article .a-card--content .a-card--title .subtitle {
    color: #6c6c6c
}

@media screen and (max-width: 768px) {
    .page-search-result .card-article {
        width:100%;
        height: 128px
    }

    .page-search-result .card-article .a-card--landscape .a-card--img {
        height: 128px;
        position: absolute
    }

    .page-search-result .card-article .a-card--landscape .a-card--content {
        position: absolute;
        width: 100%;
        height: 100%;
        padding-left: 14rem
    }

    .page-search-result .card-article .a-card--landscape .a-card--content .a-card--title {
        height: 100%
    }

    .page-search-result .card-article .a-card--landscape .a-card--content .a-card--title .subtitle {
        display: none
    }
}

.page-search-result .owl-nav {
    text-align: end
}

.page-search-result .owl-nav .owl-prev {
    background-color: #b88800;
    border: 0;
    border-radius: 50%;
    padding: 0 12px;
    color: #fff;
    margin-right: .8rem;
    outline: 0;
    font-size: 1.8rem;
    width: 40px;
    height: 40px
}

.page-search-result .owl-nav .owl-prev .icon-chevron-back {
    color: #fff
}

.page-search-result .owl-nav .owl-next {
    background-color: #b88800;
    border: 0;
    border-radius: 50%;
    padding: 0 12px;
    color: #fff;
    outline: 0;
    font-size: 1.8rem;
    width: 40px;
    height: 40px
}

.page-search-result .owl-nav .owl-next .icon-chevron-next {
    color: #fff
}

.page-search-result .promo-tab .a-card--date p {
    font-size: 1.2rem
}

.page-search-result .promo-tab .a-card--title .title {
    font-size: 2.4rem
}

.page-search-result .search-result_form.is-focus+.m-smart-search_suggestion-wrapper {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    transition: opacity .2s ease .1s,transform .2s ease .1s,visibility 0s
}

.m-table-kurs--sticky {
    overflow: scroll;
    position: relative;
    margin: 0;
    padding: 0;
    max-height: 100%
}

.m-table-kurs--sticky table {
    position: relative;
    border-collapse: collapse
}

.m-table-kurs--sticky thead tr th {
    z-index: 5;
    background-color: #fff;
    top: 0;
    margin-top: 10px
}

.m-table-kurs--sticky thead tr th.first-col {
    z-index: 1
}

.m-table-kurs--sticky thead tr th::after {
    padding-top: 10px;
    height: 90px
}

.m-table-kurs--sticky .header {
    border-bottom: 1px solid rgba(176,176,176,.35);
    background-color: #fff;
    position: sticky
}

.m-table-kurs--sticky .header--fixed {
    color: #fff!important;
    position: sticky;
    top: 50.5px
}

.m-table-kurs--sticky thead {
    padding: 10px;
    overflow: hidden
}

.sticky-col {
    position: -webkit-sticky;
    position: sticky;
    background-color: #fff;
    left: 0;
    z-index: 2
}

.sticky-col:nth-child(even) {
    background-color: #efefef;
    z-index: 9999
}

@media screen and (max-width: 768px) {
    .sticky-col {
        background-color:#fff
    }
}

.sticky-col-kurs-first {
    padding-left: 18px
}

.sticky-col:after {
    border-radius: 12px
}

.sticky-col.sticky-stripe-bg {
    background-color: #efefef
}

.first-col {
    z-index: 99;
    width: 150px;
    left: 0
}

.th-krisflyer {
    border-bottom: 1px solid #efefef;
    background-color: #cd9c13;
    color: #fff
}

.first-column {
    height: 120px
}

.m-table--scroll-fixed {
    overflow: scroll;
    position: relative;
    max-height: 84rem;
    margin: 0;
    padding: 0;
    box-shadow: 0 0 14px 0 rgba(0,0,0,.03),0 0 10px 0 rgba(0,0,0,.03)
}

@media screen and (max-width: 768px) {
    .m-table--scroll-fixed {
        max-height:initial
    }
}

.m-table--scroll-fixed table {
    position: relative;
    border-collapse: collapse
}

.m-table--scroll-fixed thead td,.m-table--scroll-fixed thead th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: #cd9c13;
    color: #fff;
    font-weight: 400;
    padding: 10px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    z-index: 2
}

.m-table--scroll-fixed thead td.first-column,.m-table--scroll-fixed thead th.first-column {
    border-bottom: 1px solid #efefef;
    background-color: #cd9c13;
    color: #fff;
    z-index: 3
}

.m-table--scroll-fixed .m-table--scroll-welma {
    height: 501px
}

@media screen and (max-width: 768px) {
    .m-table--scroll-fixed .m-table--scroll-welma {
        height:auto;
        max-height: initial
    }

    .m-table--scroll-fixed .m-table--scroll-welma thead td {
        top: unset
    }

    .m-table--scroll-fixed .m-table--scroll-welma+.scrolling-tableFadding-reksa-dana {
        top: 0;
        bottom: 0;
        right: 0;
        height: 100%;
        margin-top: 0
    }
}

.sticky-stripe-bg {
    background-color: #efefef
}

.sticky-stripe-bg-pad {
    left: -8px
}

.stripe-bg:nth-child(even) {
    background-color: #efefef
}

@media screen and (max-width: 768px) {
    .m-table--scroll-fixed .m-table--sticky-first-coloumn {
        max-height:36rem
    }
}

.m-table--scroll-fixed .m-table--sticky-first-coloumn table {
    position: relative;
    border-collapse: collapse
}

.m-table--scroll-fixed .m-table--sticky-first-coloumn th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: #fff;
    color: #fff;
    font-weight: 400;
    padding: 10px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    z-index: 2
}

.m-table--scroll-fixed .m-table--sticky-first-coloumn th.first-column {
    border-bottom: 1px solid #efefef;
    background-color: #cd9c13;
    color: #fff;
    z-index: 3
}

.m-ilustrate-carousel,.m-ilustrate-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.m-ilustrate-carousel {
    width: 100%;
    z-index: 1
}

.m-ilustrate-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.m-ilustrate-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.m-ilustrate-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0)
}

.m-ilustrate-carousel .owl-item,.m-ilustrate-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0)
}

.m-ilustrate-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.m-ilustrate-carousel .owl-item img {
    display: block;
    width: 100%
}

.m-ilustrate-carousel .owl-dots.disabled,.m-ilustrate-carousel .owl-nav.disabled {
    display: none
}

.m-ilustrate-carousel.owl-loaded,.no-js .m-ilustrate-carousel {
    display: block
}

.m-ilustrate-carousel .owl-dot,.m-ilustrate-carousel .owl-nav .owl-next,.m-ilustrate-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.m-ilustrate-carousel .owl-nav button.owl-next,.m-ilustrate-carousel .owl-nav button.owl-prev,.m-ilustrate-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit
}

.m-ilustrate-carousel.owl-loading {
    opacity: 0;
    display: block
}

.m-ilustrate-carousel.owl-hidden {
    opacity: 0
}

.m-ilustrate-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.m-ilustrate-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.m-ilustrate-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.m-ilustrate-carousel.owl-rtl {
    direction: rtl
}

.m-ilustrate-carousel.owl-rtl .owl-item {
    float: right
}

.m-ilustrate-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.m-ilustrate-carousel .owl-animated-in {
    z-index: 0
}

.m-ilustrate-carousel .owl-animated-out {
    z-index: 1
}

.m-ilustrate-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: none
}

.m-ilustrate-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.m-ilustrate-carousel .owl-item .owl-lazy:not([src]),.m-ilustrate-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.m-ilustrate-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.m-ilustrate-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.m-ilustrate-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.m-ilustrate-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3,1.3);
    transform: scale(1.3,1.3)
}

.m-ilustrate-carousel .owl-video-playing .owl-video-play-icon,.m-ilustrate-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.m-ilustrate-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.m-ilustrate-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.m-ilustrate-carousel .owl-dots {
    display: none
}

.m-ilustrate-carousel .owl-nav.disabled {
    display: block
}

@media screen and (max-width: 768px) {
    .m-ilustrate-carousel .owl-stage-outer {
        display:block
    }

    .m-ilustrate-carousel .owl-dots {
        z-index: 1;
        position: absolute;
        -webkit-transform: translateX(-50);
        -moz-transform: translateX(-50);
        -ms-transform: translateX(-50);
        -o-transform: translateX(-50);
        transform: translateX(-50);
        width: 100%;
        text-align: center
    }

    .m-ilustrate-carousel .owl-dots button {
        padding: 10px 20px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: 0 0;
        margin: 16px;
        border: none;
        cursor: pointer
    }

    .m-ilustrate-carousel .owl-dots .owl-dot {
        background: 0 0;
        border: 1px solid #fff;
        width: 8px;
        height: 8px;
        font-size: 0;
        border-radius: 8px;
        padding: 0;
        outline: 0;
        -webkit-transition: width .2s ease;
        -moz-transition: width .2s ease;
        -o-transition: width .2s ease;
        transition: width .2s ease
    }

    .m-ilustrate-carousel .owl-dots .owl-dot.active {
        width: 8px;
        height: 8px;
        background: #fff
    }

    .m-ilustrate-carousel .owl-dots .owl-dot:not(:first-child) {
        margin-left: 8px
    }
}

.m-ilustrate-carousel .owl-nav {
    text-align: right
}

.m-ilustrate-carousel .owl-nav button.owl-next,.m-ilustrate-carousel .owl-nav button.owl-prev {
    margin-top: 3.2rem;
    background-color: #b88800;
    border: 0;
    border-radius: 50%;
    padding: 0 12px;
    color: #fff;
    margin-right: .8rem;
    outline: 0;
    width: 30px;
    height: 30px
}

.m-ilustrate-carousel .owl-nav button.owl-next span,.m-ilustrate-carousel .owl-nav button.owl-prev span {
    font-size: 2rem;
    padding: 1rem .85rem
}

.m-ilustrate-carousel .owl-nav button.owl-next {
    margin-right: 0
}

@media screen and (max-width: 1024px) {
    .m-ilustrate-carousel .owl-nav button {
        display:none
    }
}

.m-ilustrate-carousel .owl-stage-outer {
    padding-bottom: 2.4rem
}

.animated {
    -webkit-animation-duration: 1000 ms;
    animation-duration: 1000 ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-animated-out {
    z-index: 1
}

.owl-animated-in {
    z-index: 0
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

.slideIn {
    -webkit-animation-name: slide-In;
    animation-name: slide-In
}

.slideOut {
    -webkit-animation-name: slide-Out;
    animation-name: slide-Out
}

@keyframes slide-in {
    100% {
        transform: translateX(0)
    }
}

@-webkit-keyframes slide-in {
    100% {
        -webkit-transform: translateX(0)
    }
}

@-webkit-keyframes slide {
    100% {
        left: 0
    }
}

@keyframes slide-out {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-100%)
    }
}

@-webkit-keyframes slide-out {
    0% {
        -webkit-transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(-100%)
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@media screen and (max-width: 768px) {
    .scrolling {
        margin:-62px 0 0;
        height: 62px;
        pointer-events: none;
        position: relative;
        width: 100%
    }

    .scrolling.custom {
        top: -2.5rem;
        height: 8rem
    }

    .scrolling.custom-large-summary {
        top: 1.5rem;
        height: 19rem;
        margin: -220px 0 0
    }

    .scrolling.custom-kpr {
        top: 2rem;
        margin: unset
    }

    .scrolling.custom-info-obligasi {
        margin: -93px 0 0
    }

    .scrolling.bg-black {
        background: linear-gradient(to right,rgba(255,0,0,0) 75%,#2223);
        background: -webkit-linear-gradient(left,rgba(255,255,255,0) 75%,#2223)
    }

    .scrolling.bg-white {
        background: linear-gradient(to right,rgba(255,0,0,0) 75%,rgba(255,255,255,.62));
        background: -webkit-linear-gradient(left,rgba(255,255,255,0) 75%,rgba(255,255,255,.62))
    }

    .scrolling.bg-gray {
        background: linear-gradient(to right,rgba(255,0,0,0) 75%,#efefef);
        background: -webkit-linear-gradient(left,rgba(255,255,255,0) 75%,#efefef)
    }

    .scrolling.bg-custom {
        background: linear-gradient(to right,rgba(255,0,0,0) 75%,#e3f2fd);
        background: -webkit-linear-gradient(left,rgba(255,255,255,0) 75%,#e3f2fd)
    }

    .scrolling.bg-visa-singapure {
        background: linear-gradient(to right,rgba(255,0,0,0) 75%,#e3f2fd);
        background: -webkit-linear-gradient(left,rgba(255,255,255,0) 75%,#e3f2fd)
    }

    .scrolling.bg-visa-black {
        background: linear-gradient(to right,rgba(255,0,0,0) 75%,#e0e0e0);
        background: -webkit-linear-gradient(left,rgba(255,255,255,0) 75%,#e0e0e0)
    }

    .scrolling.bg-visa-platinum {
        background: linear-gradient(to right,rgba(255,0,0,0) 75%,#efebe9);
        background: -webkit-linear-gradient(left,rgba(255,255,255,0) 75%,#efebe9)
    }

    .scrolling.m1 {
        margin: -7px 0 0
    }

    .scrolling.m2 {
        margin: -8px 0 0;
        margin-top: -56px;
        margin-bottom: -24px
    }

    .scrolling.m3 {
        margin: -9px 0 0
    }

    .scrolling.m4 {
        margin: -24px 0 0
    }

    .scrolling.m5 {
        margin: -63px 0 0
    }

    .scrolling.m6 {
        margin: -32px 0 0
    }

    .scrolling.m7 {
        margin: -13px 0 0
    }

    .scrolling.m8 {
        margin: 0 0 0
    }

    .scrollingt13 {
        top: 13px
    }

    .scrolling-tableFadding {
        top: 81px;
        left: 125px;
        width: 65%;
        height: 64rem;
        border-bottom-right-radius: 12px;
        border-top-right-radius: 12px
    }

    .scrolling-tableFadding-reksa-dana {
        top: 100rem;
        height: 38.7rem;
        width: 40%;
        right: 24px;
        position: absolute;
        border-radius: 12px;
        border-top-right-radius: 0;
        border-top-left-radius: 0
    }
}

@media screen and (max-width: 768px) and (max-width:320px) {
    .scrolling-tableFadding-reksa-dana {
        top:90rem!important
    }
}

@media screen and (max-width: 768px) and (max-width:360px) {
    .scrolling-tableFadding-reksa-dana {
        top:91.5rem
    }
}

@media screen and (max-width: 768px) and (max-width:411px) {
    .scrolling-tableFadding-reksa-dana {
        top:106rem
    }
}

@media screen and (max-width: 768px) and (max-width:375px) {
    .scrolling-tableFadding-reksa-dana {
        top:98rem
    }
}

#listMenu .nav {
    display: inherit;
    flex-wrap: inherit;
    padding-left: inherit;
    margin-bottom: inherit;
    list-style: inherit
}

.row-productNav_wrapper {
    position: relative;
    box-sizing: border-box
}

.list-menu {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    position: relative;
    font-size: 0
}

.js .list-menu {
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.js .list-menu::-webkit-scrollbar {
    display: none
}

.list-menu_Contents {
    float: left;
    transition: transform .2s ease-in-out;
    position: relative
}

.list-menu_Contents-no-transition {
    transition: none
}

.list-menu_Link {
    text-decoration: none;
    color: #7f868b;
    font-size: 2.4rem;
    font-weight: 500;
    display: table-cell;
    vertical-align: middle;
    padding: 8px 22px;
    padding-left: unset;
    line-height: 1.35
}

@media screen and (max-width: 768px) {
    .list-menu_Link {
        font-size:2rem;
        padding-left: unset
    }
}

.list-menu_Link[aria-selected=true] {
    color: #b88800
}

.btn-advancer {
    display: none;
    appearance: none;
    background: 0 0;
    padding: 0;
    border: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    opacity: 0;
    transition: opacity .3s
}

.btn-advancer:focus {
    outline: 0
}

.btn-advancer:hover {
    cursor: pointer
}

.btn-advancer_Left {
    left: 0
}

[data-overflowing=both]~.btn-advancer_Left,[data-overflowing=left]~.btn-advancer_Left {
    opacity: 1
}

.btn-advancer_Right {
    right: 0
}

[data-overflowing=both]~.btn-advancer_Right,[data-overflowing=right]~.btn-advancer_Right {
    opacity: 1
}

.btn-advancer_Icon {
    width: 12px;
    height: 44px;
    fill: #bbb
}

.list-menu_Indicator {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 32px;
    background-color: transparent;
    transform-origin: 0 0;
    transition: transform .2s ease-in-out,background-color .2s ease-in-out
}

.tab-pane.fade {
    display: none!important
}

.tab-pane.fade.is-active {
    display: block!important
}

.simulation .modal-box--header {
    background-color: #fff
}

.simulation .modal-box--header.bg-pale-gray {
    background-color: #efefef
}

.simulation .modal-box--header .a-close {
    top: 40px;
    text-align: end;
    padding-top: 6px
}

@media screen and (max-width: 768px) {
    .simulation .modal-box--header .a-close {
        height:3rem;
        width: 100%;
        text-align: end
    }
}

.simulation .modal-box--header .title {
    position: absolute
}

@media screen and (max-width: 768px) {
    .simulation .modal-box--header .title {
        padding-left:1.2rem
    }
}

@media screen and (max-width: 768px) {
    .simulation .m.tabs .m-tabs-menu {
        padding:0 0 2.5rem
    }
}

.simulation .m-tabs-container .m-input-slider .a-input-slide .slide {
    top: -1rem
}

.simulation .m-tabs-container .m-input-slider .slide-active {
    margin-top: -19px
}

.select-custom {
    position: relative;
    display: inline-block;
    width: 100%
}

.select-custom option {
    display: none
}

.select-custom--trigger {
    padding-bottom: 1rem;
    border: 0;
    border-bottom: 1px solid #d8d8d8;
    display: table;
    min-width: 100%;
    cursor: pointer
}

@media screen and (max-width: 768px) {
    .select-custom--trigger {
        padding-bottom:0
    }
}

.select-custom--trigger label {
    font-size: 1.6rem;
    position: absolute;
    display: none;
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: translate(0,1.6rem scale(1));
    -ms-transform: translate(0,1.6rem scale(1));
    -o-transform: translate(0,1.6rem scale(1));
    transform: translate(0,1.6rem scale(1));
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.select-custom--trigger label::after(:first-child) {
    margin-top: -15px;
    position: absolute;
    font-size: 1.6rem
}

.select-custom--trigger.active-state {
    border-color: #b88800
}

.select-custom--trigger.active-state label {
    display: none;
    -webkit-transform: translate(0,4px) scale(.75);
    -moz-transform: translate(0,4px) scale(.75);
    -ms-transform: translate(0,4px) scale(.75);
    -o-transform: translate(0,4px) scale(.75);
    transform: translate(0,4px) scale(.75)
}

.select-custom--trigger.active-state option {
    display: block
}

.select-custom--value {
    background-color: transparent;
    border: 0;
    font-size: 1.6rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    display: table-cell;
    vertical-align: middle;
    padding-right: 1rem;
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    padding-bottom: 1rem;
    padding-top: 1.2rem;
    padding-left: 0
}

.select-custom--value label {
    display: block;
    margin-top: -15px;
    -webkit-transform: translate(0,4px) scale(.75);
    -moz-transform: translate(0,4px) scale(.75);
    -ms-transform: translate(0,4px) scale(.75);
    -o-transform: translate(0,4px) scale(.75);
    transform: translate(0,4px) scale(.75)
}

.select-custom--arrow {
    display: table-cell;
    width: 16px;
    font-size: 1.6rem;
    vertical-align: middle;
    padding-top: .8rem
}

.select-custom--content {
    display: none;
    width: 100%;
    list-style: none;
    position: absolute;
    top: 100%;
    margin-top: 10px;
    padding: 0;
    background: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0 0 14px 0 rgba(0,0,0,.03),0 0 10px 0 rgba(0,0,0,.03);
    overflow: hidden;
    z-index: 10
}

.select-custom--content li.disabled {
    background-color: #efefef
}

.select-custom--content li.disabled a {
    color: #6c6c6c
}

.select-custom--content li a {
    font-size: 1.6rem;
    display: block;
    padding: 5px 10px;
    line-height: 2;
    text-align: left;
    color: #000
}

.select-custom--content li.badge-opt {
    background-color: #cd9c13;
    width: 59px;
    height: 22px;
    border-radius: 16px;
    color: #fff;
    font-size: 12px
}

.select-custom--content li:not(.disabled) a:hover {
    color: #000;
    background-color: #efefef
}

.select-custom--content li:not(.disabled).is-active a {
    color: #000;
    background-color: #efefef
}

.select-custom--selected.small label {
    display: table-cell;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 80%
}

.select-custom.active-state .a-dropdown-content {
    display: block
}

.select-custom.active-state label {
    display: none;
    margin-top: 16px;
    -webkit-transform: translate(0,4px) scale(.75);
    -moz-transform: translate(0,4px) scale(.75);
    -ms-transform: translate(0,4px) scale(.75);
    -o-transform: translate(0,4px) scale(.75);
    transform: translate(0,4px) scale(.75)
}

.select-custom.active-state option {
    display: block
}

.label-select {
    z-index: -1;
    position: absolute;
    transform: translateY(-2rem);
    transform-origin: 0;
    transition: transform .4s
}

.input:not(:placeholder-shown)+.label-select {
    transform: scale(.8) translateY(-5rem);
    opacity: 1
}

.select-custom {
    position: relative;
    display: inline-block
}

.select-custom-wrapper {
    position: relative;
    display: inline-block;
    user-select: none
}

.select-custom-trigger {
    position: relative;
    display: block;
    width: 130px;
    padding: 0 84px 0 22px;
    font-size: 22px;
    font-weight: 300;
    color: #fff;
    line-height: 60px;
    background: #5c9cd8;
    border-radius: 4px;
    cursor: pointer
}

.select-custom-trigger::after {
    position: absolute;
    display: block;
    content: "";
    width: 10px;
    height: 10px;
    top: 50%;
    right: 25px;
    margin-top: -3px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg) translateY(-50%);
    transition: all .4s ease-in-out;
    transform-origin: 50% 0
}

.select-custom-trigger.opened.custom-select-trigger:after {
    margin-top: 3px;
    transform: rotate(-135deg) translateY(-50%)
}

.select-custom select {
    display: none
}

.select-custom.opened .custom-options {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0)
}

.custom-options {
    position: absolute;
    display: block;
    top: 100%;
    left: 0;
    right: 0;
    min-width: 100%;
    margin: 15px 0;
    border: 1px solid #b5b5b5;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 0 2px 1px rgba(0,0,0,.07);
    background: #fff;
    transition: all .4s ease-in-out;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-15px)
}

.option-hover:before {
    background: #fff
}

.custom-option {
    position: relative;
    display: block;
    padding: 0 22px;
    border-bottom: 1px solid #b5b5b5;
    font-size: 18px;
    font-weight: 600;
    color: #b5b5b5;
    line-height: 47px;
    cursor: pointer;
    transition: all .4s ease-in-out
}

.custom-option:first-of-type {
    border-radius: 4px 4px 0 0
}

.custom-option:last-of-type {
    border-bottom: 0;
    border-radius: 0 0 4px 4px
}

.custom-option.selection,.custom-option:hover {
    background: #fff
}

.m-kurs-responsive {
    display: none
}

@media screen and (max-width: 768px) {
    .m-kurs-responsive {
        display:block;
        border-radius: 1.2rem;
        width: 100%;
        margin-bottom: 1.5rem;
        background-color: #fff;
        padding: 0 1.6rem;
        box-shadow: 0 4px 5px 0 rgba(0,0,0,.05),0 3px 14px 3px rgba(0,0,0,.05),0 8px 10px 1px rgba(0,0,0,.05)
    }
}

.m-kurs-responsive--item-title {
    border-bottom: none
}

@media screen and (max-width: 768px) {
    .m-kurs-responsive--item-title {
        margin-top:1.6rem
    }
}

.m-kurs-responsive.accordion-active.m-kurs-responsive--item-body-accordion {
    display: block
}

@media screen and (max-width: 768px) {
    .m-kurs-responsive .a-text.a-text-subtitle {
        font-size:2.4rem
    }

    .m-kurs-responsive .m-sidebar-article_item_container_inside_accordion_item.accordion-active .m-sidebar-article_item_container_inside_accordion_item_header::before {
        margin-top: 0
    }

    .m-kurs-responsive .m-tabs-menu {
        padding-left: 1.2rem;
        padding-bottom: 3rem
    }

    .m-kurs-responsive .m-tabs-container .row {
        margin: 0 -2.4rem
    }

    .m-kurs-responsive .input-form .a-dropdown-trigger .a-dropdown-value {
        padding-top: 1.3rem
    }

    .m-kurs-responsive .a-dropdown label {
        color: #6c6c6c;
        font-size: 1.6rem;
        bottom: 2.6rem
    }
}

@media screen and (max-width: 768px) and (max-width:768px) {
    .m-kurs-responsive .a-dropdown label {
        bottom:4rem
    }
}

@media screen and (max-width: 768px) {
    .m-kurs-responsive .a-dropdown.has-value label,.m-kurs-responsive .a-dropdown.is-active label {
        font-size:1.8rem;
        margin-top: -1.8rem;
        bottom: 4rem
    }
}

@media screen and (max-width: 768px) {
    .m-kurs-responsive .a-dropdown-arrow {
        padding-top:.4rem
    }
}

@media screen and (max-width: 768px) {
    .m-kurs-responsive .select-custom {
        margin-bottom:0
    }
}

@media screen and (max-width: 768px) {
    .m-kurs-responsive .a-calculator-kurs-title {
        margin-bottom:0
    }
}

@media screen and (max-width: 768px) {
    .m-kurs-responsive .a-button {
        margin-top:0
    }
}

@media screen and (max-width: 768px) {
    .m-kurs-responsive .m-input-datepicker {
        padding-top:0
    }

    .m-kurs-responsive .m-input-datepicker.style-icon-date i {
        font-size: 1.6rem;
        top: 6px
    }

    .m-kurs-responsive .m-input-datepicker input {
        padding-top: .5rem;
        padding-bottom: 1.5rem
    }
}

@media screen and (max-width: 768px) {
    .m-kurs-responsive .m-calculator-kurs-count {
        margin-bottom:2.4rem
    }
}

.m-card-table {
    box-shadow: 0 4px 5px 0 rgba(0,0,0,.05),0 3px 14px 3px rgba(0,0,0,.05),0 8px 10px 1px rgba(0,0,0,.05)!important
}

@media screen and (max-width: 768px) {
    .m-card-table {
        padding:0;
        border-radius: 12px;
        box-shadow: inset -7px 0 9px -7px rgba(0,0,0,.4)
    }

    .m-card-table .transaction-data-body,.m-card-table .transaction-data-title {
        font-size: 2.4rem
    }
}

@media screen and (max-width: 768px) {
    .m-card-table.inner-shadow {
        box-shadow:inset -7px 0 9px -7px rgba(0,0,0,.4)
    }
}

.m-product-information {
    margin: 0 15px;
    display: flex;
    flex-direction: column;
    flex: 1;
    border-radius: 12px
}

@media screen and (max-width: 768px) {
    .m-product-information {
        max-width:unset;
        flex: 1
    }
}

.m-product-information--wrapper {
    display: flex;
    width: 100%;
    flex-wrap: wrap
}

.m-product-information--header {
    display: flex
}

.m-product-information--header__row {
    display: flex;
    flex: 1
}

.m-product-information--header__item {
    border-bottom: 1px solid #efefef;
    background-color: #cd9c13;
    padding: 1.6rem 2.4rem;
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
    color: #fff;
    margin-right: 15px;
    max-width: 360px;
    width: 100%;
    display: flex
}

@media screen and (max-width: 768px) {
    .m-product-information--header__item {
        width:48%
    }
}

.m-product-information--header__item:last-child {
    margin-right: 0
}

.m-product-information--header__item>div {
    flex: 1
}

.m-product-information--header__item.backdrop-active {
    position: relative;
    z-index: 1020
}

.m-product-information--header__item.backdrop-active .a-dropdown-trigger,.m-product-information--header__item.backdrop-active p.hero-text {
    position: relative;
    z-index: 1020
}

.m-product-information--header__item.backdrop-active .a-dropdown-content {
    z-index: 1020
}

.m-product-information--bottom {
    display: flex;
    flex-direction: column;
    overflow: auto
}

.m-product-information--bottom__row {
    display: flex
}

.m-product-information--bottom__row:nth-child(odd) .m-product-information--bottom__items {
    background-color: #efefef
}

.m-product-information--bottom__row:last-child .m-product-information--bottom__items {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px
}

.m-product-information--bottom__items {
    margin-right: 15px;
    max-width: 360px;
    width: 100%;
    padding: 10px 24px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

.m-product-information--bottom__items:last-child {
    margin-right: 0
}

@media screen and (max-width: 768px) {
    .m-product-information--bottom__items {
        width:48%
    }

    .m-product-information--bottom__items .a-button {
        min-width: unset
    }
}

.m-product-information--bottom__item {
    display: none
}

.m-product-information--bottom__item.show {
    display: block
}

.m-product-information .hidden {
    visibility: hidden!important;
    display: block!important
}

@media screen and (max-width: 768px) {
    .m-product-information .mobile-hide {
        display:none!important
    }
}

.o-smart-search {
    position: relative;
    z-index: 2;
    margin: 238px auto 0
}

.o-smart-search input[type=text] {
    padding-left: 0;
    padding-right: 7.4rem;
    padding-bottom: 1rem
}

@media screen and (max-width: 1024px) {
    .o-smart-search input[type=text] {
        padding-left:0;
        padding-right: 4.2rem;
        font-size: 2.4rem;
        text-overflow: ellipsis
    }
}

.o-smart-search input[type=text]+input[type=reset] {
    color: #b0b0b0
}

.o-smart-search ul {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    list-style: none;
    padding: 0;
    margin: 0
}

body.dimmed_smart-search .a-backdrop {
    opacity: .8;
    z-index: 10;
    pointer-events: initial
}

@media screen and (max-width: 768px) {
    body.dimmed_smart-search .a-backdrop {
        background-color:#031120;
        opacity: 1;
        height: 100%;
        width: 100%;
        transition: all .3s ease
    }
}

body.dimmed_smart-search .a-top-nav {
    z-index: -1
}

@media screen and (max-width: 768px) {
    body.dimmed_smart-search .o-smartbar-content {
        z-index:1115
    }
}

@media screen and (max-width: 768px) {
    body.dimmed_smart-search .o-header_content_home {
        z-index:1113
    }
}

body.dimmed_smart-search .o-smart-search {
    z-index: 1112
}

@media screen and (max-width: 768px) {
    body.dimmed_smart-search .o-smart-search .m-smart-search_suggestion-wrapper .m-smart-search_suggestion {
        max-height:420px
    }
}

@media screen and (max-width: 1024px) {
    body.dimmed_smart-search .o-smartbar-content {
        z-index:1
    }
}

.o-footer-wrapper {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    background: #654b00
}

.o-footer-wrapper.darker {
    background: #131212 url(../img/bg_footer.png);
}

@media screen and (max-width: 768px) {
    .o-footer-wrapper .collapsibles p {
        font-size:1.4rem
    }
}

.o-footer-wrapper .collapsibles p:after {
    font-family: "FontAwesome"!important;
    content: initial;
    float: right;
    transform: rotate(0);
    transition: transform .3s ease
}

@media screen and (max-width: 768px) {
    .o-footer-wrapper .collapsibles p:after {
        content:""
    }
}

.o-footer-wrapper .collapsibles.show-collapsibles p:after {
    transform: rotate(-180deg)
}

.o-footer-wrapper .a-text.white {
    color: #fff
}

.o-footer-wrapper .footer-content {
    overflow: hidden
}

.o-footer-wrapper .footer-content-wrapper {
    margin: 38px 0
}

@media screen and (max-width: 768px) {
    .o-footer-wrapper .footer-content-wrapper {
        margin:1rem 0
    }
}

.o-footer-wrapper .footer-content-wrapper-top {
    margin: 38px 0
}

@media screen and (max-width: 768px) {
    .o-footer-wrapper .footer-content-wrapper-top {
        margin-top:2.4rem;
        margin-bottom: .8rem
    }
}

@media screen and (max-width: 768px) {
    .o-footer-wrapper .footer-content-small {
        margin-top:16px
    }
}

.o-footer-wrapper .footer-content-icon {
    padding: 16px 0;
    display: block;
    font-size: 1.6rem
}

@media screen and (max-width: 768px) {
    .o-footer-wrapper .footer-content-icon {
        padding:8px 0
    }
}

.o-footer-wrapper .footer-content-icon i,.o-footer-wrapper .footer-content-icon span {
    vertical-align: middle;
    color: #fff
}

.o-footer-wrapper .footer-content-icon span {
    margin-left: 5px
}

.o-footer-wrapper .footer-content-icon:focus span,.o-footer-wrapper .footer-content-icon:hover span {
    text-decoration: underline
}

.o-footer-wrapper .footer-content-subscribe {
    margin-top: 4.4rem;
    padding-left: 6rem
}

@media screen and (max-width: 768px) {
    .o-footer-wrapper .footer-content-subscribe {
        margin-top:0;
        padding-left: 0
    }

    .o-footer-wrapper .footer-content-subscribe .a-text-small {
        font-size: 1.6rem
    }
}

@media screen and (max-width: 768px) {
    .o-footer-wrapper .underline-text {
        margin-bottom:32px
    }
}

.o-footer-wrapper .address-wrapper {
    margin-top: 16px
}

@media screen and (max-width: 768px) {
    .o-footer-wrapper .address-wrapper p {
        margin:0;
        padding-bottom: 10px
    }
}

.o-footer-wrapper .footer-branch {
    margin-top: 20px
}

@media screen and (max-width: 768px) {
    .o-footer-wrapper .footer-branch {
        margin-top:0
    }
}

.o-footer-wrapper hr {
    margin-top: 1.3rem;
    margin-bottom: 1.3rem
}

.o-footer-wrapper .footer-link {
    list-style: none;
    padding-left: 0;
    text-align: center
}

.o-footer-wrapper .footer-link-wrapper {
    float: right
}

@media screen and (max-width: 768px) {
    .o-footer-wrapper .footer-link {
        display:flex;
        justify-content: space-between;
        width: 100%
    }
}

.o-footer-wrapper .footer-link li {
    float: left;
    padding-left: 5px;
    padding-right: 5px
}

@media screen and (max-width: 768px) {
    .o-footer-wrapper .footer-link li {
        float:none;
        padding: 0
    }
}

.o-footer-wrapper .footer-link li a {
    cursor: pointer;
    color: #fff
}

@media screen and (max-width: 768px) {
    .o-footer-wrapper .footer-link li a {
        font-size:1.4rem
    }
}

@media screen and (max-width: 320px) {
    .o-footer-wrapper .footer-link li a {
        font-size:1.2rem
    }
}

.o-footer-wrapper .footer-link li a:hover {
    text-decoration: underline
}

.o-footer-wrapper .footer-submit-btn {
    -webkit-transition: transform .2s;
    -moz-transition: transform .2s;
    -o-transition: transform .2s;
    transition: transform .2s
}

.o-footer-wrapper .footer-submit-btn button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 1.6rem;
    background: 0 0;
    padding: 0;
    margin: 0;
    border: none
}

.o-footer-wrapper .footer-submit-btn i {
    color: #fff
}

.o-footer-wrapper .form-wrapper .input-form,.o-footer-wrapper .form-wrapper .submit-form {
    align-self: center
}

.o-footer-wrapper .form-wrapper .input-form {
    margin-top: 16px;
    position: relative
}

.o-footer-wrapper .form-wrapper .submit-form {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -8px
}

.o-footer-wrapper .form-wrapper .m-input-text input {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-right: 2.5rem
}

.o-footer-wrapper .footer-copyrights .copyrights-text {
    display: table-cell;
    vertical-align: middle
}

@media screen and (max-width: 768px) {
    .o-footer-wrapper .footer-copyrights .copyrights-text.ojk {
        padding-left:4px
    }
}

@media screen and (max-width: 768px) {
    .o-footer-wrapper .footer-copyrights .copyrights-text {
        display:block;
        margin-left: 0;
        margin-top: 6px
    }

    .o-footer-wrapper .footer-copyrights .footer-data-wrapper {
        padding-top: 7.2rem;
        flex-direction: column
    }

    .o-footer-wrapper .footer-logo-desc {
        margin-top: 24px
    }

    .o-footer-wrapper .footer-container {
        margin-bottom: 1rem
    }

    .o-footer-wrapper hr {
        border: none
    }
}

.o-calculator input[type=text] {
    padding-left: 2px;
    padding-right: 2px
}

.o-calculator-btn {
    padding: 4px 4px 4px 7px;
    border-radius: 12px
}

.vanilla-calendar *,.vanilla-calendar :after,.vanilla-calendar :before {
    box-sizing: border-box
}

.vanilla-calendar {
    background-color: #fff;
    border-radius: 5px;
    margin: 0 auto;
    overflow: hidden
}

.vanilla-calendar.loading>div {
    opacity: .5
}

@media (max-width: 1200px) {
    .vanilla-calendar {
        width:auto
    }
}

.vanilla-calendar .vanilla-calendar-btn {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-appearance: button;
    -moz-appearance: button;
    background: 0 0;
    border: 0;
    color: inherit;
    cursor: pointer;
    font: inherit;
    line-height: normal;
    min-width: 27px;
    outline: 0;
    overflow: visible;
    padding: 0;
    text-align: center
}

.vanilla-calendar .vanilla-calendar-btn:active {
    border-radius: 5px;
    box-shadow: 0 0 0 2px rgba(0,102,174,.1)
}

.vanilla-calendar .vanilla-calendar-header {
    display: block;
    padding: 10px
}

.vanilla-calendar .vanilla-calendar-header svg {
    fill: #cd9c13
}

.vanilla-calendar .vanilla-calendar-header__label {
    text-align: center;
    width: 100%
}

.vanilla-calendar-month-selector {
    background: 0 0;
    position: relative;
    display: inline-block;
    border: 0
}

.vanilla-calendar-month-selector select {
    display: none
}

.vanilla-calendar-year-selector {
    background: 0 0;
    position: relative;
    display: inline-block;
    border: 0
}

.vanilla-calendar-year-selector select {
    display: none
}

.vanilla-calendar .vanilla-calendar-week {
    background-color: #fff;
    display: flex;
    flex-wrap: wrap
}

.vanilla-calendar .vanilla-calendar-week span {
    color: #303030;
    font-size: 1.6rem;
    width: 14.28%;
    padding: 15px 0;
    text-align: center;
    display: inline-block
}

.vanilla-calendar .vanilla-calendar-body {
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 10px
}

.vanilla-calendar-select {
    display: inline;
    margin: 0 1.2rem;
    position: relative
}

.vanilla-calendar-select:after {
    content: "";
    font-family: "FontAwesome"!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #cd9c13;
    font-size: 1.2rem;
    color: #b88800;
    position: absolute;
    right: 0;
    top: .4rem;
    z-index: 1
}

.vanilla-calendar-select .new-activty {
    width: 5px;
    height: 5px;
    border-radius: 12px;
    background-color: #b88800;
    margin: 0 auto
}

.vanilla-calendar-select select {
    position: relative;
    z-index: 2;
    padding-right: 2rem;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer
}

.vanilla-calendar-date {
    position: relative;
    background-color: #fff;
    border-radius: 70px;
    display: inline-block;
    width: 14.28%;
    text-align: center
}

.vanilla-calendar-date span.new-activtiy {
    width: 5px;
    height: 5px;
    border-radius: 12px;
    background-color: #b88800;
    margin: 0 auto
}

.vanilla-calendar-date span {
    padding: 1.5rem 0;
    display: inline-block;
    width: 54px;
    border-radius: 50%;
    position: relative
}

.vanilla-calendar-date span:after {
    position: absolute;
    background-color: #cd9c13;
    width: 6px;
    height: 6px;
    left: 50%;
    border-radius: 50%;
    margin-left: -3px;
    bottom: 8px
}

.vanilla-calendar-date--new-activity:after {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #b88800;
    bottom: 1rem;
    left: 50%;
    margin-left: -2.5px
}

@media screen and (max-width: 768px) {
    .vanilla-calendar-date--new-activity:after {
        width:4px;
        height: 4px;
        bottom: .5rem
    }
}

.vanilla-calendar-date--active span {
    cursor: pointer
}

.vanilla-calendar-date--active span.new-activity {
    display: none
}

.vanilla-calendar-date--event:after {
    content: ""
}

.vanilla-calendar-date--selected span,.vanilla-calendar-date--today span {
    background-color: #b0b0b0;
    color: #fff
}

.vanilla-calendar-date--selected span:after,.vanilla-calendar-date--today span:after {
    background-color: #fff
}

.vanilla-calendar-date--selected span {
    background-color: #b88800
}

.vanilla-calendar-date--disabled span {
    border-radius: 0;
    cursor: not-allowed;
    opacity: .2
}

.o-kurs-refresh-wrapper {
    display: block;
    color: #7c7c7c;
    font-size: 1.2rem;
    text-align: left;
    width: 100%;
    padding-bottom: 2.4rem
}

.o-kurs-refresh--index {
    display: block;
    color: #7c7c7c;
    font-size: 1.2rem;
    text-align: left;
    width: 100%;
    padding-bottom: 2.4rem
}

.o-kurs-refresh-content {
    display: table;
    width: 100%
}

.o-kurs-refresh-description {
    width: 94%
}

.o-kurs-refresh-description span.desc-ref-kurs {
    font-size: 1.6rem
}

@media screen and (max-width: 768px) {
    .o-kurs-refresh-description span.desc-ref-kurs {
        font-size:1.2rem
    }
}

.o-kurs-refresh-description .refresh-date {
    padding: 0 .2rem
}

.o-kurs-refresh-description .refresh-time {
    padding: 0 .2rem
}

.o-kurs-refresh-desc {
    width: 94%
}

.o-kurs-refresh-desc span.desc-ref-kurs {
    font-size: 1.6rem
}

@media screen and (max-width: 768px) {
    .o-kurs-refresh-desc span.desc-ref-kurs {
        font-size:1.2rem
    }
}

.o-kurs-refresh-desc .refresh-date {
    padding: 0 .2rem
}

.o-kurs-refresh-desc .refresh-time {
    padding: 0 .2rem
}

.o-kurs-refresh-icon {
    width: 6%;
    padding-left: 5px
}

.o-kurs-refresh-icon a {
    font-size: 1.2rem;
    padding-left: 10px;
    cursor: pointer
}

.o-kurs-refresh-icon a i {
    font-size: 1.2rem
}

.o-product-section__tab-choice {
    padding-left: 20px
}

.o-product-section__tab-choice span {
    padding-right: 20px
}

.o-product-section__tab-choice a {
    text-decoration: none
}

.o-product-section__tab-choice a:hover {
    text-decoration: underline;
    color: #000
}

.o-product-section__tab-content {
    padding-top: 20px
}

.o-product-section__tab-pane {
    display: flex;
    flex-direction: row;
    max-width: 200px
}

.o-product-section__tab-list-content {
    list-style: none;
    display: flex
}

.o-product-section__tab-list-content li {
    padding-right: 10px
}

body.with-sidebar {
    padding: 0
}

body.with-sidebar .page-content {
    background: #fff
}

body.with-sidebar .page-content>div {
    padding-top: 0
}

@keyframes swing {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    10% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        transform: rotate(10deg)
    }

    30% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    50% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    60% {
        -webkit-transform: rotate(5deg);
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -o-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    70% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    100% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes sonar {
    0% {
        transform: scale(.9);
        opacity: 1
    }

    100% {
        transform: scale(2);
        opacity: 0
    }
}

.with-sidebar #close-sidebar,.with-sidebar #show-sidebar,.with-sidebar .page-wrapper .page-content,.with-sidebar .page-wrapper .sidebar-wrapper,.with-sidebar .sidebar-wrapper .sidebar-brand>a,.with-sidebar .sidebar-wrapper .sidebar-dropdown>a:after,.with-sidebar .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before,.with-sidebar .sidebar-wrapper .sidebar-menu ul li a,.with-sidebar .sidebar-wrapper .sidebar-search .input-group-text,.with-sidebar .sidebar-wrapper .sidebar-search input.search-menu,.with-sidebar .sidebar-wrapper ul li a i {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.with-sidebar .page-wrapper {
    height: 100vh
}

.with-sidebar .page-wrapper .theme {
    width: 40px;
    height: 40px;
    display: inline-block;
    border-radius: 4px;
    margin: 2px
}

.with-sidebar .page-wrapper .theme.chiller-theme {
    background: #1e2229
}

.with-sidebar .page-wrapper.toggled .sidebar-wrapper {
    left: 0
}

@media screen and (min-width: 768px) {
    .with-sidebar .page-wrapper.toggled .page-content {
        padding-left:260px
    }
}

.with-sidebar .page-wrapper .page-content {
    display: none;
    width: 100%;
    padding-left: 0
}

.with-sidebar .page-wrapper .page-content.is-active {
    display: block
}

.with-sidebar #show-sidebar {
    position: fixed;
    left: 0;
    top: 10px;
    border-radius: 0 4px 4px 0;
    width: 35px;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}

.with-sidebar .page-wrapper.toggled #show-sidebar {
    left: -40px
}

.with-sidebar .sidebar-wrapper {
    width: 260px;
    height: 100%;
    max-height: 100%;
    position: fixed;
    top: 0;
    left: -300px;
    z-index: 999;
    overflow: scroll
}

.with-sidebar .sidebar-wrapper ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.with-sidebar .sidebar-wrapper a {
    text-decoration: none
}

.with-sidebar .sidebar-content {
    max-height: calc(100% - 30px);
    height: calc(100% - 30px);
    overflow-y: auto;
    position: relative
}

.with-sidebar .sidebar-content.desktop {
    overflow-y: hidden
}

.with-sidebar .sidebar-wrapper .sidebar-brand {
    padding: 10px 20px;
    display: flex;
    align-items: center
}

.with-sidebar .sidebar-wrapper .sidebar-brand>a {
    text-transform: uppercase;
    font-weight: 700;
    flex-grow: 1
}

.with-sidebar .sidebar-wrapper .sidebar-brand #close-sidebar {
    cursor: pointer;
    font-size: 2rem
}

.with-sidebar .sidebar-header {
    overflow: hidden;
    padding-top: 32px;
    padding-bottom: 32px;
    padding-left: 50px
}

.with-sidebar .sidebar-wrapper .sidebar-header .user-pic {
    float: left;
    width: 60px;
    padding: 2px;
    border-radius: 12px;
    margin-right: 15px;
    overflow: hidden
}

.with-sidebar .sidebar-wrapper .sidebar-header .user-pic img {
    object-fit: cover;
    height: 100%;
    width: 100%
}

.with-sidebar .sidebar-wrapper .sidebar-header .user-info {
    float: left
}

.with-sidebar .sidebar-wrapper .sidebar-header .user-info>span {
    display: block
}

.with-sidebar .sidebar-wrapper .sidebar-header .user-info .user-role {
    font-size: 1.2rem
}

.with-sidebar .sidebar-wrapper .sidebar-header .user-info .user-status {
    font-size: 1.1rem;
    margin-top: 4px
}

.with-sidebar .sidebar-wrapper .sidebar-header .user-info .user-status i {
    font-size: .8rem;
    margin-right: 4px;
    color: #5cb85c
}

.with-sidebar .sidebar-wrapper .sidebar-search>div {
    padding: 10px 20px
}

.with-sidebar .sidebar-wrapper .sidebar-menu {
    padding-bottom: 10px
}

.with-sidebar .sidebar-wrapper .sidebar-menu .header-menu span {
    font-weight: 700;
    font-size: 1.4rem;
    padding: 15px 20px 5px 20px;
    display: inline-block
}

.with-sidebar .sidebar-wrapper .sidebar-menu ul li a:hover>i::before {
    display: inline-block;
    -webkit-animation: swing ease-in-out .5s 1 alternate;
    -moz-animation: swing ease-in-out .5s 1 alternate;
    -o-animation: swing ease-in-out .5s 1 alternate;
    animation: swing ease-in-out .5s 1 alternate
}

.with-sidebar .sidebar-dropdown {
    list-style-type: none;
    padding-left: 50px;
    padding-bottom: 1rem
}

.with-sidebar .sidebar-dropdown.active>a {
    background-color: #fff;
    border-radius: 12px 0 0 12px;
    color: #303030
}

.with-sidebar .sidebar-dropdown.active>a:after {
    content: initial
}

.with-sidebar .sidebar-dropdown>a {
    color: #fff;
    padding: 1rem 1rem 1rem 33px;
    display: block;
    position: relative
}

.with-sidebar .sidebar-dropdown>a i {
    font-size: 16px;
    color: #fff;
    padding-right: 1.6rem
}

.with-sidebar .sidebar-dropdown>a:after {
    content: "";
    width: 190px;
    border-bottom: 1px solid #0077ae;
    position: absolute;
    right: 1rem;
    bottom: 0
}

.with-sidebar .sidebar-dropdown>a:hover {
    background-color: #fff;
    color: #303030;
    border-radius: 12px 0 0 12px
}

.with-sidebar .sidebar-dropdown>a:hover i {
    font-size: 16px;
    color: #cd9c13;
    padding-right: 1.6rem
}

.with-sidebar .sidebar-dropdown>a:hover:after {
    content: initial
}

.with-sidebar .sidebar-submenu {
    display: none
}

.with-sidebar .sidebar-submenu.is-active {
    display: block
}

.with-sidebar .sidebar-submenu a {
    display: inline-block;
    text-decoration: none;
    position: relative;
    padding: .8rem .8px .8rem 1rem
}

.with-sidebar .sidebar-submenu a.is-active::before {
    content: "";
    border-left: 1.5px solid #fff;
    position: absolute;
    height: 60%;
    left: 0;
    top: 18%
}

.with-sidebar .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul {
    padding: 5px 0
}

.with-sidebar .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li {
    padding-left: 25px;
    font-size: 1.3rem
}

.with-sidebar .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active>a:after {
    transform: rotate(90deg);
    right: 17px
}

.with-sidebar .sidebar-footer {
    position: absolute;
    width: 100%;
    bottom: 0;
    display: flex
}

.with-sidebar .sidebar-footer>a {
    flex-grow: 1;
    text-align: center;
    height: 30px;
    line-height: 30px;
    position: relative
}

.with-sidebar .sidebar-footer>a .notification {
    position: absolute;
    top: 0
}

.with-sidebar .badge-sonar {
    display: inline-block;
    background: #980303;
    border-radius: 50%;
    height: 8px;
    width: 8px;
    position: absolute;
    top: 0
}

.with-sidebar .badge-sonar:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border: 2px solid #980303;
    opacity: 0;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    animation: sonar 1.5s infinite
}

.with-sidebar .page-wrapper .page-content>div {
    padding: 0 40px 20px
}

.with-sidebar .page-wrapper .page-content {
    overflow-x: hidden
}

.with-sidebar .chiller-theme .sidebar-wrapper {
    background: #0f60ad
}

.with-sidebar .ilust-theme .sidebar-wrapper {
    background: #d8d8d8
}

.with-sidebar .chiller-theme .sidebar-wrapper .sidebar-search .input-group-text,.with-sidebar .chiller-theme .sidebar-wrapper .sidebar-search input.search-menu {
    border-color: transparent;
    box-shadow: none
}

.with-sidebar .chiller-theme .sidebar-footer>a,.with-sidebar .chiller-theme .sidebar-wrapper .sidebar-brand>a,.with-sidebar .chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-role,.with-sidebar .chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-status,.with-sidebar .chiller-theme .sidebar-wrapper .sidebar-menu ul li a,.with-sidebar .chiller-theme .sidebar-wrapper .sidebar-search .input-group-text,.with-sidebar .chiller-theme .sidebar-wrapper .sidebar-search input.search-menu {
    color: #fff
}

.with-sidebar .page-wrapper.chiller-theme.toggled #close-sidebar {
    color: #bdbdbd
}

.with-sidebar .page-wrapper.chiller-theme.toggled #close-sidebar:hover {
    color: #fff
}

.with-sidebar .chiller-theme .sidebar-wrapper .sidebar-dropdown .sidebar-submenu li a:hover:before,.with-sidebar .chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active a i,.with-sidebar .chiller-theme .sidebar-wrapper .sidebar-search input.search-menu:focus+span,.with-sidebar .chiller-theme .sidebar-wrapper ul li:hover a i {
    color: #cd9c13;
    text-shadow: 0 0 10px rgba(22,199,255,.5)
}

.with-sidebar .chiller-theme .sidebar-wrapper .sidebar-menu .header-menu span {
    color: #6c7b88
}

.with-sidebar .chiller-theme .sidebar-footer {
    background: #3a3f48;
    box-shadow: 0 -1px 5px #282c33;
    border-top: 1px solid #464a52
}

.with-sidebar .chiller-theme .sidebar-footer>a:first-child {
    border-left: none
}

.with-sidebar .chiller-theme .sidebar-footer>a:last-child {
    border-right: none
}

.with-sidebar .container-header {
    margin: 0 -40px 0;
    padding: 140px 40px 40px;
    background: #d8d8d8
}

.with-sidebar .container-header .container {
    padding: 0 40px
}

.with-sidebar .container-header h2 {
    font-size: 3rem;
    font-weight: 300;
    line-height: 1.29;
    margin: 0
}

.with-sidebar .container-body {
    padding: 2rem 0
}

.with-sidebar .container-body>.container {
    width: auto
}

.with-sidebar .container-body p {
    padding-bottom: 1rem
}

.with-sidebar .o-footer-wrapper .container {
    width: 100%
}

.o-header-small_banner-desktop,.o-header-small_banner-mobile {
    width: 100%;
    min-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgba(0,0,0,.4);
    background-blend-mode: multiply;
    background-position: center
}

.o-header-small_banner-desktop {
    display: block
}

@media screen and (max-width: 768px) {
    .o-header-small_banner-desktop {
        display:none
    }
}

.o-header-small_banner-desktop:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: inherit;
    background-color: rgba(0,0,0,.4);
    background-blend-mode: multiply;
    backface-visibility: hidden;
    animation-duration: .7s;
    animation-fill-mode: both;
    transform: translateZ(0);
    animation-name: heroBannerImage
}

.o-header-small_banner-mobile {
    display: none
}

@media screen and (max-width: 768px) {
    .o-header-small_banner-mobile {
        display:block
    }

    .o-header-small_banner-mobile:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: inherit;
        background-color: rgba(0,0,0,.4);
        background-blend-mode: multiply;
        backface-visibility: hidden;
        animation-duration: .7s;
        animation-fill-mode: both;
        transform: translateZ(0);
        animation-name: heroBannerImage
    }
}

.o-header-small_wrapper {
    position: relative
}

.o-header-small_wrapper .tb_back {
    margin-top: 18vh;
    padding-bottom: 40px
}

.o-header-small_wrapper .tb_back a {
    font-size: 1rem;
    color: #fff
}

.o-header-small_wrapper .tb_back a i {
    color: #fff;
    padding-right: 5px
}

.o-header-small_wrapper .tb .content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

@media screen and (min-width: 1024px) {
    .o-header-small_text {
        max-width:800px
    }
}

.o-header-small_content {
    width: 100%;
    overflow: hidden;
    padding-left: 10rem
}

.o-header-small_content a {
    color: #fff
}

@media screen and (min-width: 1024px) {
    .o-header-small_content {
        max-width:900px
    }
}

@media screen and (max-width: 768px) {
    .o-header-small_content {
        padding-left:0
    }
}

@media screen and (max-width: 1024px) {
    .o-header-small_content .o-smart-search {
        margin-top:2.4rem
    }
}

.o-header_banner-desktop,.o-header_banner-mobile {
    width: 100%;
    min-height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgba(0,0,0,.4);
    background-blend-mode: multiply;
    background-position: center
}

.o-header_banner-desktop {
    display: block
}

@media screen and (max-width: 768px) {
    .o-header_banner-desktop {
        display:none
    }
}

.o-header_banner-desktop:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: inherit;
    background-color: rgba(0,0,0,.4);
    background-blend-mode: multiply;
    backface-visibility: hidden;
    animation-duration: .7s;
    animation-fill-mode: both;
    transform: translateZ(0);
    animation-name: heroBannerImage
}

.o-header_banner-mobile {
    display: none
}

@media screen and (max-width: 768px) {
    .o-header_banner-mobile {
        display:block
    }
}

@media screen and (max-width: 320px) {
    .o-header_banner-mobile {
        height:670px
    }
}

.o-header_wrapper {
    overflow: hidden;
    position: relative
}

@media only screen and (min-width: 1024px) {
    .o-header_wrapper .scroll-indicator {
        display:inline;
        position: absolute;
        top: calc(100vh - 134px);
        color: #fff
    }

    .o-header_wrapper .scroll-indicator i {
        color: #fff;
        padding-left: 8px;
        padding-top: 2px
    }
}

@media only screen and (min-width: 1024px) and (max-width:768px) {
    .o-header_wrapper .scroll-indicator {
        display:none
    }
}

.o-header_wrapper#bannerMobile {
    display: none
}

.o-header_wrapper #containerMobile {
    display: none
}

@media screen and (max-width: 1024px) {
    .o-header_wrapper#bannerDesktop {
        display:none
    }

    .o-header_wrapper#bannerMobile {
        display: block
    }

    .o-header_wrapper#bannerMobile #containerMobile {
        display: block
    }
}

.o-header-title .m-tabs-menu {
    padding-left: 0;
    margin-bottom: 2.4rem
}

.o-header-title .m-tabs-menu a:before {
    bottom: -2.4rem
}

.o-header-title h1 {
    margin-bottom: 1.6rem
}

@media screen and (max-width: 1024px) {
    .o-header-title {
        margin:0 -1.2rem
    }

    .o-header-title .a-title {
        padding: 0 1.2rem
    }

    .o-header-title .m-event-filter-wrapper {
        padding: 0 2.4rem;
        position: relative;
        bottom: -1px
    }

    .o-header-title .a-text.a-text-date {
        font-size: 1.6rem
    }

    .o-header-title .m-tabs {
        margin-left: -1.2rem;
        margin-right: -1.2rem;
        margin-bottom: 0
    }

    .o-header-title .m-tabs-menu {
        padding: 0 2.4rem;
        margin-bottom: 0;
        height: auto;
        padding-bottom: 2.4rem
    }
}

@media screen and (min-width: 1024px) {
    .o-header_text {
        max-width:800px
    }
}

.o-header_content_home {
    position: absolute;
    top: 0;
    width: 100%;
    padding-bottom: 3rem;
    padding-left: 10rem
}

.o-header_content_home .scroll-indicator {
    display: inline;
    width: 100%;
    text-align: center;
    position: absolute;
    top: calc(100vh - 124px);
    color: #fff
}

.o-header_content_home .scroll-indicator i {
    animation: updown 2.2s ease infinite;
    font-size: 1.6rem;
    color: #fff;
    padding-left: 8px;
    padding-top: 2px
}

@media screen and (max-width: 1440px) {
    .o-header_content_home .scroll-indicator {
        top:calc(100vh - 32px)
    }
}

@media screen and (max-width: 768px) {
    .o-header_content_home .scroll-indicator {
        display:none
    }
}

@media screen and (max-width: 1024px) {
    .o-header_content_home {
        padding-top:4.5rem;
        padding-left: 0;
        padding-right: 50px;
        top: 50%;
        transform: translateY(-50%)
    }
}

@media screen and (min-width: 1024px) {
    .o-header_content_home {
        max-width:800px
    }
}

@media screen and (max-width: 1024px) {
    .o-header_content_home .o-smart-search {
        margin-top:8rem
    }
}

.o-header_content {
    display: block;
    width: 100%;
    padding-left: 10rem;
    padding-right: 10rem;
    padding-bottom: 3rem;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.o-header_content .scroll-indicator {
    display: inline;
    width: 100%;
    text-align: center;
    position: absolute;
    top: calc(100vh - 250px);
    color: #fff
}

.o-header_content .scroll-indicator i {
    animation: updown 2.2s ease infinite;
    font-size: 1.6rem;
    color: #fff;
    padding-left: 8px;
    padding-top: 2px
}

@media screen and (max-width: 768px) {
    .o-header_content .scroll-indicator {
        display:none
    }
}

@media screen and (max-width: 1024px) {
    .o-header_content {
        padding-left:0;
        padding-right: 0
    }
}

@media screen and (min-width: 1024px) {
    .o-header_content {
        max-width:1184px
    }
}

@media screen and (max-width: 1024px) {
    .o-header_content .o-smart-search {
        margin-top:8rem
    }
}

.o-header .o-smart-search {
    z-index: 2
}

@media screen and (max-width: 1024px) {
    .bg-darker .o-header-title {
        color:#fff
    }

    .bg-darker .o-header-title input {
        color: #000
    }
}

@keyframes heroBannerImage {
    0% {
        background-color: rgba(0,0,0,.7);
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        background-color: rgba(0,0,0,.45);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.popup-disclaimer-show .o-header-small_wrapper {
    height: calc(533px + 82px)
}

@media screen and (max-width: 768px) {
    .popup-disclaimer-show .o-header-small_wrapper {
        min-height:100vh
    }
}

.popup-disclaimer-show .o-header-small_wrapper .tb {
    padding-top: 6.4rem
}

@media screen and (max-width: 768px) {
    .popup-disclaimer-show .o-header-small_wrapper .tb {
        padding-top:8.2rem
    }
}

.popup-outdate-show .o-header-small_wrapper {
    height: calc(533px + 82px)
}

@media screen and (max-width: 768px) {
    .popup-outdate-show .o-header-small_wrapper {
        min-height:100vh
    }
}

.popup-outdate-show .o-header-small_wrapper .tb {
    padding-top: 6.4rem
}

@media screen and (max-width: 768px) {
    .popup-outdate-show .o-header-small_wrapper .tb {
        padding-top:8.2rem
    }
}

@keyframes updown {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    35% {
        -webkit-transform: translateY(50%);
        -moz-transform: translateY(50%);
        -ms-transform: translateY(50%);
        -o-transform: translateY(50%);
        transform: translateY(50%)
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.m-filter {
    padding-bottom: 1rem
}

@media screen and (max-width: 1024px) {
    .m-filter {
        padding-top:1.6rem;
        padding-bottom: 1.6rem;
        margin-top: 0
    }
}

.m-filter__wrapper.col-lg-6 {
    padding-top: 1.4rem
}

@media screen and (max-width: 768px) {
    .m-filter__wrapper.fixed {
        position:fixed;
        box-shadow: 0 0 14px 0 rgba(0,0,0,.03),0 0 10px 0 rgba(0,0,0,.03);
        top: 0;
        z-index: 10000;
        padding-bottom: 8px;
        margin: 0;
        margin-left: -1.2rem
    }
}

@media screen and (max-width: 768px) {
    .m-filter__wrapper.fixed--popup {
        position:fixed;
        box-shadow: 0 0 14px 0 rgba(0,0,0,.03),0 0 10px 0 rgba(0,0,0,.03);
        top: 58px;
        z-index: 999;
        padding-bottom: 8px;
        padding-left: 4rem;
        margin-left: -2.4rem;
        padding-right: 3.6rem
    }
}

@media screen and (max-width: 768px) and (max-width:768px) {
    .m-filter__wrapper.fixed--popup .input-focus {
        width:362px
    }
}

@media screen and (max-width: 375px) {
    .m-filter__wrapper.fixed--popup .input-focus {
        width:100%
    }
}

@media screen and (max-width: 1024px) {
    .m-filter__wrapper {
        background-color:#fff;
        margin-left: -1.2rem;
        padding-right: 2.4rem;
        padding-left: 3.1rem
    }

    .m-filter__wrapper.col-lg-6 {
        padding-top: 0
    }
}

@media screen and (max-width: 768px) {
    .m-filter__wrapper.promo {
        margin-top:unset;
        margin-right: -1.2rem
    }

    .m-filter__wrapper.promo .m-filter__form {
        height: 58px
    }
}

.m-filter__backdrop {
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    background-color: rgba(0,0,0,.5);
    transition: opacity .2s ease;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.m-filter__backdrop.active {
    opacity: 1;
    z-index: 3;
    visibility: visible;
    z-index: 1010
}

.m-filter__form {
    width: 100%;
    position: relative
}

.m-filter__form.input-focus .input-form {
    position: absolute;
    left: 0;
    width: 100%
}

.m-filter__form.input-focus .m-filter__action {
    z-index: 0;
    opacity: 0
}

.m-filter__form .input-form {
    position: relative;
    max-width: 20rem;
    margin: 0 0 0 auto;
    transition: width .3s ease
}

@media screen and (max-width: 1024px) {
    .m-filter__form .input-form {
        max-width:100%
    }
}

.m-filter__form .input-form.promo-location {
    margin: unset;
    max-width: 100%
}

.m-filter__form .input-form.promo-location .submit-form a {
    border: none
}

.m-filter__form .input-form-filter-merchant {
    position: relative;
    max-width: 100%
}

@media screen and (max-width: 1024px) {
    .m-filter__form .input-form-filter-merchant {
        max-width:100%
    }
}

.m-filter__form .m-input-text {
    margin-bottom: 0
}

.m-filter__form .m-input-text.location-search.active {
    z-index: 1012;
    border-color: #fff;
    color: #fff
}

.m-filter__form .m-input-text.location-search.active input::placeholder {
    color: #fff
}

.m-filter__form .m-input-text.location-search.active .mavin-icon {
    color: #fff
}

.m-filter__form .m-input-text.location-search+.m-filter__dropdown-modal {
    width: 336px
}

@media screen and (max-width: 1024px) {
    .m-filter__form .m-input-text.location-search+.m-filter__dropdown-modal {
        width:100%;
        max-width: unset
    }
}

.m-filter__form .m-input-text.location-search+.m-filter__dropdown-modal .m-filter__dropdown-modal__content {
    padding: 0
}

@media screen and (max-width: 768px) {
    .m-filter__form .m-input-text.location-search+.m-filter__dropdown-modal .m-filter__dropdown-modal__content {
        height:100vh;
        padding-top: 72px
    }
}

.m-filter__form .m-input-text.location-search+.m-filter__dropdown-modal .m-filter__dropdown-modal__content .m-filter__search-location {
    padding: 1.6rem 2.4rem
}

.m-filter__form .m-input-text.location-search+.m-filter__dropdown-modal .m-filter__dropdown-modal__content .mobile-only {
    display: none
}

@media screen and (max-width: 768px) {
    .m-filter__form .m-input-text.location-search+.m-filter__dropdown-modal .m-filter__dropdown-modal__content .mobile-only {
        display:block
    }

    .m-filter__form .m-input-text.location-search+.m-filter__dropdown-modal .m-filter__dropdown-modal__content .mobile-only.mavin-icon {
        display: inline-block
    }
}

.m-filter__form .m-input-text.location-search+.m-filter__dropdown-modal .m-filter__dropdown-modal__content .submit-form-mobile {
    border: none;
    background-color: transparent;
    width: 100%;
    height: 100%;
    outline: 0;
    cursor: pointer;
    padding: 0
}

.m-filter__form .m-input-text.location-search+.m-filter__dropdown-modal .m-filter__dropdown-modal__content .submit-form-mobile i {
    font-size: 1.8rem
}

.m-filter__form .m-input-text.location-search+.m-filter__dropdown-modal .m-filter__dropdown-modal__close i {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: inline-block;
    font-size: 1.8rem
}

@media screen and (max-width: 768px) {
    .m-filter__form .m-input-text.location-search {
        display:none
    }
}

.m-filter__form .m-input-text input {
    height: 4rem;
    padding: 0 4rem 0 0
}

.m-filter__form .m-location-search-mobile {
    display: none;
    position: relative;
    border: none;
    border-bottom: 1px solid #b0b0b0;
    background-color: transparent;
    outline: 0;
    width: 100%;
    height: 4rem;
    padding: 0 4rem 0 0
}

@media screen and (max-width: 768px) {
    .m-filter__form .m-location-search-mobile {
        max-width:50rem
    }
}

@media screen and (max-width: 425px) {
    .m-filter__form .m-location-search-mobile {
        max-width:23rem
    }
}

@media screen and (max-width: 320px) {
    .m-filter__form .m-location-search-mobile {
        max-width:15rem
    }
}

.m-filter__form .m-location-search-mobile .text {
    display: block;
    text-align: left;
    color: #7c7c7c;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.m-filter__form .m-location-search-mobile .text.black {
    color: #000
}

.m-filter__form .m-location-search-mobile .icon {
    position: absolute;
    height: 4rem;
    width: 4rem;
    top: 0;
    right: 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

@media screen and (max-width: 768px) {
    .m-filter__form .m-location-search-mobile {
        display:block
    }
}

.m-filter__form .submit-form {
    position: absolute;
    border: none;
    background-color: transparent;
    height: 4rem;
    width: 4rem;
    top: 0;
    right: 0;
    text-align: center
}

.m-filter__form .submit-form a {
    display: block;
    top: 50%;
    transform: translateY(-50%);
    position: relative
}

.m-filter__form .submit-form-filter {
    position: absolute;
    height: 4rem;
    width: 2rem;
    top: 0;
    right: 0;
    text-align: center
}

.m-filter__form .submit-form-filter a {
    display: block;
    border: 0;
    top: 50%;
    transform: translateY(-50%);
    position: relative
}

.m-filter__form .submit-form-filter a:hover {
    background-color: transparent
}

.m-filter__form .submit-form-filter a:hover i {
    color: #b88800
}

.m-filter__action {
    white-space: nowrap;
    padding-left: 1.5rem;
    width: 1%;
    opacity: 1;
    transition: opacity .3s ease
}

@media screen and (max-width: 768px) {
    .m-filter__action.hide-filter .m-filter__action-wrapper {
        display:none
    }
}

.m-filter__action-head--filter {
    height: 6rem
}

.m-filter__action-calc {
    padding-right: 0
}

.m-filter__action a,.m-filter__action button {
    cursor: pointer;
    color: #b88800;
    display: inline-block;
    height: 4rem;
    border: 1px solid #b88800;
    border-radius: 20rem;
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
    text-align: center
}

.m-filter__action a i,.m-filter__action button i {
    font-size: 1.8rem
}

.m-filter__action a i,.m-filter__action a span,.m-filter__action button i,.m-filter__action button span {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block
}

.m-filter__action a--merchant a,.m-filter__action a--merchant button,.m-filter__action button--merchant a,.m-filter__action button--merchant button {
    color: #b88800;
    display: inline-block;
    height: 4rem;
    border: 0;
    text-align: center
}

.m-filter__action a--merchant i,.m-filter__action button--merchant i {
    font-size: 1.8rem
}

.m-filter__action a--merchant i,.m-filter__action a--merchant span,.m-filter__action button--merchant i,.m-filter__action button--merchant span {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block
}

.m-filter__action a.active-btn,.m-filter__action a:hover,.m-filter__action button.active-btn,.m-filter__action button:hover {
    background: #b88800;
    color: #fff
}

.m-filter__action a.active-btn i,.m-filter__action a:hover i,.m-filter__action button.active-btn i,.m-filter__action button:hover i {
    color: #fff
}

.m-filter__layout {
    display: inline-block;
    padding-right: .8rem
}

@media screen and (max-width: 768px) {
    .m-filter__layout {
        padding-right:0
    }
}

.m-filter__layout-button {
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
    width: 4.4rem
}

.m-filter__layout-button:nth-child(2) {
    border-radius: 0 18px 18px 0!important;
    margin-left: 0
}

.m-filter__dropdown {
    display: inline-block;
    position: relative
}

.m-filter__dropdown.active {
    z-index: 1012
}

.m-filter__dropdown-button {
    width: 11rem
}

.m-filter__dropdown-button span {
    padding-right: .8rem
}

.m-filter__dropdown-button .badge {
    display: none;
    background-color: #fff;
    border-radius: 1.2rem;
    color: #b88800;
    text-align: center;
    padding: 0;
    width: 2.5rem
}

.m-filter__dropdown-button.active,.m-filter__dropdown-button.has-filter {
    color: #fff;
    background-color: #b88800
}

.m-filter__dropdown-button.active i,.m-filter__dropdown-button.has-filter i {
    color: #fff
}

.m-filter__dropdown-button.has-filter i {
    display: none
}

.m-filter__dropdown-button.has-filter .badge {
    display: inline-block
}

.m-filter__dropdown-modal {
    position: absolute;
    text-align: left;
    font-size: 1.2rem;
    opacity: 0;
    visibility: hidden;
    z-index: 0;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s
}

.m-filter__dropdown-modal.active {
    opacity: 1;
    visibility: visible;
    z-index: 2
}

.m-filter__dropdown-modal .a-cards {
    background-color: #efefef;
    overflow: hidden;
    border-radius: 1.2rem
}

.m-filter__dropdown-modal.depend-with-button {
    max-width: 336px;
    width: 100%;
    right: 0;
    margin-top: 15px
}

@media screen and (max-width: 768px) {
    .m-filter__dropdown-modal.depend-with-button {
        max-width:100%
    }
}

.m-filter__dropdown-modal.active {
    opacity: 1;
    z-index: 1012;
    visibility: visible
}

@media screen and (max-width: 768px) {
    .m-filter__dropdown-modal {
        position:fixed;
        background-color: #fff;
        width: 100%;
        height: 100%;
        top: 0;
        margin-top: 0!important
    }
}

.m-filter__dropdown-modal ul {
    list-style: none;
    margin-bottom: 0;
    padding-left: 0
}

.m-filter__dropdown-modal__header .m-filter__dropdown-modal__close {
    display: none;
    border: 0;
    position: absolute;
    top: .4rem;
    right: 2rem;
    width: 40px;
    height: 6rem
}

@media screen and (max-width: 768px) {
    .m-filter__dropdown-modal__header .m-filter__dropdown-modal__close {
        display:block
    }
}

.m-filter__dropdown-modal__header .a-text.a-text-title {
    display: none
}

@media screen and (max-width: 768px) {
    .m-filter__dropdown-modal__header .a-text.a-text-title {
        padding:0 2.4rem;
        display: block;
        font-size: 3.2rem
    }
}

.m-filter__dropdown-modal__header-tab {
    display: table;
    width: 100%;
    border-bottom: solid 1px rgba(176,176,176,.35)
}

.m-filter__dropdown-modal__header-tab li {
    display: table-cell
}

.m-filter__dropdown-modal__header-tab a {
    border: 0;
    border-bottom: 4px solid transparent;
    width: 100%;
    border-radius: 0;
    color: #000;
    height: 6rem
}

.m-filter__dropdown-modal__header-tab a span {
    margin-top: 4px
}

.m-filter__dropdown-modal__header-tab a .badge {
    border-radius: 1.2rem;
    color: #fff;
    text-align: center;
    padding: 0;
    background-color: #b88800;
    display: inline-block;
    width: 2.5rem;
    margin-left: 1rem
}

.m-filter__dropdown-modal__header-tab a.active,.m-filter__dropdown-modal__header-tab a:hover {
    border-color: #b88800
}

.m-filter__dropdown-modal__header-tab a:hover {
    color: #b88800;
    background-color: transparent
}

.m-filter__dropdown-modal__content {
    padding: 1.6rem 2.4rem;
    max-height: 30rem;
    overflow-x: auto
}

@media screen and (max-width: 768px) {
    .m-filter__dropdown-modal__content {
        max-height:unset;
        height: calc(100vh - 307px)
    }
}

.m-filter__dropdown-modal__content .checkbox-custom {
    margin-top: 0;
    margin-bottom: 1rem
}

.m-filter__dropdown-modal__content .radio-custom {
    margin-top: 0;
    position: relative;
    padding-bottom: 1.6rem
}

.m-filter__dropdown-modal__content .radio-custom label {
    padding-left: 3.2rem;
    line-height: 1.6
}

.m-filter__dropdown-modal__content .radio-custom .radio {
    width: 24px;
    height: 24px;
    top: 0;
    border: 1px solid rgba(176,176,176,.35);
    border-width: 2px
}

.m-filter__dropdown-modal__content-list {
    display: none
}

.m-filter__dropdown-modal__content-list.active {
    display: block;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 9rem
}

.m-filter__dropdown-modal__content-list.active .checkbox-custom label {
    display: flex;
    white-space: pre-wrap
}

.m-filter__dropdown-modal__content-list.reksaDana {
    padding-top: 26px
}

.m-filter__dropdown-modal__content-list li.location-result {
    font-size: 1.6rem;
    line-height: 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    padding: .8rem 2.4rem;
    cursor: pointer;
    color: #7c7c7c
}

.m-filter__dropdown-modal__content-list li.location-result span.strong {
    color: #303030
}

.m-filter__dropdown-modal__content-list li.location-result .mavin-icon {
    font-size: 1.6rem;
    padding-right: 1.6rem
}

.m-filter__dropdown-modal__content-list li.location-result:hover {
    background-color: #efefef
}

.m-filter__dropdown-modal__content-list li.location-result:first-child {
    padding-top: 1.6rem
}

@media screen and (max-width: 768px) {
    .m-filter__dropdown-modal__content-list li.location-result {
        padding:1.2rem 2.4rem
    }

    .m-filter__dropdown-modal__content-list li.location-result:first-child {
        padding-top: 2.4rem
    }
}

.m-filter__dropdown-modal__search-merchant {
    width: 100%;
    position: relative
}

.m-filter__dropdown-modal__search-merchant .input-form {
    position: relative;
    max-width: 20rem;
    margin: 0 0 0 auto
}

@media screen and (max-width: 1024px) {
    .m-filter__dropdown-modal__search-merchant .input-form {
        max-width:100%
    }
}

.m-filter__dropdown-modal__search-merchant .m-input-text {
    margin-bottom: 0
}

.m-filter__dropdown-modal__search-merchant .m-input-text input {
    height: 4rem;
    padding: 0 10rem 0 0
}

.m-filter__dropdown-modal__search-merchant .submit-search-merchant {
    position: absolute;
    height: 4rem;
    width: 4rem;
    top: 0;
    right: 0;
    text-align: center
}

.m-filter__dropdown-modal__search-merchant .submit-search-merchant a {
    border: 0;
    display: block;
    top: 50%;
    transform: translateY(-50%);
    position: absolute
}

.m-filter__dropdown-modal__footer {
    background-color: #fff;
    padding: 2.4rem;
    padding-top: 16px
}

.m-filter__dropdown-modal__footer a {
    width: 100%;
    border-color: transparent
}

.m-filter__dropdown-modal__footer a.primary {
    height: 5.6rem;
    border-radius: 3rem;
    margin: 0
}

.m-filter__dropdown-modal__footer a.text-button {
    margin: 0;
    padding: 1.6rem 0 2.4rem
}

.m-filter__dropdown-modal__footer a.text-button:hover {
    background-color: transparent
}

@media screen and (max-width: 768px) {
    .m-filter__dropdown-modal__footer {
        position:absolute;
        width: 100%;
        z-index: 1013;
        bottom: 0
    }
}

.m-filter__dropdown-btn-calc {
    display: none
}

@media screen and (max-width: 768px) {
    .m-filter__dropdown-btn-calc {
        display:block;
        width: 4rem
    }
}

.m-filter .checkbox-custom label:before {
    border-width: 2px
}

.m-filter .checkbox-custom input:checked+label:before {
    border-color: #b88800
}

.m-filter .a-dropdown-content li a {
    border: 0;
    border-radius: 0
}

@media screen and (max-width: 1024px) {
    .m-filter .m-input-datepicker.style-icon-date input {
        padding:9px 0
    }

    .m-filter .m-input-datepicker.style-icon-date i {
        top: 50%;
        margin-top: -4px
    }
}

.hide-promo {
    opacity: 0;
    transition: opacity 10ms;
    position: fixed;
    visibility: hidden
}

.show-promo .result-promo {
    text-align: center
}

.list-promo .next-button {
    position: absolute;
    margin-left: 75.5rem
}

@media screen and (max-width: 768px) {
    .list-promo .next-button {
        margin-left:9rem
    }
}

.list-promo .next-button .tb-cell {
    font-size: 2.4rem
}

@media screen and (max-width: 768px) {
    .list-promo .next-button .tb-cell {
        font-size:16px
    }
}

.list-promo .next-button .icon-chevron-next {
    padding-top: 5px
}

.filter-container {
    display: inline-block
}

.filter-wrap {
    position: relative;
    bottom: 37px
}

@media screen and (max-width: 768px) {
    .filter-wrap {
        padding-top:16px
    }
}

.compare-reksadana .m-filter__dropdown-modal.depend-with-button {
    width: auto
}

@media screen and (max-width: 768px) {
    .compare-reksadana .m-filter__dropdown-modal.depend-with-button {
        width:100%
    }
}

.m-promo-filter {
    background-color: #efefef;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 10ms ease 5ms,display 10ms;
    -moz-transition: opacity 10ms ease 5ms,display 10ms;
    -o-transition: opacity 10ms ease 5ms,display 10ms;
    transition: opacity 10ms ease 5ms,display 10ms
}

@media screen and (max-width: 1024px) {
    .m-promo-filter {
        border-radius:unset;
        box-shadow: none!important;
        margin-bottom: 0;
        background-color: #fff;
        height: 100%
    }
}

.m-promo-filter.active {
    visibility: visible;
    opacity: 1
}

.m-promo-filter-wrapper {
    border-radius: .9rem .9rem 0 0;
    padding-top: 20px;
    background-color: #fff;
    border-bottom: 2px solid #efefef
}

@media screen and (max-width: 1024px) {
    .m-promo-filter-wrapper {
        display:none
    }
}

.m-promo-filter-wrapper-tabs {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
    list-style: none;
    display: table;
    table-layout: fixed;
    width: 100%
}

.m-promo-filter-wrapper-tabs li {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.m-promo-filter-wrapper-tabs li:not(:first-child) {
    margin-left: 10px
}

.m-promo-filter-wrapper-tabs li a {
    cursor: pointer;
    display: inline-block;
    width: 100%;
    font-size: 1.6rem;
    color: #7c7c7c;
    position: relative;
    padding-bottom: 15px
}

.m-promo-filter-wrapper-tabs li a.active {
    color: #000;
    border: 0
}

.m-promo-filter-wrapper-tabs li a.active:after {
    content: ""
}

.m-promo-filter-wrapper-tabs li a {
    width: 100%;
    display: block;
    padding-left: 0;
    padding-right: 0;
    z-index: 1;
    position: relative
}

.m-promo-filter-wrapper-tabs li a.active {
    padding-bottom: 0;
    color: #000;
    border-bottom: 0
}

.m-promo-filter-wrapper-tabs li:not(:first-child) {
    margin-left: 0
}

.m-promo-filter-wrapper-tabs li:after {
    font-family: "FontAwesome"!important;
    content: "";
    float: right;
    margin-top: -16px;
    z-index: -1
}

@media screen and (min-width: 1024px) {
    .m-promo-filter-container {
        height:200px
    }
}

@media screen and (max-width: 1024px) {
    .m-promo-filter-container {
        background-color:#fff;
        overflow-y: auto;
        height: 62%;
        padding-bottom: 150px
    }
}

.m-promo-filter-container-item {
    padding: 0 1.5rem 1.5rem;
    opacity: 0;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    visibility: hidden;
    position: absolute;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 0
}

@media screen and (min-width: 1024px) {
    .m-promo-filter-container-item {
        height:200px
    }
}

@media screen and (max-width: 1024px) {
    .m-promo-filter-container-item {
        position:relative;
        display: none
    }
}

.m-promo-filter-container-item.active {
    opacity: 1;
    visibility: visible;
    z-index: 1
}

@media screen and (max-width: 1024px) {
    .m-promo-filter-container-item.active {
        display:block
    }
}

.m-promo-filter-action {
    margin: auto;
    padding: 2rem 2rem 1rem;
    text-align: center;
    border-radius: 0 0 .9rem .9rem;
    padding-bottom: 20px;
    background-color: #fff
}

.m-promo-filter-action .reset-wrapper {
    margin-top: 1rem
}

@media screen and (max-width: 1024px) {
    .m-promo-filter-action {
        border-top:2px solid #efefef;
        bottom: 0;
        position: absolute;
        width: 100%;
        z-index: 1;
        height: 150px
    }
}

@media screen and (max-width: 1024px) {
    .m-promo-filter-action .a-button {
        padding-left:0;
        padding-right: 0;
        margin-top: 0;
        margin-right: 0
    }
}

.m-promo-filter-action .a-button .primary {
    width: 100%
}

.m-promo-filter .mobile-filter-header {
    color: #7c7c7c;
    display: none;
    padding: 20px;
    border-bottom: 2px solid #b0b0b0
}

@media screen and (max-width: 1024px) {
    .m-promo-filter .mobile-filter-header {
        display:block
    }
}

.m-promo-filter .mobile-filter-header a {
    cursor: pointer;
    float: right
}

.m-promo-filter .mobile-filter-header.active {
    border-bottom: 1px solid #b88800
}

.m-promo-filter .mobile-filter-item {
    display: none;
    border-bottom: 1px solid #b0b0b0;
    padding-bottom: 10px;
    margin: 20px 20px 0
}

@media screen and (max-width: 1024px) {
    .m-promo-filter .mobile-filter-item {
        display:block
    }
}

.m-promo-filter .mobile-filter-item a {
    display: block;
    cursor: pointer;
    z-index: 1;
    position: relative;
    color: #7c7c7c
}

.m-promo-filter .mobile-filter-item:after {
    font-family: "FontAwesome"!important;
    content: "";
    float: right;
    margin-top: -16px;
    z-index: -1
}

.m-promo-filter .mobile-filter-item.active {
    color: #b88800;
    border-bottom: 1px solid #b88800
}

.m-promo-filter .mobile-filter-item.active a {
    color: #b88800
}

.m-event-filter-backdrop {
    background: rgba(0,0,0,.5);
    position: fixed;
    height: 100%;
    width: 100%;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: opacity .2s ease .1s,visibility .21s;
    -webkit-transition: opacity .2s ease .1s,visibility .21s;
    -moz-transition: opacity .2s ease .1s,visibility .21s;
    -o-transition: opacity .2s ease .1s,visibility .21s;
    z-index: 1009;
    opacity: 0;
    visibility: hidden
}

.m-event-filter-backdrop.active {
    opacity: 1;
    visibility: visible
}

@media screen and (max-width: 1024px) {
    .m-event-filter-wrapper {
        background-color:#fff
    }
}

.m-event-filter-form {
    margin: 0 0 0 auto
}

@media screen and (max-width: 1024px) {
    .m-event-filter-form-wrapper {
        width:100%
    }
}

.m-event-filter-form-wrapper .row {
    display: flex
}

.m-event-filter-form-wrapper .input-form .m-input-text {
    margin-bottom: 0
}

.m-event-filter-form-wrapper .input-form .submit-form {
    top: -28px
}

.m-event-filter-form-wrapper .input-form,.m-event-filter-form-wrapper .submit-form {
    align-self: center
}

.m-event-filter-form-wrapper .submit-form {
    position: relative;
    top: -35px;
    pointer-events: none;
    right: 12px
}

.m-event-filter-form-wrapper .submit-form i {
    font-size: 1.6rem
}

.m-event-filter-form-wrapper .m-input-text input {
    padding-right: 1.5rem
}

.m-event-filter-action {
    margin-top: 20px
}

.m-event-filter-action-wrapper {
    position: relative
}

.m-event-filter-action-wrapper .filter-container p,.m-event-filter-action-wrapper .filter-container span {
    font-size: 1.6rem
}

.m-event-filter-action-wrapper .filter-container i {
    font-size: 2.4rem
}

.m-event-filter-action-wrapper .filter-container-section {
    position: absolute;
    text-align: left;
    font-size: 1.2rem;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    opacity: 0;
    z-index: -1;
    visibility: hidden
}

.m-event-filter-action-wrapper .filter-container-section.depend-with-button {
    min-width: 370px;
    right: 0;
    margin-top: 15px
}

.m-event-filter-action-wrapper .filter-container-section.active {
    opacity: 1;
    z-index: 1012;
    visibility: visible
}

@media screen and (max-width: 1024px) {
    .m-event-filter-action-wrapper .filter-container-section {
        position:fixed;
        background-color: #fff;
        width: 100%;
        height: 100%;
        top: 0;
        margin-top: 0!important
    }
}

.m-event-filter-action-wrapper .filter-container .icon-button {
    margin-top: -3px;
    display: inline-block
}

.m-event-filter-action-wrapper .with-icon {
    border-radius: 30px;
    color: #b88800;
    border: 1px solid #b88800;
    text-decoration: none;
    display: inline-block;
    width: 11rem;
    text-align: center;
    padding: 2.5px 0;
    cursor: pointer;
    margin-left: 1.6rem
}

.m-event-filter-action-wrapper .with-icon span {
    margin-top: -1.2rem
}

.m-event-filter-action-wrapper .with-icon.is-active {
    position: relative;
    z-index: 1002;
    background-color: #b88800;
    color: #fff;
    padding: 7px 0
}

.m-event-filter-action-wrapper .with-icon.is-active .icon-button {
    margin: 0;
    margin-left: 11px
}

.m-event-filter-action-wrapper .with-icon.is-active i {
    color: #fff
}

.m-event-filter-action-wrapper .with-icon.is-active .badge.primary {
    background-color: #fff;
    color: #b88800;
    height: 24px;
    width: 26px;
    display: inline-block;
    border-radius: 26px;
    margin-top: 0
}

.m-event-filter-action-wrapper .with-icon.is-active:hover {
    background-color: #fff;
    color: #b88800
}

.m-event-filter-action-wrapper .with-icon.is-active:hover .badge.primary {
    background-color: #b88800;
    color: #fff
}

.m-event-filter-action-wrapper .with-icon i {
    color: #b88800
}

.m-event-filter-action-wrapper .with-icon:hover {
    background-color: #b88800;
    color: #fff
}

.m-event-filter-action-wrapper .with-icon:hover i {
    color: #fff
}

.m-event-filter-action-wrapper .with-icon:hover .badge.primary {
    color: #b88800;
    background-color: #fff
}

.m-event-filter-action-wrapper .with-icon i {
    margin-left: 10px
}

.m-event-filter-action-wrapper .left-btn,.m-event-filter-action-wrapper .right-btn {
    bottom: -3px;
    cursor: pointer;
    padding-top: .65rem;
    padding-bottom: .4rem;
    padding-left: .7rem;
    padding-right: .6rem;
    border: 1px solid #b88800;
    border-top-left-radius: 18px;
    border-bottom-left-radius: 18px;
    color: #b88800;
    -webkit-transition: .3s ease all;
    transition: .3s ease all
}

.m-event-filter-action-wrapper .left-btn.active-btn,.m-event-filter-action-wrapper .left-btn:hover,.m-event-filter-action-wrapper .right-btn.active-btn,.m-event-filter-action-wrapper .right-btn:hover {
    background: #b88800;
    color: #fff;
    -moz-transition: .3s ease all;
    -o-transition: .3s ease all;
    -webkit-transition: .3s ease all;
    transition: .3s ease all
}

.m-event-filter-action-wrapper .left-btn.active-btn i,.m-event-filter-action-wrapper .left-btn:hover i,.m-event-filter-action-wrapper .right-btn.active-btn i,.m-event-filter-action-wrapper .right-btn:hover i {
    color: #fff
}

.m-event-filter-action-wrapper i {
    color: #b88800
}

.m-event-filter-action-wrapper .right-btn {
    border-radius: 0 18px 18px 0
}

.o-search-suggestion:after {
    opacity: 0;
    background: rgba(0,0,0,.5);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    transition: opacity .2s ease .1s,visibility .21s;
    -webkit-transition: opacity .2s ease .1s,visibility .21s;
    -moz-transition: opacity .2s ease .1s,visibility .21s;
    -o-transition: opacity .2s ease .1s,visibility .21s;
    visibility: hidden;
    z-index: 1000
}

.o-search-suggestion.active:after {
    opacity: 1;
    visibility: visible
}

.o-search-suggestion.active .m-input-text {
    z-index: 1001;
    position: relative;
    border-color: #fff
}

.o-search-suggestion.active .m-input-text input {
    color: #fff
}

.o-search-suggestion.active .m-input-text input::placeholder {
    color: #b0b0b0
}

.o-search-suggestion.active .submit-form {
    z-index: 1001;
    position: relative
}

.o-search-suggestion.active .submit-form .footer-submit-btn i {
    color: #fff
}

#suggestion-wrapper {
    border-radius: .9rem;
    background: #efefef;
    position: absolute;
    z-index: 1001
}

#suggestion-wrapper-list {
    padding-left: 0;
    height: 300px;
    padding-top: 20px;
    padding-bottom: 20px;
    overflow-y: auto
}

#suggestion-wrapper-list li {
    font-size: 1.4rem;
    text-align: left;
    list-style: none;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    min-width: 220px;
    max-width: 300px
}

#suggestion-wrapper-list li span {
    color: #7c7c7c
}

#suggestion-wrapper-list li:hover {
    background-color: #efefef
}

#suggestion-wrapper-list li.no-result-item {
    color: #7c7c7c;
    text-align: center;
    cursor: initial
}

#suggestion-wrapper-list li.no-result-item:hover {
    background-color: transparent
}

@media screen and (max-width: 768px) {
    .o-related-product {
        padding-bottom:48px
    }
}

.o-related-product-wrapper {
    margin-top: 20px;
    margin-bottom: 24px;
    float: none
}

.o-related-product-wrapper .product-item {
    display: table-cell
}

@media screen and (max-width: 1024px) {
    .o-related-product-wrapper {
        display:block
    }
}

.o-related-product .action-link {
    padding-top: 2rem;
    padding-left: 0
}

@media screen and (max-width: 768px) {
    .o-related-product .action-link {
        text-align:center;
        position: absolute;
        top: calc(100% + 40.4rem)
    }
}

.o-form-title {
    font-size: 1.5rem;
    color: #303030
}

.o-form-wrapper-action {
    margin-top: 30px;
    font-size: 1rem
}

.o-information-title {
    font-size: 2.5rem
}

.o-information-body {
    font-size: 1rem;
    margin-top: 30px
}

.o-information-action {
    margin-top: 30px;
    font-size: 1rem
}

.o-information-video {
    position: relative;
    height: 460px
}

.o-information-video-bg {
    background-color: #efefef
}

@media screen and (max-width: 1024px) {
    .o-information-video {
        min-height:571px;
        height: auto
    }
}

.o-information-video-left {
    z-index: -99;
    width: 60%
}

.o-information-video-left .video-container {
    width: 100%;
    height: 460px
}

.o-information-video-right {
    width: 40%;
    padding: 40px 225px 36px 60px
}

@media screen and (max-width: 768px) {
    .o-information-video-right {
        padding:40px 24px 36px 24px
    }
}

.o-information-video-right-title>* {
    font-size: 3.2rem
}

.o-information-video-right-subtitle {
    margin-top: 30px
}

.o-information-video-right-subtitle>* {
    color: #6c6c6c;
    font-size: 1.4rem
}

.o-information-video-right-carousel {
    width: 40%;
    padding: 0 180px 40px 72px
}

@media screen and (max-width: 1440px) {
    .o-information-video-right-carousel {
        padding:0 80px 40px 72px
    }
}

@media screen and (max-width: 768px) {
    .o-information-video-right-carousel {
        padding:40px 24px 36px
    }
}

.o-information-video-right-carousel-title>* {
    font-size: 3.2rem
}

.o-information-video-right-carousel-subtitle {
    margin-top: 30px
}

.o-information-video-right-carousel-subtitle>* {
    color: #6c6c6c;
    font-size: 1.4rem
}

@media screen and (max-width: 1024px) {
    .o-information-video-left {
        display:block;
        width: 100%
    }

    .o-information-video-left .video-container {
        height: 360px
    }

    .o-information-video-right {
        width: 100%;
        display: block
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        -moz-transform: translate3d(0,100%,0);
        -ms-transform: translate3d(0,100%,0);
        -o-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

.o-simulation-form .a-text-subtitle {
    padding-bottom: 2.4rem
}

.o-simulation-form .a-text-subtitle.kredit-simulation {
    padding-bottom: unset
}

.o-simulation-form_action-container {
    font-size: 1.6rem;
    margin-top: 20px
}

.o-simulation-form_action-container_download {
    display: table-cell;
    vertical-align: middle
}

.o-simulation-form_action-container_download a:nth-child(2) {
    margin-left: 10px
}

.o-simulation-form_action-container_share {
    padding-left: 20px;
    display: table-cell;
    vertical-align: middle
}

@media screen and (max-width: 1024px) {
    .o-simulation-form_action-container_download {
        margin-top:20px;
        display: block
    }

    .o-simulation-form_action-container_download a {
        display: block;
        text-align: center
    }

    .o-simulation-form_action-container_download a:nth-child(2) {
        margin-top: 10px
    }

    .o-simulation-form_action-container_share {
        margin-top: 20px;
        display: block;
        text-align: center
    }
}

.o-infoSide {
    height: 100vh;
    width: 35%;
    float: left;
    position: fixed;
    top: 0;
    left: 0;
    text-align: left;
    background-color: #efefef;
    z-index: 0
}

.o-infoSide-bg {
    background-color: #efefefa
}

@media screen and (max-width: 768px) {
    .o-infoSide {
        width:100%;
        height: 100vh
    }
}

.o-infoSide ul {
    height: 88%;
    padding: 0;
    overflow-y: auto;
    overflow-x: hidden
}

.o-infoSide ul li {
    position: relative;
    list-style-type: none;
    color: #4d4e53;
    width: 100%;
    padding-top: 2px
}

.o-infoSide ul li a {
    display: block;
    padding: 10px 30px;
    color: #4d4e53;
    text-decoration: none;
    cursor: pointer
}

.o-infoSide ul li:hover {
    background-color: #ccedd2
}

.m-ilustrate-benefit-content {
    height: 100vh
}

.m-ilustrate-benefit--zoom {
    float: right;
    position: relative;
    top: -3rem
}

.m-ilustrate-benefit--zoom i {
    padding-left: 1rem
}

@media screen and (max-width: 768px) {
    .m-ilustrate-benefit--slide-content {
        background:#fff;
        height: 100vh;
        padding-top: 2rem
    }
}

.info-ilustrate {
    width: 80%;
    display: inline a;
    display-display: flex
}

@media screen and (max-width: 768px) {
    .info-ilustrate {
        width:100%
    }
}

.o-grid-list {
    display: none
}

.o-grid-list.active {
    display: block
}

.o-grid-list--date {
    min-height: 55rem
}

.o-grid-list--date .o-list-date {
    padding-top: 2.4rem;
    width: 50rem;
    position: absolute
}

@media screen and (max-width: 1024px) {
    .o-grid-list--date .o-list-date {
        width:40rem
    }
}

@media screen and (max-width: 768px) {
    .o-grid-list--date .o-list-date {
        width:100%;
        position: initial
    }
}

.o-grid-list--date .o-list-date__content {
    padding-top: 2.4rem;
    padding-left: 52.8rem
}

@media screen and (max-width: 1024px) {
    .o-grid-list--date .o-list-date__content {
        padding-left:42.8rem
    }
}

@media screen and (max-width: 768px) {
    .o-grid-list--date .o-list-date__content {
        padding-left:0
    }

    .o-grid-list--date .o-list-date__content .m-banner-card--small,.o-grid-list--date .o-list-date__content .m-banner-card--small .m-banner-card_item {
        height: 169px
    }

    .o-grid-list--date .o-list-date__content .m-banner-card--small .m-banner-card_item .owl-dots,.o-grid-list--date .o-list-date__content .m-banner-card--small .owl-dots {
        bottom: 1.1rem
    }
}

.o-grid-list--date .o-list-date__content.no-result .o-list-date__no-result {
    display: block
}

.o-grid-list--date .o-list-date .a-card {
    box-shadow: 0 4px 5px 0 rgba(0,0,0,.03),0 3px 14px 3px rgba(0,0,0,.03),0 8px 10px 1px rgba(0,0,0,.03);
    overflow: hidden;
    border-radius: 1.2rem
}

.o-grid-list--date .o-list-date .a-card:hover {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}

@media screen and (max-width: 1024px) {
    .o-grid-list--date .o-list-date .vanilla-calendar-date {
        padding:.2rem 0
    }

    .o-grid-list--date .o-list-date .vanilla-calendar-date span {
        width: 44px;
        padding: 1rem 0
    }
}

@media screen and (max-width: 768px) {
    .o-grid-list--date .o-list-date .vanilla-calendar-date {
        padding:.2rem 0
    }

    .o-grid-list--date .o-list-date .vanilla-calendar-date span {
        width: 38px;
        padding: .7rem 0
    }
}

.o-grid-list--date .o-list-date .vanilla-calendar select {
    outline: 0
}

.o-grid-list--date .o-list-date__event {
    padding: 0;
    list-style: none;
    padding-top: 3.6rem
}

.o-grid-list--date .o-list-date__event li .a-text-subtitle {
    padding-bottom: 2.4rem;
    color: #b88800;
    display: inline-block
}

@media screen and (max-width: 768px) {
    .o-grid-list--date .o-list-date__event li .a-text-subtitle {
        line-height:1.6
    }
}

.o-grid-list--date .o-list-date__event li i {
    color: #6c6c6c;
    padding-right: 8px;
    font-size: 1.2rem
}

.o-grid-list--date .o-list-date__event-date {
    border-bottom: 1px solid rgba(108,108,108,.35);
    padding-bottom: 1.6rem;
    margin-bottom: 2.4rem
}

@media screen and (max-width: 768px) {
    .o-grid-list--date .o-list-date__event-date>span {
        display:block
    }
}

.o-grid-list--date .o-list-date__event-date>span:first-child {
    padding-right: 2.4rem
}

.o-grid-list--date .o-list-date__no-result {
    display: none
}

.o-grid-list--column {
    min-height: 20rem
}

.page-error {
    background-color: #fff
}

@media screen and (max-width: 768px) {
    .page-error-500 .container .desc-error {
        top:20rem!important
    }

    .page-error-500 .container .desc-error .back {
        margin-top: unset!important
    }

    .page-error-500 .container .desc-error .try-again {
        margin-bottom: unset!important
    }
}

.page-error .a-top-nav {
    background-color: #fff
}

.page-error .a-top-nav.fixed {
    background-color: #fff
}

.page-error .container .picture-error .desktop {
    display: block
}

.page-error .container .picture-error .mobile {
    display: none
}

@media screen and (max-width: 768px) {
    .page-error .container .picture-error {
        padding-left:unset
    }

    .page-error .container .picture-error .desktop {
        width: 80%;
        margin: 0 auto
    }

    .page-error .container .picture-error .mobile {
        display: block
    }
}

@media screen and (max-width: 768px) {
    .page-error .container .desc-error {
        top:14rem
    }

    .page-error .container .picture-error {
        position: relative;
        right: unset;
        top: -28rem;
        padding-right: unset
    }
}

.page-error .container.second-container .group-card .m-fitur-cards .a-card--featured {
    background-size: 56px 64px;
    height: 10rem;
    height: 120px
}

.page-error .container.second-container .group-card .m-fitur-cards .a-card--featured .card--icon {
    position: relative;
    top: 2.4rem;
    left: 22rem;
    height: 20px;
    width: 28px;
    font-size: 26px
}

@media screen and (max-width: 768px) {
    .page-error .container.second-container .group-card .m-fitur-cards .a-card--featured .card--icon {
        position:absolute;
        left: initial;
        right: 1.5rem
    }
}

.page-error .container.second-container .group-card .m-fitur-cards .a-card--featured .card-content {
    margin-top: unset;
    padding: 15px
}

.page-error .container.second-container .group-card .m-fitur-cards .a-card--featured .card-content .a-text-ellipsis {
    margin-bottom: 25px
}

@media screen and (max-width: 768px) {
    .page-error .container.second-container .group-card .m-fitur-cards .a-card--featured {
        height:130px
    }
}

.profile-manager-investasi .modal-box--header .container .icon-close .a-close {
    top: 3.6rem
}

@media screen and (max-width: 768px) {
    .profile-manager-investasi .modal-box--header .container .icon-close .a-close {
        top:2.5rem
    }
}

.profile-manager-investasi .container .description p {
    width: 808px;
    line-height: 2.4rem;
    height: 144px
}

@media screen and (max-width: 768px) {
    .profile-manager-investasi .container .description p {
        width:327px;
        height: 384px;
        margin-bottom: 0
    }
}

.profile-manager-investasi .container .last-paragraf p a {
    color: #b88800
}

@media screen and (max-width: 768px) {
    .profile-manager-investasi .container .last-paragraf {
        padding-top:0!important
    }
}

.pertanyaan-wealth .question-wealth .input-form--radio input {
    display: inline-block
}

.pertanyaan-wealth .question-wealth .input-form--radio label {
    display: inline-block;
    padding-top: unset!important
}

@media screen and (max-width: 768px) {
    .pertanyaan-wealth .question-wealth .input-form--radio label {
        vertical-align:top
    }
}

.wm-detail .a-close .lightbox__close {
    top: 5.6rem
}

@media screen and (max-width: 768px) {
    .wm-detail .a-close .lightbox__close {
        top:2.4rem
    }
}

.wm-detail .border-bottom {
    padding-bottom: .6rem;
    border-bottom: 1px solid #ccc
}

.wm-detail .shade-grey-70 {
    color: #6c6c6c
}

.wm-detail table td ul {
    padding-inline-start:2rem;margin-bottom: 1.4rem;
    line-height: 1.5
}

.page-newsroom-detail .container.desc .a-text-paragraph {
    width: 912px
}

@media screen and (max-width: 768px) {
    .page-newsroom-detail .container.desc .a-text-paragraph {
        width:324px
    }
}

.page-newsroom-detail .container.list-card .action-link {
    text-align: end
}

.page-newsroom-detail .container .group-card {
    margin-bottom: 11.2rem
}

.popup-detail-newsroom .modal-box--header .lightbox__close {
    top: 4.6rem
}

@media screen and (max-width: 768px) {
    .popup-detail-newsroom .modal-box--header .lightbox__close {
        top:2.6rem
    }
}

.popup-detail-newsroom .carousel-thumb {
    width: 100%;
    display: inline-block;
    height: auto;
    background-color: #000;
    text-align: center
}

.popup-detail-newsroom .carousel-thumb .all {
    width: 893px;
    height: auto;
    display: inline-block
}

.popup-detail-newsroom .carousel-thumb .all .slider {
    padding-top: 16px;
    width: auto;
    height: auto;
    overflow: hidden;
    border-radius: 3px;
    position: relative
}

.popup-detail-newsroom .carousel-thumb .all .slider .owl-dots,.popup-detail-newsroom .carousel-thumb .all .slider .owl-nav {
    display: none
}

.popup-detail-newsroom .carousel-thumb .all .slider .item-box {
    padding: 20px;
    overflow: hidden;
    width: 100%;
    height: 400px;
    position: relative;
    border-radius: 3px;
    background: no-repeat url(http://www.cyw51.com/file/upload/201302/22/18-49-19-74-127.jpg) center center;
    background-size: cover
}

.popup-detail-newsroom .carousel-thumb .all .slider .item-box:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    content: "";
    display: block
}

@media screen and (max-width: 320px) {
    .popup-detail-newsroom .carousel-thumb .all .slider .item-box {
        width:318px
    }
}

@media screen and (max-width: 768px) {
    .popup-detail-newsroom .carousel-thumb .all .slider .item-box {
        height:250px
    }
}

.popup-detail-newsroom .carousel-thumb .all .owl-nav .container .owl-nav-container .owl-prev {
    position: absolute;
    left: -20rem
}

.popup-detail-newsroom .carousel-thumb .all .owl-nav .container .owl-nav-container .owl-prev .mavin-icon {
    color: #b0b0b0
}

.popup-detail-newsroom .carousel-thumb .all .owl-nav .container .owl-nav-container .owl-next {
    position: absolute;
    right: 10rem
}

.popup-detail-newsroom .carousel-thumb .all .owl-nav .container .owl-nav-container .owl-next .mavin-icon {
    color: #b0b0b0
}

.popup-detail-newsroom .carousel-thumb .all .slider-two {
    width: auto;
    height: auto;
    overflow: hidden;
    position: relative
}

.popup-detail-newsroom .carousel-thumb .all .slider-two .owl-dots,.popup-detail-newsroom .carousel-thumb .all .slider-two .owl-nav {
    display: none
}

.popup-detail-newsroom .carousel-thumb .all .slider-two:hover .left-t {
    visibility: visible;
    opacity: 1;
    left: 3px
}

.popup-detail-newsroom .carousel-thumb .all .slider-two:hover .right-t {
    visibility: visible;
    opacity: 1;
    right: 3px
}

.popup-detail-newsroom .carousel-thumb .all .slider-two .item {
    transition: all ease .25s;
    height: 5rem;
    border-radius: 3px;
    cursor: pointer;
    background: no-repeat url(http://www.cyw51.com/file/upload/201302/22/18-49-19-74-127.jpg) center center;
    background-size: cover
}

.popup-detail-newsroom .carousel-thumb .all .slider-two .item.active {
    box-shadow: 0 10px 20px 0 rgba(0,0,0,.15);
    border: solid 3px #cd9c13
}

.popup-detail-newsroom .carousel-thumb .all .slider-two .owl-stage {
    padding: 20px 0;
    width: 893px!important;
    padding-left: 19rem;
    transform: unset!important
}

.popup-detail-newsroom .carousel-thumb .all .slider-two .owl-stage .owl-item {
    width: 50px!important
}

.popup-detail-newsroom .carousel-thumb .all .slider-two .owl-stage .owl-item .item {
    width: 5rem
}

.popup-detail-newsroom .carousel-thumb .all .slider-two .left-t {
    cursor: pointer;
    position: absolute;
    z-index: 1;
    top: 20px;
    visibility: visible;
    opacity: 0;
    transition: all ease .25s;
    width: 25px;
    height: 50px;
    background-color: #cd9c13;
    left: 1px
}

.popup-detail-newsroom .carousel-thumb .all .slider-two .left-t span {
    position: relative;
    top: 1.3rem
}

.popup-detail-newsroom .carousel-thumb .all .slider-two .left-t.nonl-t {
    left: -40px;
    opacity: 0;
    visibility: hidden
}

.popup-detail-newsroom .carousel-thumb .all .slider-two .right-t {
    cursor: pointer;
    position: absolute;
    z-index: 1;
    top: 20px;
    right: 1px;
    visibility: visible;
    opacity: 1;
    transition: all ease .25s;
    width: 25px;
    height: 50px;
    background-color: #cd9c13
}

.popup-detail-newsroom .carousel-thumb .all .slider-two .right-t span {
    position: relative;
    top: 1.3rem
}

.popup-detail-newsroom .carousel-thumb .all .slider-two .right-t.nonr-t {
    right: -40px;
    opacity: 0;
    visibility: hidden
}

@media screen and (max-width: 768px) {
    .popup-detail-newsroom .carousel-thumb .all .slider-two {
        display:none
    }
}

@media screen and (max-width: 768px) {
    .popup-detail-newsroom .carousel-thumb .all {
        width:375px;
        height: 346px
    }
}

.popup-detail-newsroom .description {
    width: 912px
}

@media screen and (max-width: 768px) {
    .popup-detail-newsroom .description {
        width:328px
    }
}

@media screen and (max-width: 768px) {
    .akta-perusahaan .container .title-header .m-filter__wrapper {
        padding-left:unset;
        padding-right: unset;
        margin-top: unset!important
    }
}

@media screen and (max-width: 768px) {
    .page-laporan-keuangan .container .row.title-header .m-filter__wrapper {
        position:unset;
        padding-right: unset;
        padding-left: unset
    }
}

@media screen and (max-width: 375px) {
    .page-laporan-keuangan .container .row.title-header .m-filter__wrapper {
        margin-left:-1.7rem
    }
}

@media screen and (max-width: 360px) {
    .page-laporan-keuangan .container .row.title-header .m-filter__wrapper {
        margin-top:1rem
    }
}

@media screen and (max-width: 320px) {
    .page-laporan-keuangan .container .row.title-header .m-filter__wrapper {
        margin-left:-2.6rem;
        margin-top: 1rem
    }
}

.page-laporan-keuangan .container .m-table--wrapper {
    padding-top: unset!important
}

@media screen and (max-width: 768px) {
    .page-search-result .container.no-result {
        padding-right:unset;
        margin-left: unset
    }

    .page-search-result .container.no-result .card-produk-layanan {
        margin-right: unset!important
    }
}

@media screen and (max-width: 768px) {
    .csr-page .container .title-csr {
        padding-left:1.2rem
    }
}

.a-card--fitur .card-content img.mavin-icon {
    width: 36px
}

.m-card-kurs-data-wrapper .m-card-kurs-currency img {
    position: absolute;
    margin-top: 8px
}

.m-card-kurs-data-wrapper .m-card-kurs-currency span.a-text {
    padding-left: 25px
}

.bg-redeem-reward {
    background: url(/img/bg/bg-redeem-reward.svg);
    background-size: cover;
    background-repeat: no-repeat
}

.item-highlight-redeem.custom-redeem label {
    font-size: 1.4rem
}

.item-highlight-redeem.custom-redeem a {
    width: 100%;
    text-align: center
}

.item-highlight-redeem.custom-redeem .m-item-highlight-container-left {
    padding-top: 24px;
    padding-bottom: 48px;
    width: 80%
}

.item-highlight-redeem.custom-redeem .m-item-highlight-container-left-title {
    font-size: 3.2rem
}

@media screen and (max-width: 1024px) {
    .item-highlight-redeem.custom-redeem .m-item-highlight-container-left {
        width:100%;
        padding-bottom: 50px
    }
}

.o-bar {
    padding: 3.2rem 0;
    background-color: #031120;
    border-top: 1px solid #fff;
    position: fixed;
    z-index: 3;
    width: 100%;
    padding-right: 8rem;
    transition: bottom .2s ease-in-out;
    bottom: -14.5rem
}

.o-bar.is-active {
    bottom: 0
}

@media screen and (max-width: 1024px) {
    .o-bar.is-active {
        bottom:7.9rem;
        padding: 1.6rem 0
    }
}

.o-bar__wrapper {
    width: 100%
}

.o-bar__wrapper p {
    margin-bottom: 0
}

.o-bar__wrapper h3 {
    margin-top: .8rem
}

.o-bar__button-group {
    width: 1%;
    white-space: nowrap
}

.o-bar__button-group .a-button:first-of-type {
    margin-right: 2.4rem
}

@media screen and (max-width: 1024px) {
    .o-bar--download {
        z-index:1000;
        border-top: 1px solid rgba(108,108,108,.5)
    }

    .o-bar--download .tb-cell:nth-child(2) {
        display: none
    }

    .o-bar--download h3 {
        margin: 0
    }

    .o-bar--download .a-button {
        display: inline;
        background-color: transparent
    }

    .o-bar--download .a-button:first-of-type {
        margin-right: 0;
        color: #cd9c13
    }

    .o-bar--download .a-button:nth-child(2) {
        display: none
    }
}

@media screen and (max-width: 1024px) {
    .o-bar--comparison.o-bar--download .tb-cell:nth-child(2) {
        display:table-cell
    }
}

.o-product-highlight {
    position: relative
}

@media screen and (max-width: 768px) {
    .o-product-highlight {
        padding-top:22rem
    }
}

@media screen and (max-width: 768px) {
    .o-product-highlight .m-cardtype-img-wrapper {
        display:none
    }
}

@media screen and (max-width: 768px) {
    .o-product-highlight .m-cardtype-text-wrapper img {
        height:5.6rem
    }
}

@media screen and (max-width: 768px) {
    .o-product-highlight__slider {
        position:absolute;
        top: -4rem;
        width: 100%
    }

    .o-product-highlight__slider .a-cards {
        background-color: transparent;
        border: 0
    }
}

@media screen and (max-width: 768px) {
    .o-product-highlight__slider .m-card-creditcardtype-carousel .owl-dots {
        bottom:0
    }
}

.o-product-highlight__slider .a-card--creditcardtype-card-img {
    width: 100%
}

.o-product-highlight__slider .a-card--creditcardtype-card-img img {
    width: 12rem!important;
    margin: 0 auto
}

@media screen and (max-width: 768px) {
    .o-product-highlight__slider .a-card--creditcardtype-card-img img {
        width:20rem!important
    }
}

@media screen and (max-width: 768px) {
    .o-product-highlight__slider .a-card--creditcardtype-card-content {
        display:none
    }
}

.o-product-highlight__slider .a-card--creditcardtype-card-content .a-text--ellipsis {
    -webkit-line-clamp: 1
}

.o-smartbar:before {
    content: "";
    position: fixed;
    top: 0;
    bottom: 0;
    width: 80px;
    right: 0;
    background-color: #cd9c13;
    z-index: 1
}

@media screen and (max-width: 1024px) {
    .o-smartbar:before {
        content:initial
    }
}

.o-smartbar-item_container {
    position: fixed;
    background: #fff;
    height: 100%;
    top: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 1009;
    width: 50rem;
    overflow-y: auto;
    right: 212px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    transition-timing-function: cubic-bezier(0,1.4,1,1)
}

.o-smartbar-item_container:nth-child(2) {
    width: 600px!important
}

@media screen and (max-width: 1024px) {
    .o-smartbar-item_container {
        top:auto!important;
        left: 0;
        width: 100%;
        font-size: 0;
        z-index: 999
    }
}

.o-smartbar-item_container-close {
    display: none
}

@media screen and (max-width: 1024px) {
    .o-smartbar-item_container-close {
        display:block;
        position: absolute;
        right: 1.2rem;
        top: 3rem;
        z-index: 1010
    }

    .o-smartbar-item_container-close a {
        cursor: pointer
    }
}

.o-smartbar-item_container-inside {
    width: 100%;
    padding: 20px;
    position: absolute;
    display: none;
    z-index: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    transition-timing-function: cubic-bezier(0,1.4,1,1)
}

@media screen and (max-width: 768px) {
    .o-smartbar-item_container-inside {
        margin-top:2rem;
        padding: 30px 24px;
        margin-bottom: 4rem
    }
}

.o-smartbar-item_container-inside [class^=col-]:nth-child(1) .a-card,.o-smartbar-item_container-inside [class^=col-]:nth-child(1) .a-cards {
    transition-delay: 40ms
}

.o-smartbar-item_container-inside [class^=col-]:nth-child(2) .a-card,.o-smartbar-item_container-inside [class^=col-]:nth-child(2) .a-cards {
    transition-delay: 80ms
}

.o-smartbar-item_container-inside [class^=col-]:nth-child(3) .a-card,.o-smartbar-item_container-inside [class^=col-]:nth-child(3) .a-cards {
    transition-delay: 120ms
}

.o-smartbar-item_container-inside [class^=col-]:nth-child(4) .a-card,.o-smartbar-item_container-inside [class^=col-]:nth-child(4) .a-cards {
    transition-delay: 160ms
}

.o-smartbar-item_container-inside [class^=col-]:nth-child(5) .a-card,.o-smartbar-item_container-inside [class^=col-]:nth-child(5) .a-cards {
    transition-delay: .2s
}

.o-smartbar-item_container-inside [class^=col-]:nth-child(6) .a-card,.o-smartbar-item_container-inside [class^=col-]:nth-child(6) .a-cards {
    transition-delay: 240ms
}

.o-smartbar-item_container-inside [class^=col-]:nth-child(7) .a-card,.o-smartbar-item_container-inside [class^=col-]:nth-child(7) .a-cards {
    transition-delay: 280ms
}

.o-smartbar-item_container-inside [class^=col-]:nth-child(8) .a-card,.o-smartbar-item_container-inside [class^=col-]:nth-child(8) .a-cards {
    transition-delay: 320ms
}

.o-smartbar-item_container-inside [class^=col-]:nth-child(9) .a-card,.o-smartbar-item_container-inside [class^=col-]:nth-child(9) .a-cards {
    transition-delay: 360ms
}

.o-smartbar-item_container-inside [class^=col-]:nth-child(10) .a-card,.o-smartbar-item_container-inside [class^=col-]:nth-child(10) .a-cards {
    transition-delay: .4s
}

.o-smartbar-item_container-inside .bottom-position {
    padding-bottom: 10px;
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255,255,255,0);
    background: -moz-linear-gradient(top,rgba(255,255,255,0) 0,rgba(246,246,246,.53) 53%,#fff 100%);
    background: -webkit-gradient(left top,left bottom,color-stop(0,rgba(255,255,255,0)),color-stop(53%,rgba(246,246,246,.53)),color-stop(100%,#fff));
    background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(246,246,246,.53) 53%,#fff 100%);
    background: -o-linear-gradient(top,rgba(255,255,255,0) 0,rgba(246,246,246,.53) 53%,#fff 100%);
    background: -ms-linear-gradient(top,rgba(255,255,255,0) 0,rgba(246,246,246,.53) 53%,#fff 100%);
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(246,246,246,.53) 53%,#fff 100%)
}

.o-smartbar-item_container-inside .subtitle-text {
    font-size: 1.6rem;
    color: #7c7c7c
}

.o-smartbar-item_container-inside .link-text {
    color: #cd9c13;
    font-size: .875rem
}

.o-smartbar-item_container-inside .link-text a {
    cursor: pointer
}

.o-smartbar-item_container-inside .underline-text {
    text-decoration: underline
}

.o-smartbar-item_container-inside .center-text {
    text-align: center
}

.o-smartbar-item_container-inside .action-container {
    font-size: 1.6rem;
    margin: 30px auto;
    text-align: center
}

.o-smartbar-item_container-inside .action-container a {
    padding: 20px;
    min-width: 200px;
    cursor: pointer
}

.o-smartbar-item_container-inside .footer-container p {
    text-align: center;
    font-size: 1.4rem;
    color: #b0b0b0
}

.o-smartbar-item_container-inside .footer-container img {
    height: 40px;
    display: block;
    margin: 10px auto
}

.o-smartbar-item_container-inside.is-active {
    display: block;
    z-index: 1
}

.o-smartbar-item_container-inside.width-extend {
    width: 600px
}

@media screen and (max-width: 1024px) {
    .o-smartbar-item_container-inside {
        display:none
    }

    .o-smartbar-item_container-inside.is-active {
        margin-left: auto;
        margin-right: auto;
        display: block
    }

    .o-smartbar-item_container-inside.is-active .a-card--content {
        padding: 2.4rem 1.4rem
    }

    .o-smartbar-item_container-inside.is-active .a-card--content .a-text-subtitle {
        font-size: 1.6rem
    }

    .o-smartbar-item_container-inside .bottom-position {
        padding-bottom: 74px
    }
}

.o-smartbar-item_container.is-active {
    visibility: visible;
    opacity: 1
}

.o-smartbar-product-content {
    height: 100%;
    top: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 1010;
    width: 650px;
    overflow-y: auto
}

.o-smartbar-blocker {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
    z-index: 1009;
    display: none;
    opacity: 0;
    -webkit-transition: opacity .2s ease .1s,display .21s;
    -moz-transition: opacity .2s ease .1s,display .21s;
    -o-transition: opacity .2s ease .1s,display .21s;
    transition: opacity .2s ease .1s,display .21s
}

.o-smartbar-blocker.is-active {
    display: block;
    opacity: 1;
    -webkit-transition: opacity .2s ease .1s,display .21s;
    -moz-transition: opacity .2s ease .1s,display .21s;
    -o-transition: opacity .2s ease .1s,display .21s;
    transition: opacity .2s ease .1s,display .21s
}

@media screen and (max-width: 1024px) {
    .o-smartbar-blocker.is-active {
        display:none
    }
}

.o-smartbar.is-expanded {
    width: 212px;
    transition: width .2s ease-in-out;
    z-index: 10000;
    position: relative
}

@media screen and (max-width: 1024px) {
    .o-smartbar.is-expanded {
        width:100%
    }
}

.o-smartbar.is-expanded .m-smartbar-item_wrapper .m-smartbar-item .m-smartbar-item_caption {
    opacity: 1;
    -webkit-transform: translateX(0)!important;
    -moz-transform: translateX(0)!important;
    -ms-transform: translateX(0)!important;
    -o-transform: translateX(0)!important;
    transform: translateX(0)!important
}

.o-smartbar.is-expanded .m-smartbar-item_wrapper:not(:last-child) .m-smartbar-item_separator {
    left: -100px!important
}

@media screen and (max-width: 1024px) {
    .o-smartbar.is-expanded .m-smartbar-item_wrapper:not(:last-child) .m-smartbar-item_separator {
        left:initial!important
    }
}

.o-smartbar-content {
    background: #cd9c13;
    position: fixed;
    width: 80px;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1012;
    transition: width .2s ease-in-out;
	-webkit-box-shadow: 0 0 8px rgba(15, 15, 15, 0.15);
          box-shadow: 0 0 8px rgba(15, 15, 15, 0.15);
}

body.dimmed.dimmed_smart-search .o-smartbar-content {
    z-index: 1
}

@media screen and (max-width: 1024px) {
    .o-smartbar-content {
        top:auto!important;
        left: 0;
        width: 100%;
        font-size: 0;
        z-index: 1010
    }
}

@media screen and (max-width: 1024px) {
    .o-smartbar-content {
        width:100%
    }
}

.o-smartbar-content.active {
    width: 212px;
    transition: width .2s ease-in-out
}

@media screen and (max-width: 1024px) {
    .o-smartbar-content.active {
        width:100%
    }
}

.o-smartbar-content.active .m-smartbar-item_wrapper .m-smartbar-item .m-smartbar-item_caption {
    opacity: 1;
    -webkit-transform: translateX(0)!important;
    -moz-transform: translateX(0)!important;
    -ms-transform: translateX(0)!important;
    -o-transform: translateX(0)!important;
    transform: translateX(0)!important
}

@media screen and (max-width: 768px) {
    .o-smartbar-content.active .m-smartbar-item_wrapper .m-smartbar-item .m-smartbar-item_caption {
        width:5rem;
        margin-left: 50%;
        left: -2.5rem
    }
}

.o-smartbar-content.active .m-smartbar-item_wrapper:not(:last-child) .m-smartbar-item_separator {
    left: -100px!important
}

@media screen and (max-width: 1024px) {
    .o-smartbar-content.active .m-smartbar-item_wrapper:not(:last-child) .m-smartbar-item_separator {
        left:initial!important
    }
}

.o-smartbar-content:focus,.o-smartbar-content:focus-within,.o-smartbar-content:hover {
    width: 212px;
    transition: width .2s ease-in-out
}

@media screen and (max-width: 1024px) {
    .o-smartbar-content:focus,.o-smartbar-content:focus-within,.o-smartbar-content:hover {
        width:100%
    }
}

.o-smartbar-content:focus .m-smartbar-item_wrapper .m-smartbar-item .m-smartbar-item_caption,.o-smartbar-content:focus-within .m-smartbar-item_wrapper .m-smartbar-item .m-smartbar-item_caption,.o-smartbar-content:hover .m-smartbar-item_wrapper .m-smartbar-item .m-smartbar-item_caption {
    opacity: 1;
    -webkit-transform: translateX(0)!important;
    -moz-transform: translateX(0)!important;
    -ms-transform: translateX(0)!important;
    -o-transform: translateX(0)!important;
    transform: translateX(0)!important
}

.o-smartbar-content:focus .m-smartbar-item_wrapper:not(:last-child) .m-smartbar-item_separator,.o-smartbar-content:focus-within .m-smartbar-item_wrapper:not(:last-child) .m-smartbar-item_separator,.o-smartbar-content:hover .m-smartbar-item_wrapper:not(:last-child) .m-smartbar-item_separator {
    left: -100px!important
}

@media screen and (max-width: 1024px) {
    .o-smartbar-content:focus .m-smartbar-item_wrapper:not(:last-child) .m-smartbar-item_separator,.o-smartbar-content:focus-within .m-smartbar-item_wrapper:not(:last-child) .m-smartbar-item_separator,.o-smartbar-content:hover .m-smartbar-item_wrapper:not(:last-child) .m-smartbar-item_separator {
        left:initial!important
    }
}

@media screen and (max-width: 768px) {
    .o-smartbar-content.set-absolute {
        position:absolute
    }
}

.smartbar-expand .o-smartbar-content {
    width: 212px;
    transition: width .2s ease-in-out
}

@media screen and (max-width: 1024px) {
    .smartbar-expand .o-smartbar-content {
        width:100%
    }
}

.smartbar-expand .o-smartbar-content .m-smartbar-item_wrapper .m-smartbar-item .m-smartbar-item_caption {
    opacity: 1;
    -webkit-transform: translateX(0)!important;
    -moz-transform: translateX(0)!important;
    -ms-transform: translateX(0)!important;
    -o-transform: translateX(0)!important;
    transform: translateX(0)!important
}

.smartbar-expand .o-smartbar-content .m-smartbar-item_wrapper:not(:last-child) .m-smartbar-item_separator {
    left: -100px!important
}

@media screen and (max-width: 1024px) {
    .smartbar-expand .o-smartbar-content .m-smartbar-item_wrapper:not(:last-child) .m-smartbar-item_separator {
        left:initial!important
    }
}

@media screen and (max-width: 1024px) {
    .smartbar-expand .o-smartbar-content {
        width:100%
    }
}

.smartbar-is-open .o-smartbar-content {
    width: 212px;
    transition: width .2s ease-in-out
}

@media screen and (max-width: 1024px) {
    .smartbar-is-open .o-smartbar-content {
        width:100%
    }
}

.smartbar-is-open .o-smartbar-content .m-smartbar-item_wrapper .m-smartbar-item .m-smartbar-item_caption {
    opacity: 1;
    -webkit-transform: translateX(0)!important;
    -moz-transform: translateX(0)!important;
    -ms-transform: translateX(0)!important;
    -o-transform: translateX(0)!important;
    transform: translateX(0)!important
}

.smartbar-is-open .o-smartbar-content .m-smartbar-item_wrapper:not(:last-child) .m-smartbar-item_separator {
    left: -100px!important
}

@media screen and (max-width: 1024px) {
    .smartbar-is-open .o-smartbar-content .m-smartbar-item_wrapper:not(:last-child) .m-smartbar-item_separator {
        left:initial!important
    }
}

.o-article {
    font-size: 1.6rem;
    padding:1rem
}

@media screen and (max-width: 1024px) {
    .o-article {
        padding-top:0;
        padding-left: 0;
        padding-right: 0
    }
}

.o-article ul {
    padding-left: 2rem
}

.o-article li {
    line-height: 1.56;
    color: #6c6c6c
}

.o-article li:before {
    color: #6c6c6c;
    font-weight: 700;
    display: inline-block;
    width: 1em
}

.o-article li:before ul {
    padding-left: 0
}

@media screen and (max-width: 375px) {
    .o-article li {
        margin-right:1.6rem
    }

    .o-article li:last-child {
        margin-right: 0
    }
}

.o-article .o-header-title {
    margin-top: 1.8rem
}

@media screen and (max-width: 1024px) {
    .o-article .o-header-title {
        margin-left:0;
        margin-right: 0
    }
}

.o-article .o-header-title__date span:first-of-type i {
    margin-left: 0
}

.o-article-content--banner img {
    border-radius: 20px;
    width: 100%;
    max-height: 571px
}

.o-article-content--banner--card img {
    border-radius: 0
}

@media screen and (max-width: 1024px) {
    .o-article-content--banner {
        margin-left:1rem;
        margin-right: 1rem
    }
}

.o-article__content-wrapper {
    position: relative
}

.o-article__content-wrapper .a-text-icon {
    color: #000
}

@media screen and (max-width: 1024px) {
    .o-article__content-wrapper .m-share-icon__wrapper {
        display:block
    }
}

@media screen and (max-width: 1024px) {
    .o-article .m-article-carousel.owl-carousel .owl-stage-outer,.o-article .owl-carousel.m-card-carousel .owl-stage-outer,.o-article .owl-carousel.m-product-card-carousel .owl-stage-outer {
        border-radius:0
    }
}

.o-article__banner {
    margin: 1rem
}

.o-article__banner img {
    border-radius: 20px;
    width: 100%
}

@media screen and (max-width: 1024px) {
    .o-article__banner {
        margin-left:-2.4rem;
        margin-right: -2.4rem
    }

    .o-article__banner img {
        border-radius: 0
    }
}

@media screen and (max-width: 1024px) {
    .o-article__banner .a-text.a-text-small {
        margin-right:2.4rem;
        margin-left: 2.4rem
    }
}

.o-article__share-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 6.1rem;
    left: -19rem;
    font-size: 1.4rem
}

@media screen and (max-width: 1024px) {
    .o-article__share-link {
        font-size:1.6rem;
        margin-top: 3.2rem;
        width: 100%;
        position: initial;
        text-align: center
    }

    .o-article__share-link .m-share-icon__wrapper {
        display: block
    }
}

.o-article__share-link .m-share-icon {
    display: block
}

@media screen and (max-width: 1024px) {
    .o-article__share-link .m-share-icon {
        display:table
    }
}

@media screen and (max-width: 375px) {
    .o-article__share-link .m-share-icon {
        display:block;
        position: relative
    }
}

.o-article__share-link .m-share-icon ul {
    text-align: center;
    padding-left: 0;
    list-style-type: none!important;
    position: relative
}

.o-article__share-link .m-share-icon>* {
    display: block
}

@media screen and (max-width: 1024px) {
    .o-article__share-link .m-share-icon>* {
        display:table-cell
    }
}

@media screen and (max-width: 375px) {
    .o-article__share-link .m-share-icon>* {
        display:block
    }
}

.o-article-content {
    padding-top: 2rem
}

.o-article-content p .a-text-subtitle {
    margin-top: 3.2rem
}

.o-article-content h3 {
    margin-top: 3.2rem;
    margin-bottom: 1.6rem
}

.o-article-content p {
    line-height: 1.56;
    margin-bottom: 1.5rem
}

.o-article-content .m-share-icon__wrapper {
    margin-top: 3.2rem;
    margin-bottom: 3.2rem
}

@media screen and (max-width: 1024px) {
    .o-article-content .m-share-icon__wrapper {
        display:block
    }
}

.o-article--promo {
    padding-left: 10rem
}

@media screen and (max-width: 1024px) {
    .o-article--promo {
        padding-left:0
    }
}

.o-article--promo .m-share-icon {
    display: block
}

.o-article--promo .m-share-icon>* {
    text-align: left;
    display: block
}

.o-article--promo .o-article__banner {
    margin-left: -4rem
}

@media screen and (max-width: 1024px) {
    .o-article--promo .o-article__banner {
        margin-left:-2.4rem
    }
}

.o-article--promo .m-share-icon__center-text {
    margin-top: 2.4rem;
    font-size: 2.4rem;
    margin-bottom: 1.8rem
}

@media screen and (max-width: 1024px) {
    .o-article--promo .m-share-icon__center-text {
        text-align:left
    }
}

@media screen and (max-width: 1024px) {
    .popup-disclaimer-show .m-top {
        padding-top:8rem
    }
}

@media screen and (max-width: 1024px) {
    .popup-outdate-show .m-top {
        padding-top:8rem
    }
}

@media screen and (max-width: 768px) {
    .popup-outdate-show .m-top {
        padding-top:0
    }
}

.m-widget-calc {
    padding-top: 1.6rem
}

@media screen and (max-width: 1024px) {
    .m-widget-calc__wrapper {
        background-color:#fff;
        padding: 0 2.4rem
    }
}

.m-widget-calc__backdrop {
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    background-color: rgba(0,0,0,.5);
    transition: opacity .2s ease;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.m-widget-calc__backdrop.active {
    opacity: 1;
    z-index: 3;
    visibility: visible;
    z-index: 1010
}

.m-widget-calc-modal {
    position: absolute;
    font-size: 1.2rem;
    opacity: 0;
    visibility: hidden;
    z-index: 0
}

.m-widget-calc-modal.active {
    opacity: 1;
    visibility: visible;
    z-index: 2
}

@media screen and (max-width: 768px) {
    .m-widget-calc-modal {
        position:fixed;
        background-color: #fff;
        width: 100%;
        height: 100%;
        top: 0;
        margin-top: 0!important
    }
}

.m-widget-calc__form {
    width: 100%;
    position: relative
}

.m-widget-calc__form.input-focus .input-form {
    position: absolute;
    left: 0;
    width: 100%
}

.m-widget-calc__form.input-focus .m-widget-calc__form__action {
    z-index: 0;
    opacity: 0
}

.m-widget-calc__form .m-input-text {
    margin-bottom: 0
}

.m-widget-calc__form .m-input-text input {
    height: 4rem;
    padding: 0 4rem 0 0
}

.m-widget-calc__action {
    white-space: nowrap;
    padding-left: 1.5rem;
    width: 1%;
    opacity: 1;
    transition: opacity .3s ease
}

.m-widget-calc__action-head--filter {
    height: 6rem
}

.m-widget-calc__action-calc {
    padding-left: 0
}

.m-widget-calc__action a,.m-widget-calc__action button {
    cursor: pointer;
    color: #b88800;
    display: inline-block;
    height: 4rem;
    border: 1px solid #b88800;
    border-radius: 1.8rem;
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
    text-align: center
}

.m-widget-calc__action a i,.m-widget-calc__action button i {
    font-size: 1.8rem
}

.m-widget-calc__action a i,.m-widget-calc__action a span,.m-widget-calc__action button i,.m-widget-calc__action button span {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block
}

.m-widget-calc__action a--merchant a,.m-widget-calc__action a--merchant button,.m-widget-calc__action button--merchant a,.m-widget-calc__action button--merchant button {
    color: #b88800;
    display: inline-block;
    height: 4rem;
    border: 0;
    text-align: center
}

.m-widget-calc__action a--merchant i,.m-widget-calc__action button--merchant i {
    font-size: 1.8rem
}

.m-widget-calc__action a--merchant i,.m-widget-calc__action a--merchant span,.m-widget-calc__action button--merchant i,.m-widget-calc__action button--merchant span {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block
}

.m-widget-calc__action a.active-btn,.m-widget-calc__action a:hover,.m-widget-calc__action button.active-btn,.m-widget-calc__action button:hover {
    background: #b88800;
    color: #fff
}

.m-widget-calc__action a.active-btn i,.m-widget-calc__action a:hover i,.m-widget-calc__action button.active-btn i,.m-widget-calc__action button:hover i {
    color: #fff
}

.m-widget-calc__content {
    display: inline-block;
    position: relative
}

.m-widget-calc__content.active {
    z-index: 1012
}

.m-widget-calc__content-button {
    width: 11rem
}

.m-widget-calc__content-button span {
    padding-right: .8rem
}

.m-widget-calc__content-button .badge {
    display: none;
    background-color: #fff;
    border-radius: 1.2rem;
    color: #b88800;
    text-align: center;
    padding: 0;
    width: 2.5rem
}

.m-widget-calc__content-button.active,.m-widget-calc__content-button.has-filter {
    color: #fff;
    background-color: #b88800
}

.m-widget-calc__content-button.active i,.m-widget-calc__content-button.has-filter i {
    color: #fff
}

.m-widget-calc__content-button.has-filter i {
    display: none
}

.m-widget-calc__content-button.has-filter .badge {
    display: inline-block
}

.m-widget-calc__content-modal {
    position: absolute;
    text-align: left;
    font-size: 1.2rem;
    opacity: 0;
    visibility: hidden;
    z-index: 0;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s
}

.m-widget-calc__content-modal.active {
    opacity: 1;
    visibility: visible;
    z-index: 2
}

.m-widget-calc__content-modal .a-cards {
    background-color: #efefef;
    overflow: hidden;
    border-radius: 1.2rem
}

.m-widget-calc__content-modal.depend-with-button {
    max-width: 336px;
    width: 100%;
    right: 0;
    margin-top: 15px
}

@media screen and (max-width: 768px) {
    .m-widget-calc__content-modal.depend-with-button {
        max-width:100%
    }
}

.m-widget-calc__content-modal.active {
    opacity: 1;
    z-index: 1012;
    visibility: visible
}

@media screen and (max-width: 768px) {
    .m-widget-calc__content-modal {
        position:fixed;
        background-color: #fff;
        width: 100%;
        height: 100%;
        top: 0;
        margin-top: 0!important
    }
}

.m-widget-calc__content-modal ul {
    list-style: none;
    margin-bottom: 0;
    padding-left: 0
}

.m-widget-calc__content-modal__header .m-widget-calc__dropdown-modal__close {
    display: none;
    border: 0;
    position: absolute;
    top: 2.4rem;
    right: 2rem;
    width: 40px;
    height: 6rem
}

@media screen and (max-width: 768px) {
    .m-widget-calc__content-modal__header .m-widget-calc__dropdown-modal__close {
        display:block
    }
}

.m-widget-calc__content-modal__header .a-text.a-text-title {
    display: none
}

@media screen and (max-width: 768px) {
    .m-widget-calc__content-modal__header .a-text.a-text-title {
        margin-top:7rem;
        padding: 0 2.4rem;
        display: block;
        font-size: 3.2rem
    }
}

.m-widget-calc__content-modal__header-tab {
    display: table;
    width: 100%;
    border-bottom: solid 1px rgba(176,176,176,.35)
}

.m-widget-calc__content-modal__header-tab li {
    display: table-cell
}

.m-widget-calc__content-modal__header-tab a {
    border: 0;
    border-bottom: 4px solid transparent;
    width: 100%;
    border-radius: 0;
    color: #000;
    height: 6rem
}

.m-widget-calc__content-modal__header-tab a span {
    margin-top: 4px
}

.m-widget-calc__content-modal__header-tab a.active,.m-widget-calc__content-modal__header-tab a:hover {
    border-color: #b88800
}

.m-widget-calc__content-modal__header-tab a:hover {
    color: #b88800;
    background-color: transparent
}

.m-widget-calc__content-modal__content {
    padding: 1.6rem 2.4rem;
    max-height: 30rem;
    overflow-x: auto
}

@media screen and (max-width: 768px) {
    .m-widget-calc__content-modal__content {
        max-height:unset;
        height: calc(100vh - 307px)
    }
}

.m-widget-calc__content-modal__content-list {
    display: none
}

.m-widget-calc__content-modal__content-list.active {
    display: block
}

.m-widget-calc__content-modal__content-list.reksaDana {
    padding-top: 26px
}

.m-widget-calc__content-modal__footer {
    background-color: #fff;
    padding: 2.4rem
}

.m-widget-calc__content-modal__footer a {
    width: 100%;
    border-color: transparent
}

.m-widget-calc__content-modal__footer a.primary {
    height: 5.6rem;
    border-radius: 3rem;
    margin: 0
}

.m-widget-calc__content-modal__footer a.text-button {
    margin: 0;
    padding: 1.6rem 0 2.4rem
}

.m-widget-calc__content-modal__footer a.text-button:hover {
    background-color: transparent
}

.m-widget-calc__content-btn-calc {
    display: none!important
}

@media screen and (max-width: 768px) {
    .m-widget-calc__content-btn-calc {
        width:4rem
    }
}

.o-kurs-calc-content {
    margin-top: 64px
}

@media screen and (max-width: 768px) {
    .o-kurs-calc-content {
        margin-top:0
    }
}

.o-header-custom_wrapper {
    width: 100%;
    height: auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgba(0,0,0,.4);
    background-blend-mode: multiply
}

@media screen and (max-width: 768px) {
    .o-header-custom_wrapper {
        height:100vh
    }
}

@media screen and (max-width: 320px) {
    .o-header-custom_wrapper {
        height:120vh
    }
}

.o-header-custom_wrapper .tb {
    margin-top: 180px;
    height: 533px;
    min-width: 100%
}

@media screen and (max-width: 768px) {
    .o-header-custom_wrapper .tb {
        height:100vh;
        margin-top: 122px
    }
}

.o-header-custom_wrapper .tb_back {
    margin-top: 18vh;
    padding-bottom: 40px
}

.o-header-custom_wrapper .tb_back a {
    font-size: 1rem;
    color: #fff
}

.o-header-custom_wrapper .tb_back a i {
    color: #fff;
    padding-right: 5px
}

@media screen and (min-width: 1024px) {
    .o-header-custom_text {
        max-width:800px
    }
}

.o-header-custom_content {
    width: 100%;
    overflow: hidden;
    padding-left: 10rem
}

.o-header-custom_content a {
    color: #fff
}

@media screen and (min-width: 1024px) {
    .o-header-custom_content {
        max-width:900px
    }
}

@media screen and (max-width: 768px) {
    .o-header-custom_content {
        padding-left:0;
        width: 350px
    }
}

@media screen and (max-width: 320px) {
    .o-header-custom_content {
        width:300px;
        height: 100vh
    }
}

@media screen and (max-width: 1024px) {
    .o-header-custom_content .o-smart-search {
        margin-top:2.4rem
    }
}

@media screen and (max-width: 1024px) {
    bg-darker .o-header-title {
        color:#fff
    }

    bg-darker .o-header-title input {
        color: #000
    }
}

@keyframes heroBannerImage {
    0% {
        background-color: rgba(0,0,0,.7);
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        background-color: rgba(0,0,0,.45);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@media screen and (max-width: 768px) {
    .popup-disclaimer-show .o-header-small_wrapper.mobile {
        height:72vh;
        min-height: auto
    }
}

@media screen and (max-width: 320px) and (max-height:568px) {
    .popup-disclaimer-show.compare-obligasi .o-header-small_wrapper.mobile .back-button>*,.popup-disclaimer-show.compare-reksadana .o-header-small_wrapper.mobile .back-button>* {
        font-size:1.2rem
    }

    .popup-disclaimer-show.compare-obligasi .o-header-small_wrapper.mobile .m-banner,.popup-disclaimer-show.compare-reksadana .o-header-small_wrapper.mobile .m-banner {
        margin-top: 0!important
    }

    .popup-disclaimer-show.compare-obligasi .o-header-small_wrapper.mobile .m-banner-desc--tags-small,.popup-disclaimer-show.compare-reksadana .o-header-small_wrapper.mobile .m-banner-desc--tags-small {
        margin-top: 1rem;
        font-size: 1.6rem
    }

    .popup-disclaimer-show.compare-obligasi .o-header-small_wrapper.mobile .m-banner-desc-title,.popup-disclaimer-show.compare-reksadana .o-header-small_wrapper.mobile .m-banner-desc-title {
        font-size: 2rem;
        line-height: 3rem
    }

    .popup-disclaimer-show.compare-obligasi .o-header-small_wrapper.mobile .m-banner-action,.popup-disclaimer-show.compare-reksadana .o-header-small_wrapper.mobile .m-banner-action {
        margin-top: 0
    }

    .popup-disclaimer-show.compare-obligasi .o-header-small_wrapper.mobile .m-banner-action .a-button,.popup-disclaimer-show.compare-reksadana .o-header-small_wrapper.mobile .m-banner-action .a-button {
        margin-top: 0;
        padding: 12px 0
    }
}

@media screen and (max-width: 375px) and (max-height:667px) {
    .popup-disclaimer-show.compare-obligasi .o-header-small_wrapper.mobile .m-banner-action,.popup-disclaimer-show.compare-reksadana .o-header-small_wrapper.mobile .m-banner-action {
        margin-top:0
    }

    .popup-disclaimer-show.compare-obligasi .o-header-small_wrapper.mobile .m-banner-action .a-button,.popup-disclaimer-show.compare-reksadana .o-header-small_wrapper.mobile .m-banner-action .a-button {
        margin-top: 0
    }
}

.popup-outdate-show .o-header-small_wrapper {
    height: calc(533px + 82px)
}

@media screen and (max-width: 768px) {
    .popup-outdate-show .o-header-small_wrapper {
        min-height:100vh
    }
}

.popup-outdate-show .o-header-small_wrapper .tb {
    padding-top: 6.4rem
}

@media screen and (max-width: 768px) {
    .popup-outdate-show .o-header-small_wrapper .tb {
        padding-top:8.2rem
    }
}

.o-header-small_wrapper {
    height: calc(533px + 82px)
}

@media screen and (max-width: 768px) {
    .o-header-small_wrapper {
        height:calc(533px)
    }
}

@keyframes updown {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    35% {
        -webkit-transform: translateY(50%);
        -moz-transform: translateY(50%);
        -ms-transform: translateY(50%);
        -o-transform: translateY(50%);
        transform: translateY(50%)
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.popup-disclaimer-show .o-header-custom_wrapper .tb {
    margin-top: 17rem
}
.pagination {
            display: inline-block;
        }
 
        .pagination a {
            font-weight: bold;
            font-size: 16px;
            color: black;
            float: left;
            padding: 5px 10px;
            text-decoration: none;
			border-radius: 6px;
        }
 
        .pagination a.active {
            background-color: #cd9c13;
			color: #FFF
        }
 
        .pagination a:hover:not(.active) {
            background-color: #d4d5d2;
			padding: 4px 8px;
        } 
		.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
#contact input[type="text"],
#contact input[type="email"],
#contact input[type="tel"],
#contact input[type="url"],
#contact textarea,
#contact button[type="submit"] {
  font: 400 12px/16px "Roboto", Helvetica, Arial, sans-serif;
}

#contact {
  background: #F9F9F9;
  padding: 25px; 
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}
 
fieldset {
  border: medium none !important;
  margin: 0 0 10px;
  min-width: 100%;
  padding: 0;
  width: 100%;
}

#contact input[type="text"],
#contact input[type="email"],
#contact input[type="tel"],
#contact input[type="url"],
#contact textarea {
  width: 100%;
  border: 1px solid #ccc;
  background: #FFF;
  margin: 0 0 5px;
  padding: 10px;
}

#contact input[type="text"]:hover,
#contact input[type="email"]:hover,
#contact input[type="tel"]:hover,
#contact input[type="url"]:hover,
#contact textarea:hover {
  -webkit-transition: border-color 0.3s ease-in-out;
  -moz-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
  border: 1px solid #aaa;
}

#contact textarea {
  height: 100px;
  max-width: 100%;
  resize: none;
}

#contact button[type="submit"] {
  cursor: pointer;
  width: 100%;
  border: none;
  background: #c17c09;
  color: #FFF;
  margin: 0 0 5px;
  padding: 10px;
  font-size: 15px;
}

#contact button[type="submit"]:hover {
  background: #9c6100;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}

#contact button[type="submit"]:active {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}
 

#contact input:focus,
#contact textarea:focus {
  outline: 0;
  border: 1px solid #aaa;
}

#contact::-webkit-input-placeholder {
  color: #888;
}

#contact:-moz-placeholder {
  color: #888;
}

#contact::-moz-placeholder {
  color: #888;
}

#contact:-ms-input-placeholder {
  color: #888;
}

.full {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.full .content {
  background-color: rgba(0,0,0,0.75) !important;
  height: 100%;
  width: 100%;
  display: grid;
}
.full .content img { 
  transform: translate3d(0, 0, 0);
  animation: zoomin 1s ease; 
  max-width: 75%; 
  max-height: 75%;
  margin: auto;
}
.byebye {
  opacity: 0;
}
.byebye:hover {
  transform: scale(0.2) !important;
}
.gallery {
  display: grid;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-auto-rows: 8px;
}
.gallery img {
  max-width: 100%;
  border-radius: 8px;
  box-shadow: 0 0 16px #333;
  transition: all 1.5s ease;
}
.gallery img:hover {
  box-shadow: 0 0 32px #333;
}
.gallery .content {
  padding: 4px;
}
.gallery .gallery-item {
  transition: grid-row-start 300ms linear;
  transition: transform 300ms ease;
  transition: all 0.5s ease;
  cursor: pointer;
}
.gallery .gallery-item:hover {
  transform: scale(1.025);
}
@media (max-width: 600px) {
  .gallery {
    grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
  }
  .full .content img { max-width: 80%; }
}
@media (max-width: 400px) {
  .gallery {
    grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
  }
  .full .content img { max-width: 80%; }
}
@-moz-keyframes zoomin {
  0% {
    max-width: 50%;
    transform: rotate(-30deg);
    filter: blur(4px);
  }
  30% {
    filter: blur(4px);
    transform: rotate(-80deg);
  }
  70% {
    max-width: 50%;
    transform: rotate(45deg);
  }
  100% {
    max-width: 100%;
    transform: rotate(0deg);
  }
}
@-webkit-keyframes zoomin {
  0% {
    max-width: 50%;
    transform: rotate(-30deg);
    filter: blur(4px);
  }
  30% {
    filter: blur(4px);
    transform: rotate(-80deg);
  }
  70% {
    max-width: 50%;
    transform: rotate(45deg);
  }
  100% {
    max-width: 100%;
    transform: rotate(0deg);
  }
}
@-o-keyframes zoomin {
  0% {
    max-width: 50%;
    transform: rotate(-30deg);
    filter: blur(4px);
  }
  30% {
    filter: blur(4px);
    transform: rotate(-80deg);
  }
  70% {
    max-width: 50%;
    transform: rotate(45deg);
  }
  100% {
    max-width: 100%;
    transform: rotate(0deg);
  }
}
@keyframes zoomin {
  0% {
    max-width: 50%;
    transform: rotate(-30deg);
    filter: blur(4px);
  }
  30% {
    filter: blur(4px);
    transform: rotate(-80deg);
  }
  70% {
    max-width: 50%;
    transform: rotate(45deg);
  }
  100% {
    max-width: 100%;
    transform: rotate(0deg);
  }
}